/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
 */
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus,
a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row-no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav>li,
.nav>li>a {
    position: relative;
    display: block
}

.nav>li>a {
    padding: 10px 15px
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid;
    border-color: #ddd #ddd transparent
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    appearance: none
}

.modal,
.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

.clearfix:after,
.container-fluid:after,
.container:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print,
    th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1*var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker-rtl {
    direction: rtl
}

.datepicker-rtl.dropdown-menu {
    left: auto
}

.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, .2)
}

.datepicker-dropdown:after,
.datepicker-dropdown:before {
    content: "";
    display: inline-block;
    border-top: 0;
    position: absolute
}

.datepicker-dropdown:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #999
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(180deg, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: linear-gradient(180deg, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a", endColorstr="#fdf59a", GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
    background-color: #fdf59a
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover:active {
    background-color: #fbf069\9
}

.datepicker table tr td.today:hover:hover {
    color: #000
}

.datepicker table tr td.today.active:hover {
    color: #fff
}

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
    background: #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(180deg, #f3c17a, #f3e97a);
    background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: linear-gradient(180deg, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a", endColorstr="#f3e97a", GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today[disabled] {
    background-color: #f3e97a
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover:active {
    background-color: #efe24b\9
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(to bottom, #b3b3b3, grey);
    background-image: -ms-linear-gradient(to bottom, #b3b3b3, grey);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(grey));
    background-image: -webkit-linear-gradient(180deg, #b3b3b3, grey);
    background-image: -o-linear-gradient(to bottom, #b3b3b3, grey);
    background-image: linear-gradient(180deg, #b3b3b3, grey);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3", endColorstr="#808080", GradientType=0);
    border-color: grey grey #595959;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected[disabled] {
    background-color: grey
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover:active {
    background-color: #666\9
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #08c, #04c);
    background-image: -ms-linear-gradient(to bottom, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(180deg, #08c, #04c);
    background-image: -o-linear-gradient(to bottom, #08c, #04c);
    background-image: linear-gradient(180deg, #08c, #04c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
    background-color: #04c
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active {
    background-color: #039\9
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: #eee
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #08c, #04c);
    background-image: -ms-linear-gradient(to bottom, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(180deg, #08c, #04c);
    background-image: -o-linear-gradient(to bottom, #08c, #04c);
    background-image: linear-gradient(180deg, #08c, #04c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
    background-color: #04c
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
    background-color: #039\9
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
    color: #999
}

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
    cursor: pointer
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: #eee
}

.datepicker .next.disabled,
.datepicker .prev.disabled {
    visibility: hidden
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.input-append.date .add-on,
.input-prepend.date .add-on {
    cursor: pointer
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    margin-top: 3px
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px;
    padding-right: 0
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: 700;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0 0 0 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: #f1f1f1;
    color: #333;
    outline: none
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(180deg, #fff 50%, #eee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(180deg, #eee 50%, #ccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(180deg, #fff, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(180deg, #eee 50%, #fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

@font-face {
    font-family: Ayuthaya;
    src: url(../fonts/Ayuthaya.woff2) format("woff2"), url(../fonts/Ayuthaya.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: PixelFont7;
    src: url(../fonts/pixel-font-7.woff2) format("woff2"), url(../fonts/pixel-font-7.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-Regular.woff2) format("woff2"), url(../fonts/ProximaNova-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Bahij_TheSansArabic;
    src: url(../fonts/Bahij_TheSansArabic-Plain.woff2) format("woff2"), url(../fonts/BahijTheSansArabic-Plain.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-Light.woff2) format("woff2"), url(../fonts/ProximaNova-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Bahij_TheSansArabic;
    src: url(../fonts/Bahij_TheSansArabic-Light.woff2) format("woff2"), url(../fonts/BahijTheSansArabic-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-Semibold.woff2) format("woff2"), url(../fonts/ProximaNova-Semibold.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Bahij_TheSansArabic;
    src: url(../fonts/Bahij_TheSansArabic-Bold.woff2) format("woff2"), url(../fonts/BahijTheSansArabic-Bold.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-Bold.woff2) format("woff2"), url(../fonts/ProximaNova-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Bahij_TheSansArabic;
    src: url(../fonts/Bahij_TheSansArabic-Bold.woff2) format("woff2"), url(../fonts/BahijTheSansArabic-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-Extrabold.woff2) format("woff2"), url(../fonts/ProximaNova-Extrabold.woff) format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Bahij_TheSansArabic;
    src: url(../fonts/Bahij_TheSansArabic-ExtraBold.woff2) format("woff2"), url(../fonts/BahijTheSansArabic-ExtraBold.woff) format("woff");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot);
    src: url(../fonts/icomoon.eot#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf) format("truetype"), url(../fonts/icomoon.woff) format("woff"), url(../fonts/icomoon.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arr-left-thin:before {
    content: "\E911"
}

.icon-arr-right-thin:before {
    content: "\E912"
}

.icon-fat-arrow-right:before {
    content: "\E90F"
}

.icon-fat-arrow-left:before {
    content: "\E910"
}

.icon-arr-down:before {
    content: "\E90E"
}

.icon-arr-left:before {
    content: "\E90C"
}

.icon-arr-right:before {
    content: "\E90D"
}

.icon-close:before {
    content: "\E90B"
}

.icon-arrow-right:before {
    content: "\E905"
}

.icon-arrow-left:before {
    content: "\E906"
}

.icon-download:before {
    content: "\E904"
}

.icon-search-thin:before {
    content: "\E900"
}

.icon-caret_down:before {
    content: "\E901"
}

.icon-caret_left:before {
    content: "\E902"
}

.icon-caret_right:before {
    content: "\E909"
}

.icon-caret_top:before {
    content: "\E90A"
}

.icon-plus:before {
    content: "\E903"
}

.icon-search:before {
    content: "\E907"
}

.icon-user:before {
    content: "\E908"
}

.icon-linkedin {
    position: relative
}

.icon-linkedin:before {
    content: url(../images/linkedin.svg)
}

@media only screen and (max-width:767px) {
    .icon-linkedin:before {
        content: "";
        background: url(../images/linkedin.svg);
        background-size: contain;
        height: 16px;
        display: inline-block;
        background-repeat: no-repeat;
        width: 18px
    }
}

.icon-linkedin:after {
    opacity: 0;
    position: absolute;
    left: 0;
    content: url(../images/linkedin_active.svg)
}

@media only screen and (max-width:767px) {
    .icon-linkedin:after {
        content: "";
        background: url(../images/linkedin_active.svg);
        background-size: contain;
        height: 16px;
        display: inline-block;
        background-repeat: no-repeat;
        width: 18px
    }
}

.icon-linkedin:hover:after {
    opacity: 1
}

@media only screen and (max-width:767px) {
    .icon-linkedin:hover:after {
        opacity: 0
    }
}

.icon-instagram {
    position: relative
}

.icon-instagram:before {
    content: url(../images/instagram.svg)
}

@media only screen and (max-width:767px) {
    .icon-instagram:before {
        content: "";
        background: url(../images/instagram.svg);
        background-size: contain;
        height: 16px;
        display: inline-block;
        background-repeat: no-repeat;
        width: 17px
    }
}

.icon-instagram:after {
    opacity: 0;
    position: absolute;
    left: 0;
    content: url(../images/instagram_active.svg)
}

@media only screen and (max-width:767px) {
    .icon-instagram:after {
        content: "";
        background: url(../images/instagram_active.svg);
        background-size: contain;
        height: 16px;
        display: inline-block;
        background-repeat: no-repeat;
        width: 17px
    }
}

.icon-instagram:hover:after {
    opacity: 1
}

@media only screen and (max-width:767px) {
    .icon-instagram:hover:after {
        opacity: 0
    }
}

.icon-youtube {
    position: relative
}

.icon-youtube:before {
    content: url(../images/youtube.svg)
}

@media only screen and (max-width:767px) {
    .icon-youtube:before {
        content: "";
        background: url(../images/youtube.svg);
        background-size: contain;
        height: 16px;
        display: inline-block;
        background-repeat: no-repeat;
        width: 20px
    }
}

.icon-youtube:after {
    opacity: 0;
    position: absolute;
    left: 0;
    content: url(../images/youtube_active.svg)
}

@media only screen and (max-width:767px) {
    .icon-youtube:after {
        content: "";
        background: url(../images/youtube_active.svg);
        background-size: contain;
        height: 16px;
        display: inline-block;
        background-repeat: no-repeat;
        width: 20px
    }
}

.icon-youtube:hover:after {
    opacity: 1
}

@media only screen and (max-width:767px) {
    .icon-youtube:hover:after {
        opacity: 0
    }
}

.icon-facebook {
    position: relative
}

.icon-facebook:before {
    content: url(../images/facebook.svg)
}

@media only screen and (max-width:767px) {
    .icon-facebook:before {
        content: "";
        background: url(../images/facebook.svg);
        background-size: contain;
        height: 17px;
        display: inline-block;
        background-repeat: no-repeat;
        width: 10px
    }
}

.icon-facebook:after {
    opacity: 0;
    content: url(../images/facebook_active.svg);
    position: absolute;
    left: 0
}

@media only screen and (max-width:767px) {
    .icon-facebook:after {
        content: "";
        background: url(../images/facebook_active.svg);
        background-size: contain;
        height: 17px;
        display: inline-block;
        background-repeat: no-repeat;
        width: 10px
    }
}

.icon-facebook:hover:after {
    opacity: 1
}

@media only screen and (max-width:767px) {
    .icon-facebook:hover:after {
        opacity: 0
    }
}

* {
    margin: 0;
    padding: 0
}

body,
html {
    height: 100%;
    margin: 0;
    font-family: ProximaNova, Bahij_TheSansArabic, sans-serif;
    font-size: 16px
}

@media only screen and (max-width:1440px) {

    body,
    html {
        font-size: 15px
    }
}

@media only screen and (max-width:1500px) {

    body,
    html {
        font-size: 14px
    }
}

@media only screen and (max-width:767px) {

    body,
    html {
        font-size: 16px
    }
}

body {
    margin: 0;
    color: #363636;
    font-weight: 400;
    background-color: #fff;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body .modal-open {
    margin-right: 0
}

body.active {
    overflow: hidden
}

.wrapper {
    min-height: 100%;
    margin-bottom: -50px;
    overflow-x: hidden
}

.wrapper .container {
    height: 100%
}

.wrapper input,
.wrapper select,
.wrapper textarea {
    font-weight: 400;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: ProximaNova, Bahij_TheSansArabic, sans-serif;
    color: #363636;
    font-size: 16px
}

.wrapper select {
    cursor: pointer;
    padding: 9px 6px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    height: 36px;
    -moz-appearance: none;
    background: none;
    text-indent: .01px;
    text-overflow: ""
}

a {
    color: #363636;
    text-decoration: none !important;
    cursor: pointer;
    outline: 0
}

ul {
    padding-left: 0
}

ul li {
    line-height: 26px
}

a:hover {
    text-decoration: underline
}

img {
    border: 0
}

input[type=submit] {
    cursor: pointer
}

input:focus,
textarea:focus {
    outline: none transparent
}

select:focus {
    outline: none
}

section {
    display: block
}

.errors,
.success {
    background: #fff;
    display: block;
    font-size: 14px;
    overflow: hidden;
    padding: 0
}

.errors {
    color: #f04f71
}

.success {
    color: #51bf9b
}

::selection {
    background: #000;
    color: #fff
}

::-moz-selection {
    background: #000;
    color: #fff
}

.win-os ::-webkit-scrollbar {
    width: 10px;
    height: 5px;
    cursor: pointer
}

@media only screen and (max-width:768px) {
    .win-os ::-webkit-scrollbar {
        width: 4px
    }
}

.win-os ::-webkit-scrollbar-track {
    background-color: #ccc
}

.win-os ::-webkit-scrollbar-thumb {
    width: 10px;
    background-color: #ececec
}

@media only screen and (max-width:768px) {
    .win-os ::-webkit-scrollbar-thumb {
        width: 4px
    }
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #fff
}

input:-moz-placeholder,
input::-moz-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder {
    color: #fff
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #fff
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent !important
}

input:focus:-moz-placeholder,
input:focus::-moz-placeholder,
textarea:focus:-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent !important
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent !important
}

input[type=submit] {
    -webkit-appearance: none
}

.ios-device * {
    background-attachment: scroll
}

.wow {
    visibility: hidden
}

@media only screen and (max-width:1024px) {
    .wow {
        visibility: visible
    }
}

.site-loader {
    display: none;
    background: #fff;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
    -webkit-transition: width .6s cubic-bezier(.6, .04, .12, .96);
    -moz-transition: width .6s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: width .6s cubic-bezier(.6, .04, .12, .96);
    -o-transition: width .6s cubic-bezier(.6, .04, .12, .96);
    transition: width .6s cubic-bezier(.6, .04, .12, .96)
}

.site-loader.anim {
    width: 25%
}

.logo-middle {
    display: none;
    height: auto;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: calc(50% - 100px);
    width: auto
}

.logo-middle img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap
}

.row.display-flex>[class*=col-] {
    display: flex;
    flex-direction: column
}

input[id*=phone]::-webkit-inner-spin-button,
input[id*=phone]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[id*=phone][type=number] {
    -moz-appearance: textfield
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-lowercase {
    text-transform: lowercase
}

body.edit-mode .buy-content,
body.edit-mode .sell-content {
    position: static;
    top: 0;
    left: 0;
    transform: none
}

.no-support {
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.2em;
    width: 100%;
    height: auto;
    padding: 10px
}

.no-support a {
    color: #fff;
    text-decoration: underline
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 1rem 0 .5rem;
    font-weight: 400
}

h1 {
    font-size: 4.125rem
}

h1,
h2 {
    line-height: 1.1
}

h2 {
    font-size: 2.875rem
}

h3 {
    font-size: 2.25rem
}

h3,
h4 {
    line-height: 1.3
}

h4 {
    font-size: 1.875rem
}

h5 {
    font-size: 1.625rem
}

h5,
h6 {
    line-height: 1
}

h6 {
    font-size: 1.125rem
}

p {
    font-size: .875rem;
    color: inherit;
    line-height: 1
}

.formidable .text-danger.error {
    color: #f44336;
    font-family: ProximaNova;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.125rem;
    position: absolute
}

@media only screen and (max-width:767px) {
    .formidable .text-danger.error {
        position: static
    }
}

.formidable .formidable_message {
    display: none
}

.formidable .formidable_message.alert,
.formidable .formidable_message.alert-error,
.formidable .formidable_message.alert-success {
    display: block;
    border: none !important;
    background-color: #71c4ec !important;
    padding: 24px
}

.formidable .formidable_message.alert-error p,
.formidable .formidable_message.alert-success p,
.formidable .formidable_message.alert p {
    font-size: 1.25rem;
    line-height: 1.5625rem;
    color: #fff
}

.formidable .element {
    margin-bottom: 32px;
    position: relative
}

@media only screen and (max-width:768px) {
    .formidable .element {
        margin-bottom: 15px
    }

    .formidable .element.upload {
        margin-top: 34px
    }
}

@media only screen and (max-width:767px) {
    .formidable .element {
        margin-bottom: 10px
    }
}

.formidable .element.invisiblecaptcha,
.formidable .element[class*=recaptcha-note] label {
    display: none
}

.formidable .element[class*=recaptcha-note] p,
.formidable .element[class*=recaptcha-note] p a {
    color: #000;
    font-family: ProximaNova
}

.formidable .element label {
    position: absolute;
    top: 12px;
    left: 0;
    pointer-events: none;
    padding: 0;
    font-weight: 500;
    font-size: .9375rem;
    line-height: 1.25rem;
    margin: 0;
    color: #969696;
    -webkit-transition: font-size .3s cubic-bezier(.6, .04, .12, .96), top .3s cubic-bezier(.6, .04, .12, .96);
    -moz-transition: font-size .3s cubic-bezier(.6, .04, .12, .96), top .3s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: font-size .3s cubic-bezier(.6, .04, .12, .96), top .3s cubic-bezier(.6, .04, .12, .96);
    -o-transition: font-size .3s cubic-bezier(.6, .04, .12, .96), top .3s cubic-bezier(.6, .04, .12, .96);
    transition: font-size .3s cubic-bezier(.6, .04, .12, .96), top .3s cubic-bezier(.6, .04, .12, .96)
}

.page-arabic .formidable .element label {
    right: 0 !important;
    left: unset
}

.formidable .element label.focus {
    top: -7px;
    font-size: .75rem;
    line-height: 22px
}

.formidable .element label .required {
    color: red
}

.formidable .element input,
.formidable .element textarea {
    width: 100%;
    border: 0;
    height: 45px;
    padding: 4px 0 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: .9375rem;
    line-height: 1.25rem;
    color: #000;
    border-bottom: 1px solid #d6d6d6
}

.formidable .element textarea {
    height: 40px;
    min-width: 100%;
    max-width: 100%;
    padding-top: 12px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.formidable .element textarea.expand {
    height: 150px
}

.formidable .element select {
    height: 45px;
    font-size: .9375rem;
    line-height: 1.25rem;
    color: #000
}

.formidable .element .buttons {
    padding-top: 15px
}

.formidable .element .buttons input {
    width: auto;
    background: none;
    border-radius: 25px;
    padding: 10px 20px;
    opacity: 1;
    letter-spacing: .125rem;
    color: rgba(0, 0, 0, .5);
    border: 1px solid #000
}

.formidable .element .buttons input:hover {
    background: rgba(0, 0, 0, .5);
    color: #fff
}

.formidable .element.active label {
    top: -12px
}

.formidable .element>p,
.formidable .element>p a {
    color: #fff
}

.formidable .element .buttons {
    padding: 0
}

.formidable .element .buttons input {
    display: inline-block;
    padding: 0 24px;
    height: 32px;
    border: 1px solid #71c4ec;
    border-radius: 0;
    color: #fff;
    background: #71c4ec;
    font-size: .9375rem;
    letter-spacing: .2px;
    line-height: 32px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-arabic .formidable .element .buttons input {
    letter-spacing: normal
}

.formidable .element .buttons input:hover {
    background: transparent;
    color: #71c4ec
}

.formidable .formidable_column {
    padding-top: 0;
    padding-bottom: 0
}

@media only screen and (max-width:768px) {

    .formidable .formidable_column.col-sm-6,
    .formidable .formidable_column.col-sm-12 {
        width: 100%
    }
}

ul.custom-menu {
    padding-bottom: 36px;
    margin-bottom: 40px;
    display: inline-block;
    position: relative
}

@media only screen and (max-width:767px) {
    ul.custom-menu {
        padding-bottom: 12px;
        margin: 0 -10px 0 0
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    ul.custom-menu {
        padding: 0 50px
    }
}

ul.custom-menu:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    background-image: url(../images/line.png);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    ul.custom-menu:after {
        bottom: -23px
    }
}

@media only screen and (max-width:767px) {
    ul.custom-menu:after {
        background-size: contain
    }
}

ul.custom-menu li {
    display: inline-block;
    margin-right: 42px
}

.page-arabic ul.custom-menu li {
    margin-left: 42px;
    margin-right: 0
}

ul.custom-menu li:last-child {
    margin-right: 0
}

@media only screen and (max-width:1300px) {
    ul.custom-menu li {
        margin-right: 20px
    }

    .page-arabic ul.custom-menu li {
        margin-left: 20px;
        margin-right: 0
    }
}

@media only screen and (max-width:767px) {
    ul.custom-menu li {
        margin-bottom: 8px;
        margin-right: 10px
    }
}

ul.custom-menu li a {
    font-size: 1.0625rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .0625rem;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.page-arabic ul.custom-menu li a {
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    ul.custom-menu li a {
        letter-spacing: 0;
        font-size: .6875rem
    }
}

ul.custom-menu li a:hover {
    color: #a8986b
}

.collapse-list .collapse-item {
    cursor: pointer;
    width: 100%;
    border-bottom: 1px solid hsla(0, 0%, 59.6%, .2)
}

.collapse-list .collapse-item h5 {
    max-width: calc(100% - 24px);
    font-size: 1.5625rem;
    line-height: 1.5625rem
}

@media only screen and (max-width:1440px) {
    .collapse-list .collapse-item h5 {
        font-size: 1.25rem
    }
}

@media only screen and (max-width:767px) {
    .collapse-list .collapse-item h5 {
        font-size: 14px;
        line-height: 20px
    }
}

.collapse-list .collapse-item .collapse-title {
    padding: 12px;
    position: relative;
    width: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media only screen and (max-width:767px) {
    .collapse-list .collapse-item .collapse-title {
        padding: 12px 12px 8px
    }
}

.collapse-list .collapse-item .collapse-title:hover {
    background: hsla(0, 0%, 59.6%, .1)
}

.collapse-list .collapse-item .collapse-title:before {
    content: " ";
    position: absolute;
    right: 29px;
    top: 26px;
    width: 2px;
    height: 20px;
    background: #71c4ec;
    margin: auto
}

.page-arabic .collapse-list .collapse-item .collapse-title:before {
    right: unset;
    left: 29px
}

@media only screen and (max-width:767px) {
    .collapse-list .collapse-item .collapse-title:before {
        right: 16px;
        top: 28px;
        height: 14px
    }

    .page-arabic .collapse-list .collapse-item .collapse-title:before {
        right: unset;
        left: 16px
    }
}

.collapse-list .collapse-item .collapse-title:after {
    content: " ";
    position: absolute;
    right: 20px;
    top: 35px;
    width: 20px;
    height: 2px;
    background: #71c4ec;
    margin: auto
}

.page-arabic .collapse-list .collapse-item .collapse-title:after {
    right: unset;
    left: 20px
}

@media only screen and (max-width:767px) {
    .collapse-list .collapse-item .collapse-title:after {
        right: 10px;
        top: 33px;
        width: 14px
    }

    .page-arabic .collapse-list .collapse-item .collapse-title:after {
        right: unset;
        left: 10px
    }
}

.collapse-list .collapse-item .collapse-title[aria-expanded=true] {
    background: transparent !important
}

.collapse-list .collapse-item .collapse-title[aria-expanded=true]:before {
    opacity: 0
}

.collapse-list .collapse-item .collapse-info .collapse-info-inner {
    padding: 42px
}

.map-block {
    position: relative;
    overflow: hidden
}

.map-block img {
    width: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.map-block:hover img {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06)
}

.map-block a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.contact-details {
    display: flex;
    padding: 0 42px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #a8986b
}

@media only screen and (max-width:1300px) {
    .contact-details {
        padding: 0 34px
    }
}

@media only screen and (max-width:1200px) {
    .contact-details {
        padding: 0 24px
    }
}

@media only screen and (max-width:992px) {
    .contact-details {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

@media only screen and (max-width:767px) {
    .contact-details {
        padding: 0 15px
    }
}

.contact-details .location-selected {
    padding: 24px 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer
}

.contact-details .location-selected span {
    color: #fff;
    font-size: 1rem;
    letter-spacing: .7px
}

.contact-details .location-selected span:first-child {
    font-weight: 700
}

.contact-details .location-selected:after {
    content: " ";
    margin: 0 12px;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    right: -34px;
    top: 26px;
    transform: translateY(-5px) rotate(45deg);
    transition: transform .6s cubic-bezier(.6, .04, .12, .96)
}

@media only screen and (max-width:992px) {
    .contact-details .location-selected:after {
        width: 10px;
        height: 10px
    }
}

@media only screen and (max-width:768px) {
    .contact-details .location-selected {
        display: block
    }

    .contact-details .location-selected:after {
        position: absolute;
        right: 0;
        top: 30px
    }
}

.contact-details .location-selected.is-open:after {
    transform: translateY(1px) rotate(225deg)
}

.contact-details .location-selector {
    width: 260px;
    flex-shrink: 1;
    position: relative;
    height: inherit
}

.contact-details .location-selector:before {
    content: " ";
    display: block;
    position: absolute;
    height: 100%;
    width: 1px;
    background: #fff;
    right: 0
}

.page-arabic .contact-details .location-selector:before {
    right: unset;
    left: 0
}

@media only screen and (max-width:992px) {
    .contact-details .location-selector:before {
        display: none
    }
}

.contact-details .location-selector:after {
    display: block;
    position: absolute;
    bottom: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    height: 1px;
    width: 100%;
    background-color: #fff
}

@media only screen and (max-width:767px) {
    .contact-details .location-selector:after {
        bottom: 5px
    }
}

@media only screen and (max-width:768px) {
    .contact-details .location-selector {
        width: 100%
    }

    .contact-details .location-selector:after {
        content: " "
    }
}

.contact-details .location-selector .location-select {
    background: #fff;
    position: absolute;
    list-style: none;
    padding: 0;
    display: none;
    bottom: 68px;
    z-index: -1;
    box-shadow: 1px 1px 9px 0 rgba(0, 0, 0, .1)
}

@media only screen and (max-width:1024px) {
    .contact-details .location-selector .location-select {
        bottom: -97px;
        z-index: 1
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .contact-details .location-selector .location-select {
        bottom: -100px;
        z-index: 1
    }
}

@media only screen and (max-width:767px) {
    .contact-details .location-selector .location-select {
        bottom: -97px
    }
}

.contact-details .location-selector .location-select .location-option {
    padding: 12px 24px;
    cursor: pointer;
    background: #fff;
    color: #71c4ec;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.contact-details .location-selector .location-select .location-option span {
    font-size: 1.125rem;
    letter-spacing: .7px
}

.contact-details .location-selector .location-select .location-option span:first-child {
    font-weight: 700
}

.contact-details .location-selector .location-select .location-option:hover {
    color: #fff;
    background: #71c4ec
}

.contact-details .location-detail-view {
    height: inherit;
    flex-grow: 1;
    width: auto
}

.contact-details .location-detail-view .location-detail {
    padding-left: 24px;
    display: none;
    color: #fff !important
}

@media only screen and (max-width:992px) {
    .contact-details .location-detail-view .location-detail {
        padding-left: 0;
        padding-top: 24px;
        padding-bottom: 24px
    }
}

@media only screen and (max-width:767px) {
    .contact-details .location-detail-view .location-detail {
        padding-top: 12px;
        padding-bottom: 21px;
        max-width: 78%
    }
}

.page-arabic .contact-details .location-detail-view .location-detail {
    padding-right: 24px;
    padding-left: 0
}

@media only screen and (max-width:992px) {
    .page-arabic .contact-details .location-detail-view .location-detail {
        padding-right: 0
    }
}

.contact-details .location-detail-view .location-detail.active {
    display: block
}

.contact-details .location-detail-view .location-detail p {
    font-size: 1.125rem;
    line-height: 1.5625rem;
    color: #fff !important;
    display: inline;
    margin-right: 12px
}

@media only screen and (max-width:1400px) {
    .contact-details .location-detail-view .location-detail p {
        font-size: .9375rem
    }
}

@media only screen and (max-width:992px) {
    .contact-details .location-detail-view .location-detail p {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .contact-details .location-detail-view .location-detail p {
        font-size: 14px;
        line-height: 20px
    }
}

.contact-details .location-detail-view .location-detail p a,
.contact-details .location-detail-view .location-detail p strong {
    color: #fff !important
}

.contact-links {
    list-style: none
}

.contact-links li {
    display: inline-flex;
    align-items: center;
    margin-right: 24px;
    margin-bottom: 24px
}

.page-arabic .contact-links li {
    margin-right: 0;
    margin-left: 24px
}

.contact-links li img {
    width: 65px;
    height: 65px;
    object-fit: contain;
    margin-right: 15px
}

.page-arabic .contact-links li img {
    margin-right: 0;
    margin-left: 15px
}

@media only screen and (max-width:992px) {
    .contact-links li img {
        width: 48px;
        height: 48px
    }
}

@media only screen and (max-width:767px) {
    .contact-links li img {
        width: 45px;
        height: 45px
    }
}

.contact-links li a {
    font-size: 1.375rem;
    line-height: 1.625rem;
    color: #000
}

@media only screen and (max-width:767px) {
    .contact-links li a {
        font-size: 16px;
        line-height: 20px
    }
}

.download-list .download-title {
    margin-bottom: 42px
}

.download-list .download-title h4 {
    font-size: 1.875rem;
    line-height: 1.625rem;
    color: #152c49;
    letter-spacing: .01312rem;
    margin: 0;
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .download-list .download-title {
        margin-bottom: 40px
    }
}

.download-list .download-item {
    width: 100%;
    height: 40px;
    margin-bottom: 18px
}

@media only screen and (max-width:767px) {
    .download-list .download-item {
        margin-bottom: 14px
    }
}

.download-list .download-item a {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .15)
}

.download-list .download-item a span {
    padding: 0 4px 0 20px;
    flex-grow: 1;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.page-arabic .download-list .download-item a span {
    padding: 0 20px 0 4px;
    display: flex
}

.page-arabic .download-list .download-item a span em {
    padding-right: 4px;
    padding-left: 0
}

.download-list .download-item a i {
    display: block;
    flex-shrink: 1;
    height: 40px;
    width: 40px;
    padding: 12px 0 0;
    text-align: center;
    background: #71c4ec;
    color: #fff
}

@media only screen and (max-width:767px) {
    .download-list .download-item a i {
        font-size: 15px
    }
}

.sky-one-fund-features {
    margin: auto
}

.sky-one-fund-features ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style: none
}

@media only screen and (max-width:767px) {
    .sky-one-fund-features ul {
        display: block;
        text-align: center
    }
}

.sky-one-fund-features ul li {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width:767px) {
    .sky-one-fund-features ul li {
        margin-bottom: 0
    }
}

.sky-one-fund-features ul .sof-feature-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 165px;
    height: 165px;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    margin: 0 42px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .sky-one-fund-features ul .sof-feature-item {
        width: 170px;
        height: 170px
    }
}

.sky-one-fund-features ul .sof-feature-item h4 {
    color: #fff;
    margin: 0;
    letter-spacing: .1875rem;
    font-size: 1.5rem
}

.page-arabic .sky-one-fund-features ul .sof-feature-item h4 {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .sky-one-fund-features ul .sof-feature-item h4 {
        font-size: 30px;
        line-height: 25px
    }
}

.sky-one-fund-features ul .sof-feature-item h6 {
    color: #fff;
    margin: 0;
    font-size: 15px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .sky-one-fund-features ul .sof-feature-item h6 {
        font-size: 14px;
        line-height: 25px
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-features ul .sof-feature-item {
        width: 120px;
        height: 120px;
        margin: 0 24px
    }

    .sky-one-fund-features ul .sof-feature-item h4 {
        font-size: 1.25rem
    }

    .sky-one-fund-features ul .sof-feature-item h6 {
        font-size: 13px
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-features ul .sof-feature-item {
        margin: 0 12px
    }

    .sky-one-fund-features ul .sof-feature-item h4 {
        letter-spacing: 0;
        font-weight: 700
    }
}

@media only screen and (max-width:768px) {
    .image-content-block .image-container {
        text-align: center;
        margin-bottom: 24px
    }
}

.image-content-block img {
    width: 100%;
    max-width: 360px;
    height: auto
}

@media only screen and (max-width:768px) {
    .image-content-block img {
        margin: auto
    }
}

@media only screen and (max-width:767px) {
    .image-content-block img {
        max-width: 200px;
        margin-bottom: 10px
    }
}

.image-content-block .content {
    padding-left: 32px
}

.page-arabic .image-content-block .content {
    padding-left: 0;
    padding-right: 32px
}

@media only screen and (max-width:768px) {
    .image-content-block .content {
        padding-left: 0
    }

    .page-arabic .image-content-block .content {
        padding-left: 0;
        padding-right: 0
    }
}

.image-content-block .content p {
    font-size: 27px;
    line-height: 42px;
    letter-spacing: .2px;
    font-weight: 300;
    color: #000
}

.image-content-block .content p b,
.image-content-block .content p strong {
    font-weight: 700
}

.recognition-timeline {
    height: 100%;
    overflow: hidden;
    padding-left: 12px;
    cursor: grab
}

.recognition-timeline .recognition-slider {
    height: 100%;
    overflow: visible
}

.recognition-timeline .recognition-slider .swiper-wrapper {
    overflow: visible
}

.recognition-timeline .recognition-slider:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #eaeaea;
    height: 30px;
    width: 100%;
    margin: auto
}

@media only screen and (max-width:767px) {
    .recognition-timeline .recognition-slider:before {
        bottom: 9px;
        height: 20px;
        width: 110%;
        left: -20px
    }
}

.recognition-timeline .recognition-slider .swiper-slide {
    width: 25% !important;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center
}

@media only screen and (max-width:600px) {
    .recognition-timeline .recognition-slider .swiper-slide {
        width: 140px !important
    }

    .recognition-timeline .recognition-slider .swiper-slide:last-child {
        width: 80px !important
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .recognition-timeline .recognition-slider .swiper-slide:last-child {
        width: 80px !important
    }
}

.recognition-timeline .recognition-slider .swiper-slide:before {
    content: " ";
    display: block;
    position: absolute;
    left: 1px;
    top: calc(50% - 15px);
    height: 236px;
    width: 1px;
    background: hsla(0, 0%, 40%, .2)
}

.page-arabic .recognition-timeline .recognition-slider .swiper-slide:before {
    left: auto;
    right: 1px
}

@media only screen and (max-width:600px) {
    .recognition-timeline .recognition-slider .swiper-slide:before {
        top: calc(50% - 222px)
    }
}

@media only screen and (max-width:767px) {
    .recognition-timeline .recognition-slider .swiper-slide:before {
        height: 150px;
        top: calc(50% - 144px)
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .recognition-timeline .recognition-slider .swiper-slide:before {
        top: calc(50% - 222px)
    }
}

.recognition-timeline .recognition-slider .swiper-slide:last-child:before,
.recognition-timeline .recognition-slider .swiper-slide:nth-last-child(2):before {
    content: none
}

.recognition-timeline .recognition-slider .swiper-slide .recognition-anchor {
    cursor: pointer
}

.recognition-timeline .recognition-slider .swiper-slide .recognition-anchor .year-svg {
    position: absolute;
    top: calc(50% + 46px);
    left: 12px
}

.page-arabic .recognition-timeline .recognition-slider .swiper-slide .recognition-anchor .year-svg {
    left: auto;
    right: 12px;
    direction: ltr
}

@media only screen and (max-width:600px) {
    .recognition-timeline .recognition-slider .swiper-slide .recognition-anchor .year-svg {
        top: calc(50% - 240px);
        transform: scale(.7);
        transform-origin: bottom center
    }
}

@media only screen and (max-width:767px) {
    .recognition-timeline .recognition-slider .swiper-slide .recognition-anchor .year-svg {
        top: calc(50% - 190px)
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .recognition-timeline .recognition-slider .swiper-slide .recognition-anchor .year-svg {
        top: calc(50% - 240px);
        transform: scale(.7);
        transform-origin: bottom center
    }
}

@media only screen and (max-width:767px) {
    .recognition-timeline .recognition-slider .swiper-slide .recognition-anchor .year-svg svg {
        width: 80px;
        height: auto
    }
}

.recognition-timeline .recognition-slider .swiper-slide .recognition-anchor .caret-svg {
    position: absolute;
    left: 42px;
    top: calc(50% + 15px);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.page-arabic .recognition-timeline .recognition-slider .swiper-slide .recognition-anchor .caret-svg {
    left: auto;
    right: 42px
}

@media only screen and (max-width:600px) {
    .recognition-timeline .recognition-slider .swiper-slide .recognition-anchor .caret-svg {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        top: calc(50% - 46px)
    }
}

@media only screen and (max-width:767px) {
    .recognition-timeline .recognition-slider .swiper-slide .recognition-anchor .caret-svg {
        left: 18px
    }

    .page-arabic .recognition-timeline .recognition-slider .swiper-slide .recognition-anchor .caret-svg {
        left: auto;
        right: 18px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .recognition-timeline .recognition-slider .swiper-slide .recognition-anchor .caret-svg {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        top: calc(50% - 46px)
    }
}

@media only screen and (max-width:767px) {
    .recognition-timeline .recognition-slider .swiper-slide .recognition-anchor .caret-svg svg {
        opacity: 0;
        transform: scale(.5) translateY(-12px)
    }
}

.recognition-timeline .recognition-slider .swiper-slide .recognition-anchor.active .year-svg svg *,
.recognition-timeline .recognition-slider .swiper-slide .recognition-anchor:hover .year-svg svg * {
    fill: #a8986b
}

.recognition-timeline .recognition-slider .swiper-slide .recognition-anchor.active .caret-svg svg,
.recognition-timeline .recognition-slider .swiper-slide .recognition-anchor:hover .caret-svg svg {
    opacity: 1
}

.recognition-timeline .recognition-slider .swiper-slide .recognition-anchor.active .caret-svg svg *,
.recognition-timeline .recognition-slider .swiper-slide .recognition-anchor:hover .caret-svg svg * {
    fill: #71c4ec
}

.recognition-timeline .recognition-slider .swiper-slide .recognition-content {
    display: none;
    position: absolute;
    width: 672px;
    left: 42px;
    top: calc(50% + 238px)
}

.page-arabic .recognition-timeline .recognition-slider .swiper-slide .recognition-content {
    left: auto;
    right: 42px
}

@media only screen and (min-width:1200px) {
    .page-arabic .recognition-timeline .recognition-slider .swiper-slide .recognition-content h5 {
        line-height: 1.3
    }
}

@media only screen and (max-width:600px) {
    .recognition-timeline .recognition-slider .swiper-slide .recognition-content {
        top: calc(50% + 35px);
        width: 80vw
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .recognition-timeline .recognition-slider .swiper-slide .recognition-content {
        top: calc(50% + 35px);
        width: 80vw
    }
}

.recognition-timeline .recognition-slider .swiper-slide .recognition-content:before {
    z-index: 1;
    display: block;
    position: absolute;
    content: " ";
    width: 9px;
    height: 100%;
    background: #71c4ec;
    left: -45px
}

.page-arabic .recognition-timeline .recognition-slider .swiper-slide .recognition-content:before {
    left: auto;
    right: -45px
}

.recognition-timeline .recognition-slider .swiper-slide .recognition-content:after {
    z-index: 0;
    content: " ";
    display: block;
    position: absolute;
    left: -41px;
    height: 100%;
    width: 1px;
    top: 0;
    -webkit-transform: scaleY(1.5);
    -moz-transform: scaleY(1.5);
    -ms-transform: scaleY(1.5);
    -o-transform: scaleY(1.5);
    transform: scaleY(1.5);
    background: hsla(0, 0%, 40%, .2)
}

.page-arabic .recognition-timeline .recognition-slider .swiper-slide .recognition-content:after {
    left: auto;
    right: -41px
}

.recognition-timeline .recognition-slider .swiper-slide .recognition-content ul {
    list-style-type: none;
    max-width: 70%
}

@media only screen and (max-width:767px) {
    .recognition-timeline .recognition-slider .swiper-slide .recognition-content ul {
        max-width: 100%
    }
}

.recognition-timeline .recognition-slider .swiper-slide .recognition-content ul li {
    position: relative;
    font-size: 21px;
    letter-spacing: .2px;
    line-height: 29px;
    margin-left: -5px;
    color: grey;
    font-weight: 300
}

@media only screen and (max-width:767px) {
    .recognition-timeline .recognition-slider .swiper-slide .recognition-content ul li {
        font-size: 14px
    }
}

.recognition-timeline .recognition-slider .swiper-slide .recognition-content ul li:before {
    position: absolute;
    left: 0;
    content: "-";
    text-indent: -10px;
    -webkit-transform: scaleX(2);
    -moz-transform: scaleX(2);
    -ms-transform: scaleX(2);
    -o-transform: scaleX(2);
    transform: scaleX(2)
}

.page-arabic .recognition-timeline .recognition-slider .swiper-slide .recognition-content ul li:before {
    left: auto;
    right: 0
}

@media only screen and (max-width:767px) {
    .recognition-timeline .recognition-slider .swiper-slide .recognition-content ul li:before {
        text-indent: -7px
    }
}

.recognition-timeline .recognition-slider .swiper-slide:nth-child(odd):before {
    top: calc(50% - 222px)
}

@media only screen and (max-width:767px) {
    .recognition-timeline .recognition-slider .swiper-slide:nth-child(odd):before {
        top: calc(50% - 144px)
    }
}

.recognition-timeline .recognition-slider .swiper-slide:nth-child(odd) .recognition-anchor .year-svg {
    top: calc(50% - 240px)
}

@media only screen and (max-width:600px) {
    .recognition-timeline .recognition-slider .swiper-slide:nth-child(odd) .recognition-anchor .year-svg {
        transform: scale(.7);
        transform-origin: bottom center
    }
}

@media only screen and (max-width:767px) {
    .recognition-timeline .recognition-slider .swiper-slide:nth-child(odd) .recognition-anchor .year-svg {
        top: calc(50% - 190px)
    }
}

.recognition-timeline .recognition-slider .swiper-slide:nth-child(odd) .recognition-anchor .caret-svg {
    top: calc(50% - 46px);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.recognition-timeline .recognition-slider .swiper-slide:nth-child(odd) .recognition-content {
    top: auto;
    bottom: calc(50% + 235px)
}

@media only screen and (max-width:600px) {
    .recognition-timeline .recognition-slider .swiper-slide:nth-child(odd) .recognition-content {
        top: calc(50% + 35px);
        bottom: auto;
        width: 80vw
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .recognition-timeline .recognition-slider .swiper-slide:nth-child(odd) .recognition-content {
        top: calc(50% + 35px);
        bottom: auto;
        width: 80vw
    }
}

.research-publication-item {
    display: flex;
    margin-bottom: 24px;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 24px;
    width: 100%;
    height: 278px;
    background: #fff;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, .2)
}

@media only screen and (max-width:992px) {
    .research-publication-item {
        height: 250px;
        padding: 12px 24px
    }
}

@media only screen and (max-width:768px) {
    .research-publication-item {
        height: 200px
    }
}

@media only screen and (max-width:767px) {
    .research-publication-item {
        height: 219px;
        padding: 21px 20px 15px;
        margin-bottom: 30px
    }
}

.research-publication-item .publication-text-content {
    flex-grow: 1
}

.research-publication-item .publication-text-content h4 {
    margin: 0;
    font-size: 1.4375rem;
    letter-spacing: .00962rem;
    line-height: 1.75rem
}

.research-publication-item .publication-text-content .research-publication-title {
    font-weight: 700;
    color: #152c49
}

@media only screen and (max-width:767px) {
    .research-publication-item .publication-text-content .research-publication-title {
        letter-spacing: 0
    }
}

.research-publication-item .publication-text-content .research-publication-sub-title {
    color: #152c49
}

.research-publication-item .publication-text-content .research-publication-year {
    font-weight: 300;
    color: #71c4ec
}

@media only screen and (max-width:767px) {
    .research-publication-item .publication-text-content .research-publication-year {
        margin-bottom: 5px
    }
}

.research-publication-item .research-publication-download {
    flex-shrink: 1;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .9px;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media only screen and (max-width:767px) {
    .research-publication-item .research-publication-download {
        letter-spacing: 0
    }
}

.research-publication-item .research-publication-download i {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #71c4ec;
    font-size: 1.375rem
}

.research-publication-item .research-publication-download:hover {
    color: #71c4ec
}

.archives-wrapper .download-item {
    width: 100%;
    height: 58px;
    margin-bottom: 25px
}

@media only screen and (max-width:767px) {
    .archives-wrapper .download-item {
        height: 40px;
        margin-bottom: 15px
    }
}

.archives-wrapper .download-item a {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 58px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2)
}

@media only screen and (max-width:767px) {
    .archives-wrapper .download-item a {
        line-height: 40px
    }
}

.archives-wrapper .download-item a span {
    padding: 0 12px 0 20px;
    flex-grow: 1;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #152c49
}

.page-arabic .archives-wrapper .download-item a span {
    display: flex
}

@media only screen and (max-width:767px) {
    .archives-wrapper .download-item a span {
        font-size: 14px;
        padding: 0 10px
    }
}

.archives-wrapper .download-item a span em {
    color: #71c4ec;
    font-style: normal;
    padding-left: 4px;
    font-weight: 400
}

.archives-wrapper .download-item a i {
    display: block;
    flex-shrink: 1;
    height: 58px;
    width: 58px;
    padding: 0;
    line-height: 58px;
    font-size: 22px;
    text-align: center;
    background: linear-gradient(180deg, #36a4f5, #3fa9f5);
    color: #fff
}

@media only screen and (max-width:767px) {
    .archives-wrapper .download-item a i {
        flex-shrink: 0;
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 16px
    }
}

.global-spacer {
    width: 100%
}

.global-divider-line {
    background-color: hsla(0, 0%, 59.6%, .2)
}

header.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 20;
    height: 75px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    header.header {
        height: 100px
    }
}

header.header .header-bg {
    height: 100%;
    width: 100%;
    background: #fff
}

header.header .header-row {
    height: 100%;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .1);
    padding: 0 28px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.page-arabic header.header .header-row {
    direction: ltr
}

@media only screen and (max-width:992px) {
    header.header .header-row {
        padding: 0 12px
    }
}

header.header .header-row .logo {
    flex-shrink: 1
}

header.header .header-row .logo img {
    width: 65px;
    height: auto;
    backface-visibility: hidden;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease
}

header.header .header-row .logo img:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04)
}

@media only screen and (max-width:992px) {
    header.header .header-row .logo img {
        width: 60px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    header.header .header-row .logo img {
        width: 87px
    }
}

header.header .header-row .header-menu {
    flex-shrink: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

header.header .header-row .header-menu-item {
    flex-shrink: 1
}

header.header .header-row .header-menu-item ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 27px
}

@media only screen and (max-width:1300px) {
    header.header .header-row .header-menu-item ul li {
        margin-right: 24px
    }
}

header.header .header-row .header-menu-item ul.nav {
    margin: 0
}

header.header .header-row .header-menu-item ul.nav li>a {
    text-transform: uppercase;
    padding: 0;
    background: none;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1.16px;
    color: #152c49;
    text-shadow: 0 0 0 transparent, 0 0 transparent;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-arabic header.header .header-row .header-menu-item ul.nav li>a {
    letter-spacing: normal
}

header.header .header-row .header-menu-item ul.nav li>a.nav-path-selected,
header.header .header-row .header-menu-item ul.nav li>a.selected,
header.header .header-row .header-menu-item ul.nav li>a:focus,
header.header .header-row .header-menu-item ul.nav li>a:hover {
    text-shadow: -.25px -.25px 0 #152c49, .25px .25px #152c49
}

@media only screen and (max-width:767px) {

    header.header .header-row .header-menu-item ul.nav li>a.nav-path-selected,
    header.header .header-row .header-menu-item ul.nav li>a.selected,
    header.header .header-row .header-menu-item ul.nav li>a:focus,
    header.header .header-row .header-menu-item ul.nav li>a:hover {
        font-weight: 500
    }
}

header.header .header-row .header-menu-item ul.nav>li {
    position: relative
}

header.header .header-row .header-menu-item ul.nav>li.has-submenu:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 50px;
    left: 0;
    top: 0
}

header.header .header-row .header-menu-item ul.nav>li>ul {
    pointer-events: none;
    opacity: 0;
    position: absolute;
    background: #fff;
    padding: 16px;
    border-radius: 4px;
    box-shadow: 0 0 24px rgba(0, 0, 0, .2);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(42px);
    -moz-transform: translateY(42px);
    -ms-transform: translateY(42px);
    -o-transform: translateY(42px);
    transform: translateY(42px)
}

header.header .header-row .header-menu-item ul.nav>li>ul:after {
    content: " ";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    left: 25px;
    top: -8px;
    box-shadow: -6px -6px 7px rgba(0, 0, 0, .07);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

header.header .header-row .header-menu-item ul.nav>li>ul>li {
    position: relative;
    width: 100%;
    display: block;
    margin: 0 0 12px
}

header.header .header-row .header-menu-item ul.nav>li>ul>li:last-child {
    margin-bottom: 0
}

.page-arabic header.header .header-row .header-menu-item ul.nav>li>ul>li {
    text-align: right
}

header.header .header-row .header-menu-item ul.nav>li>ul>li a {
    white-space: nowrap;
    width: 100%;
    display: block;
    height: 100%
}

header.header .header-row .header-menu-item ul.nav>li>ul>li.has-submenu:before {
    content: " ";
    display: block;
    position: absolute;
    border: 1px solid #999;
    border-left: 0;
    border-bottom: 0;
    width: 9px;
    height: 9px;
    right: -5px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.page-arabic header.header .header-row .header-menu-item ul.nav>li>ul>li.has-submenu:before {
    left: -10px;
    right: auto;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

header.header .header-row .header-menu-item ul.nav>li>ul>li>ul {
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: -16px;
    left: calc(100% + 15px);
    background: #fff;
    padding: 16px;
    border-radius: 2px;
    box-shadow: 1px 0 4px rgba(0, 0, 0, .07);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.page-arabic header.header .header-row .header-menu-item ul.nav>li>ul>li>ul {
    left: auto;
    right: calc(100% + 15px);
    padding-left: 20px
}

header.header .header-row .header-menu-item ul.nav>li>ul>li>ul:before {
    content: " ";
    position: absolute;
    width: 50px;
    height: 100%;
    left: -50px;
    top: 0
}

.page-arabic header.header .header-row .header-menu-item ul.nav>li>ul>li>ul:before {
    left: auto;
    right: -50px
}

header.header .header-row .header-menu-item ul.nav>li>ul>li>ul li {
    margin: 0
}

header.header .header-row .header-menu-item ul.nav>li>ul>li>ul li a {
    color: #999
}

header.header .header-row .header-menu-item ul.nav>li>ul>li:hover>a {
    text-shadow: -.25px -.25px 0 #152c49, .25px .25px #152c49
}

header.header .header-row .header-menu-item ul.nav>li>ul>li:hover.has-submenu:before {
    border-width: 2px
}

header.header .header-row .header-menu-item ul.nav>li>ul>li:hover ul {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

header.header .header-row .header-menu-item ul.nav>li:hover>ul {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(24px);
    -moz-transform: translateY(24px);
    -ms-transform: translateY(24px);
    -o-transform: translateY(24px);
    transform: translateY(24px)
}

header.header .header-row .header-menu-item ul.ext-nav>li>a {
    color: #a8986b;
    text-shadow: 0 0 0 transparent, 0 0 transparent
}

header.header .header-row .header-menu-item ul.ext-nav>li>a:focus,
header.header .header-row .header-menu-item ul.ext-nav>li>a:hover {
    text-shadow: -.25px -.25px 0 #a8986b, .25px .25px #a8986b
}

header.header .header-row .header-menu-item ul.ext-nav>li>a i {
    font-size: .875rem
}

header.header .header-row .header-menu-item .search-box {
    margin-right: 2.25rem
}

@media only screen and (max-width:1300px) {
    header.header .header-row .header-menu-item .search-box {
        margin-right: 1.5rem
    }
}

@media only screen and (max-width:767px) {
    header.header .header-row .header-menu-item .search-box {
        display: none
    }
}

header.header .header-row .header-menu-item .search-box i {
    cursor: pointer;
    color: #999;
    vertical-align: middle;
    font-size: 1.1875rem;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

header.header .header-row .header-menu-item .search-box i:hover {
    color: #152c49
}

@media only screen and (max-width:992px) {
    header.header .header-row .header-menu-item .search-box i {
        font-size: 1.5rem
    }
}

header.header .header-row .header-menu-item ul.lang-selector li {
    margin-right: 0
}

@media only screen and (max-width:767px) {
    header.header .header-row .header-menu-item ul.lang-selector li a {
        font-size: 18px
    }
}

header.header .header-row .header-menu-item ul.lang-selector li a.inactive {
    color: #999 !important
}

.page-arabic header.header .header-row .header-menu-item ul.lang-selector li {
    margin-left: 0;
    margin-right: 0
}

header.header .header-row .header-menu-item ul.lang-selector li.vl-divider {
    width: 1px;
    height: 1rem;
    background: #999;
    margin: 0 2px
}

header.header .header-row .header-menu .v-divider {
    width: 1px;
    height: 24px;
    background: #e5e5e5;
    margin-right: 27px
}

@media only screen and (max-width:1300px) {
    header.header .header-row .header-menu .v-divider {
        margin-right: 24px
    }
}

@media only screen and (max-width:992px) {

    header.header .header-row .header-menu .main-header-nav,
    header.header .header-row .header-menu .main-header-nav+.v-divider {
        display: none
    }
}

@media only screen and (max-width:767px) {

    header.header .header-row .header-menu .extra-header-nav+.v-divider,
    header.header .header-row .header-menu .extra-header-nav ul.ext-nav {
        display: none
    }
}

.mobile-menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 15;
    padding: 99px 24px 24px;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .6s cubic-bezier(.6, .04, .12, .96);
    -moz-transition: all .6s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: all .6s cubic-bezier(.6, .04, .12, .96);
    -o-transition: all .6s cubic-bezier(.6, .04, .12, .96);
    transition: all .6s cubic-bezier(.6, .04, .12, .96)
}

@media only screen and (min-width:768px) {
    .mobile-menu {
        width: 50vw;
        -webkit-transform: translateX(100vw);
        -moz-transform: translateX(100vw);
        -ms-transform: translateX(100vw);
        -o-transform: translateX(100vw);
        transform: translateX(100vw)
    }
}

.mobile-menu.open {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

@media only screen and (min-width:768px) {
    .mobile-menu.open {
        -webkit-transform: translateX(50vw);
        -moz-transform: translateX(50vw);
        -ms-transform: translateX(50vw);
        -o-transform: translateX(50vw);
        transform: translateX(50vw)
    }
}

.mobile-menu .mobile-main-nav .search-box form {
    position: relative;
    margin-top: 10px
}

.mobile-menu .mobile-main-nav .search-box form input {
    width: calc(100% - 50px);
    border: none;
    border-bottom: 1px solid hsla(0, 0%, 60%, .7)
}

.page-arabic .mobile-menu .mobile-main-nav .search-box form input {
    width: 100%
}

.mobile-menu .mobile-main-nav .search-box form button {
    height: 25px;
    background: transparent;
    width: 50px;
    border: none;
    border-bottom: 1px solid hsla(0, 0%, 60%, .7);
    position: absolute;
    right: 0;
    top: 0
}

.page-arabic .mobile-menu .mobile-main-nav .search-box form button {
    right: unset;
    left: 0
}

.mobile-menu .mobile-main-nav .search-box form button i {
    color: hsla(0, 0%, 60%, .7);
    font-size: 17px
}

.page-arabic .mobile-menu .mobile-main-nav .search-box form button i {
    margin-left: -20px
}

.mobile-menu .mobile-main-nav ul {
    list-style: none
}

.mobile-menu .mobile-main-nav ul.nav {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 80vh;
    margin-top: 20px
}

.mobile-menu .mobile-main-nav ul li {
    margin-bottom: 16px
}

.mobile-menu .mobile-main-nav ul li a {
    text-transform: uppercase;
    padding: 0;
    background: none;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: .89px;
    color: #0d2c4c;
    text-shadow: 0 0 0 transparent, 0 0 transparent;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-arabic .mobile-menu .mobile-main-nav ul li a {
    letter-spacing: normal
}

.mobile-menu .mobile-main-nav ul li a.nav-selected,
.mobile-menu .mobile-main-nav ul li a.selected,
.mobile-menu .mobile-main-nav ul li a:focus,
.mobile-menu .mobile-main-nav ul li a:hover {
    text-shadow: -.25px -.25px 0 #152c49, .25px .25px #152c49
}

.mobile-menu .mobile-main-nav ul li>ul {
    display: none;
    margin: 6px 0;
    padding-left: 24px
}

.page-arabic .mobile-menu .mobile-main-nav ul li>ul {
    padding-left: 0;
    padding-right: 24px
}

.mobile-menu .mobile-main-nav ul li>ul li {
    margin-bottom: 4px
}

.mobile-menu .mobile-main-nav ul li>ul li>a {
    color: #999
}

.mobile-menu .mobile-main-nav ul li>ul li>ul {
    display: block !important
}

.mobile-menu .mobile-main-nav ul li.nav-path-selected>ul {
    display: block
}

.mobile-menu .mobile-main-nav ul.nav>li.has-submenu>a {
    display: inline-block;
    position: relative;
    z-index: 1
}

.mobile-menu .mobile-main-nav ul.nav>li.has-submenu>a:after {
    content: " ";
    display: inline-block;
    border: 1px solid #999;
    border-left: 0;
    border-top: 0;
    width: 9px;
    height: 9px;
    margin-left: 12px;
    margin-bottom: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.page-arabic .mobile-menu .mobile-main-nav ul.nav>li.has-submenu>a:after {
    padding-left: 8px;
    padding-right: 0;
    margin-right: 12px;
    margin-left: unset
}

.mobile-menu .mobile-main-nav ul.nav>li.has-submenu ul>li ul li a {
    display: inline-block;
    position: relative;
    text-transform: capitalize
}

.mobile-menu .mobile-main-nav ul.nav>li.has-submenu ul>li ul li a:before {
    content: " ";
    position: absolute;
    display: block;
    border: 1px solid hsla(0, 0%, 60%, .65);
    border-right: 0;
    border-top: 0;
    width: 14px;
    height: 10px;
    left: -22px;
    top: 3px
}

.page-arabic .mobile-menu .mobile-main-nav ul.nav>li.has-submenu ul>li ul li a:before {
    left: auto;
    right: -22px;
    border-right: 1px solid hsla(0, 0%, 60%, .65);
    border-left: 0
}

.mobile-menu .mobile-menu-extra {
    left: 0;
    bottom: 24px;
    text-align: center;
    display: none;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-top: 3px solid rgba(168, 152, 107, .1)
}

@media only screen and (max-width:767px) {
    .mobile-menu .mobile-menu-extra {
        display: flex
    }
}

.mobile-menu .mobile-menu-extra ul.ext-nav {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    padding-top: 12px
}

.mobile-menu .mobile-menu-extra ul.ext-nav>li {
    flex-shrink: 1
}

.mobile-menu .mobile-menu-extra ul.ext-nav>li:first-child {
    padding-left: 0
}

.mobile-menu .mobile-menu-extra ul.ext-nav>li:last-child {
    padding-right: 0
}

.mobile-menu .mobile-menu-extra ul.ext-nav>li>a {
    font-size: 1.1875rem;
    line-height: 1.375rem;
    color: #a8986b;
    text-shadow: 0 0 0 transparent, 0 0 transparent;
    padding: 10px 30px 10px 0
}

.page-arabic .mobile-menu .mobile-menu-extra ul.ext-nav>li>a {
    letter-spacing: normal;
    padding: 10px 0 10px 30px
}

.mobile-menu .mobile-menu-extra ul.ext-nav>li>a:focus,
.mobile-menu .mobile-menu-extra ul.ext-nav>li>a:hover {
    text-shadow: -.25px -.25px 0 #a8986b, .25px .25px #a8986b
}

@media only screen and (max-width:767px) {
    .mobile-menu .mobile-menu-extra ul.ext-nav>li>a {
        white-space: nowrap;
        font-size: 14px
    }
}

.mobile-menu .mobile-menu-extra ul.ext-nav>li>a i {
    font-size: .75rem;
    margin-right: 3px
}

.logged-in .header {
    top: 48px
}

#search-modal {
    padding: 0 !important;
    margin: 0
}

#search-modal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative
}

#search-modal .modal-dialog .search-box-close {
    cursor: pointer;
    z-index: 1;
    position: absolute;
    right: 24px;
    top: 24px;
    border: none;
    background: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    border-radius: 50%;
    padding: 12px;
    color: #000;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-arabic #search-modal .modal-dialog .search-box-close {
    right: auto;
    left: 24px
}

#search-modal .modal-dialog .search-box-close:hover {
    background: #a8986b;
    color: #fff
}

#search-modal .modal-dialog .modal-content {
    width: 100%;
    height: 100%;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

#search-modal .modal-dialog .modal-content .modal-body {
    width: 100%
}

#search-modal .modal-dialog .modal-content .modal-body .search-box {
    position: relative;
    width: 100%;
    max-width: 540px;
    margin: auto
}

#search-modal .modal-dialog .modal-content .modal-body .search-box input {
    width: 100%;
    height: 60px;
    padding: 0 24px;
    font-size: 1.5625rem;
    letter-spacing: .0625rem;
    border-radius: 4px;
    border: 2px solid #a8986b;
    color: #a8986b
}

#search-modal .modal-dialog .modal-content .modal-body .search-box input.placeholder {
    color: #a8986b
}

#search-modal .modal-dialog .modal-content .modal-body .search-box input:-moz-placeholder,
#search-modal .modal-dialog .modal-content .modal-body .search-box input::-moz-placeholder {
    color: #a8986b
}

#search-modal .modal-dialog .modal-content .modal-body .search-box input:-ms-input-placeholder {
    color: #a8986b
}

#search-modal .modal-dialog .modal-content .modal-body .search-box input::-webkit-input-placeholder {
    color: #a8986b
}

#search-modal .modal-dialog .modal-content .modal-body .search-box button {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 58px;
    height: 58px;
    border: none;
    background: transparent
}

.page-arabic #search-modal .modal-dialog .modal-content .modal-body .search-box button {
    right: unset;
    left: 1px
}

#search-modal .modal-dialog .modal-content .modal-body .search-box button .icon-search-thin {
    display: block;
    font-size: 1.5rem;
    color: #a8986b;
    -webkit-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -moz-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -o-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    transition: all .3s cubic-bezier(.6, .04, .12, .96)
}

#search-modal .modal-dialog .modal-content .modal-body .search-box button:hover .icon-search-thin {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.menu-btn {
    margin-left: 20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: none;
    justify-content: right;
    align-items: center
}

@media only screen and (max-width:992px) {
    .menu-btn {
        display: flex
    }
}

.menu-btn__burger {
    border-radius: 5px
}

.menu-btn__burger,
.menu-btn__burger:after,
.menu-btn__burger:before {
    width: 40px;
    height: 3px;
    background: #0d2c4c;
    transition: all .5s ease-in-out
}

.menu-btn__burger:after,
.menu-btn__burger:before {
    content: "";
    position: absolute;
    border-radius: 2px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.menu-btn__burger:before {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.menu-btn__burger:after {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px)
}

.menu-btn.open {
    width: 20px
}

.menu-btn.open .menu-btn__burger {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    width: 20px;
    background: transparent
}

.menu-btn.open .menu-btn__burger:before {
    -webkit-transform: rotate(45deg) translate(35px, -35px);
    -moz-transform: rotate(45deg) translate(35px, -35px);
    -ms-transform: rotate(45deg) translate(35px, -35px);
    -o-transform: rotate(45deg) translate(35px, -35px);
    transform: rotate(45deg) translate(35px, -35px);
    width: 20px
}

.menu-btn.open .menu-btn__burger:after {
    -webkit-transform: rotate(-45deg) translate(35px, 35px);
    -moz-transform: rotate(-45deg) translate(35px, 35px);
    -ms-transform: rotate(-45deg) translate(35px, 35px);
    -o-transform: rotate(-45deg) translate(35px, 35px);
    transform: rotate(-45deg) translate(35px, 35px);
    width: 20px
}

footer.footer {
    position: relative;
    background: #152c49;
    min-height: 376px;
    padding: 40px 24px;
    text-align: center
}

@media only screen and (max-width:767px) {
    footer.footer {
        padding: 20px 15px;
        min-height: auto
    }
}

footer.footer .logo {
    margin-bottom: 40px
}

@media only screen and (max-width:767px) {
    footer.footer .logo {
        margin-bottom: 15px
    }
}

footer.footer .logo img {
    width: 103px;
    height: auto;
    backface-visibility: hidden;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease
}

footer.footer .logo img:hover {
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95)
}

@media only screen and (max-width:992px) {
    footer.footer .logo img {
        width: 100px
    }
}

@media only screen and (max-width:767px) {
    footer.footer .logo img {
        width: 55px
    }
}

footer.footer .ccm-block-social-links {
    margin-top: 8px
}

footer.footer .ccm-block-social-links li {
    margin: 0 15px
}

.ccm-custom-style-container.ccm-custom-style-footercontent-1457 {
    color: rgb(136, 121, 85);
}

@media only screen and (max-width:992px) {
    footer.footer .ccm-block-social-links li {
        margin: 0 12px
    }
}

@media only screen and (max-width:767px) {
    footer.footer .ccm-block-social-links li {
        margin: 0 5px
    }
}

footer.footer .ccm-block-social-links li i {
    color: #f2f2f2;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

@media only screen and (max-width:992px) {
    footer.footer .ccm-block-social-links li i {
        font-size: 26px
    }
}

@media only screen and (max-width:767px) {
    footer.footer .ccm-block-social-links li i {
        width: 28px
    }
}

footer.footer .ccm-block-social-links li i:hover {
    color: #a8986b
}

main {
    padding-top: 75px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    main {
        padding-top: 100px
    }
}

.section-content {
    margin-bottom: 42px;
    padding-top: 24px
}

@media only screen and (max-width:992px) {
    .section-content {
        max-width: 460px
    }
}

.section-content h2 {
    font-size: 3.5625rem;
    letter-spacing: .17813rem;
    margin: 0 0 26px;
    position: relative
}

.page-arabic .section-content h2 {
    letter-spacing: normal
}

.section-content h2:before {
    content: " ";
    position: absolute;
    background: #71c4ec;
    width: 3px;
    left: -18px;
    top: 10px;
    bottom: 10px
}

.page-arabic .section-content h2:before {
    left: auto;
    right: -18px
}

@media only screen and (max-width:1200px) {
    .section-content h2 {
        font-size: 4rem
    }
}

@media only screen and (max-width:992px) {
    .section-content h2 {
        font-size: 3.5rem
    }
}

.section-content p {
    font-size: 1.375rem;
    line-height: 1.6875rem;
    letter-spacing: .0275rem;
    color: #000;
    max-width: 580px;
    margin-bottom: 15px
}

.page-arabic .section-content p {
    letter-spacing: normal
}

@media only screen and (max-width:992px) {
    .section-content p {
        max-width: 100%
    }
}

.section-content ul {
    list-style: none
}

@media only screen and (max-width:768px) {
    .section-content ul {
        margin-top: 16px
    }
}

.section-content ul li {
    display: inline-block;
    font-size: 0;
    margin-right: 22px
}

.page-arabic .section-content ul li {
    margin-right: auto;
    margin-left: 22px
}

.section-content ul li a {
    display: block;
    width: 156px;
    height: 40px;
    border: 1px solid #a8986b;
    color: #a8986b;
    background: transparent;
    font-size: 15px;
    letter-spacing: .2px;
    line-height: 40px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-arabic .section-content ul li a {
    letter-spacing: normal
}

.section-content ul li a:hover {
    background: #a8986b;
    color: #fff
}

.section-content.right {
    text-align: right
}

@media only screen and (max-width:768px) {
    .section-content.right {
        text-align: left
    }
}

.section-content.right h2:before {
    right: -18px;
    left: auto
}

@media only screen and (max-width:768px) {
    .section-content.right h2:before {
        left: -18px;
        right: auto
    }
}

.section-content.right ul li {
    margin-right: 0;
    margin-left: 22px
}

@media only screen and (max-width:768px) {
    .section-content.right ul li {
        margin-right: 22px;
        margin-left: 0
    }
}

.has-lined-title h1,
.has-lined-title h2,
.has-lined-title h3 {
    position: relative;
    margin: 0
}

.has-lined-title h1:before,
.has-lined-title h2:before,
.has-lined-title h3:before {
    content: " ";
    position: absolute;
    background: #71c4ec;
    width: 3px;
    left: -18px;
    top: 10px;
    bottom: 10px
}

.page-arabic .has-lined-title h1:before,
.page-arabic .has-lined-title h2:before,
.page-arabic .has-lined-title h3:before {
    left: unset;
    right: -18px
}

.banner-section {
    width: 100%;
    position: relative;
    height: calc(100vh - 130px);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    padding-top: 132px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .banner-section {
        padding-top: 130px;
        height: calc(100vh - 157px)
    }
}

@media only screen and (max-width:767px) {
    .banner-section {
        padding-top: 40px;
        background-position: 85%;
        height: calc(100vh - 250px)
    }
}

.banner-section .page-title h1 {
    color: #fff;
    font-size: 2.375rem;
    line-height: 2.875rem;
    font-weight: 300;
    letter-spacing: .285rem
}

.page-arabic .banner-section .page-title h1 {
    letter-spacing: normal
}

.banner-section .page-title h1 strong {
    font-weight: 700
}

@media only screen and (max-width:992px) {
    .banner-section .page-title h1 strong {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .banner-section .page-title h1 strong {
        display: inline
    }

    .banner-section .page-title h1 strong br {
        display: none
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .banner-section .page-title h1 strong {
        display: inline
    }

    .banner-section .page-title h1 strong br {
        display: none
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .banner-section .page-title h1 {
        width: 750px;
        font-size: 57px;
        line-height: 65px;
        font-weight: 400;
        letter-spacing: 4px
    }

    .page-arabic .banner-section .page-title h1 {
        letter-spacing: normal;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .banner-section .page-title h1 {
        width: 70%;
        letter-spacing: 0;
        font-weight: inherit;
        line-height: 40px;
        min-width: 250px
    }
}

.page-arabic .page-template-home .banner-section .page-title {
    text-align: left
}

@media only screen and (min-width:1440px) {
    .page-arabic .page-template-home .banner-section .page-title {
        text-align: center;
        margin-left: -100px
    }
}

.stats-section {
    position: absolute;
    bottom: -55px;
    height: 56px;
    background: #000;
    width: 100%
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .stats-section {
        height: 55px
    }
}

.stats-section li {
    line-height: 56px;
    color: #fff;
    margin-right: 24px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .stats-section li {
        line-height: 76px
    }
}

.stats-section li span {
    font-family: PixelFont7;
    font-size: 16px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .stats-section li span {
        font-size: 24px
    }
}

.stats-section li span.stat-type {
    text-transform: capitalize;
    color: #a8986b;
    margin-right: 8px
}

.stats-section li span.stat-type:after {
    content: ":"
}

.stats-section .stat-currency {
    color: #e93323;
    margin-right: 8px
}

.stats-section .stat-high i {
    color: #8bc558;
    margin-right: 8px
}

.stats-section .stat-low i {
    color: #e93323;
    margin-right: 8px
}

.stats-section .stat-volume i {
    color: #8bc558;
    margin-right: 8px
}

.stats-section {
    background: none;
    bottom: -57px;
    overflow: hidden
}

.stats-section.iframe iframe {
    width: 100%;
    height: 100%;
    border: none
}

.key-feature-section {
    padding: 140px 15px 24px
}

@media only screen and (max-width:1300px) {
    .key-feature-section {
        padding: 110px 0 12px
    }
}

@media only screen and (max-width:992px) {
    .key-feature-section {
        padding: 52px 0 12px
    }
}

.key-feature-section .key-features {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width:992px) {
    .key-feature-section .key-features {
        flex-direction: column;
        align-items: flex-start
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .key-feature-section .key-features {
        padding-top: 70px
    }
}

@media (max-width:991px) {
    .key-feature-section .key-features {
        display: block
    }
}

.key-feature-section .key-features .key-feature-title {
    flex-shrink: 1;
    width: 340px
}

@media only screen and (max-width:1200px) {
    .key-feature-section .key-features .key-feature-title {
        width: 300px
    }
}

@media only screen and (max-width:992px) {
    .key-feature-section .key-features .key-feature-title {
        margin-bottom: 0;
        padding: 0 24px
    }
}

@media only screen and (max-width:767px) {
    .key-feature-section .key-features .key-feature-title {
        margin-top: 85px;
        width: 220px;
        padding: 0 15px
    }
}

.key-feature-section .key-features .key-feature-title h2 {
    margin: 0;
    font-size: 3.5625rem;
    position: relative
}

.key-feature-section .key-features .key-feature-title h2:before {
    content: " ";
    position: absolute;
    background: #71c4ec;
    width: 3px;
    left: -18px;
    top: 10px;
    bottom: 10px
}

.page-arabic .key-feature-section .key-features .key-feature-title h2:before {
    left: auto;
    right: -18px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .key-feature-section .key-features .key-feature-title h2:before {
        height: 100%;
        top: 0
    }
}

@media only screen and (max-width:767px) {
    .key-feature-section .key-features .key-feature-title h2:before {
        height: 100%;
        top: 0;
        bottom: auto;
        left: -8px
    }

    .page-arabic .key-feature-section .key-features .key-feature-title h2:before {
        left: auto;
        right: -8px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .key-feature-section .key-features .key-feature-title h2 {
        font-size: 72px;
        line-height: 73px;
        margin-top: 90px;
        letter-spacing: 3.2px
    }

    .page-arabic .key-feature-section .key-features .key-feature-title h2 {
        letter-spacing: normal
    }
}

@media only screen and (max-width:767px) {
    .key-feature-section .key-features .key-feature-title h2 {
        font-size: 32px;
        line-height: 35px
    }
}

.key-feature-section .key-features .key-feature-items {
    flex-shrink: 1
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .key-feature-section .key-features .key-feature-items {
        margin-top: 76px
    }
}

@media only screen and (max-width:992px) {
    .key-feature-section .key-features .key-feature-items {
        padding: 12px;
        position: relative;
        width: 100%
    }
}

@media only screen and (max-width:992px) and (max-width:768px) {

    .key-feature-section .key-features .key-feature-items .swiper-button-next,
    .key-feature-section .key-features .key-feature-items .swiper-button-prev {
        top: 55%
    }
}

@media only screen and (max-width:992px) and (max-width:991px) and (min-width:768px) {

    .key-feature-section .key-features .key-feature-items .swiper-button-next,
    .key-feature-section .key-features .key-feature-items .swiper-button-prev {
        top: 53%
    }
}

@media only screen and (max-width:992px) and (max-width:767px) {

    .key-feature-section .key-features .key-feature-items .swiper-button-next,
    .key-feature-section .key-features .key-feature-items .swiper-button-prev {
        top: 50%
    }
}

@media only screen and (max-width:992px) {

    .key-feature-section .key-features .key-feature-items .swiper-button-next:after,
    .key-feature-section .key-features .key-feature-items .swiper-button-prev:after {
        color: #152c49;
        font-size: 34px
    }
}

@media only screen and (max-width:992px) and (max-width:992px) {

    .key-feature-section .key-features .key-feature-items .swiper-button-next:after,
    .key-feature-section .key-features .key-feature-items .swiper-button-prev:after {
        font-size: 30px
    }
}

@media only screen and (max-width:992px) and (max-width:768px) {

    .key-feature-section .key-features .key-feature-items .swiper-button-next:after,
    .key-feature-section .key-features .key-feature-items .swiper-button-prev:after {
        font-size: 26px
    }
}

@media only screen and (max-width:992px) and (max-width:767px) {

    .key-feature-section .key-features .key-feature-items .swiper-button-next:after,
    .key-feature-section .key-features .key-feature-items .swiper-button-prev:after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px
    }
}

@media only screen and (max-width:992px) and (max-width:991px) and (min-width:768px) {

    .key-feature-section .key-features .key-feature-items .swiper-button-next:after,
    .key-feature-section .key-features .key-feature-items .swiper-button-prev:after {
        font-size: 36px
    }
}

@media only screen and (max-width:992px) and (max-width:767px) {
    .key-feature-section .key-features .key-feature-items .swiper-button-next {
        right: 0;
        left: auto
    }

    .key-feature-section .key-features .key-feature-items .swiper-button-next:after {
        right: auto;
        left: 0
    }
}

@media only screen and (max-width:992px) and (max-width:991px) and (min-width:768px) {
    .key-feature-section .key-features .key-feature-items .swiper-button-next {
        right: 2%
    }
}

@media only screen and (max-width:992px) and (max-width:767px) {
    .key-feature-section .key-features .key-feature-items .swiper-button-prev {
        left: 0;
        right: auto
    }

    .key-feature-section .key-features .key-feature-items .swiper-button-prev:after {
        right: 0;
        left: auto
    }
}

@media only screen and (max-width:992px) and (max-width:991px) and (min-width:768px) {
    .key-feature-section .key-features .key-feature-items .swiper-button-prev {
        left: 2%
    }
}

.key-feature-section .key-features .swiper-container {
    overflow: visible
}

@media only screen and (max-width:768px) {
    .key-feature-section .key-features .swiper-container {
        overflow: hidden;
        max-width: 500px;
        margin: auto;
        padding: 42px 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .key-feature-section .key-features .swiper-container {
        max-width: 535px
    }
}

@media only screen and (max-width:767px) {
    .key-feature-section .key-features .swiper-container {
        max-width: 420px;
        padding: 42px 0 30px
    }
}

@media only screen and (max-width:480px) {
    .key-feature-section .key-features .swiper-container {
        max-width: 300px
    }
}

@media only screen and (max-width:768px) {
    .key-feature-section .key-features .swiper-wrapper {
        pointer-events: none !important
    }
}

.key-feature-section .key-features .swiper-wrapper .swiper-slide {
    padding: 12px 0;
    width: 105px
}

@media only screen and (max-width:1200px) {
    .key-feature-section .key-features .swiper-wrapper .swiper-slide {
        width: 90px
    }
}

@media only screen and (max-width:768px) {
    .key-feature-section .key-features .swiper-wrapper .swiper-slide {
        width: 120px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .key-feature-section .key-features .swiper-wrapper .swiper-slide {
        width: 150px !important
    }
}

@media only screen and (max-width:767px) {
    .key-feature-section .key-features .swiper-wrapper .swiper-slide {
        width: 96px !important
    }
}

.key-feature-section .key-features .swiper-wrapper .swiper-slide .key-feature-circle {
    position: relative;
    cursor: pointer;
    width: 105px;
    height: 105px;
    line-height: 105px;
    border-radius: 100%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
    background: #fff;
    -webkit-transition: transform .6s ease;
    -moz-transition: transform .6s ease;
    -ms-transition: transform .6s ease;
    -o-transition: transform .6s ease;
    transition: transform .6s ease
}

@media only screen and (max-width:992px) {
    .key-feature-section .key-features .swiper-wrapper .swiper-slide .key-feature-circle {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important
    }
}

@media only screen and (max-width:1200px) {
    .key-feature-section .key-features .swiper-wrapper .swiper-slide .key-feature-circle {
        width: 90px;
        height: 90px;
        line-height: 90px
    }
}

@media only screen and (max-width:768px) {
    .key-feature-section .key-features .swiper-wrapper .swiper-slide .key-feature-circle {
        width: 120px;
        height: 120px;
        line-height: 120px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .key-feature-section .key-features .swiper-wrapper .swiper-slide .key-feature-circle {
        width: 150px;
        height: 150px;
        line-height: 150px
    }
}

@media only screen and (max-width:460px) {
    .key-feature-section .key-features .swiper-wrapper .swiper-slide .key-feature-circle {
        width: 90px;
        height: 90px;
        line-height: 90px
    }
}

.key-feature-section .key-features .swiper-wrapper .swiper-slide .key-feature-circle .key-icon-holder {
    width: inherit;
    height: inherit;
    line-height: inherit;
    z-index: 1;
    text-align: center
}

.key-feature-section .key-features .swiper-wrapper .swiper-slide .key-feature-circle .key-icon-holder img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    left: 0;
    top: 0;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5)
}

.key-feature-section .key-features .swiper-wrapper .swiper-slide .key-feature-circle .key-icon-holder img.key-icon {
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    opacity: 1
}

.key-feature-section .key-features .swiper-wrapper .swiper-slide .key-feature-circle .key-icon-holder img.key-icon.active {
    z-index: 1;
    opacity: 0
}

.key-feature-section .key-features .swiper-wrapper .swiper-slide .key-feature-circle.active,
.key-feature-section .key-features .swiper-wrapper .swiper-slide .key-feature-circle:hover {
    z-index: 5
}

.key-feature-section .key-features .swiper-wrapper .swiper-slide .key-feature-circle.active .key-icon-holder img.active,
.key-feature-section .key-features .swiper-wrapper .swiper-slide .key-feature-circle:hover .key-icon-holder img.active {
    opacity: 1
}

@media only screen and (max-width:768px) {
    .key-feature-section .key-features .swiper-wrapper .swiper-slide .key-feature-circle {
        -webkit-transform: scale(.8) !important;
        -moz-transform: scale(.8) !important;
        -ms-transform: scale(.8) !important;
        -o-transform: scale(.8) !important;
        transform: scale(.8) !important
    }
}

@media only screen and (max-width:768px) {
    .key-feature-section .key-features .swiper-wrapper .swiper-slide.swiper-slide-active .key-feature-circle {
        -webkit-transform: scale(1.3) !important;
        -moz-transform: scale(1.3) !important;
        -ms-transform: scale(1.3) !important;
        -o-transform: scale(1.3) !important;
        transform: scale(1.3) !important;
        z-index: 5
    }
}

@media only screen and (max-width:768px) and (max-width:991px) and (min-width:768px) {
    .key-feature-section .key-features .swiper-wrapper .swiper-slide.swiper-slide-active .key-feature-circle {
        -webkit-transform: scale(1.5) !important;
        -moz-transform: scale(1.5) !important;
        -ms-transform: scale(1.5) !important;
        -o-transform: scale(1.5) !important;
        transform: scale(1.5) !important
    }
}

@media only screen and (max-width:768px) {
    .key-feature-section .key-features .swiper-wrapper .swiper-slide.swiper-slide-active .key-feature-circle .key-icon-holder img.active {
        opacity: 1
    }
}

.key-feature-section .key-content-block {
    padding: 20px 0 60px;
    display: none
}

@media only screen and (max-width:1300px) {
    .key-feature-section .key-content-block {
        padding: 52px 0 12px
    }
}

@media only screen and (max-width:992px) {
    .key-feature-section .key-content-block {
        padding: 0 24px 42px
    }
}

@media only screen and (max-width:768px) {
    .key-feature-section .key-content-block {
        text-align: center;
        max-width: 480px;
        margin: auto
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .key-feature-section .key-content-block {
        margin-top: 52px;
        max-width: 620px;
        margin-bottom: 31px
    }
}

.key-feature-section .key-content-block h4 {
    font-size: 1.625rem;
    letter-spacing: .01625rem;
    line-height: 1.875rem;
    color: #152c49;
    margin: 0 0 24px
}

@media only screen and (max-width:992px) {
    .key-feature-section .key-content-block h4 {
        margin-bottom: 12px;
        font-size: 24px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .key-feature-section .key-content-block h4 {
        font-size: 43px;
        line-height: 32px;
        letter-spacing: 7px;
        margin-bottom: 28px
    }
}

.page-arabic .key-feature-section .key-content-block h4 {
    text-align: right
}

.key-feature-section .key-content-block .key-line {
    width: 100%;
    padding-top: 42px;
    border-bottom: 2px solid #a8986b;
    border-right: 2px solid #a8986b;
    margin-bottom: 24px
}

.page-arabic .key-feature-section .key-content-block .key-line {
    border-bottom: 2px solid #a8986b;
    border-right: none;
    border-left: 2px solid #a8986b
}

@media only screen and (max-width:992px) {
    .key-feature-section .key-content-block .key-line {
        display: inline-block;
        width: auto !important;
        padding: 0;
        border-right: none;
        margin-bottom: 16px
    }

    .page-arabic .key-feature-section .key-content-block .key-line {
        border-right: none;
        border-left: none
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .key-feature-section .key-content-block .key-line {
        border-bottom: none;
        position: relative
    }

    .key-feature-section .key-content-block .key-line:before {
        content: "";
        width: 120%;
        height: 2px;
        background: #a8986b;
        display: block;
        position: absolute;
        bottom: 0;
        left: -10%
    }

    .page-arabic .key-feature-section .key-content-block .key-line:before:before {
        content: "";
        width: 120%;
        height: 2px;
        background: #a8986b;
        display: block;
        position: absolute;
        bottom: 0;
        left: unset;
        right: -10%
    }
}

.key-feature-section .key-content-block .key-content {
    max-width: 780px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .key-feature-section .key-content-block .key-content {
        margin-top: -9px
    }
}

.key-feature-section .key-content-block .key-content p {
    font-size: 1.625rem;
    letter-spacing: .2px;
    line-height: 2rem;
    color: #000
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .key-feature-section .key-content-block .key-content p {
        font-size: 35px;
        line-height: 47px
    }
}

@media only screen and (max-width:767px) {
    .key-feature-section .key-content-block .key-content p {
        font-size: 16px;
        line-height: 1.25rem;
        letter-spacing: .2px;
        max-width: 80%;
        margin: auto
    }
}

.services-section {
    padding-top: 60px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .services-section {
        padding-top: 69px
    }
}

@media only screen and (max-width:767px) {
    .services-section {
        padding-top: 20px
    }
}

.service-block {
    display: flex;
    flex-direction: row;
    align-items: flex-end
}

@media only screen and (max-width:992px) {
    .service-block {
        flex-direction: column-reverse
    }
}

.service-block .service-items {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    height: 370px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    position: relative;
    overflow: hidden
}

@media (min-width:2001px) {
    .service-block .service-items {
        height: 570px
    }
}

@media (min-width:2561px) {
    .service-block .service-items {
        height: 670px
    }
}

@media only screen and (max-width:1300px) {
    .service-block .service-items {
        height: 350px
    }
}

@media only screen and (max-width:1200px) {
    .service-block .service-items {
        height: 334px
    }
}

@media only screen and (max-width:992px) {
    .service-block .service-items {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .service-block .service-items {
        height: auto;
        background: none !important
    }
}

.service-block .service-items ul {
    list-style: none;
    padding: 0 0 32px 60px
}

.page-arabic .service-block .service-items ul {
    padding: 0 60px 32px 0
}

@media only screen and (max-width:1300px) {
    .service-block .service-items ul {
        padding: 0 0 32px 38px
    }

    .page-arabic .service-block .service-items ul {
        padding: 0 38px 32px 0
    }
}

@media only screen and (max-width:768px) {
    .service-block .service-items ul {
        width: 100%;
        padding: 0 !important
    }
}

.service-block .service-items ul li {
    width: 160px;
    display: inline-block;
    margin: 0 25px
}

@media (max-width:768px) {
    .service-block .service-items ul li {
        width: 100% !important
    }
}

@media only screen and (max-width:1200px) {
    .service-block .service-items ul li {
        width: 120px;
        margin: 0 18px
    }
}

@media only screen and (max-width:768px) {
    .service-block .service-items ul li {
        display: block;
        width: 100%;
        background: #fff;
        margin: 0;
        padding: 18px 24px;
        border-bottom: 1px solid #152c49
    }
}

@media only screen and (max-width:768px) and (max-width:1200px) {
    .service-block .service-items ul li {
        width: 100%
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service-block .service-items ul li {
        padding: 28px 24px 35px 34px
    }
}

@media (max-width:1599px) {
    .page-arabic .service-block .service-items ul li {
        width: 120px;
        margin: 0 19px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .page-arabic .service-block .service-items ul li {
        width: 100px;
        margin: 0 10px
    }
}

.service-block .service-items ul li:first-child {
    margin-left: 0
}

.page-arabic .service-block .service-items ul li:first-child {
    margin-left: 25px
}

.service-block .service-items ul li:last-child {
    margin-right: 0
}

.page-arabic .service-block .service-items ul li:last-child {
    margin-right: 25px;
    margin-left: 0
}

.service-block .service-items ul li .service-item-content-wrap {
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -moz-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -o-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    background: hsla(0, 0%, 100%, .9);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 88px 60px;
    display: flex;
    flex-direction: row;
    align-items: flex-start
}

@media only screen and (max-width:1300px) {
    .service-block .service-items ul li .service-item-content-wrap {
        padding: 60px 38px
    }
}

@media only screen and (max-width:768px) {
    .service-block .service-items ul li .service-item-content-wrap {
        position: static;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        padding: 0;
        height: 0
    }
}

.service-block .service-items ul li .service-item-content-wrap .service-item-content {
    width: 72%
}

@media only screen and (max-width:768px) {
    .service-block .service-items ul li .service-item-content-wrap .service-item-content {
        width: 100%
    }
}

.service-block .service-items ul li .service-item-content-wrap .service-item-content p {
    color: #000;
    margin: 0;
    letter-spacing: .2px;
    font-size: 20px;
    line-height: 24px
}

.page-arabic .service-block .service-items ul li .service-item-content-wrap .service-item-content p {
    letter-spacing: normal
}

@media only screen and (max-width:768px) {
    .service-block .service-items ul li .service-item-content-wrap .service-item-content p {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service-block .service-items ul li .service-item-content-wrap .service-item-content p {
        font-size: 22px;
        line-height: 30px
    }
}

.service-block .service-items ul li .service-item-content-wrap .service-item-content a {
    display: none;
    color: #71c4ec;
    font-size: 14px;
    font-weight: 400
}

@media only screen and (max-width:767px) {
    .service-block .service-items ul li .service-item-content-wrap .service-item-content a {
        display: inline-block
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service-block .service-items ul li .service-item-content-wrap .service-item-content a {
        display: inline-block;
        margin-top: 4px;
        font-size: 18px
    }
}

.service-block .service-items ul li h4 {
    position: relative;
    z-index: 1;
    cursor: pointer;
    margin: 0;
    color: #152c49;
    font-size: 1.25rem;
    letter-spacing: .11125rem;
    line-height: 1.375rem;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-arabic .service-block .service-items ul li h4 {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service-block .service-items ul li h4 {
        font-size: 27px;
        line-height: 29px;
        pointer-events: none
    }
}

@media only screen and (max-width:767px) {
    .service-block .service-items ul li h4 {
        font-size: 1.125rem;
        line-height: 1.5rem;
        pointer-events: none
    }
}

.service-block .service-items ul li h4 .icon-arr-right {
    display: none;
    color: #152c49;
    text-shadow: -.25px -.25px 0 #152c49, .25px .25px #152c49;
    -webkit-transition: all .6s ease .3s;
    -moz-transition: all .6s .3s ease;
    -ms-transition: all .6s .3s ease;
    -o-transition: all .6s .3s ease;
    transition: all .6s ease .3s;
    -webkit-transform: rotate(0) scaleY(1.25);
    -moz-transform: rotate(0) scaleY(1.25);
    -ms-transform: rotate(0) scaleY(1.25);
    -o-transform: rotate(0) scaleY(1.25);
    transform: rotate(0) scaleY(1.25)
}

@media only screen and (max-width:768px) {
    .service-block .service-items ul li h4 .icon-arr-right {
        display: inline-block;
        font-size: 15px;
        float: right
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service-block .service-items ul li h4 .icon-arr-right {
        font-size: 30px
    }
}

@media only screen and (max-width:767px) {
    .service-block .service-items ul li h4 .icon-arr-right {
        font-size: 12px;
        width: auto;
        height: auto
    }
}

.service-block .service-items ul li:hover .service-item-content-wrap {
    opacity: 1;
    -webkit-transition: all .6s cubic-bezier(.6, .04, .12, .96) .3s;
    -moz-transition: all .6s .3s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: all .6s .3s cubic-bezier(.6, .04, .12, .96);
    -o-transition: all .6s .3s cubic-bezier(.6, .04, .12, .96);
    transition: all .6s cubic-bezier(.6, .04, .12, .96) .3s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (max-width:768px) {
    .service-block .service-items ul li:hover .service-item-content-wrap {
        height: 100%;
        padding: 12px 0
    }
}

.service-block .service-items ul li:hover h4 {
    color: #71c4ec;
    text-shadow: -.25px -.25px 0 #71c4ec, .25px .25px #71c4ec
}

.service-block .service-items ul li:hover h4 .icon-arr-right {
    -webkit-transform: rotate(90deg) scaleY(1.25);
    -moz-transform: rotate(90deg) scaleY(1.25);
    -ms-transform: rotate(90deg) scaleY(1.25);
    -o-transform: rotate(90deg) scaleY(1.25);
    transform: rotate(90deg) scaleY(1.25)
}

@media (max-width:768px) {
    .page-arabic .service-block .service-items ul {
        padding: 0 !important
    }

    .page-arabic .service-block .service-items ul li {
        margin: 0 !important;
        text-align: right !important
    }

    .page-arabic .service-block .service-items ul li .icon-arr-right {
        float: none;
        float: left;
        transform: rotate(180deg)
    }
}

.service-block .title-square {
    flex-shrink: 1;
    width: 428px;
    height: 434px;
    background: #152c49;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

@media (min-width:2001px) {
    .service-block .title-square {
        height: 634px
    }
}

@media (min-width:2561px) {
    .service-block .title-square {
        height: 734px
    }
}

@media only screen and (max-width:1300px) {
    .service-block .title-square {
        width: 380px;
        height: 400px
    }
}

@media only screen and (max-width:1200px) {
    .service-block .title-square {
        width: 312px;
        height: 360px
    }
}

@media only screen and (max-width:992px) {
    .service-block .title-square {
        width: 100%;
        height: auto;
        padding: 42px;
        justify-content: flex-start
    }
}

@media only screen and (max-width:768px) {
    .service-block .title-square {
        padding: 34px 24px
    }
}

@media only screen and (max-width:767px) {
    .service-block .title-square {
        padding: 46px 24px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service-block .title-square {
        padding: 34px 24px 106px 30px
    }
}

.service-block .title-square .service-title-wrap {
    margin-left: 50px
}

.page-arabic .service-block .title-square .service-title-wrap {
    margin-right: 50px;
    margin-left: 0
}

@media only screen and (max-width:1300px) {
    .service-block .title-square .service-title-wrap {
        margin-left: 0
    }
}

.service-block .title-square .service-title-wrap h2 {
    margin: 20px 0 0;
    color: #fff;
    font-size: 3.125rem;
    line-height: 3.125rem;
    letter-spacing: .03125rem;
    position: relative
}

.page-arabic .service-block .title-square .service-title-wrap h2 {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service-block .title-square .service-title-wrap h2 {
        font-size: 61px;
        line-height: 53px;
        letter-spacing: 3px;
        margin-top: 70px
    }

    .page-arabic .service-block .title-square .service-title-wrap h2 {
        letter-spacing: normal
    }
}

@media only screen and (max-width:767px) {
    .service-block .title-square .service-title-wrap h2 {
        font-size: 1.5rem;
        line-height: 1.25rem;
        letter-spacing: .05rem
    }

    .page-arabic .service-block .title-square .service-title-wrap h2 {
        letter-spacing: normal
    }
}

.service-block .title-square .service-title-wrap h2 .title-square-arrow {
    display: block;
    position: absolute;
    top: 24px;
    left: -65px
}

.page-arabic .service-block .title-square .service-title-wrap h2 .title-square-arrow {
    right: -65px;
    left: auto;
    transform: rotate(180deg)
}

@media only screen and (max-width:1440px) {
    .service-block .title-square .service-title-wrap h2 .title-square-arrow {
        top: 18px
    }
}

@media only screen and (max-width:1300px) {
    .service-block .title-square .service-title-wrap h2 .title-square-arrow {
        top: 12px;
        left: -40px;
        width: 26px;
        height: 26px
    }
}

@media only screen and (max-width:992px) {
    .service-block .title-square .service-title-wrap h2 .title-square-arrow {
        display: none
    }
}

.service-block .title-square .service-title-wrap h4 {
    margin: 0;
    color: #a8986b;
    letter-spacing: .58125rem;
    font-size: 1.9375rem;
    line-height: 2.5rem
}

.page-arabic .service-block .title-square .service-title-wrap h4 {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service-block .title-square .service-title-wrap h4 {
        font-size: 44px;
        line-height: 53px;
        margin-top: -7px;
        letter-spacing: 12px
    }

    .page-arabic .service-block .title-square .service-title-wrap h4 {
        letter-spacing: normal
    }
}

@media only screen and (max-width:767px) {
    .service-block .title-square .service-title-wrap h4 {
        font-size: 1.25rem;
        line-height: 1.25rem;
        letter-spacing: 0
    }

    .page-arabic .service-block .title-square .service-title-wrap h4 {
        letter-spacing: normal
    }
}

.service-block .service-image {
    display: none;
    width: 100%;
    height: 240px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media only screen and (max-width:768px) {
    .service-block .service-image {
        display: block
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service-block .service-image {
        height: 363px
    }
}

@media only screen and (max-width:767px) {
    .service-block .service-image {
        height: 210px
    }
}

.service-block.reverse {
    flex-direction: row-reverse;
    align-items: flex-start
}

.service-block.reverse .service-title-wrap {
    margin-left: 0;
    margin-right: 50px
}

.page-arabic .service-block.reverse .service-title-wrap {
    margin-right: 0;
    margin-left: 50px
}

@media only screen and (max-width:992px) {
    .service-block.reverse {
        flex-direction: column-reverse
    }
}

.service-block.reverse .service-items {
    align-items: flex-start;
    justify-content: flex-end;
    background-position: bottom
}

@media only screen and (max-width:768px) {
    .service-block.reverse .service-items {
        justify-content: flex-start
    }
}

.service-block.reverse .service-items ul {
    padding: 46px 65px 0 0;
    text-align: right
}

.page-arabic .service-block.reverse .service-items ul {
    padding: 46px 0 0 65px
}

@media only screen and (max-width:1300px) {
    .service-block.reverse .service-items ul {
        padding: 38px 38px 0 0
    }

    .page-arabic .service-block.reverse .service-items ul {
        padding: 38px 0 0 38px
    }
}

@media only screen and (max-width:768px) {
    .service-block.reverse .service-items ul {
        padding: 0;
        text-align: left
    }
}

.service-block.reverse .service-items ul li .service-item-content-wrap {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    align-items: flex-end;
    justify-content: flex-end
}

.service-block.reverse .service-items ul li:hover .service-item-content-wrap {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.service-block.reverse .service-title-wrap {
    text-align: right
}

@media only screen and (max-width:992px) {
    .service-block.reverse .service-title-wrap {
        text-align: left
    }
}

.service-block.reverse .service-title-wrap h2 .title-square-arrow {
    left: auto;
    right: -60px
}

.page-arabic .service-block.reverse .service-title-wrap h2 .title-square-arrow {
    left: -60px;
    right: auto
}

@media only screen and (max-width:1300px) {
    .service-block.reverse .service-title-wrap h2 .title-square-arrow {
        top: 12px;
        left: auto;
        right: -40px;
        width: 26px;
        height: 26px
    }

    .page-arabic .service-block.reverse .service-title-wrap h2 .title-square-arrow {
        left: -40px;
        right: auto
    }
}

.product-section {
    padding: 300px 0 230px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

@media only screen and (max-width:992px) {
    .product-section .product-section-row {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start
    }
}

@media only screen and (max-width:992px) {
    .product-section .product-section-row .product-section-col {
        flex-grow: 1;
        width: 100%
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .product-section .product-section-row .section-content.right {
        max-width: 640px
    }
}

@media only screen and (max-width:992px) {
    .product-section .product-section-row .section-content.right {
        text-align: left
    }
}

@media only screen and (max-width:992px) and (max-width:991px) and (min-width:768px) {
    .product-section .product-section-row .section-content.right h2 {
        font-size: 72px;
        line-height: 73px;
        margin-top: 34px
    }
}

@media only screen and (max-width:992px) and (max-width:767px) {
    .product-section .product-section-row .section-content.right h2 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 33px
    }
}

@media only screen and (max-width:992px) {
    .product-section .product-section-row .section-content.right h2:before {
        left: -18px;
        right: auto
    }
}

@media only screen and (max-width:992px) and (max-width:991px) and (min-width:768px) {
    .product-section .product-section-row .section-content.right h2:before {
        height: 100%;
        top: 0
    }
}

@media only screen and (max-width:992px) and (max-width:767px) {
    .product-section .product-section-row .section-content.right h2:before {
        height: 100%;
        top: 0;
        bottom: auto;
        left: -8px
    }
}

@media only screen and (max-width:992px) and (max-width:991px) and (min-width:768px) {
    .product-section .product-section-row .section-content.right p {
        font-size: 30px;
        line-height: 36px;
        max-width: 640px
    }
}

@media only screen and (max-width:992px) and (max-width:767px) {
    .product-section .product-section-row .section-content.right p {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media only screen and (max-width:992px) {
    .product-section {
        padding: 100px 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .product-section {
        padding: 100px 0 128px
    }
}

@media only screen and (max-width:767px) {
    .product-section {
        margin-top: 0;
        padding: 40px 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .product-section .product-items {
        margin-top: 67px
    }
}

.product-section .product-items ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .product-section .product-items ul {
        justify-content: space-around
    }
}

@media only screen and (max-width:767px) {
    .product-section .product-items ul {
        justify-content: space-around;
        margin-top: 10px
    }
}

.product-section .product-items ul li {
    flex-shrink: 1;
    position: relative;
    display: inline-block;
    text-align: center
}

@media only screen and (max-width:992px) {
    .product-section .product-items ul li {
        margin-right: 34px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .product-section .product-items ul li {
        margin-right: 0
    }
}

@media only screen and (max-width:767px) {
    .product-section .product-items ul li {
        display: block;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 24px
    }
}

.product-section .product-items ul li .image-holder {
    width: 250px;
    height: 250px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin: auto auto 34px;
    backface-visibility: hidden;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .product-section .product-items ul li .image-holder {
        width: 290px;
        height: 290px;
        margin-bottom: 23px
    }
}

@media only screen and (max-width:767px) {
    .product-section .product-items ul li .image-holder {
        width: 125px;
        height: 125px;
        margin-bottom: 20px
    }
}

.product-section .product-items ul li h4 {
    color: #152c49;
    font-size: 1.375rem;
    line-height: 2.375rem;
    letter-spacing: .24475rem;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-arabic .product-section .product-items ul li h4 {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .product-section .product-items ul li h4 {
        font-size: 30px;
        height: 50px;
        letter-spacing: 5px;
        margin-top: 36px
    }

    .page-arabic .product-section .product-items ul li h4 {
        letter-spacing: normal
    }
}

@media only screen and (max-width:767px) {
    .product-section .product-items ul li h4 {
        white-space: nowrap;
        font-size: 1rem;
        letter-spacing: 0
    }
}

.product-section .product-items ul li h4:before {
    content: " ";
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    width: 52px;
    height: 3px;
    background: #a8986b;
    margin: auto
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .product-section .product-items ul li h4:before {
        top: -21px
    }
}

@media only screen and (max-width:767px) {
    .product-section .product-items ul li h4:before {
        width: 40px;
        top: -4px
    }
}

.product-section .product-items ul li a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.product-section .product-items ul li:hover .image-holder {
    -webkit-transform: scale(.96);
    -moz-transform: scale(.96);
    -ms-transform: scale(.96);
    -o-transform: scale(.96);
    transform: scale(.96)
}

.product-section .product-items ul li:hover h4 {
    color: #a8986b
}

.platform-section {
    position: relative;
    padding: 150px 0 0;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat
}

@media only screen and (max-width:1300px) {
    .platform-section {
        padding: 120px 0 0
    }
}

@media only screen and (max-width:768px) {
    .platform-section {
        padding: 60px 0 30px;
        background-image: none !important
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .platform-section {
        padding: 60px 0 36px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .platform-section .section-content {
        max-width: 640px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .platform-section .section-content h2 {
        font-size: 72px;
        line-height: 73px;
        margin-top: 72px;
        margin-bottom: 34px
    }
}

@media only screen and (max-width:767px) {
    .platform-section .section-content h2 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .platform-section .section-content h2:before {
        height: 100%;
        top: 0
    }
}

@media only screen and (max-width:767px) {
    .platform-section .section-content h2:before {
        content: " ";
        position: absolute;
        background: #71c4ec;
        width: 3px;
        height: 100%;
        top: 0;
        bottom: auto;
        left: -8px
    }
}

.platform-section .section-content p {
    max-width: 500px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .platform-section .section-content p {
        font-size: 30px;
        line-height: 36px;
        max-width: 640px
    }
}

@media only screen and (max-width:767px) {
    .platform-section .section-content p {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.platform-section .section-content ul {
    padding-top: 52px
}

@media only screen and (max-width:1440px) {
    .platform-section .section-content ul {
        padding-top: 34px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .platform-section .section-content ul {
        display: none
    }
}

@media only screen and (max-width:992px) {
    .platform-section .section-content ul {
        padding-top: 12px
    }

    .platform-section .section-content ul li {
        margin-right: 10px
    }
}

@media only screen and (max-width:992px) and (max-width:767px) {
    .platform-section .section-content ul li {
        margin-right: 2%;
        width: 48%
    }
}

@media only screen and (max-width:992px) and (max-width:767px) {
    .platform-section .section-content ul li:last-child {
        margin-right: 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .platform-section .section-content ul {
        padding-top: 41px;
        margin-bottom: 60px
    }
}

@media only screen and (max-width:767px) {
    .platform-section .section-content ul a {
        width: auto;
        height: 43px;
        padding: 0 12px;
        line-height: 43px
    }
}

.platform-section .platform-line {
    pointer-events: none;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 52px;
    left: 0;
    z-index: 1
}

.platform-section .platform-line.in_tab {
    display: none
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .platform-section .platform-line.in_tab {
        display: block
    }
}

.platform-section .platform-line.in_mob {
    display: none
}

@media only screen and (max-width:767px) {
    .platform-section .platform-line.in_mob {
        display: block
    }
}

.page-arabic .platform-section .platform-line {
    transform: rotateY(180deg)
}

@media only screen and (max-width:992px) {
    .platform-section .platform-line {
        -webkit-transform: scale(3, 2) translate(-260px);
        -moz-transform: scale(3, 2) translate(-260px);
        -ms-transform: scale(3, 2) translate(-260px);
        -o-transform: scale(3, 2) translate(-260px);
        transform: scale(3, 2) translate(-260px);
        -webkit-transform: scale(3, 2) translate(-210px);
        -moz-transform: scale(3, 2) translate(-210px);
        -ms-transform: scale(3, 2) translate(-210px);
        -o-transform: scale(3, 2) translate(-210px);
        transform: scale(3, 2) translate(-210px)
    }
}

@media only screen and (max-width:600px) {
    .platform-section .platform-line {
        -webkit-transform: scale(3, 2) translate(-130px);
        -moz-transform: scale(3, 2) translate(-130px);
        -ms-transform: scale(3, 2) translate(-130px);
        -o-transform: scale(3, 2) translate(-130px);
        transform: scale(3, 2) translate(-130px)
    }
}

@media only screen and (max-width:400px) {
    .platform-section .platform-line {
        -webkit-transform: scale(7, 5) translate(-140px);
        -moz-transform: scale(7, 5) translate(-140px);
        -ms-transform: scale(7, 5) translate(-140px);
        -o-transform: scale(7, 5) translate(-140px);
        transform: scale(7, 5) translate(-140px)
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .platform-section .platform-line {
        -webkit-transform: scale(1.8) translate(-170px, -173px);
        -moz-transform: scale(1.8) translate(-170px, -173px);
        -ms-transform: scale(1.8) translate(-170px, -173px);
        -o-transform: scale(1.8) translate(-170px, -173px);
        transform: scale(1.8) translate(-170px, -173px)
    }
}

@media only screen and (max-width:767px) {
    .platform-section .platform-line {
        -webkit-transform: scale(5.3) translate(-38%, 7%);
        -moz-transform: scale(5.3) translate(-38%, 7%);
        -ms-transform: scale(5.3) translate(-38%, 7%);
        -o-transform: scale(5.3) translate(-38%, 7%);
        transform: scale(5.3) translate(-38%, 7%);
        display: none
    }
}

.platform-section .platform-images {
    position: relative;
    margin: auto;
    text-align: center
}

@media only screen and (max-width:1440px) {
    .platform-section .platform-images {
        -webkit-transform: scale(1) translate(0);
        -moz-transform: scale(1) translate(0);
        -ms-transform: scale(1) translate(0);
        -o-transform: scale(1) translate(0);
        transform: scale(1) translate(0)
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .platform-section .platform-images {
        margin-bottom: 113px;
        margin-top: 61px
    }
}

.platform-section .platform-images .desktop {
    width: 100%
}

@media only screen and (max-width:768px) {
    .platform-section .platform-images .desktop {
        max-width: 400px;
        margin: auto
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .platform-section .platform-images .desktop {
        max-width: 570px
    }
}

@media only screen and (max-width:767px) {
    .platform-section .platform-images .desktop {
        padding: 10px 50px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .platform-section .platform-images .in_tab {
        display: block !important;
        margin-left: auto;
        margin-right: auto
    }

    .platform-section .platform-images .in_tab h2,
    .platform-section .platform-images .in_tab p {
        display: none
    }

    .platform-section .platform-images .in_tab ul {
        padding-top: 56px;
        display: block !important
    }

    .platform-section .platform-images .in_tab ul li {
        margin-right: 0
    }

    .platform-section .platform-images .in_tab ul li:first-child {
        margin-right: 16px
    }

    .platform-section .platform-images .in_tab ul li a {
        width: 210px;
        height: 55px;
        line-height: 55px;
        font-size: 22px;
        border-width: 2px
    }
}

.research-section .research-main {
    background: #152c49
}

.research-section .center-container {
    height: 734px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-section .center-container {
        height: auto
    }
}

.research-section .center-container .center-container-item {
    flex-shrink: 1
}

@media only screen and (max-width:992px) {
    .research-section .center-container {
        padding: 60px 0
    }
}

@media only screen and (max-width:768px) {
    .research-section .center-container {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

@media only screen and (max-width:767px) {
    .research-section .center-container {
        height: 824px;
        position: relative
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-section .section-content {
        max-width: 640px
    }
}

.research-section .section-content h2 {
    color: #fff
}

@media only screen and (max-width:767px) {
    .research-section .section-content h2 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-section .section-content h2 {
        font-size: 72px;
        line-height: 73px;
        margin-top: 72px
    }

    .research-section .section-content h2:before {
        height: 100%;
        top: 0
    }
}

@media only screen and (max-width:767px) {
    .research-section .section-content h2:before {
        height: 100%;
        top: 0;
        bottom: auto;
        left: -8px
    }
}

.research-section .section-content p {
    color: #fff
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-section .section-content p {
        font-size: 30px;
        line-height: 36px;
        max-width: 640px
    }
}

@media only screen and (max-width:767px) {
    .research-section .section-content p {
        font-size: 14px;
        line-height: 20px;
        max-width: 85%
    }
}

.research-section .section-content a {
    display: block;
    width: 156px;
    height: 40px;
    border: none;
    color: #fff;
    background: #71c4ec;
    font-size: 15px;
    letter-spacing: .2px;
    line-height: 40px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    margin-top: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.research-section .section-content a:hover {
    background: #fff;
    color: #71c4ec
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-section .section-content a {
        width: 209px;
        height: 52px;
        margin-top: 10px;
        font-size: 21px;
        line-height: 45px;
        padding-top: 5px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-section .research-tabs {
        height: 647px
    }
}

@media only screen and (max-width:992px) {
    .research-section .research-tabs {
        max-width: 500px;
        margin: auto
    }
}

.research-section .research-tabs .tv-tab-ctrl {
    cursor: pointer;
    z-index: 2;
    position: relative
}

.research-section .research-tabs .tv-tab-ctrl img.tv {
    backface-visibility: hidden;
    position: absolute;
    height: 300px;
    width: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1
}

.research-section .research-tabs .tv-tab-ctrl img.tv.active {
    z-index: 1;
    opacity: 0
}

.page-arabic .research-section .research-tabs .tv-tab-ctrl img.tv {
    left: -40px;
    right: unset
}

@media only screen and (max-width:992px) {
    .research-section .research-tabs .tv-tab-ctrl img.tv {
        height: 200px
    }
}

@media only screen and (max-width:768px) {
    .research-section .research-tabs .tv-tab-ctrl img.tv {
        left: 70px;
        top: 140px
    }

    .page-arabic .research-section .research-tabs .tv-tab-ctrl img.tv {
        left: auto;
        right: 70px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-section .research-tabs .tv-tab-ctrl img.tv {
        left: -110px;
        top: 305px;
        height: 370px
    }

    .page-arabic .research-section .research-tabs .tv-tab-ctrl img.tv {
        left: auto;
        right: -110px
    }
}

@media only screen and (max-width:767px) {
    .research-section .research-tabs .tv-tab-ctrl img.tv {
        left: 20px;
        height: 160px
    }

    .page-arabic .research-section .research-tabs .tv-tab-ctrl img.tv {
        left: auto;
        right: 20px
    }
}

.page-arabic .research-section .research-tabs .tv-tab-ctrl img.tv,
.research-section .research-tabs .tv-tab-ctrl img.tv.tv-ar {
    display: none
}

.page-arabic .research-section .research-tabs .tv-tab-ctrl img.tv.tv-ar {
    display: block
}

.research-section .research-tabs .tv-tab-ctrl.active img.tv,
.research-section .research-tabs .tv-tab-ctrl:hover img.tv {
    -webkit-transform: translateY(-50%) rotate(8deg) scale(1.05);
    -moz-transform: translateY(-50%) rotate(8deg) scale(1.05);
    -ms-transform: translateY(-50%) rotate(8deg) scale(1.05);
    -o-transform: translateY(-50%) rotate(8deg) scale(1.05);
    transform: translateY(-50%) rotate(8deg) scale(1.05)
}

.research-section .research-tabs .tv-tab-ctrl.active img.tv.active,
.research-section .research-tabs .tv-tab-ctrl:hover img.tv.active {
    opacity: 1
}

@media only screen and (max-width:767px) {
    .research-section .research-tabs .tv-tab-ctrl {
        left: -100px
    }
}

.research-section .research-tabs .files-tab-ctrl {
    cursor: pointer;
    position: relative;
    z-index: 1
}

.research-section .research-tabs .files-tab-ctrl img.files {
    top: 46px;
    position: absolute;
    height: 500px;
    right: -40px;
    width: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    opacity: 1
}

.research-section .research-tabs .files-tab-ctrl img.files.active {
    z-index: 1;
    opacity: 0
}

@media only screen and (max-width:992px) {
    .research-section .research-tabs .files-tab-ctrl img.files {
        height: 400px;
        right: -40px
    }
}

@media only screen and (max-width:768px) {
    .research-section .research-tabs .files-tab-ctrl img.files {
        height: 360px;
        right: auto;
        left: 120px;
        top: 160px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-section .research-tabs .files-tab-ctrl img.files {
        height: 630px;
        left: 33px;
        top: 347px
    }
}

@media only screen and (max-width:767px) {
    .research-section .research-tabs .files-tab-ctrl img.files {
        left: 80px;
        height: 300px
    }

    .page-arabic .research-section .research-tabs .files-tab-ctrl img.files {
        left: unset;
        right: unset
    }
}

.page-arabic .research-section .research-tabs .files-tab-ctrl img.files,
.research-section .research-tabs .files-tab-ctrl img.files.tv-ar {
    display: none
}

.page-arabic .research-section .research-tabs .files-tab-ctrl img.files.tv-ar {
    display: block
}

.research-section .research-tabs .files-tab-ctrl.active img.files,
.research-section .research-tabs .files-tab-ctrl:hover img.files {
    -webkit-transform: translateY(-50%) rotate(-5deg);
    -moz-transform: translateY(-50%) rotate(-5deg);
    -ms-transform: translateY(-50%) rotate(-5deg);
    -o-transform: translateY(-50%) rotate(-5deg);
    transform: translateY(-50%) rotate(-5deg)
}

.research-section .research-tabs .files-tab-ctrl.active img.files.active,
.research-section .research-tabs .files-tab-ctrl:hover img.files.active {
    opacity: 1
}

.research-section .research-tab-content {
    background: #f1f1f1
}

.research-section .research-tab-content .research-content-inner {
    display: none;
    position: relative
}

.research-section .research-tab-content .research-content-inner .close-research-tabs {
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 0;
    width: 40px;
    height: 40px;
    background: none;
    color: #999;
    font-size: 20px;
    text-align: center;
    line-height: 40px
}

.research-section .research-tab-content .research-content-inner .close-research-tabs:hover {
    color: #555
}

@media only screen and (max-width:1200px) {
    .research-section .research-tab-content .research-content-inner .close-research-tabs {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px
    }
}

@media only screen and (max-width:992px) {
    .research-section .research-tab-content .research-content-inner .close-research-tabs {
        top: -15px;
        right: 28px
    }
}

.research-section .research-tab-content .research-content-inner:before {
    content: " ";
    position: absolute;
    display: block;
    background: #f1f1f1;
    width: 86px;
    height: 86px;
    right: 198px;
    top: -20px;
    pointer-events: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (max-width:992px) {
    .research-section .research-tab-content .research-content-inner:before {
        right: 0
    }
}

.research-section .research-tab-content #videos-pagelist {
    padding: 72px 0
}

@media only screen and (max-width:992px) {
    .research-section .research-tab-content #videos-pagelist {
        padding: 42px 0
    }
}

.research-section .research-tab-content #videos-pagelist .research-video-item {
    position: relative;
    margin-bottom: 24px
}

.research-section .research-tab-content #videos-pagelist .research-video-item .research-video-thumbnail {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media only screen and (max-width:992px) {
    .research-section .research-tab-content #videos-pagelist .research-video-item .research-video-thumbnail {
        height: 175px;
        margin-bottom: 12px
    }
}

.research-section .research-tab-content #videos-pagelist .research-video-item .research-video-thumbnail .play-btn {
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 72px;
    height: 72px;
    text-align: center;
    line-height: 72px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.research-section .research-tab-content #videos-pagelist .research-video-item .research-video-thumbnail .play-btn i {
    display: inline-block;
    -webkit-transform: translate(2px, 3px);
    -moz-transform: translate(2px, 3px);
    -ms-transform: translate(2px, 3px);
    -o-transform: translate(2px, 3px);
    transform: translate(2px, 3px);
    color: #a8986b;
    font-size: 20px
}

.research-section .research-tab-content #videos-pagelist .research-video-item .video-text-content h4 {
    margin: 0;
    font-size: 20px;
    letter-spacing: .7px;
    line-height: 24px;
    color: #152c49
}

@media only screen and (max-width:992px) {
    .research-section .research-tab-content #videos-pagelist .research-video-item .video-text-content h4 {
        font-size: 17px
    }
}

.research-section .research-tab-content #videos-pagelist .research-video-item .video-text-content .research-video-title {
    font-weight: 700;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.research-section .research-tab-content #videos-pagelist .research-video-item .video-text-content .research-video-sub-title {
    font-weight: 300
}

.research-section .research-tab-content #videos-pagelist .research-video-item a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

.research-section .research-tab-content #videos-pagelist .research-video-item:hover .research-video-title {
    color: #a8986b
}

.research-section .research-tab-content #videos-pagelist .research-video-item:hover .research-video-thumbnail .play-btn {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
}

.research-section .research-tab-content #publication-pagelist {
    padding: 72px 0
}

@media only screen and (max-width:992px) {
    .research-section .research-tab-content #publication-pagelist {
        padding: 42px 0
    }
}

.research-section .research-tab-content .view-all {
    text-align: center
}

.research-section .research-tab-content .view-all a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 43px;
    color: #152c49
}

.research-section .research-tab-content .view-all a i {
    margin-left: 4px;
    font-size: 12px
}

.research-section .research-tab-content .view-all a:after {
    content: " ";
    position: absolute;
    bottom: 8px;
    left: -6px;
    width: calc(100% + 12px);
    height: 2px;
    background-color: #a8986b;
    -webkit-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -moz-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -o-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    transition: all .3s cubic-bezier(.6, .04, .12, .96)
}

.research-section .research-tab-content .view-all a:hover:after {
    width: 0
}

.research-section .extra_mob {
    display: none;
    position: absolute;
    bottom: 48px;
    text-align: center;
    width: 100%
}

.research-section .extra_mob p {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 19px;
    letter-spacing: .5px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-section .extra_mob p {
        font-size: 20px;
        text-transform: uppercase;
        margin-top: 34px;
        letter-spacing: 2px;
        font-weight: 700
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-section .extra_mob {
        display: block;
        position: static;
        margin-top: -9px;
        margin-bottom: 91px
    }

    .research-section .extra_mob img {
        width: 56px
    }
}

@media only screen and (max-width:767px) {
    .research-section .extra_mob {
        display: block
    }
}

.edit-mode .research-tab-content .research-content-inner {
    display: block !important
}

.news-section {
    padding: 80px 0;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat
}

@media only screen and (max-width:992px) {
    .news-section {
        padding: 42px 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .news-section {
        margin-top: 43px;
        padding-bottom: 144px
    }
}

@media only screen and (max-width:767px) {
    .news-section {
        padding: 42px 0 70px
    }
}

.news-section .container-fluid {
    padding-left: 5vw;
    padding-right: 5vw
}

.news-list .home-news-title {
    text-align: center;
    margin-bottom: 62px
}

@media only screen and (max-width:992px) {
    .news-list .home-news-title {
        margin-bottom: 34px;
        text-align: left
    }
}

.news-list .home-news-title h2 {
    display: inline-block;
    font-size: 3.5625rem;
    letter-spacing: .5px
}

.page-arabic .news-list .home-news-title h2 {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .news-list .home-news-title h2 {
        font-size: 72px;
        line-height: 73px;
        margin-top: 72px
    }

    .news-list .home-news-title h2:before {
        height: 100%;
        top: 0
    }
}

@media only screen and (max-width:767px) {
    .news-list .home-news-title h2 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 20px
    }

    .news-list .home-news-title h2:before {
        height: 100%;
        top: 0;
        bottom: auto;
        left: -8px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .news-list .home-news-grid {
        margin-top: 72px;
        margin-bottom: 40px
    }
}

.news-list .home-news-grid .news-item {
    position: relative;
    margin-bottom: 24px
}

@media only screen and (max-width:767px) {
    .news-list .home-news-grid .news-item {
        margin-bottom: 40px
    }
}

.news-list .home-news-grid .news-item a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.news-list .home-news-grid .news-item .news-thumbnail {
    width: 100%;
    height: 180px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    margin-bottom: 12px;
    /* border: 1px solid #bfbfbf; */
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .news-list .home-news-grid .news-item .news-thumbnail {
        height: 231px;
        margin-bottom: 27px
    }
}

@media only screen and (max-width:767px) {
    .news-list .home-news-grid .news-item .news-thumbnail {
        height: 214px
    }
}

.news-list .home-news-grid .news-item .news-published-date {
    font-weight: 300;
    color: #000;
    font-size: 1.0625rem;
    margin-bottom: 12px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .news-list .home-news-grid .news-item .news-published-date {
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 16px
    }
}

@media only screen and (max-width:767px) {
    .news-list .home-news-grid .news-item .news-published-date {
        font-size: .75rem;
        margin-bottom: 6px
    }
}

.news-list .home-news-grid .news-item .news-title {
    font-weight: 700;
    font-size: 19px;
    color: #152c49;
    letter-spacing: .5px;
    line-height: 23px;
    margin-bottom: 12px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.page-arabic .news-list .home-news-grid .news-item .news-title {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .news-list .home-news-grid .news-item .news-title {
        font-size: 25px
    }
}

@media only screen and (max-width:767px) {
    .news-list .home-news-grid .news-item .news-title {
        max-width: 70%
    }
}

.news-list .home-news-grid .news-item .news-desc p {
    color: grey;
    font-size: 13px;
    line-height: 20px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .news-list .home-news-grid .news-item .news-desc p {
        font-size: 16px;
        line-height: 25px;
        margin-top: 32px
    }
}

@media only screen and (max-width:767px) {
    .news-list .home-news-grid .news-item .news-desc p {
        font-size: 14px
    }
}

.news-list .home-news-grid .news-item:hover .news-thumbnail {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px)
}

.news-list .home-news-grid .news-item:hover .news-title {
    color: #a8986b
}

@media only screen and (max-width:768px) {

    .news-list .home-news-grid.responsive-hidden .news-col:nth-child(3),
    .news-list .home-news-grid.responsive-hidden .news-col:nth-child(4) {
        display: none
    }
}

.news-list .view-all {
    text-align: center
}

@media only screen and (max-width:992px) {
    .news-list .view-all {
        text-align: left
    }
}

.news-list .view-all a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 43px;
    color: #152c49
}

.page-arabic .news-list .view-all a {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .news-list .view-all a {
        font-size: 28px;
        line-height: 58px
    }
}

@media only screen and (max-width:767px) {
    .news-list .view-all a {
        font-size: 16px;
        margin-top: -20px
    }
}

.news-list .view-all a i {
    margin-left: 4px;
    font-size: 12px
}

@media only screen and (max-width:767px) {
    .news-list .view-all a i {
        margin-left: 2px;
        font-size: 9px
    }
}

.news-list .view-all a:after {
    content: " ";
    position: absolute;
    bottom: 8px;
    left: -6px;
    width: calc(100% + 12px);
    height: 2px;
    background-color: #a8986b;
    -webkit-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -moz-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -o-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    transition: all .3s cubic-bezier(.6, .04, .12, .96)
}

@media only screen and (max-width:767px) {
    .news-list .view-all a:after {
        width: calc(100% + 10px);
        height: 2.5px
    }
}

.news-list .view-all a:hover:after {
    width: 0
}

.audit-terms-policy .atp-header {
    width: 100%;
    height: 120px;
    border-top: 4px solid #dbdbdb;
    background: #fff;
    box-shadow: 0 0 24px rgba(0, 0, 0, .2)
}

@media only screen and (max-width:992px) {
    .audit-terms-policy .atp-header {
        height: 100px
    }
}

@media only screen and (max-width:768px) {
    .audit-terms-policy .atp-header {
        height: auto
    }
}

.audit-terms-policy .atp-header ul {
    width: 100%;
    height: inherit;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly
}

@media only screen and (max-width:768px) {
    .audit-terms-policy .atp-header ul {
        flex-direction: column;
        justify-content: center;
        text-align: center
    }
}

.audit-terms-policy .atp-header ul li.atp-tab {
    position: relative;
    cursor: pointer;
    font-size: 1.0625rem;
    letter-spacing: .00744rem;
    line-height: 2rem;
    color: grey;
    text-shadow: 0 0 0 transparent, 0 0 transparent;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.audit-terms-policy .atp-header ul li.atp-tab.active,
.audit-terms-policy .atp-header ul li.atp-tab:focus,
.audit-terms-policy .atp-header ul li.atp-tab:hover {
    color: #152c49;
    text-shadow: -.25px -.25px 0 #152c49, .25px .25px #152c49
}

@media only screen and (max-width:992px) {
    .audit-terms-policy .atp-header ul li.atp-tab {
        font-size: 1.125rem;
        line-height: 1.125rem
    }
}

.audit-terms-policy .atp-header ul li.atp-tab i {
    z-index: 9;
    position: absolute;
    bottom: -66px;
    left: 0;
    right: 0;
    margin: auto;
    background: #71c4ec;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media only screen and (max-width:1440px) {
    .audit-terms-policy .atp-header ul li.atp-tab i {
        width: 50px;
        height: 50px;
        line-height: 53px;
        bottom: -68px;
        font-size: 15px
    }
}

@media only screen and (max-width:992px) {
    .audit-terms-policy .atp-header ul li.atp-tab i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        bottom: -58px;
        font-size: 12px
    }
}

@media only screen and (max-width:768px) {
    .audit-terms-policy .atp-header ul li.atp-tab i {
        display: none
    }
}

.audit-terms-policy .atp-header ul li.atp-tab.active i {
    opacity: 1
}

.audit-terms-policy .atp-header ul li.atp-divider {
    width: 1px;
    height: 1.75rem;
    background: #a8986b
}

@media only screen and (max-width:768px) {
    .audit-terms-policy .atp-header ul li.atp-divider {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .audit-terms-policy .atp-header ul li {
        width: 100%;
        flex-direction: column;
        padding: 12px;
        border-bottom: 1px solid rgba(168, 152, 107, .4)
    }
}

.audit-terms-policy #audit {
    position: relative;
    overflow: hidden
}

.audit-terms-policy #audit .audit-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 800px;
    height: 800px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    -webkit-transform: translate(30%, 20%);
    -moz-transform: translate(30%, 20%);
    -ms-transform: translate(30%, 20%);
    -o-transform: translate(30%, 20%);
    transform: translate(30%, 20%)
}

@media only screen and (max-width:992px) {
    .audit-terms-policy #audit .audit-bg {
        width: 500px;
        height: 500px
    }
}

@media only screen and (max-width:767px) {
    .audit-terms-policy #audit .audit-bg {
        width: 250px;
        height: 250px
    }
}

.audit-terms-policy #audit .audit-content-block {
    margin: 140px 0 260px;
    position: relative
}

@media only screen and (max-width:767px) {
    .audit-terms-policy #audit .audit-content-block {
        margin: 70px 0 200px
    }
}

.audit-terms-policy #audit .audit-content-block:before {
    position: absolute;
    display: block;
    content: " ";
    left: -34px;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #a8986b
}

.page-arabic .audit-terms-policy #audit .audit-content-block:before {
    right: -34px;
    left: unset
}

.audit-terms-policy #audit .audit-content {
    min-height: 80vh
}

.audit-terms-policy #audit .audit-content-inner {
    max-width: 900px
}

.audit-terms-policy #audit .audit-content-inner p {
    color: #152c49;
    font-size: 1rem;
    line-height: 1.375rem
}

.audit-terms-policy .atp-content h3 {
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: .01312rem;
    position: relative;
    margin: 0 0 38px
}

@media only screen and (max-width:1440px) {
    .audit-terms-policy .atp-content h3 {
        margin-bottom: 24px;
        font-size: 2.1875rem
    }
}

@media only screen and (max-width:768px) {
    .audit-terms-policy .atp-content h3 {
        font-size: 1.875rem !important
    }
}

@media only screen and (max-width:767px) {
    .audit-terms-policy .atp-content h3 {
        font-size: 24px !important;
        line-height: 30px !important
    }
}

.audit-terms-policy .atp-content h3:before {
    content: " ";
    position: absolute;
    background: #71c4ec;
    width: 3px;
    left: -18px;
    top: 0;
    bottom: 0
}

.page-arabic .audit-terms-policy .atp-content h3:before {
    right: -18px;
    left: unset
}

@media only screen and (max-width:767px) {
    .audit-terms-policy .atp-content h3:before {
        left: -9px
    }

    .page-arabic .audit-terms-policy .atp-content h3:before {
        right: -9px;
        left: unset
    }
}

@media only screen and (max-width:992px) {
    .audit-terms-policy .atp-content h3 {
        font-size: 2rem;
        line-height: 1.75rem
    }
}

.audit-terms-policy .atp-content ul {
    position: relative;
    color: grey;
    font-size: 1rem;
    line-height: 1.75rem;
    margin: 0 0 42px 20px
}

.page-arabic .audit-terms-policy .atp-content ul {
    margin: 0 20px 42px 0
}

.audit-terms-policy .atp-content ul:before {
    content: " ";
    position: absolute;
    background: #a8986b;
    width: 1px;
    left: -32px;
    top: 0;
    bottom: 0
}

.page-arabic .audit-terms-policy .atp-content ul:before {
    left: unset;
    right: -32px
}

.audit-terms-policy .atp-content h6 {
    position: relative;
    color: grey;
    font-size: 1rem;
    line-height: 1.75rem;
    margin: 0 0 42px 20px
}

.page-arabic .audit-terms-policy .atp-content h6 {
    margin: 0 20px 42px 0
}

@media only screen and (max-width:992px) {
    .audit-terms-policy .atp-content h6 {
        margin-bottom: 28px
    }
}

.audit-terms-policy .atp-content h6:before {
    content: " ";
    position: absolute;
    background: #a8986b;
    width: 1px;
    left: -12px;
    top: 0;
    bottom: 0
}

.page-arabic .audit-terms-policy .atp-content h6:before {
    left: unset;
    right: -12px
}

.audit-terms-policy .atp-content p {
    padding: 0 38px;
    color: grey;
    font-size: 1rem;
    line-height: 1.5rem
}

@media only screen and (max-width:992px) {
    .audit-terms-policy .atp-content p {
        padding: 0 12px
    }
}

@media only screen and (max-width:768px) {
    .audit-terms-policy .atp-content p {
        padding: 0
    }
}

.audit-terms-policy #privacy .privacy-header {
    background: #152c49;
    padding: 40px;
    text-align: center;
    z-index: -1;
    position: relative
}

@media only screen and (max-width:768px) {
    .audit-terms-policy #privacy .privacy-header {
        padding: 24px 12px
    }
}

.audit-terms-policy #privacy .privacy-header-content {
    max-width: 920px;
    margin: auto
}

.audit-terms-policy #privacy .privacy-header h5 {
    font-weight: 500;
    color: #fff;
    font-size: 1.25rem;
    letter-spacing: .0375rem;
    line-height: 1.875rem;
    margin: 0 0 7px
}

@media only screen and (max-width:767px) {
    .audit-terms-policy #privacy .privacy-header h5 {
        font-size: 16px;
        line-height: 1.4
    }
}

.audit-terms-policy #privacy .privacy-header p {
    font-weight: 300;
    color: #fff;
    font-size: 1.125rem;
    letter-spacing: .0375rem;
    line-height: 1.625rem
}

@media only screen and (max-width:767px) {
    .audit-terms-policy #privacy .privacy-header p {
        font-size: 16px;
        line-height: 1.4
    }
}

.audit-terms-policy #privacy .collapse-list .collapse-info .collapse-info-inner {
    padding: 42px 38px
}

@media only screen and (max-width:992px) {
    .audit-terms-policy #privacy .collapse-list .collapse-info .collapse-info-inner {
        padding: 34px 12px
    }
}

@media only screen and (max-width:767px) {
    .audit-terms-policy #privacy .collapse-list .collapse-info .collapse-info-inner {
        padding: 0 12px
    }
}

.audit-terms-policy #privacy .collapse-list .collapse-info .collapse-info-inner h6 {
    margin: 0
}

.page-type-page.page-template-faq {
    background-color: #f1f1f1
}

.page-type-page.page-template-faq main {
    padding-top: 0
}

.faq-header {
    height: 100vh;
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: contain;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width:768px) {
    .faq-header {
        height: 460px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .faq-header {
        height: 658px;
        background-position: 114% 168px;
        background-size: 60%
    }
}

@media only screen and (max-width:767px) {
    .faq-header {
        height: 405px;
        background-size: 71%;
        background-position: 125% 100%;
        display: block
    }
}

.page-arabic .faq-header {
    background-position: 0
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-arabic .faq-header {
        background-position: -14% 168px
    }
}

@media only screen and (max-width:767px) {
    .page-arabic .faq-header {
        background-position: -25% 100%
    }
}

.faq-header .container {
    height: auto !important
}

.faq-header .faq-title {
    margin-bottom: 48px
}

@media only screen and (max-width:767px) {
    .faq-header .faq-title {
        margin-top: 161px;
        margin-bottom: 29px
    }
}

.faq-header .faq-title h1 {
    position: relative;
    font-size: 4.75rem;
    letter-spacing: .5rem;
    line-height: 4.375rem;
    font-weight: 700;
    color: #152c49;
    margin: 0 0 18px
}

@media only screen and (max-width:992px) {
    .faq-header .faq-title h1 {
        font-size: 3.375rem;
        line-height: 3.125rem
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .faq-header .faq-title h1 {
        width: 70%;
        font-size: 72px;
        line-height: 77px;
        margin-top: 35px
    }
}

@media only screen and (max-width:767px) {
    .faq-header .faq-title h1 {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 0
    }
}

.faq-header .faq-title h1:before {
    content: " ";
    position: absolute;
    background: #71c4ec;
    width: 3px;
    left: -18px;
    top: 0;
    bottom: 0
}

.page-arabic .faq-header .faq-title h1:before {
    right: -18px;
    left: unset
}

@media only screen and (max-width:767px) {
    .faq-header .faq-title h1:before {
        left: -8px;
        height: 100%;
        bottom: auto
    }

    .page-arabic .faq-header .faq-title h1:before {
        right: -8px;
        left: unset
    }
}

.faq-header .faq-title h4 {
    font-size: 2.1875rem;
    line-height: 2.625rem;
    letter-spacing: .5px;
    margin: 0
}

@media only screen and (max-width:992px) {
    .faq-header .faq-title h4 {
        font-size: 1.625rem;
        line-height: 2rem
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .faq-header .faq-title h4 {
        font-size: 31px;
        line-height: 40px;
        margin-top: 30px
    }
}

@media only screen and (max-width:767px) {
    .faq-header .faq-title h4 {
        font-size: 14px;
        line-height: 20px
    }
}

.faq-header .faq-search-box {
    max-width: 634px;
    position: relative;
    overflow: hidden;
    border-radius: 34px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .faq-header .faq-search-box {
        max-width: 100%
    }
}

.faq-header .faq-search-box input {
    display: block;
    background: #fff;
    width: 100%;
    height: 68px;
    border: none;
    padding: 0 24px;
    color: #000;
    font-size: 1.25rem
}

@media only screen and (max-width:768px) {
    .faq-header .faq-search-box input {
        height: 50px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .faq-header .faq-search-box input {
        height: 57px
    }
}

@media only screen and (max-width:767px) {
    .faq-header .faq-search-box input {
        height: 57px
    }
}

.faq-header .faq-search-box input.placeholder {
    color: #959595
}

.faq-header .faq-search-box input:-moz-placeholder,
.faq-header .faq-search-box input::-moz-placeholder {
    color: #959595
}

.faq-header .faq-search-box input:-ms-input-placeholder {
    color: #959595
}

.faq-header .faq-search-box input::-webkit-input-placeholder {
    color: #959595
}

.faq-header .faq-search-box i {
    cursor: pointer;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 68px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    color: #71c4ec;
    font-size: 23px;
    background: #fff;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.page-arabic .faq-header .faq-search-box i {
    right: unset;
    left: 0
}

.faq-header .faq-search-box i:hover {
    color: #152c49
}

@media only screen and (max-width:768px) {
    .faq-header .faq-search-box i {
        height: 50px;
        width: 50px;
        line-height: 50px
    }
}

.faq-content {
    background-color: #fff;
    padding: 100px 0
}

@media only screen and (max-width:767px) {
    .faq-content {
        padding: 62px 0 79px
    }
}

.faq-content h2 {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 2.5rem;
    letter-spacing: .7px;
    color: #152c49;
    margin-bottom: 32px
}

@media only screen and (max-width:767px) {
    .faq-content h2 {
        font-size: 28px;
        margin-bottom: 7px
    }
}

@media only screen and (max-width:992px) {
    .faq-content .collapse-list .collapse-info .collapse-info-inner {
        padding: 34px 12px
    }
}

@media only screen and (max-width:767px) {
    .faq-content .collapse-list .collapse-info .collapse-info-inner {
        padding: 0 12px
    }
}

.faq-content .collapse-list .collapse-info .collapse-info-inner p {
    color: grey;
    font-size: 1.25rem;
    line-height: 1.5rem;
    position: relative;
    margin: 0
}

@media only screen and (max-width:992px) {
    .faq-content .collapse-list .collapse-info .collapse-info-inner p {
        margin-bottom: 28px
    }
}

@media only screen and (max-width:767px) {
    .faq-content .collapse-list .collapse-info .collapse-info-inner p {
        font-size: 14px;
        line-height: 20px
    }
}

.faq-content .collapse-list .collapse-info .collapse-info-inner p:before {
    content: " ";
    position: absolute;
    background: #a8986b;
    width: 1px;
    left: -12px;
    top: 0;
    bottom: 0
}

.page-arabic .faq-content .collapse-list .collapse-info .collapse-info-inner p:before {
    right: -12px;
    left: unset
}

@media only screen and (max-width:767px) {
    .faq-content .collapse-list .collapse-info .collapse-info-inner p:before {
        left: -8px
    }

    .page-arabic .faq-content .collapse-list .collapse-info .collapse-info-inner p:before {
        right: -8px;
        left: unset
    }
}

.page-type-page.page-template-careers {
    background: radial-gradient(#fff, #eee, #ccc);
    background-attachment: fixed
}

.career-header {
    background: radial-gradient(#fff, #eee, #ccc);
    height: calc(100vh - 75px);
    position: relative
}

@media only screen and (max-width:768px) {
    .career-header {
        background-image: none !important
    }
}

@media only screen and (max-width:767px) {
    .career-header {
        height: auto
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .career-header {
        height: auto
    }
}

.career-header .row {
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .career-header .row {
        flex-direction: column-reverse
    }
}

@media only screen and (max-width:768px) {
    .career-header .row {
        flex-direction: column-reverse
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .career-header .row .header-img {
        display: flex;
        justify-content: center;
        margin: 60px 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .career-header .row .header-img {
        margin: 116px 0 22px
    }
}

.career-header img {
    width: 100%;
    height: auto
}

@media only screen and (max-width:768px) {
    .career-header img {
        max-width: 280px;
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .career-header img {
        max-width: 470px;
        height: 600px
    }
}

@media only screen and (max-width:767px) {
    .career-header img {
        max-width: 275px;
        margin-top: 58px
    }
}

.career-header .career-title {
    margin-bottom: 48px;
    max-width: 720px
}

@media only screen and (max-width:1440px) {
    .career-header .career-title {
        max-width: 560px
    }
}

@media only screen and (max-width:992px) {
    .career-header .career-title {
        max-width: 100%
    }
}

@media only screen and (max-width:767px) {
    .career-header .career-title {
        margin-top: 30px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .career-header .career-title {
        max-width: 100%
    }
}

.career-header .career-title h1 {
    position: relative;
    font-size: 3.5625rem;
    letter-spacing: .43106rem;
    line-height: 3.5625rem;
    font-weight: 700;
    margin: 0 0 25px;
    color: #152c49
}

.page-arabic .career-header .career-title h1 {
    letter-spacing: normal
}

@media only screen and (max-width:992px) {
    .career-header .career-title h1 {
        font-size: 3.375rem;
        line-height: 3.125rem
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .career-header .career-title h1 {
        font-size: 72px;
        line-height: 77px;
        margin-top: 35px
    }
}

@media only screen and (max-width:767px) {
    .career-header .career-title h1 {
        font-size: 32px;
        letter-spacing: 0;
        line-height: 37px;
        margin-bottom: 15px
    }
}

.career-header .career-title h1:before {
    content: " ";
    position: absolute;
    background: #71c4ec;
    width: 3px;
    left: -18px;
    top: 0;
    bottom: 0
}

.page-arabic .career-header .career-title h1:before {
    left: auto;
    right: -18px
}

@media only screen and (max-width:992px) {
    .career-header .career-title h1:before {
        left: -8px
    }

    .page-arabic .career-header .career-title h1:before {
        left: auto;
        right: -8px
    }
}

.career-header .career-title h4 {
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    letter-spacing: .02363rem;
    margin: 0
}

.page-arabic .career-header .career-title h4 {
    letter-spacing: normal
}

@media only screen and (max-width:992px) {
    .career-header .career-title h4 {
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .career-header .career-title h4 {
        font-size: 24px;
        line-height: 36px
    }
}

@media only screen and (max-width:767px) {
    .career-header .career-title h4 {
        font-size: 15px;
        line-height: 22px;
        letter-spacing: 0;
        font-weight: 400;
        max-width: 80%
    }
}

.career-join {
    position: relative
}

@media only screen and (max-width:992px) {
    .career-join {
        display: flex;
        flex-direction: column-reverse
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .career-join {
        margin-top: 105px
    }
}

@media only screen and (max-width:767px) {
    .career-join {
        margin-top: 20px
    }
}

.career-join-content {
    padding: 120px 0
}

@media only screen and (max-width:1300px) {
    .career-join-content {
        padding: 60px 0
    }
}

@media only screen and (max-width:767px) {
    .career-join-content {
        padding: 81px 0
    }
}

.career-join-content h2 {
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.25rem;
    letter-spacing: .0625rem;
    color: #152c49;
    margin: 0 0 40px
}

@media only screen and (max-width:767px) {
    .career-join-content h2 {
        margin-bottom: 37px
    }
}

.career-join-content p {
    margin: 0;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .21px;
    color: #152c49
}

@media only screen and (max-width:767px) {
    .career-join-content p {
        font-weight: 400;
        font-size: 15px;
        line-height: 22px
    }
}

.career-join-content h6 {
    margin: 0;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .21px;
    color: #a8986b
}

@media only screen and (max-width:767px) {
    .career-join-content h6 {
        margin-top: 15px;
        font-size: 15px;
        line-height: 22px
    }
}

.career-join-content a {
    display: inline-block;
    padding: 0 18px;
    height: 50px;
    border: 1px solid #a8986b;
    color: #fff;
    background: #a8986b;
    font-size: 1.25rem;
    letter-spacing: .2px;
    line-height: 50px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.career-join-content a:hover {
    background: transparent;
    color: #a8986b
}

@media only screen and (max-width:1300px) {
    .career-join-content a {
        height: 42px;
        line-height: 42px;
        width: 174px;
        font-size: 16px
    }
}

@media only screen and (max-width:767px) {
    .career-join-content a {
        margin-top: 20px
    }
}

.career-join .no-relative {
    position: static !important
}

.career-join .linkedin {
    position: absolute;
    background: linear-gradient(45deg, #00c4ef, #00234f);
    right: 0;
    top: 0;
    bottom: 0;
    width: 520px
}

.page-arabic .career-join .linkedin {
    right: auto;
    left: 0
}

@media only screen and (max-width:1300px) {
    .career-join .linkedin {
        width: 460px
    }
}

@media only screen and (max-width:992px) {
    .career-join .linkedin {
        display: none
    }
}

.career-join .linkedin .linkedin-info {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap
}

@media only screen and (max-width:992px) {
    .career-join .linkedin .linkedin-info {
        top: 24px;
        -webkit-transform: translate(-24px, -50%);
        -moz-transform: translate(-24px, -50%);
        -ms-transform: translate(-24px, -50%);
        -o-transform: translate(-24px, -50%);
        transform: translate(-24px, -50%)
    }
}

@media only screen and (max-width:768px) {
    .career-join .linkedin .linkedin-info {
        -webkit-transform: translateX(0) scale(.8) !important;
        -moz-transform: translateX(0) scale(.8) !important;
        -ms-transform: translateX(0) scale(.8) !important;
        -o-transform: translateX(0) scale(.8) !important;
        transform: translateX(0) scale(.8) !important;
        left: 0 !important
    }
}

@media only screen and (max-width:767px) {
    .career-join .linkedin .linkedin-info {
        -webkit-transform: translateX(-34px) scale(.7) !important;
        -moz-transform: translateX(-34px) scale(.7) !important;
        -ms-transform: translateX(-34px) scale(.7) !important;
        -o-transform: translateX(-34px) scale(.7) !important;
        transform: translateX(-34px) scale(.7) !important;
        left: 0 !important
    }
}

.career-join .linkedin .linkedin-info h5 {
    margin: 0;
    font-size: 1.6875rem;
    line-height: 1.6875rem;
    font-weight: 700;
    letter-spacing: .2px;
    color: #fff
}

.page-arabic .career-join .linkedin .linkedin-info h5 {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 1.875rem
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .career-join .linkedin .linkedin-info h5 {
        font-size: 34px;
        line-height: 40px
    }

    .page-arabic .career-join .linkedin .linkedin-info h5 {
        font-size: 2.125rem
    }
}

@media only screen and (max-width:767px) {
    .career-join .linkedin .linkedin-info h5 {
        font-size: 21px;
        line-height: 1.7;
        letter-spacing: .5px;
        margin-left: 7px
    }

    .page-arabic .career-join .linkedin .linkedin-info h5 {
        font-size: 1.5625rem
    }
}

.career-join .linkedin .linkedin-info h4 {
    font-size: 3.5625rem;
    line-height: 3.125rem;
    font-weight: 700;
    letter-spacing: .2px;
    color: #fff;
    margin: 0 0 24px
}

.page-arabic .career-join .linkedin .linkedin-info h4 {
    text-align: center
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .career-join .linkedin .linkedin-info h4 {
        font-size: 72px;
        line-height: 60px;
        margin-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    .career-join .linkedin .linkedin-info h4 {
        margin-top: 2px;
        margin-bottom: 7px;
        font-size: 46px;
        line-height: .7
    }
}

@media only screen and (max-width:767px) {
    .page-arabic .career-join .linkedin .linkedin-info h4 {
        text-align: center
    }
}

.career-join .linkedin .linkedin-info p {
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.125rem;
    font-weight: 300;
    letter-spacing: .12px;
    color: #fff
}

.page-arabic .career-join .linkedin .linkedin-info p {
    text-align: left;
    font-size: 1.3125rem
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .career-join .linkedin .linkedin-info p {
        font-size: 22px;
        line-height: 35px
    }

    .page-arabic .career-join .linkedin .linkedin-info p {
        text-align: left;
        font-size: 1.5625rem
    }
}

@media only screen and (max-width:767px) {
    .career-join .linkedin .linkedin-info p {
        font-size: .875rem;
        line-height: 1.3
    }

    .page-arabic .career-join .linkedin .linkedin-info p {
        text-align: center;
        font-size: 1.0625rem
    }
}

.career-join .linkedin img {
    width: 290px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.career-join .linkedin-mobile {
    display: none
}

@media only screen and (max-width:992px) {
    .career-join .linkedin-mobile {
        display: block;
        position: relative;
        width: 100%;
        height: 160px
    }
}

@media only screen and (max-width:992px) and (max-width:767px) {
    .career-join .linkedin-mobile {
        height: 125px;
        text-align: center
    }
}

@media only screen and (max-width:992px) {
    .career-join .linkedin-mobile .linkedin-info {
        position: absolute;
        top: 24px;
        left: 50%;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%)
    }

    .page-arabic .career-join .linkedin-mobile .linkedin-info {
        left: 50% !important;
        right: auto
    }
}

@media only screen and (max-width:992px) and (max-width:767px) {
    .career-join .linkedin-mobile .linkedin-info {
        top: 14px;
        position: static;
        margin: 0 auto;
        transform: none !important;
        padding-top: 15px
    }
}

@media only screen and (max-width:992px) {
    .career-join .linkedin-mobile img {
        width: 140px;
        height: auto;
        position: absolute;
        bottom: 0;
        top: 0;
        left: auto;
        right: 34px;
        margin: auto
    }

    .page-arabic .career-join .linkedin-mobile img {
        right: auto;
        left: 34px
    }
}

@media only screen and (max-width:992px) and (max-width:767px) {
    .career-join .linkedin-mobile img {
        width: 65px;
        right: 15px;
        display: none
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .career-join .linkedin-mobile {
        height: 286px
    }

    .career-join .linkedin-mobile .linkedin-info {
        position: absolute;
        top: 64px
    }
}

.career-form {
    background: #fff;
    padding: 92px 0 60px
}

@media only screen and (max-width:992px) {
    .career-form {
        padding: 72px 0
    }
}

@media only screen and (max-width:767px) {
    .career-form {
        padding: 42px 0 50px
    }
}

@media only screen and (max-width:767px) {
    .career-form .formidable_column .element {
        margin-bottom: 12px
    }
}

@media only screen and (max-width:767px) {
    .career-form .formidable_column .element label {
        font-weight: 400;
        font-size: 13px
    }
}

.career-form .formidable_column .element label .required {
    display: none
}

@media only screen and (max-width:767px) {
    .career-form .formidable_column .element.active label {
        top: -6px !important
    }
}

.career-form .formidable_column .element[class*=nationality] {
    margin-right: 28px
}

.career-form .formidable_column .element[class*=country],
.career-form .formidable_column .element[class*=nationality] {
    width: calc(50% - 17px);
    display: inline-block;
    vertical-align: top
}

.career-form .formidable_column .element[class*=country] .input.has_label,
.career-form .formidable_column .element[class*=nationality] .input.has_label {
    border-bottom: 1px solid #d6d6d6;
    position: relative
}

.career-form .formidable_column .element[class*=country] .input.has_label .text-danger.error,
.career-form .formidable_column .element[class*=nationality] .input.has_label .text-danger.error {
    position: absolute
}

@media only screen and (max-width:768px) {

    .career-form .formidable_column .element[class*=country],
    .career-form .formidable_column .element[class*=nationality] {
        width: 100%;
        display: block
    }
}

.career-form .formidable_column .element[class*=country] select,
.career-form .formidable_column .element[class*=nationality] select {
    width: 100%;
    -webkit-transform: translateX(-6px);
    -moz-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    -o-transform: translateX(-6px);
    transform: translateX(-6px)
}

.career-form .formidable_column .element[class*=country] label,
.career-form .formidable_column .element[class*=nationality] label {
    top: -12px !important
}

@media only screen and (max-width:1200px) and (min-width:768px) {

    .career-form .formidable_column .element[class*=country] label,
    .career-form .formidable_column .element[class*=nationality] label {
        top: -6px !important
    }
}

@media only screen and (max-width:767px) {

    .career-form .formidable_column .element[class*=country] label,
    .career-form .formidable_column .element[class*=nationality] label {
        top: -6px !important
    }
}

.career-form .formidable_column .element[class*=country] .input,
.career-form .formidable_column .element[class*=nationality] .input {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.career-form .formidable_column .element[class*=country] .input:before,
.career-form .formidable_column .element[class*=nationality] .input:before {
    content: "\E901";
    position: absolute;
    right: 8px;
    top: 18px;
    font-size: 7px;
    color: #71c4ec
}

.page-arabic .career-form .formidable_column .element[class*=country] .input:before,
.page-arabic .career-form .formidable_column .element[class*=nationality] .input:before {
    right: unset;
    left: 8px
}

.career-form .formidable_column .element.textarea .help-block {
    display: none
}

.career-form .formidable_column .element.textarea textarea {
    resize: none
}

.career-form .formidable_column .element.textarea .textarea-resize {
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 0;
    top: 8px
}

.page-arabic .career-form .formidable_column .element.textarea .textarea-resize {
    right: unset;
    left: 0
}

@media only screen and (max-width:767px) {
    .career-form .formidable_column .element.textarea .textarea-resize {
        width: 13px;
        height: 13px
    }
}

.career-form .formidable_column .element.textarea .textarea-resize:before {
    content: " ";
    display: block;
    position: absolute;
    right: 9px;
    top: 0;
    width: 2px;
    height: 20px;
    background: #71c4ec;
    margin: auto
}

.page-arabic .career-form .formidable_column .element.textarea .textarea-resize:before {
    right: unset;
    left: 9px
}

@media only screen and (max-width:767px) {
    .career-form .formidable_column .element.textarea .textarea-resize:before {
        height: 14px;
        right: 6px
    }

    .page-arabic .career-form .formidable_column .element.textarea .textarea-resize:before {
        right: unset;
        left: 6px
    }
}

.career-form .formidable_column .element.textarea .textarea-resize:after {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 9px;
    width: 20px;
    height: 2px;
    background: #71c4ec;
    margin: auto
}

.page-arabic .career-form .formidable_column .element.textarea .textarea-resize:after {
    right: unset;
    left: 0
}

@media only screen and (max-width:767px) {
    .career-form .formidable_column .element.textarea .textarea-resize:after {
        top: 6px;
        width: 14px
    }
}

.career-form .formidable_column .element.textarea .textarea-resize.expand:before {
    opacity: 0
}

.career-form .formidable_column .element.upload.active label {
    top: -12px !important
}

.career-form .formidable_column .element.upload .file_upload {
    height: 45px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #d6d6d6;
    padding: 0
}

.career-form .formidable_column .element.upload .file_upload .message.alert {
    display: none
}

.career-form .formidable_column .element.upload .file_upload .dz-message {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px 8px;
    width: auto;
    height: 34px;
    line-height: 30px;
    background: #d6d6d6;
    color: #fff;
    opacity: 1;
    text-align: left;
    font-size: .9375rem
}

.page-arabic .career-form .formidable_column .element.upload .file_upload .dz-message {
    left: 0;
    right: unset
}

.career-form .formidable_column .element.upload .file_upload .dz-message:before {
    content: " ";
    position: absolute;
    display: block;
    height: 1px;
    width: 12px;
    bottom: 0;
    left: -12px;
    background: #fff
}

.career-form .formidable_column .element.upload .file_upload .dz-preview {
    width: 100%;
    background: none;
    min-height: 34px;
    height: 34px;
    bottom: 0;
    margin: 0;
    position: absolute
}

.career-form .formidable_column .element.upload .file_upload .dz-preview .dz-error-mark,
.career-form .formidable_column .element.upload .file_upload .dz-preview .dz-image,
.career-form .formidable_column .element.upload .file_upload .dz-preview .dz-progress,
.career-form .formidable_column .element.upload .file_upload .dz-preview .dz-size,
.career-form .formidable_column .element.upload .file_upload .dz-preview .dz-success-mark {
    display: none
}

.career-form .formidable_column .element.upload .file_upload .dz-preview .dz-details {
    text-align: left;
    padding: 0;
    opacity: 1 !important;
    z-index: 0
}

.career-form .formidable_column .element.upload .file_upload .dz-preview .dz-filename {
    font-size: .9375rem;
    color: #152c49;
    line-height: 34px
}

.career-form .formidable_column .element.upload .file_upload .dz-preview .dz-filename span {
    width: calc(100% - 100px);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0
}

.career-form .formidable_column .element.upload .file_upload .dz-preview .dz-remove {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px 8px;
    width: auto;
    height: 34px;
    line-height: 30px;
    background: #d6d6d6;
    color: #fff;
    opacity: 1;
    text-align: left;
    font-size: .9375rem
}

.career-form .formidable_column .element.upload .file_upload .dz-preview .dz-remove:before {
    content: " ";
    position: absolute;
    display: block;
    height: 1px;
    width: 12px;
    bottom: 0;
    left: -12px;
    background: #fff
}

@media only screen and (max-width:767px) {
    .career-form .formidable_column .element .ccm-input-submit {
        width: 100%;
        margin-top: 20px;
        background-color: #5fb1df;
        border-color: #5fb1df;
        height: 42px
    }
}

.page-arabic .career-form .formidable_column label {
    right: 0;
    left: unset
}

.page-arabic .career-form .formidable_column .input:before {
    right: unset;
    left: 8px
}

.contact-us {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    position: relative
}

@media only screen and (max-width:1080px) {
    .contact-us {
        flex-direction: column
    }
}

.contact-us .contact-us-content {
    padding: 100px 100px 150px;
    width: 100%
}

@media only screen and (max-height:850px) {
    .contact-us .contact-us-content {
        padding: 60px 100px 110px
    }
}

@media only screen and (max-width:1300px) {
    .contact-us .contact-us-content {
        padding: 52px 52px 0
    }
}

@media only screen and (max-width:992px) {
    .contact-us .contact-us-content {
        padding: 42px 24px 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .contact-us .contact-us-content {
        padding: 150px 15px 0;
        margin-bottom: 136px
    }
}

@media only screen and (max-width:767px) {
    .contact-us .contact-us-content {
        padding: 50px 15px 0
    }
}

.contact-us .contact-us-content h1 {
    font-size: 3.625rem;
    letter-spacing: 1.21px;
    line-height: 3.75rem;
    color: #152c49;
    position: relative;
    margin: 0 0 42px;
    left: 20px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .contact-us .contact-us-content h1 {
        font-size: 72px;
        line-height: 77px;
        margin-top: 0
    }
}

@media only screen and (max-width:767px) {
    .contact-us .contact-us-content h1 {
        font-size: 32px;
        letter-spacing: 0;
        line-height: 40px;
        left: 0;
        margin-bottom: 9px
    }
}

.contact-us .contact-us-content h1:before {
    content: " ";
    position: absolute;
    background: #71c4ec;
    width: 3px;
    left: -18px;
    top: 10px;
    bottom: 10px
}

.page-arabic .contact-us .contact-us-content h1:before {
    left: auto;
    right: -18px
}

@media only screen and (max-width:767px) {
    .contact-us .contact-us-content h1:before {
        left: -8px;
        height: 100%;
        bottom: auto;
        top: 0
    }

    .page-arabic .contact-us .contact-us-content h1:before {
        left: auto;
        right: -8px
    }
}

.contact-us .contact-us-map {
    width: 100%;
    height: calc(100vh - 74px)
}

@media only screen and (max-width:1080px) {
    .contact-us .contact-us-map {
        height: 40vh
    }
}

.contact-us .contact-us-map .map-block {
    height: 100%
}

.contact-us .contact-us-map .map-block img {
    height: 100%;
    object-fit: cover
}

.contact-us .contact-location {
    position: absolute;
    width: 100%;
    z-index: 10;
    bottom: 0;
    left: 0
}

@media only screen and (max-width:1080px) {
    .contact-us .contact-location {
        position: static;
        margin-top: 40px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .contact-us .contact-location {
        order: 3;
        margin-top: 0
    }
}

.contact-us .formidable .element textarea {
    height: 120px
}

@media only screen and (max-width:767px) {
    .contact-us .formidable .element textarea {
        height: 96px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .contact-us .formidable .element .ccm-input-submit {
        height: 53px;
        width: 208px;
        font-size: 20px;
        text-transform: uppercase
    }
}

@media only screen and (max-width:767px) {
    .contact-us .formidable .element .ccm-input-submit {
        width: 100%;
        height: 43px;
        margin-top: 6px
    }
}

.cust-care-main,
.page-type-page.page-template-customer-care {
    background: radial-gradient(#fff, #eee, #ccc);
    background-attachment: fixed
}

.cust-care-main {
    height: 730px;
    position: relative
}

@media only screen and (max-width:992px) {
    .cust-care-main {
        height: auto;
        padding: 120px 0
    }
}

@media only screen and (max-width:767px) {
    .cust-care-main {
        padding: 52px 0
    }
}

.cust-care-main .cc-title-wrap {
    padding-top: 120px
}

@media only screen and (max-width:992px) {
    .cust-care-main .cc-title-wrap {
        padding-top: 0
    }
}

.cust-care-main .cc-title-wrap .row {
    display: flex;
    align-items: center
}

@media only screen and (max-width:992px) {
    .cust-care-main .cc-title-wrap .row {
        flex-direction: column-reverse
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .cust-care-main .cc-title-wrap .row {
        align-items: flex-start
    }
}

@media only screen and (max-width:992px) {
    .cust-care-main .cc-title-wrap .cc-title {
        padding: 0 24px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .cust-care-main .cc-title-wrap .cc-title {
        padding: 0 15px
    }
}

@media only screen and (max-width:767px) {
    .cust-care-main .cc-title-wrap .cc-title {
        padding: 0 15px;
        margin-top: 17px
    }
}

.cust-care-main .cc-title-wrap .cc-title h1 {
    position: relative;
    font-size: 3.5625rem;
    letter-spacing: .43106rem;
    line-height: 3.75rem;
    font-weight: 500;
    margin: 0 0 28px;
    color: #152c49
}

.page-arabic .cust-care-main .cc-title-wrap .cc-title h1 {
    letter-spacing: normal
}

@media only screen and (max-width:992px) {
    .cust-care-main .cc-title-wrap .cc-title h1 {
        font-size: 3.375rem;
        line-height: 3.125rem
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .cust-care-main .cc-title-wrap .cc-title h1 {
        width: 70%;
        font-size: 72px;
        line-height: 77px;
        margin-top: 35px;
        font-weight: 400
    }
}

@media only screen and (max-width:767px) {
    .cust-care-main .cc-title-wrap .cc-title h1 {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 0;
        max-width: 70%;
        margin-bottom: 16px
    }
}

.cust-care-main .cc-title-wrap .cc-title h1:before {
    content: " ";
    position: absolute;
    background: #71c4ec;
    width: 3px;
    left: -18px;
    top: 0;
    bottom: 0
}

.page-arabic .cust-care-main .cc-title-wrap .cc-title h1:before {
    left: unset;
    right: -18px
}

@media only screen and (max-width:768px) {
    .cust-care-main .cc-title-wrap .cc-title h1:before {
        left: -8px
    }

    .page-arabic .cust-care-main .cc-title-wrap .cc-title h1:before {
        left: unset;
        right: -8px
    }
}

.cust-care-main .cc-title-wrap .cc-title h4 {
    font-weight: 300;
    color: #152c49;
    font-size: 1.3125rem;
    line-height: 1.6875rem;
    letter-spacing: .02363rem;
    margin: 0 0 20px;
    max-width: 625px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .cust-care-main .cc-title-wrap .cc-title h4 {
        font-size: 24px;
        line-height: 36px
    }
}

@media only screen and (max-width:767px) {
    .cust-care-main .cc-title-wrap .cc-title h4 {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0;
        max-width: 89%;
        font-weight: 400
    }
}

.cust-care-main .cc-title-wrap .cc-img {
    width: 450px;
    height: auto;
    margin-left: auto;
    margin-right: 0
}

.page-arabic .cust-care-main .cc-title-wrap .cc-img {
    margin-left: 0;
    margin-right: auto
}

@media only screen and (max-width:992px) {
    .cust-care-main .cc-title-wrap .cc-img {
        width: 360px;
        height: auto
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .cust-care-main .cc-title-wrap .cc-img {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (max-width:768px) {
    .cust-care-main .cc-title-wrap .cc-img {
        right: -100px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .cust-care-main .cc-title-wrap .cc-img {
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width:767px) {
    .cust-care-main .cc-title-wrap .cc-img {
        right: -160px;
        width: 238px;
        margin-right: auto
    }
}

.enquiry-section {
    position: relative;
    background: radial-gradient(#fff, #eee, #ccc);
    background-attachment: fixed
}

.enquiry-section:after {
    content: " ";
    position: absolute;
    background: #fff;
    width: 100%;
    bottom: 0;
    top: 50%
}

@media only screen and (max-width:767px) {
    .enquiry-section .container {
        padding: 0
    }
}

.enquiry-section .enquiry-form {
    background: #152c49;
    height: 536px;
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media only screen and (max-width:992px) {
    .enquiry-section .enquiry-form {
        flex-direction: column;
        height: auto
    }
}

.enquiry-section .enquiry-form .form-banner {
    background: linear-gradient(45deg, #70c2ea, #467da0);
    width: 280px;
    height: 100%;
    flex-shrink: 1;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden
}

@media only screen and (max-width:992px) {
    .enquiry-section .enquiry-form .form-banner {
        width: 100%;
        height: 320px;
        flex-shrink: 0
    }
}

@media only screen and (max-width:768px) {
    .enquiry-section .enquiry-form .form-banner {
        height: 194px
    }
}

@media only screen and (max-width:767px) {
    .enquiry-section .enquiry-form .form-banner {
        height: 125px
    }
}

.enquiry-section .enquiry-form .form-banner .form-banner-title {
    padding-left: 42px
}

.page-arabic .enquiry-section .enquiry-form .form-banner .form-banner-title {
    padding-right: 42px;
    padding-left: 0
}

@media only screen and (max-width:767px) {
    .enquiry-section .enquiry-form .form-banner .form-banner-title {
        padding-left: 15px
    }

    .page-arabic .enquiry-section .enquiry-form .form-banner .form-banner-title {
        padding-right: 15px;
        padding-left: 0
    }
}

.enquiry-section .enquiry-form .form-banner .form-banner-title h2 {
    font-size: 2.8125rem;
    line-height: 2.9375rem;
    letter-spacing: .28125rem;
    font-weight: 500;
    color: #fff;
    margin: 0
}

@media only screen and (max-width:767px) {
    .enquiry-section .enquiry-form .form-banner .form-banner-title h2 {
        font-size: 28px;
        line-height: 30px
    }
}

.enquiry-section .enquiry-form .form-banner img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: .2;
    mix-blend-mode: soft-light;
    padding: 42px;
    max-width: 100%;
    height: auto
}

@media only screen and (max-width:992px) {
    .enquiry-section .enquiry-form .form-banner img {
        height: 100%;
        width: auto;
        padding: 24px
    }
}

@media only screen and (max-width:768px) {
    .enquiry-section .enquiry-form .form-banner img {
        left: auto
    }
}

@media only screen and (max-width:767px) {
    .enquiry-section .enquiry-form .form-banner img {
        height: auto;
        width: 113px;
        right: 48px
    }

    .page-arabic .enquiry-section .enquiry-form .form-banner img {
        left: 48px;
        right: auto
    }
}

.enquiry-section .enquiry-form .form-container {
    flex-grow: 1;
    padding: 60px
}

.enquiry-section .enquiry-form .form-container .formidable {
    margin: 0;
    padding: 0
}

@media only screen and (max-width:767px) {
    .enquiry-section .enquiry-form .form-container .formidable .ccm-input-submit {
        width: 100%;
        height: 43px;
        background-color: #71c4ec;
        border-color: #71c4ec;
        margin-top: 5px
    }
}

@media only screen and (max-width:992px) {
    .enquiry-section .enquiry-form .form-container {
        padding: 42px;
        flex-shrink: 0
    }
}

@media only screen and (max-width:768px) {
    .enquiry-section .enquiry-form .form-container {
        padding: 24px
    }
}

@media only screen and (max-width:767px) {
    .enquiry-section .enquiry-form .form-container {
        padding: 32px 15px 41px
    }
}

.enquiry-section .enquiry-form .form-container label {
    color: #9b9b9b
}

.enquiry-section .enquiry-form .form-container label .required {
    display: none
}

.enquiry-section .enquiry-form .form-container input:not([type=submit]),
.enquiry-section .enquiry-form .form-container textarea {
    color: #fff;
    background: none !important
}

.enquiry-section .enquiry-form .form-container textarea {
    height: 128px
}

.enquiry-section .enquiry-form .form-container .element[class*=recaptcha-note] {
    margin-bottom: 5px
}

.enquiry-section .enquiry-form .form-container .element[class*=recaptcha-note] p,
.enquiry-section .enquiry-form .form-container .element[class*=recaptcha-note] p a {
    color: #fff
}

.customer-care-files {
    background: #fff;
    padding: 120px 0
}

@media only screen and (max-width:768px) {
    .customer-care-files {
        padding: 60px 0
    }
}

@media only screen and (max-width:767px) {
    .customer-care-files {
        padding: 82px 0 60px
    }
}

.chat-box {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media only screen and (max-width:767px) {
    .chat-box {
        background: none;
        text-align: right;
        padding-right: 0;
        padding-bottom: 0;
        bottom: 10px;
        right: 10px
    }
}

.chat-box:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04)
}

.chat-box img {
    width: 92px;
    height: 92px;
    object-fit: contain
}

@media only screen and (max-width:767px) {
    .chat-box img {
        width: 65px;
        height: 65px
    }
}

.about-banner {
    height: calc(100vh - 75px);
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

@media only screen and (min-width:1300px) {
    .about-banner {
        max-height: 950px
    }
}

@media only screen and (max-width:767px) {
    .about-banner {
        background-size: cover
    }
}

.page-arabic .about-banner {
    background-position: 100% 0
}

@media only screen and (max-width:912px) {
    .about-banner {
        height: auto;
        display: flex;
        flex-direction: column-reverse
    }
}

@media only screen and (max-width:1900px) {
    .about-banner .container {
        width: 80%
    }
}

@media only screen and (max-width:1600px) {
    .about-banner .container {
        width: 90%
    }
}

@media only screen and (max-width:992px) {
    .about-banner .container {
        width: 100% !important
    }
}

.about-banner .row {
    display: flex;
    align-items: center;
    height: 100%
}

@media only screen and (max-width:768px) {
    .about-banner .row {
        display: block
    }
}

.about-banner .row .title-box {
    position: relative
}

@media only screen and (max-width:1024px) {
    .about-banner .row .title-box {
        max-width: 28%
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-banner .row .title-box {
        max-width: 100%;
        padding: 60px 0 68px !important
    }
}

@media only screen and (max-width:767px) {
    .about-banner .row .title-box {
        max-width: 100%;
        padding: 66px 0 !important
    }
}

.about-banner .row .title-box:after {
    content: " ";
    display: block;
    position: absolute;
    height: 1px;
    background-color: #71c4ec;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    margin: auto
}

@media only screen and (max-width:912px) {
    .about-banner .row .title-box:after {
        top: 124px;
        margin: 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-banner .row .title-box:after {
        top: 184px
    }
}

@media only screen and (max-width:767px) {
    .about-banner .row .title-box:after {
        top: 112px;
        height: 2px
    }
}

.about-banner .row .title-box h1 {
    font-size: 3.5625rem;
    line-height: 3.75rem;
    letter-spacing: .43106rem;
    color: #152c49;
    margin: 0 0 32px
}

.page-arabic .about-banner .row .title-box h1 {
    letter-spacing: normal
}

@media only screen and (min-height:850px) {
    .about-banner .row .title-box h1 {
        font-size: 2.5rem
    }
}

@media only screen and (max-width:1300px) {
    .about-banner .row .title-box h1 {
        font-size: 2.5rem
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-banner .row .title-box h1 {
        font-size: 72px;
        line-height: 73px;
        margin-top: 28px;
        margin-bottom: 39px !important
    }
}

@media only screen and (max-width:767px) {
    .about-banner .row .title-box h1 {
        font-size: 32px;
        letter-spacing: .7px;
        line-height: 2.5rem
    }
}

.about-banner .row .title-box h5 {
    font-weight: 500;
    font-size: 1.1875rem;
    letter-spacing: .0095rem;
    line-height: 1.5625rem;
    color: #152c49;
    margin: 0
}

.page-arabic .about-banner .row .title-box h5 {
    letter-spacing: normal
}

@media only screen and (min-height:850px) {
    .about-banner .row .title-box h5 {
        font-size: 1.0625rem
    }
}

@media only screen and (max-width:1300px) {
    .about-banner .row .title-box h5 {
        font-size: 1.0625rem
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-banner .row .title-box h5 {
        font-size: 25px;
        line-height: 34px;
        letter-spacing: 4px;
        margin-bottom: 0 !important
    }
}

@media only screen and (max-width:767px) {
    .about-banner .row .title-box h5 {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 1.5rem;
        max-width: 72%;
        font-weight: 500 !important;
        margin-bottom: 0 !important
    }
}

.about-banner .row .title-box h6 {
    font-size: 1.1875rem;
    letter-spacing: .171rem;
    line-height: 1.5625rem;
    color: #a8986b;
    font-weight: 300;
    margin: 0
}

.page-arabic .about-banner .row .title-box h6 {
    letter-spacing: normal
}

@media only screen and (max-height:800px) {
    .about-banner .row .title-box h6 {
        font-size: 1.0625rem
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-banner .row .title-box h6 {
        font-size: 25px;
        line-height: 34px;
        letter-spacing: 2px
    }
}

@media only screen and (max-width:767px) {
    .about-banner .row .title-box h6 {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 1.5rem;
        max-width: 85%;
        font-weight: 400
    }
}

.about-banner .row .title-box h6 b {
    font-weight: 700
}

@media only screen and (max-width:992px) {
    .about-banner .row .title-box {
        padding: 60px 0
    }

    .about-banner .row .title-box h1,
    .about-banner .row .title-box h5,
    .about-banner .row .title-box h6 {
        margin-bottom: 12px
    }
}

@media only screen and (max-width:992px) and (max-width:912px) {
    .about-banner .row .title-box h5 {
        font-weight: 500
    }
}

@media only screen and (max-width:992px) {
    .about-banner .row .title-box h1 {
        display: inline-block
    }

    .about-banner .row .title-box h1:after {
        bottom: -4px
    }
}

@media only screen and (max-width:992px) and (max-width:912px) {
    .about-banner .row .title-box h1 {
        margin-bottom: 38px !important
    }
}

@media only screen and (max-width:992px) and (max-width:767px) {
    .about-banner .row .title-box h1 {
        margin-bottom: 20px !important
    }
}

@media only screen and (max-width:767px) {
    .about-banner .row .title-box {
        padding: 107px 0 96px
    }
}

.about-banner img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100%
}

.page-arabic .about-banner img {
    left: 0;
    right: auto;
    transform: scaleX(-1)
}

@media only screen and (max-width:912px) {
    .about-banner img {
        position: static;
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-banner img {
        display: none
    }
}

.about-banner img.for_tab {
    display: none
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-banner img.for_tab {
        display: block
    }
}

.about-text-box {
    max-width: 580px
}

@media only screen and (max-width:1200px) {
    .about-text-box {
        max-width: 540px
    }
}

@media only screen and (max-width:912px) {
    .about-text-box {
        max-width: none
    }
}

.about-text-box h4 {
    font-weight: 500;
    font-size: 1.875rem;
    letter-spacing: .22687rem;
    line-height: 2.5rem;
    color: #fff;
    margin: 0
}

.page-arabic .about-text-box h4 {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-text-box h4 {
        font-size: 40px;
        line-height: 40px;
        margin-top: 83px;
        letter-spacing: 5px
    }
}

@media only screen and (max-width:767px) {
    .about-text-box h4 {
        margin-bottom: 5px;
        font-size: 28px;
        letter-spacing: 0
    }
}

.about-text-box p {
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    letter-spacing: .00225rem;
    color: #fff;
    margin-bottom: 20px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-text-box p {
        font-size: 24px;
        line-height: 36px;
        font-weight: 400
    }
}

@media only screen and (max-width:767px) {
    .about-text-box p {
        font-weight: 400;
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 20px
    }
}

.about-intro {
    padding: 130px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width:1300px) {
    .about-intro {
        padding: 72px 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-intro {
        padding: 72px 0 114px
    }
}

@media only screen and (max-width:767px) {
    .about-intro {
        padding: 80px 0
    }
}

.about-intro img {
    position: absolute;
    height: 605px;
    width: auto;
    left: 0;
    bottom: 0;
    max-height: 80%
}

.page-arabic .about-intro img {
    right: 0;
    left: auto;
    transform: scaleX(-1)
}

@media only screen and (max-width:992px) {
    .about-intro img {
        left: auto;
        right: 100px;
        bottom: -50%
    }

    .page-arabic .about-intro img {
        right: auto;
        left: 100px
    }
}

@media only screen and (max-width:912px) {
    .about-intro img {
        bottom: -58%
    }
}

@media only screen and (max-width:768px) {
    .about-intro img {
        bottom: -60%
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-intro img {
        height: 642px;
        right: 60px
    }
}

@media only screen and (max-width:767px) {
    .about-intro img {
        bottom: -68%;
        right: 25px
    }
}

.about-history {
    padding: 230px 0 120px
}

@media only screen and (max-width:992px) {
    .about-history {
        padding: 60px 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-history {
        padding: 170px 0 60px
    }
}

@media only screen and (max-width:767px) {
    .about-history {
        padding: 81px 0 20px
    }
}

.about-history .about-text-box {
    position: relative
}

.about-history .about-text-box h4 {
    color: #152c49;
    position: relative;
    margin: 0 0 24px
}

@media only screen and (max-width:767px) {
    .about-history .about-text-box h4 {
        margin-bottom: 14px
    }
}

.about-history .about-text-box p {
    color: #606060
}

@media only screen and (max-width:912px) {
    .about-history .history-capital-wrap {
        padding: 42px 0
    }
}

.about-history .arrow-block {
    position: absolute;
    -webkit-transform: translate(192px, 4px);
    -moz-transform: translate(192px, 4px);
    -ms-transform: translate(192px, 4px);
    -o-transform: translate(192px, 4px);
    transform: translate(192px, 4px)
}

@media only screen and (max-width:1300px) {
    .about-history .arrow-block {
        -webkit-transform: translate(174px);
        -moz-transform: translate(174px);
        -ms-transform: translate(174px);
        -o-transform: translate(174px);
        transform: translate(174px)
    }
}

@media only screen and (max-width:1200px) {
    .about-history .arrow-block {
        -webkit-transform: translate(159px, 4px);
        -moz-transform: translate(159px, 4px);
        -ms-transform: translate(159px, 4px);
        -o-transform: translate(159px, 4px);
        transform: translate(159px, 4px)
    }
}

@media only screen and (max-width:992px) {
    .about-history .arrow-block {
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        text-align: center
    }
}

.about-history .arrow-block img {
    width: 120%;
    z-index: 7
}

@media only screen and (max-width:1200px) {
    .about-history .arrow-block img {
        width: 100%
    }
}

@media only screen and (max-width:992px) {
    .about-history .arrow-block img {
        display: block;
        width: 240px;
        height: 220px;
        margin: 42px auto auto;
        object-fit: contain;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-history .arrow-block img {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .about-history .arrow-block img {
        display: none
    }
}

.about-history .arrow-block .arrow-text {
    font-size: 12px;
    letter-spacing: .0625rem;
    font-weight: 300;
    color: #333;
    font-style: normal;
    position: absolute;
    left: 50%;
    top: 0;
    margin: auto;
    display: inline-block
}

.page-arabic .about-history .arrow-block .arrow-text {
    left: auto;
    right: 50%
}

@media only screen and (max-width:1200px) {
    .about-history .arrow-block .arrow-text {
        left: 25%;
        top: -8px
    }

    .page-arabic .about-history .arrow-block .arrow-text {
        left: auto;
        right: 25%
    }
}

@media only screen and (max-width:992px) {
    .about-history .arrow-block .arrow-text {
        text-align: center;
        position: static
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-history .arrow-block .arrow-text {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 2px;
        font-weight: 400
    }
}

@media only screen and (max-width:767px) {
    .about-history .arrow-block .arrow-text {
        color: #000;
        font-size: 12px;
        letter-spacing: .5px
    }
}

.about-history .row {
    display: flex;
    align-items: center
}

@media only screen and (max-width:992px) {
    .about-history .row {
        display: block
    }
}

.about-history .history-capital {
    z-index: -1;
    position: relative;
    -webkit-transform: translateY(-46px);
    -moz-transform: translateY(-46px);
    -ms-transform: translateY(-46px);
    -o-transform: translateY(-46px);
    transform: translateY(-46px)
}

@media only screen and (max-width:1500px) {
    .about-history .history-capital {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (max-width:1300px) {
    .about-history .history-capital {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@media only screen and (max-width:992px) {
    .about-history .history-capital {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-history .history-capital {
        margin-top: 0
    }
}

.about-history .history-capital-value {
    z-index: 1;
    position: absolute;
    top: 34px;
    right: 94px;
    width: 124px
}

.page-arabic .about-history .history-capital-value {
    left: 94px;
    right: auto
}

@media only screen and (max-width:1300px) {
    .about-history .history-capital-value {
        right: 120px
    }

    .page-arabic .about-history .history-capital-value {
        left: 120px;
        right: auto
    }
}

@media only screen and (max-width:992px) {
    .about-history .history-capital-value {
        right: 0;
        left: 56px;
        top: 72px;
        margin: auto
    }

    .page-arabic .about-history .history-capital-value {
        left: 0;
        right: 56px
    }
}

@media only screen and (max-width:768px) {
    .about-history .history-capital-value {
        left: 88px;
        top: 78px
    }

    .page-arabic .about-history .history-capital-value {
        left: auto;
        right: 88px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-history .history-capital-value {
        left: -20px;
        top: 153px
    }

    .page-arabic .about-history .history-capital-value {
        left: auto;
        right: -20px
    }
}

.about-history .history-capital-value h5 {
    font-size: 30px;
    line-height: 45px;
    color: #152c49;
    margin: 0;
    letter-spacing: 26px;
    position: relative;
    left: 4px
}

@media only screen and (max-width:768px) {
    .about-history .history-capital-value h5 {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 12px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-history .history-capital-value h5 {
        font-size: 32px;
        line-height: 35px;
        letter-spacing: 32px
    }
}

.page-arabic .about-history .history-capital-value h5 {
    left: auto;
    right: 4px
}

.about-history .history-capital-value h3 {
    font-size: 67px;
    line-height: 58px;
    letter-spacing: .469px;
    color: #152c49;
    font-weight: 700;
    -webkit-transform: translateX(-2px);
    -moz-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    -o-transform: translateX(-2px);
    transform: translateX(-2px);
    margin: 0
}

@media only screen and (max-width:768px) {
    .about-history .history-capital-value h3 {
        font-size: 34px;
        line-height: 30px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-history .history-capital-value h3 {
        font-size: 69px;
        line-height: 60px;
        letter-spacing: 4px
    }
}

.about-history .history-capital-value h4 {
    font-size: 40px;
    line-height: 40px;
    color: #152c49;
    letter-spacing: .7px;
    margin: 0
}

@media only screen and (max-width:768px) {
    .about-history .history-capital-value h4 {
        font-size: 20px;
        line-height: 20px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-history .history-capital-value h4 {
        font-size: 41px;
        line-height: 35px;
        letter-spacing: 3px
    }
}

.about-history .history-capital-img {
    z-index: -1;
    position: relative;
    height: 440px;
    width: auto;
    -webkit-transform: translateX(-72px);
    -moz-transform: translateX(-72px);
    -ms-transform: translateX(-72px);
    -o-transform: translateX(-72px);
    transform: translateX(-72px)
}

.page-arabic .about-history .history-capital-img {
    -webkit-transform: translateX(72px);
    -moz-transform: translateX(72px);
    -ms-transform: translateX(72px);
    -o-transform: translateX(72px);
    transform: translateX(72px)
}

@media only screen and (max-width:1300px) {
    .about-history .history-capital-img {
        height: 410px
    }
}

@media only screen and (max-width:1400px) {
    .about-history .history-capital-img {
        -webkit-transform: translateX(-120px);
        -moz-transform: translateX(-120px);
        -ms-transform: translateX(-120px);
        -o-transform: translateX(-120px);
        transform: translateX(-120px)
    }

    .page-arabic .about-history .history-capital-img {
        -webkit-transform: translateX(120px);
        -moz-transform: translateX(120px);
        -ms-transform: translateX(120px);
        -o-transform: translateX(120px);
        transform: translateX(120px)
    }
}

@media only screen and (max-width:992px) {
    .about-history .history-capital-img {
        margin-top: 42px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-history .history-capital-img {
        margin-top: 98px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .about-history .history-capital:before {
        content: "";
        position: absolute;
        width: 2px;
        height: 126px;
        background: #dedede;
        left: 50%;
        top: 17px;
        transform: translateX(-50%)
    }

    .page-arabic .about-history .history-capital:before {
        left: auto;
        right: 50%
    }
}

@media only screen and (max-width:767px) {
    .about-history .history-capital:before {
        content: "";
        position: absolute;
        width: 2px;
        height: 56px;
        background: #dedede;
        left: 52%;
        top: 5px;
        transform: translateX(-50%)
    }

    .page-arabic .about-history .history-capital:before {
        left: auto;
        right: 52%
    }
}

.recognition-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative
}

@media only screen and (max-width:1300px) {
    .recognition-section {
        padding: 60px 0;
        height: 880px;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:600px) {
    .recognition-section {
        height: 650px
    }
}

@media only screen and (max-width:767px) {
    .recognition-section {
        height: 470px;
        background-size: 180%;
        background-position: 0 100%
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .recognition-section {
        height: 650px
    }
}

.recognition-section .recognition-title {
    padding: 0 45px;
    flex-shrink: 1;
    position: relative
}

@media only screen and (max-width:767px) {
    .recognition-section .recognition-title {
        width: 100%;
        padding: 0 15px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .recognition-section .recognition-title {
        width: 100%;
        display: flex;
        justify-content: space-between
    }
}

.recognition-section .recognition-title h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    letter-spacing: .22687rem;
    color: #152c49;
    font-weight: 500;
    margin: 0
}

.page-arabic .recognition-section .recognition-title h2 {
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    .recognition-section .recognition-title h2 {
        font-size: 28px;
        letter-spacing: 0
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .recognition-section .recognition-title h2 {
        width: 60%
    }
}

.recognition-section .recognition-title .swiper-nav {
    position: absolute;
    top: calc(100% + 40px);
    left: 40px;
    width: calc(100% - 80px)
}

.page-arabic .recognition-section .recognition-title .swiper-nav {
    left: auto;
    right: 40px
}

@media only screen and (max-width:767px) {
    .recognition-section .recognition-title .swiper-nav {
        top: 70%;
        left: auto;
        right: 0;
        width: 130px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .recognition-section .recognition-title .swiper-nav {
        width: 40%;
        position: relative
    }
}

.recognition-section .recognition-title .swiper-nav .swiper-button-next,
.recognition-section .recognition-title .swiper-nav .swiper-button-prev {
    width: 60px;
    height: 28px;
    flex-shrink: 1
}

.page-arabic .recognition-section .recognition-title .swiper-nav .swiper-button-next,
.page-arabic .recognition-section .recognition-title .swiper-nav .swiper-button-prev {
    transform: rotate(180deg)
}

.recognition-section .recognition-title .swiper-nav .swiper-button-next:after,
.recognition-section .recognition-title .swiper-nav .swiper-button-prev:after {
    color: #606060;
    font-size: 1.75rem;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

@media only screen and (max-width:767px) {

    .recognition-section .recognition-title .swiper-nav .swiper-button-next:after,
    .recognition-section .recognition-title .swiper-nav .swiper-button-prev:after {
        font-size: 1.1875rem;
        color: #152c49
    }
}

.recognition-section .recognition-title .swiper-nav .swiper-button-prev:after {
    content: "\E906"
}

.page-arabic .recognition-section .recognition-title .swiper-nav .swiper-button-prev {
    right: 10px;
    left: auto
}

.recognition-section .recognition-title .swiper-nav .swiper-button-next:after {
    content: "\E905"
}

.page-arabic .recognition-section .recognition-title .swiper-nav .swiper-button-next {
    left: 10px;
    right: auto
}

.recognition-section .recognition-timeline {
    flex-grow: 1
}

@media only screen and (max-width:767px) {
    .recognition-section .recognition-timeline {
        margin-top: 20px
    }
}

.sky-one-fund-banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 1100px;
    position: relative
}

@media only screen and (min-height:840px) {
    .sky-one-fund-banner {
        height: 1200px
    }
}

@media only screen and (max-width:768px) {
    .sky-one-fund-banner {
        height: 960px
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-banner {
        height: 800px
    }
}

@media only screen and (max-height:1000px) {
    .sky-one-fund-banner .global-spacer {
        height: 50px !important
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .sky-one-fund-banner .global-spacer {
        height: 37px !important
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-banner .global-spacer {
        height: 20px !important
    }
}

.sky-one-fund-banner .banner-title {
    position: relative;
    text-align: center;
    max-width: 746px;
    margin: auto;
    padding: 320px 24px 0;
    height: 81vh
}

@media only screen and (min-height:940px) {
    .sky-one-fund-banner .banner-title {
        height: 60vh
    }
}

@media only screen and (min-height:1160px) {
    .sky-one-fund-banner .banner-title {
        height: 50vh
    }
}

@media only screen and (min-height:1360px) {
    .sky-one-fund-banner .banner-title {
        height: 45vh
    }
}

@media only screen and (max-width:768px) {
    .sky-one-fund-banner .banner-title {
        padding-top: 72px;
        height: auto
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-banner .banner-title {
        padding-top: 152px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .sky-one-fund-banner .banner-title {
        height: auto;
        padding-top: 220px
    }
}

.sky-one-fund-banner .banner-title img {
    position: absolute;
    height: 400px;
    width: auto;
    left: 32px;
    right: 0;
    top: 72px;
    margin: auto;
    z-index: 0;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg)
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .sky-one-fund-banner .banner-title img {
        left: 160px;
        height: 340px
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-banner .banner-title img {
        height: 200px;
        top: 42px
    }
}

.sky-one-fund-banner .banner-title h1 {
    position: relative;
    font-size: 4.3125rem;
    letter-spacing: .1875rem;
    line-height: 4rem;
    font-weight: 300;
    color: #fff;
    margin: 0 0 24px;
    z-index: 1
}

.page-arabic .sky-one-fund-banner .banner-title h1 {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .sky-one-fund-banner .banner-title h1 {
        font-size: 92px;
        line-height: 86px;
        letter-spacing: 0
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-banner .banner-title h1 {
        font-size: 3.25rem;
        line-height: 3.125rem;
        font-size: 42px;
        line-height: 50px;
        letter-spacing: 0
    }
}

.sky-one-fund-banner .banner-title h1 b {
    font-weight: 700
}

.sky-one-fund-banner .banner-title h1+p {
    position: relative;
    font-size: 21px;
    line-height: 24px;
    letter-spacing: .2px;
    font-weight: 300;
    color: #fff;
    z-index: 1
}

.page-arabic .sky-one-fund-banner .banner-title h1+p {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .sky-one-fund-banner .banner-title h1+p {
        font-size: 27px;
        line-height: 32px;
        letter-spacing: 0;
        margin-top: 50px
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-banner .banner-title h1+p {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0
    }
}

.sky-one-fund-banner .arrow {
    text-align: center
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .sky-one-fund-banner .arrow img {
        height: 90px
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-banner .arrow img {
        height: 51px
    }
}

.sky-one-fund-banner .sky-one-fund-features {
    margin: 42px 0
}

@media only screen and (max-width:767px) {
    .sky-one-fund-banner .sky-one-fund-features {
        margin: 25px 0
    }
}

.sky-one-fund-intro {
    background: #fff;
    padding: 120px 0
}

@media only screen and (max-width:767px) {
    .sky-one-fund-intro {
        padding: 53px 0 78px
    }
}

.sky-one-fund-intro .row {
    display: flex;
    align-items: center
}

@media only screen and (max-width:992px) {
    .sky-one-fund-intro .row {
        flex-direction: column;
        align-items: flex-start
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-intro .row div[class*=col-] {
        padding: 0 20px
    }
}

.sky-one-fund-intro .sky-one-fund-img img {
    width: 296px;
    height: 110px;
    object-fit: contain
}

@media only screen and (max-width:767px) {
    .sky-one-fund-intro .sky-one-fund-img img {
        max-width: 170px
    }
}

@media only screen and (max-width:992px) {
    .sky-one-fund-intro .sky-one-fund-img {
        margin-bottom: 24px
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-intro .sky-one-fund-img {
        margin-bottom: 16px
    }
}

.sky-one-fund-intro .sky-one-fund-content {
    position: relative
}

.sky-one-fund-intro .sky-one-fund-content:before {
    content: " ";
    position: absolute;
    left: -50px;
    width: 1px;
    height: 100%;
    top: 0;
    background: #152c49
}

.page-arabic .sky-one-fund-intro .sky-one-fund-content:before {
    left: 0;
    right: -50px
}

@media only screen and (max-width:992px) {
    .sky-one-fund-intro .sky-one-fund-content:before {
        display: none
    }
}

.sky-one-fund-intro .sky-one-fund-content h5 {
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    color: #152c49;
    margin: 0
}

@media only screen and (max-width:767px) {
    .sky-one-fund-intro .sky-one-fund-content h5 {
        font-size: 16px;
        line-height: 26px
    }
}

.sky-one-fund-main-features {
    position: relative;
    background-color: #152c49;
    padding: 94px 0
}

@media only screen and (max-width:992px) {
    .sky-one-fund-main-features {
        padding: 54px 0;
        height: 400px;
        margin-bottom: 312px
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-main-features {
        height: auto;
        padding: 81px 0;
        margin-bottom: 30px
    }

    .sky-one-fund-main-features div[class*=col-] {
        padding: 0 20px
    }
}

.sky-one-fund-main-features .main-features-bg {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% - 200px);
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.page-arabic .sky-one-fund-main-features .main-features-bg {
    left: 0;
    right: auto
}

@media only screen and (max-width:992px) {
    .sky-one-fund-main-features .main-features-bg {
        width: 100%;
        top: 400px;
        left: 0
    }

    .page-arabic .sky-one-fund-main-features .main-features-bg {
        left: 0;
        right: auto
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-main-features .main-features-bg {
        top: 320px;
        height: 300px
    }
}

.sky-one-fund-main-features .row {
    display: flex;
    align-items: center
}

@media only screen and (max-width:992px) {
    .sky-one-fund-main-features .row {
        flex-direction: column
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-main-features .row {
        align-items: flex-start
    }

    .sky-one-fund-main-features .row div[class*=col-] {
        width: 100%;
        padding: 0 20px
    }

    .sky-one-fund-main-features .row div[class*=col-].main-feature-title {
        padding: 0 20px
    }
}

@media only screen and (max-width:992px) {
    .sky-one-fund-main-features .row .main-feature-title {
        margin-bottom: 62px
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-main-features .row .main-feature-title {
        margin-bottom: 0
    }
}

.sky-one-fund-main-features .row .main-feature-title h2 {
    font-size: 2.8125rem;
    margin: 0;
    letter-spacing: .3125rem;
    font-weight: 500;
    color: #fff
}

.page-arabic .sky-one-fund-main-features .row .main-feature-title h2 {
    letter-spacing: normal
}

@media only screen and (max-width:992px) {
    .sky-one-fund-main-features .row .main-feature-title h2 {
        font-weight: 700
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-main-features .row .main-feature-title h2 {
        font-size: 28px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.sky-one-fund-main-features .feature-items {
    z-index: 10;
    position: relative;
    width: 576px;
    height: 576px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    box-shadow: 0 0 24px rgba(0, 0, 0, .4)
}

@media only screen and (max-width:1500px) {
    .sky-one-fund-main-features .feature-items {
        width: 480px;
        height: 480px;
        right: -40px
    }

    .page-arabic .sky-one-fund-main-features .feature-items {
        left: -40px;
        right: auto
    }
}

@media only screen and (max-width:992px) {
    .sky-one-fund-main-features .feature-items {
        margin: auto;
        max-width: 100%
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .sky-one-fund-main-features .feature-items {
        right: 0
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-main-features .feature-items {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        right: auto;
        left: 50%;
        height: calc(100vw - 40px);
        top: 53px
    }

    .page-arabic .sky-one-fund-main-features .feature-items {
        left: auto;
        right: 50%
    }
}

.sky-one-fund-main-features .feature-items .swiper-pagination {
    position: absolute;
    bottom: 68px;
    left: 0;
    right: 0;
    margin: auto
}

@media only screen and (max-width:1500px) {
    .sky-one-fund-main-features .feature-items .swiper-pagination {
        bottom: 40px
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-main-features .feature-items .swiper-pagination {
        bottom: 28px
    }
}

.sky-one-fund-main-features .feature-items .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: transparent;
    opacity: 1;
    border: 1px solid #fff;
    margin: 0 7px
}

@media only screen and (max-width:1500px) {
    .sky-one-fund-main-features .feature-items .swiper-pagination-bullet {
        width: 10px;
        height: 10px
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-main-features .feature-items .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        margin: 0 4px
    }
}

.sky-one-fund-main-features .feature-items .swiper-pagination-bullet-active {
    background: #fff
}

.sky-one-fund-main-features .feature-items .feature-items-slider .feature-item {
    background-color: #fff;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, .3);
    width: 284px;
    height: 284px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 42px;
    margin: auto
}

@media only screen and (max-width:767px) {
    .sky-one-fund-main-features .feature-items .feature-items-slider .feature-item {
        width: 185px;
        height: 185px;
        padding: 20px
    }
}

.sky-one-fund-main-features .feature-items .feature-items-slider .feature-item h4 {
    font-size: 28px;
    line-height: 34px;
    color: #152c49;
    letter-spacing: .3px;
    margin: 0;
    text-align: center
}

@media only screen and (max-width:767px) {
    .sky-one-fund-main-features .feature-items .feature-items-slider .feature-item h4 {
        font-size: 15px;
        line-height: 18px
    }
}

.sky-one-fund-main-features .feature-items .swiper-navs {
    display: none;
    position: absolute;
    bottom: -40px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%)
}

.page-arabic .sky-one-fund-main-features .feature-items .swiper-navs {
    left: auto;
    right: 50%
}

@media only screen and (max-width:767px) {
    .sky-one-fund-main-features .feature-items .swiper-navs {
        display: block
    }
}

@media only screen and (max-width:992px) {
    .sky-one-fund-main-features .feature-items .swiper-navs .swiper-button-next {
        right: 42px;
        left: auto
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-main-features .feature-items .swiper-navs .swiper-button-next {
        right: 15px;
        left: auto
    }
}

.sky-one-fund-main-features .feature-items .swiper-navs .swiper-button-next:after {
    content: "\E905";
    font-family: icomoon;
    font-size: 22px;
    color: #a8986b
}

.sky-one-fund-main-features .feature-items .swiper-navs .swiper-button-prev {
    right: 172px;
    left: auto
}

@media only screen and (max-width:992px) {
    .sky-one-fund-main-features .feature-items .swiper-navs .swiper-button-prev {
        left: 42px;
        right: auto
    }
}

@media only screen and (max-width:767px) {
    .sky-one-fund-main-features .feature-items .swiper-navs .swiper-button-prev {
        left: 15px;
        right: auto
    }
}

.sky-one-fund-main-features .feature-items .swiper-navs .swiper-button-prev:after {
    content: "\E906";
    font-family: icomoon;
    font-size: 22px;
    color: #a8986b
}

.sky-one-fund-docs {
    padding: 120px 0;
    position: relative
}

@media only screen and (max-width:767px) {
    .sky-one-fund-docs {
        padding: 120px 0 60px
    }
}

.sky-one-fund-docs-title {
    margin-bottom: 42px
}

.sky-one-fund-docs-title h2 {
    font-size: 2.8125rem;
    color: #152c49;
    font-weight: 500;
    letter-spacing: .0625rem
}

@media only screen and (max-width:767px) {
    .sky-one-fund-docs-title h2 {
        font-size: 28px;
        line-height: 35px;
        letter-spacing: 0
    }
}

@media only screen and (max-width:992px) {
    .sky-one-fund-docs-title {
        max-width: 50%;
        padding: 0 24px
    }

    .sky-one-fund-docs-title h2 {
        font-weight: 700
    }
}

.sky-one-fund-docs .container {
    overflow: hidden
}

@media only screen and (max-width:992px) {
    .sky-one-fund-docs .container {
        margin: 0;
        width: 100%;
        padding: 0
    }
}

.sky-one-fund-docs .download-item {
    cursor: pointer;
    position: relative;
    padding: 30px 34px;
    width: 204px;
    height: 290px;
    background-color: #30a8e8;
    background-position: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    box-shadow: -10px 10px 4px rgba(0, 0, 0, .3)
}

@media only screen and (max-width:767px) {
    .sky-one-fund-docs .download-item {
        width: 173px;
        height: 245px;
        padding: 28px 25px
    }
}

.sky-one-fund-docs .download-item h4 {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: .7px;
    color: #fff
}

@media only screen and (max-width:767px) {
    .sky-one-fund-docs .download-item h4 {
        font-size: 23px;
        line-height: 24px
    }
}

.sky-one-fund-docs .download-item a {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 70px;
    display: block;
    width: 100%;
    line-height: 70px;
    padding: 0 40px;
    color: #fff;
    font-size: 15px;
    letter-spacing: .7px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.sky-one-fund-docs .download-item a i {
    margin-right: 7px;
    font-size: 18px
}

@media only screen and (max-width:767px) {
    .sky-one-fund-docs .download-item a {
        align-items: center;
        justify-content: center;
        display: flex;
        height: 60px;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 12px
    }
}

.sky-one-fund-docs .download-item:hover a {
    background: #fff;
    color: #71c4ec;
    box-shadow: 0 0 12px rgba(0, 0, 0, .2)
}

@media only screen and (max-width:992px) {
    .sky-one-fund-docs .download-item:hover a {
        box-shadow: none;
        color: #f2f2f2;
        background: transparent
    }
}

.sky-one-fund-docs .documents-items {
    overflow: hidden;
    position: relative
}

.sky-one-fund-docs .documents-items .container {
    overflow: visible
}

.sky-one-fund-docs .documents-items .swiper-container .swiper-slide {
    width: 190px !important;
    margin-bottom: 24px
}

.sky-one-fund-docs .documents-items .swiper-container .swiper-slide:nth-child(odd) .download-item {
    background-color: #08b8e4
}

@media only screen and (max-width:992px) {
    .sky-one-fund-docs .documents-items .swiper-container .swiper-slide {
        padding: 0
    }

    .sky-one-fund-docs .documents-items .swiper-container .swiper-slide.swiper-slide-active .download {
        background: #fff;
        color: #152c49;
        box-shadow: 0 0 12px rgba(0, 0, 0, .2)
    }

    .sky-one-fund-docs .documents-items .swiper-container .swiper-slide.swiper-slide-active .download i {
        color: #71c4ec
    }
}

.sky-one-fund-docs .documents-items .swiper-button-prev {
    color: #a8986b;
    left: -34px
}

.page-arabic .sky-one-fund-docs .documents-items .swiper-button-prev {
    right: -34px;
    left: unset;
    transform: rotate(180deg)
}

@media only screen and (max-width:992px) {
    .sky-one-fund-docs .documents-items .swiper-button-prev {
        left: 0;
        display: none
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .sky-one-fund-docs .documents-items .swiper-button-prev {
        left: -20px
    }

    .page-arabic .sky-one-fund-docs .documents-items .swiper-button-prev {
        right: -20px;
        left: unset;
        transform: rotate(180deg)
    }
}

.sky-one-fund-docs .documents-items .swiper-button-next {
    color: #a8986b;
    right: -34px;
    left: auto
}

.page-arabic .sky-one-fund-docs .documents-items .swiper-button-next {
    right: unset;
    left: -34px;
    transform: rotate(180deg)
}

@media only screen and (max-width:992px) {
    .sky-one-fund-docs .documents-items .swiper-button-next {
        right: 0;
        display: none
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .sky-one-fund-docs .documents-items .swiper-button-next {
        right: -20px;
        left: unset
    }

    .page-arabic .sky-one-fund-docs .documents-items .swiper-button-next {
        right: unset;
        left: -20px;
        transform: rotate(180deg)
    }
}

.service-banner {
    height: calc(100vh - 75px);
    width: 100%;
    position: relative
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service-banner {
        height: calc(100vh - 103px)
    }
}

@media only screen and (max-width:767px) {
    .service-banner {
        height: auto;
        padding: 42px 0 80px
    }
}

.service-banner .shadow-img {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 90px;
    margin: auto
}

.service-banner .container {
    height: 100%
}

.service-banner .row {
    height: 100%;
    display: flex;
    align-items: center
}

@media only screen and (max-width:992px) {
    .service-banner .row {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service-banner .row {
        justify-content: flex-end;
        padding-top: 62px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service-banner .row div[class*=col-] {
        padding: 0 20px !important
    }
}

@media only screen and (max-width:767px) {
    .service-banner .row div[class*=col-] {
        padding: 0 20px
    }
}

@media only screen and (max-width:767px) {
    .service-banner .service-title {
        margin-top: 50px
    }
}

.service-banner .service-title h1 {
    font-weight: 500;
    font-size: 3.5625rem;
    letter-spacing: .43106rem;
    line-height: 3.75rem;
    color: #152c49;
    margin: 0
}

.page-arabic .service-banner .service-title h1 {
    letter-spacing: normal
}

.service-banner .service-title h1 b,
.service-banner .service-title h1 strong {
    font-weight: 700
}

.service-banner .service-title h1:last-of-type {
    margin-bottom: 26px
}

@media only screen and (max-width:767px) {
    .service-banner .service-title h1:last-of-type {
        margin-bottom: 17px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service-banner .service-title h1 {
        font-size: 72px;
        line-height: 73px;
        letter-spacing: 5px;
        font-weight: 200 !important
    }

    .page-arabic .service-banner .service-title h1 {
        letter-spacing: normal
    }

    .service-banner .service-title h1 strong {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .service-banner .service-title h1 {
        font-size: 2.625rem;
        line-height: 3.125rem;
        font-size: 32px;
        line-height: 38px;
        letter-spacing: 1px;
        font-weight: 200 !important
    }
}

@media only screen and (max-width:767px) {
    .page-arabic .service-banner .service-title h1 {
        letter-spacing: normal
    }

    .service-banner .service-title h1 strong {
        display: block
    }
}

.service-banner .service-title p {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    font-weight: 300;
    letter-spacing: .02363rem;
    color: #2b2b2b;
    margin: 0
}

.page-arabic .service-banner .service-title p {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service-banner .service-title p {
        font-size: 24px;
        line-height: 36px;
        padding-right: 90px
    }
}

.service-banner .service-animation {
    position: relative
}

.service-banner .service-animation video {
    opacity: 0;
    width: 80%;
    height: auto
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service-banner .service-animation video {
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 300px;
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .service-banner .service-animation video {
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 300px;
        width: 100%
    }
}

.service-banner .service-animation canvas {
    position: absolute;
    left: 0;
    top: 0
}

@media only screen and (max-width:992px) {
    .service-banner .service-animation canvas {
        bottom: 0;
        right: 0 !important;
        left: 0 !important;
        margin: auto
    }
}

@media only screen and (max-width:768px) {
    .service-banner .service-animation canvas {
        max-width: 300px
    }
}

.service-banner .service-animation img {
    width: 100%;
    height: auto
}

@media only screen and (max-width:992px) {
    .service-banner .service-animation img {
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 300px;
        width: 100%
    }
}

.services-info-content h4 {
    font-weight: 500;
    color: #152c49;
    font-size: 2.8125rem;
    letter-spacing: .02813rem;
    line-height: 3.75rem;
    margin: 0
}

.page-arabic .services-info-content h4 {
    letter-spacing: normal
}

.services-info-content h4 b,
.services-info-content h4 strong {
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .services-info-content h4 {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 20px;
        font-weight: 100
    }

    .services-info-content h4 strong {
        display: block
    }
}

.services-info-content h5 {
    font-size: 1.875rem;
    letter-spacing: .01875rem;
    line-height: 2.25rem;
    color: #152c49;
    font-weight: 300;
    margin: 0
}

.page-arabic .services-info-content h5 {
    letter-spacing: normal
}

.services-info-content h5 b,
.services-info-content h5 strong {
    font-weight: 500;
    color: #a8986b
}

@media only screen and (max-width:767px) {
    .services-info-content h5 {
        font-size: 18px;
        line-height: 25px;
        letter-spacing: 0;
        color: #152c49;
        font-weight: 100
    }

    .services-info-content h5 b,
    .services-info-content h5 span,
    .services-info-content h5 strong {
        font-size: inherit !important;
        line-height: inherit !important;
        letter-spacing: inherit !important
    }
}

@media only screen and (max-width:767px) {
    .services-quote-content div[class*=col-] {
        padding: 0 15px !important
    }
}

.services-quote-content .quote-img {
    margin-bottom: 28px;
    width: 60px
}

@media only screen and (max-width:767px) {
    .services-quote-content .quote-img {
        width: 43px;
        margin-top: 10px;
        margin-bottom: 18px
    }
}

.services-quote-content h6 {
    font-weight: 300;
    color: #000;
    font-size: 1.6875rem;
    letter-spacing: .03375rem;
    line-height: 2.625rem;
    margin: 0
}

.page-arabic .services-quote-content h6 {
    letter-spacing: normal
}

.services-quote-content h6 b,
.services-quote-content h6 strong {
    font-weight: 500
}

@media only screen and (max-width:1500px) {
    .services-quote-content h6 {
        font-size: 1.5rem;
        line-height: 2.125rem
    }
}

@media only screen and (max-width:767px) {
    .services-quote-content h6 {
        font-size: 16px;
        line-height: 25px;
        letter-spacing: 0
    }
}

.services-quote-content p {
    color: #000;
    font-weight: 300;
    font-size: 23px;
    letter-spacing: .2px;
    line-height: 36px;
    margin: 0
}

@media only screen and (max-width:1500px) {
    .services-quote-content p {
        font-size: 1.5rem;
        line-height: 2.125rem
    }
}

@media only screen and (max-width:767px) {
    .services-quote-content p {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0
    }

    .services-quote-content p:first-of-type {
        margin-top: 35px
    }
}

.service-divider {
    width: 100%;
    height: 1px;
    background: rgba(5, 39, 63, .12)
}

.service-divider,
.service-divider .container {
    position: relative
}

.service-divider .container .inner {
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    width: 88px;
    height: 16px;
    background: #a8986b
}

.page-arabic .service-divider .container .inner {
    left: auto;
    right: 0
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service-divider .container .inner {
        left: 20px
    }

    .page-arabic .service-divider .container .inner {
        left: auto;
        right: 20px
    }
}

@media only screen and (max-width:767px) {
    .service-divider .container .inner {
        left: 20px;
        width: 80px;
        height: 14px
    }

    .page-arabic .service-divider .container .inner {
        left: auto;
        right: 20px
    }
}

.video-transparent {
    position: relative
}

.video-transparent video {
    opacity: 0;
    width: 80%;
    height: auto
}

.video-transparent canvas {
    position: absolute;
    left: 0;
    top: 0
}

.page-arabic .video-transparent canvas {
    left: auto;
    right: 0
}

.select2-dropdown {
    border: 1px solid #a7a7a7 !important
}

.page-template-asset-management .service-banner .service-animation video,
.page-template-equities .service-banner .service-animation video {
    width: 100%
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #71c4ec !important
}

.shadow-img {
    pointer-events: none
}

.services {
    width: 100vw;
    background: linear-gradient(0deg, #499dfd, #3c85d8, #2d6aad, #215389, #18426e, #11355a, #0d2e4e, #0c2c4b)
}

.services .services-item {
    height: calc(100vh - 75px);
    position: relative;
    width: 86%
}

@media only screen and (max-width:1500px) {
    .services .services-item {
        width: 90%
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .services .services-item {
        width: 100%;
        height: 100vh
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .services .services-item {
        height: calc(100vh - 125px)
    }
}

@media only screen and (max-width:767px) {
    .services .services-item {
        height: calc(100vh - 75px)
    }
}

@media only screen and (max-width:767px) {
    .services .services-item .row div[class*=col-] {
        padding-left: 5px;
        padding-right: 5px
    }
}

.services .services-item:nth-child(2) .service-animation video,
.services .services-item:nth-child(6) .service-animation video {
    width: 50%
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .services .services-item .video-canvas-section {
        width: 100%
    }

    .services .services-item .video-canvas-section .video-transparent {
        text-align: center
    }

    .services .services-item .video-canvas-section .video-transparent canvas {
        position: relative
    }

    .services .services-item .video-canvas-section .video-transparent video {
        position: absolute
    }

    .services .services-item .service-animation:after {
        content: "";
        position: absolute;
        left: -20px;
        bottom: 0;
        background: linear-gradient(rgba(17, 53, 90, 0) 4.6%, rgba(12, 44, 75, .34) 60%, rgba(17, 53, 90, 0));
        width: calc(100% + 40px);
        height: 60px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) and (max-width:991px) and (min-width:768px) {
    .services .services-item .service-animation:after {
        width: calc(100% + 80px);
        left: -40px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .services .services-item:nth-child(2) .service-animation canvas,
    .services .services-item:nth-child(2) .service-animation video {
        max-width: 300px;
        max-height: 300px
    }

    .services .services-item:nth-child(2) .service-animation:after {
        bottom: 20px
    }

    .services .services-item:nth-child(2) .service-content {
        margin-top: 30px
    }

    .services .services-item:nth-child(3) .service-animation canvas,
    .services .services-item:nth-child(3) .service-animation video {
        max-width: 370px
    }

    .services .services-item:nth-child(4) .service-animation {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        max-height: 310px
    }

    .services .services-item:nth-child(4) .service-animation canvas,
    .services .services-item:nth-child(4) .service-animation video {
        width: 100%;
        height: auto
    }

    .services .services-item:nth-child(5) .service-animation canvas,
    .services .services-item:nth-child(5) .service-animation video {
        max-width: 300px;
        max-height: 330px
    }

    .services .services-item:nth-child(5) .service-animation:after {
        bottom: 20px
    }

    .services .services-item:nth-child(5) .service-content {
        margin-top: 0
    }

    .services .services-item:nth-child(6) .service-animation canvas,
    .services .services-item:nth-child(6) .service-animation video {
        max-width: 320px;
        max-height: 320px;
        margin: auto
    }

    .services .services-item:nth-child(6) .service-content {
        margin-top: 24px
    }
}

@media only screen and (max-width:767px) {
    .services .services-item .video-canvas-section {
        width: 100%
    }

    .services .services-item .video-canvas-section .video-transparent {
        text-align: center
    }

    .services .services-item .video-canvas-section .video-transparent canvas {
        position: relative
    }

    .services .services-item .video-canvas-section .video-transparent video {
        position: absolute
    }

    .services .services-item .service-animation:after {
        content: "";
        position: absolute;
        left: -20px;
        bottom: 0;
        background: linear-gradient(rgba(17, 53, 90, 0) 4.6%, rgba(12, 44, 75, .34) 60%, rgba(17, 53, 90, 0));
        width: calc(100% + 40px);
        height: 60px
    }
}

@media only screen and (max-width:767px) and (max-width:767px) {
    .services .services-item .service-animation:after {
        width: calc(100% + 80px);
        left: -40px
    }
}

@media only screen and (max-width:767px) {

    .services .services-item:nth-child(2) .service-animation canvas,
    .services .services-item:nth-child(2) .service-animation video {
        max-width: 239px;
        max-height: 218px
    }

    .services .services-item:nth-child(2) .service-animation:after {
        bottom: 20px
    }

    .services .services-item:nth-child(2) .service-content {
        margin-top: 0
    }

    .services .services-item:nth-child(3) .service-animation canvas,
    .services .services-item:nth-child(3) .service-animation video {
        max-width: 340px
    }

    .services .services-item:nth-child(4) .service-animation {
        height: 220px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .services .services-item:nth-child(4) .service-animation canvas,
    .services .services-item:nth-child(4) .service-animation video {
        max-height: 400px
    }

    .services .services-item:nth-child(5) .service-animation canvas,
    .services .services-item:nth-child(5) .service-animation video {
        max-width: 230px;
        max-height: 200px
    }

    .services .services-item:nth-child(5) .service-animation:after {
        bottom: 20px
    }

    .services .services-item:nth-child(5) .service-content {
        margin-top: 0
    }

    .services .services-item:nth-child(6) .service-animation canvas,
    .services .services-item:nth-child(6) .service-animation video {
        max-width: 210px;
        max-height: 210px;
        margin: auto
    }

    .services .services-item:nth-child(6) .service-content {
        margin-top: 24px
    }
}

.services .services-item .shadow-img {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 15vh;
    left: 0
}

.services .services-item h1 {
    position: relative;
    font-size: 4.75rem;
    letter-spacing: .57475rem;
    line-height: 4.375rem;
    font-weight: 700;
    margin: 0 30px;
    color: #fff;
    text-transform: uppercase
}

.page-arabic .services .services-item h1 {
    letter-spacing: normal
}

@media only screen and (max-width:992px) {
    .services .services-item h1 {
        font-size: 3.375rem;
        line-height: 3.125rem
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .services .services-item h1 {
        font-size: 72px;
        line-height: 73px;
        margin: 0 15px;
        letter-spacing: 4px
    }
}

@media only screen and (max-width:767px) {
    .services .services-item h1 {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: .3px;
        margin: 0 10px 73px 6px
    }
}

.services .services-item h1:before {
    content: " ";
    position: absolute;
    background: #71c4ec;
    width: 3px;
    left: -18px;
    top: 0;
    bottom: 0
}

.page-arabic .services .services-item h1:before {
    left: auto;
    right: -18px
}

@media only screen and (max-width:767px) {
    .services .services-item h1:before {
        left: -13px
    }

    .page-arabic .services .services-item h1:before {
        left: auto;
        right: -13px
    }
}

.services .services-item .service-content {
    max-width: 390px
}

@media only screen and (max-width:992px) {
    .services .services-item .service-content {
        margin-top: 34px;
        max-width: none
    }
}

@media only screen and (max-width:767px) {
    .services .services-item .service-content {
        margin-top: 0;
        margin-bottom: 15%
    }
}

.services .services-item .service-content h4 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.4375rem;
    text-transform: uppercase;
    margin: 0 0 16px;
    color: #fff;
    letter-spacing: .25rem
}

.page-arabic .services .services-item .service-content h4 {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .services .services-item .service-content h4 {
        font-size: 43px;
        line-height: 52px;
        letter-spacing: 6px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .services .services-item .service-content h4 {
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0;
        margin-bottom: 8px
    }
}

.services .services-item .service-content p {
    font-size: 1.375rem;
    line-height: 1.6875rem;
    letter-spacing: .00275rem;
    color: #fff;
    margin: 0 0 24px;
    font-weight: 400
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .services .services-item .service-content p {
        letter-spacing: 1px;
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 50px;
        max-width: 96%
    }
}

@media only screen and (max-width:767px) {
    .services .services-item .service-content p {
        font-size: 13px;
        line-height: 19px;
        margin-bottom: 5px;
        max-width: 94%
    }
}

.services .services-item .service-content a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 1.125rem;
    letter-spacing: .028px;
    line-height: 2.6875rem;
    color: #fff
}

.page-arabic .services .services-item .service-content a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .services .services-item .service-content a {
        font-size: 24px
    }
}

@media only screen and (max-width:767px) {
    .services .services-item .service-content a {
        font-size: 14px;
        line-height: inherit
    }
}

.services .services-item .service-content a i {
    margin-left: 4px;
    font-size: 10px
}

.page-arabic .services .services-item .service-content a i {
    margin-right: 4px;
    margin-left: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.services .services-item .service-content a:after {
    content: " ";
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 115%;
    height: 2px;
    background-color: #a8986b;
    -webkit-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -moz-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -o-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    transition: all .3s cubic-bezier(.6, .04, .12, .96)
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .services .services-item .service-content a:after {
        bottom: -3px;
        padding: 0 3px
    }
}

@media only screen and (max-width:767px) {
    .services .services-item .service-content a:after {
        bottom: -2px;
        padding: 0 3px
    }
}

.page-arabic .services .services-item .service-content a:after {
    left: auto;
    right: 0
}

.services .services-item .service-content a:hover:after {
    width: 0
}

.services .services-item .service-animation video {
    width: 70%;
    height: auto
}

.services .services-item .row {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0
}

@media only screen and (max-width:768px) {
    .services .services-item .row {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: space-between
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .services .services-item .row {
        align-items: flex-start;
        justify-content: center;
        flex-direction: column-reverse
    }
}

@media only screen and (max-width:767px) {
    .services .services-item .row {
        align-items: flex-start;
        justify-content: center
    }
}

@media only screen and (min-width:1440px) {

    .services .services-item:nth-child(3) .video-transparent,
    .services .services-item:nth-child(4) .video-transparent,
    .services .services-item:nth-child(5) .video-transparent {
        left: -50px
    }
}

@media only screen and (min-width:1441px) {

    .services .services-item:nth-child(3) .video-transparent,
    .services .services-item:nth-child(4) .video-transparent,
    .services .services-item:nth-child(5) .video-transparent {
        left: -100px
    }
}

@media only screen and (min-width:2560px) {

    .services .services-item:nth-child(3) .video-transparent,
    .services .services-item:nth-child(4) .video-transparent,
    .services .services-item:nth-child(5) .video-transparent {
        left: -160px
    }
}

@media only screen and (min-width:1024px) {

    .page-arabic .services .services-item:nth-child(3) .video-transparent,
    .page-arabic .services .services-item:nth-child(4) .video-transparent,
    .page-arabic .services .services-item:nth-child(5) .video-transparent {
        left: 50px
    }
}

@media only screen and (min-width:1440px) {

    .page-arabic .services .services-item:nth-child(3) .video-transparent,
    .page-arabic .services .services-item:nth-child(4) .video-transparent,
    .page-arabic .services .services-item:nth-child(5) .video-transparent {
        left: 100px
    }
}

@media only screen and (min-width:2560px) {

    .page-arabic .services .services-item:nth-child(3) .video-transparent,
    .page-arabic .services .services-item:nth-child(4) .video-transparent,
    .page-arabic .services .services-item:nth-child(5) .video-transparent {
        left: 160px
    }
}

.services .services-anchor-wrap {
    z-index: 25;
    position: fixed;
    display: flex;
    align-items: center;
    right: 8%;
    top: 75px;
    height: calc(100vh - 75px)
}

.page-arabic .services .services-anchor-wrap {
    left: 8%;
    right: auto
}

@media only screen and (max-width:1500px) {
    .services .services-anchor-wrap {
        right: 6%
    }

    .page-arabic .services .services-anchor-wrap {
        left: 6%;
        right: auto
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .services .services-anchor-wrap {
        height: calc(100vh - 75px);
        right: 25px
    }

    .page-arabic .services .services-anchor-wrap {
        left: 25px;
        right: auto
    }
}

@media only screen and (max-width:767px) {
    .services .services-anchor-wrap {
        right: 12px
    }

    .page-arabic .services .services-anchor-wrap {
        left: 12px;
        right: auto
    }
}

@media only screen and (max-width:767px) {
    .services .services-anchor-wrap {
        height: 100vh;
        top: 0;
        z-index: 0
    }
}

.services .services-anchor .service-anchor {
    display: block;
    position: relative;
    margin: 52px 0;
    width: 20px;
    height: 20px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .services .services-anchor .service-anchor {
        margin: 22px 0;
        width: 33px;
        height: 15px
    }
}

@media only screen and (max-width:767px) {
    .services .services-anchor .service-anchor {
        margin: 14px 0;
        width: 33px;
        height: 10px
    }
}

.services .services-anchor .service-anchor:after,
.services .services-anchor .service-anchor:before {
    position: absolute;
    display: block;
    content: " ";
    left: 0;
    right: 0;
    margin: auto;
    height: 52px;
    width: 1px;
    background: hsla(0, 0%, 100%, .4);
    z-index: -1
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .services .services-anchor .service-anchor:after,
    .services .services-anchor .service-anchor:before {
        height: 22px
    }
}

@media only screen and (max-width:767px) {

    .services .services-anchor .service-anchor:after,
    .services .services-anchor .service-anchor:before {
        height: 14px
    }
}

.services .services-anchor .service-anchor:before {
    top: 20px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .services .services-anchor .service-anchor:before {
        top: 15px
    }
}

@media only screen and (max-width:767px) {
    .services .services-anchor .service-anchor:before {
        top: 10px
    }
}

.services .services-anchor .service-anchor:after {
    bottom: 20px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .services .services-anchor .service-anchor:after {
        bottom: 15px
    }
}

@media only screen and (max-width:767px) {
    .services .services-anchor .service-anchor:after {
        bottom: 10px
    }
}

.services .services-anchor .service-anchor .service-anchor-bullet {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .4);
    z-index: 5;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .services .services-anchor .service-anchor .service-anchor-bullet {
        width: 15px;
        height: 15px
    }
}

@media only screen and (max-width:767px) {
    .services .services-anchor .service-anchor .service-anchor-bullet {
        width: 10px;
        height: 10px
    }
}

.services .services-anchor .service-anchor .service-anchor-text {
    display: block;
    position: absolute;
    white-space: nowrap;
    right: 32px;
    text-align: right;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: .003rem;
    line-height: 1.25rem;
    color: #fff;
    opacity: .4;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-arabic .services .services-anchor .service-anchor .service-anchor-text {
    left: 32px;
    right: auto
}

@media only screen and (max-width:768px) {
    .services .services-anchor .service-anchor .service-anchor-text {
        display: none
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .services .services-anchor .service-anchor .service-anchor-text {
        display: none
    }
}

.services .services-anchor .service-anchor:hover .service-anchor-bullet {
    background: #fff
}

@media only screen and (max-width:991px) {
    .services .services-anchor .service-anchor:hover .service-anchor-bullet {
        background: transparent
    }
}

.services .services-anchor .service-anchor:hover .service-anchor-text {
    opacity: 1;
    text-shadow: -.25px -.25px 0 #fff, .25px .25px #fff
}

.services .services-anchor .service-anchor.active .service-anchor-bullet {
    background: #fff
}

.services .services-anchor .service-anchor.active .service-anchor-text {
    opacity: 1;
    text-shadow: -.25px -.25px 0 #fff, .25px .25px #fff
}

@media only screen and (max-width:992px) {
    .services .service-animation {
        height: auto
    }

    .services .service-animation canvas {
        height: 100%;
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .services .service-animation {
        width: 100%;
        height: auto
    }

    .services .service-animation canvas {
        width: 80%;
        height: auto
    }
}

@media only screen and (max-width:767px) {
    .services .service-animation-image {
        width: 100%;
        height: auto
    }
}

.page-template-corporate-finance .service-banner .service-animation video {
    width: 100%
}

@media only screen and (max-width:1500px) {
    .page-template-corporate-finance .lottie-animation {
        width: 80%;
        margin: 0 auto
    }
}

@media only screen and (max-width:767px) {
    .ios-device .services .services-item h1 {
        margin-bottom: 93px
    }
}

@media only screen and (max-width:767px) {
    .ios-device .services .services-anchor-wrap {
        top: -20px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .page-template-asset-management div[class*=col-] {
        padding: 0 20px !important
    }
}

.page-template-asset-management .service-animation {
    text-align: right
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .page-template-asset-management .service-animation {
        width: 100%;
        margin-bottom: 47px
    }
}

.page-template-asset-management .service-animation canvas {
    position: absolute;
    left: auto;
    top: 0;
    right: 0
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-asset-management .service-animation {
        text-align: center
    }

    .page-template-asset-management .service-animation canvas,
    .page-template-asset-management .service-animation video {
        max-width: 300px;
        margin-top: 17px;
        margin-bottom: 0
    }

    .page-template-asset-management .service-animation video {
        position: absolute
    }

    .page-template-asset-management .service-animation canvas {
        position: relative
    }

    .page-template-asset-management .service-animation:after {
        content: "";
        position: absolute;
        left: -20px;
        bottom: 0;
        background: linear-gradient(rgba(17, 53, 90, 0) 4.6%, rgba(12, 44, 75, .12) 60%, rgba(17, 53, 90, 0));
        width: calc(100% + 40px);
        height: 60px
    }
}

@media only screen and (max-width:767px) {
    .page-template-asset-management .service-animation {
        text-align: center
    }

    .page-template-asset-management .service-animation canvas,
    .page-template-asset-management .service-animation video {
        max-width: 230px;
        margin-top: 17px;
        margin-bottom: 0
    }

    .page-template-asset-management .service-animation video {
        position: absolute
    }

    .page-template-asset-management .service-animation canvas {
        position: relative
    }

    .page-template-asset-management .service-animation:after {
        content: "";
        position: absolute;
        bottom: 0;
        background: linear-gradient(rgba(17, 53, 90, 0) 4.6%, rgba(12, 44, 75, .12) 60%, rgba(17, 53, 90, 0));
        width: calc(100% + 140px);
        left: -70px;
        height: 60px
    }
}

.governance,
.investment-approach {
    padding: 94px 0;
    background: #fff
}

@media only screen and (max-width:767px) {

    .governance,
    .investment-approach {
        padding: 82px 0
    }

    .governance div[class*=col-],
    .investment-approach div[class*=col-] {
        padding: 0 20px
    }
}

.our-product-section {
    height: calc(100vh - 75px);
    width: 100%;
    background: linear-gradient(90deg, #e2e2e2 75%, #fff 0);
    position: relative
}

.page-arabic .our-product-section {
    background: linear-gradient(270deg, #e2e2e2 75%, #fff 0)
}

.our-product-section img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 38vw;
    width: auto
}

.page-arabic .our-product-section img {
    left: 0;
    right: auto
}

@media only screen and (max-width:992px) {
    .our-product-section {
        display: flex;
        flex-direction: column-reverse;
        background: #fff;
        height: auto
    }

    .our-product-section img {
        position: static;
        height: 380px;
        width: 100%;
        object-fit: cover
    }

    .our-product-section .product-content {
        padding: 60px 0
    }
}

@media only screen and (max-width:767px) {
    .our-product-section img {
        height: 155px
    }

    .our-product-section .product-content {
        padding: 67px 0 55px
    }
}

.our-product-section .row {
    height: 100%;
    display: flex;
    align-items: center
}

.our-product-section .product-content h4 {
    font-weight: 500;
    font-size: 2.8125rem;
    letter-spacing: .05625rem;
    line-height: 3.375rem;
    color: #152c49;
    margin: 0 0 15px
}

.page-arabic .our-product-section .product-content h4 {
    letter-spacing: normal
}

.our-product-section .product-content h4 b,
.our-product-section .product-content h4 strong {
    font-weight: 700
}

@media only screen and (max-width:992px) {
    .our-product-section .product-content h4 {
        font-size: 3.75rem;
        font-size: 2.8125rem
    }
}

@media only screen and (max-width:767px) {
    .our-product-section .product-content h4 {
        font-size: 28px;
        line-height: 1
    }
}

.our-product-section .product-content p {
    color: #152c49;
    font-size: 1.6875rem;
    letter-spacing: .2px;
    line-height: 2.25rem;
    font-weight: 300;
    margin: 0
}

@media only screen and (max-width:768px) {
    .our-product-section .product-content p {
        font-size: 1.5rem;
        line-height: 1.8125rem
    }
}

@media only screen and (max-width:767px) {
    .our-product-section .product-content p {
        font-size: 18px;
        line-height: 25px
    }
}

.our-product-section .product-content a {
    display: block;
    width: 156px;
    height: 40px;
    border: 1px solid #a8986b;
    color: #a8986b;
    background: transparent;
    font-size: 15px;
    letter-spacing: .2px;
    line-height: 40px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.our-product-section .product-content a:hover {
    background: #a8986b;
    color: #fff
}

@media only screen and (max-width:992px) {
    .our-product-section .product-content {
        text-align: center
    }

    .our-product-section .product-content a {
        margin: auto
    }
}

@media only screen and (max-width:767px) {
    .our-product-section .product-content a {
        font-size: 14px;
        height: 43px;
        margin-top: 8px
    }
}

.liquidity-benefits {
    padding: 100px 0
}

@media only screen and (max-width:767px) {
    .liquidity-benefits {
        padding: 87px 0 60px
    }

    .liquidity-benefits .services-info-content div[class*=col-] {
        padding: 0 20px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .liquidity-benefits .text-right {
        text-align: center;
        margin-top: 30px
    }
}

.liquidity-benefits .liquidity-benefits-info h4 {
    font-size: 2.8125rem;
    line-height: 3.75rem;
    letter-spacing: .02813rem;
    font-weight: 700;
    color: #152c49;
    margin: 0 0 6px
}

@media only screen and (max-width:992px) {
    .liquidity-benefits .liquidity-benefits-info h4 {
        margin-bottom: 24px
    }
}

@media only screen and (max-width:767px) {
    .liquidity-benefits .liquidity-benefits-info h4 {
        font-size: 28px;
        line-height: 30px;
        letter-spacing: 3px
    }
}

.liquidity-benefits .liquidity-benefits-info h5 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    letter-spacing: .1875rem;
    font-weight: 400;
    margin: 0;
    color: #152c49
}

@media only screen and (max-width:992px) {
    .liquidity-benefits .liquidity-benefits-info h5 {
        margin-bottom: 24px
    }
}

@media only screen and (max-width:767px) {
    .liquidity-benefits .liquidity-benefits-info h5 {
        font-size: 18px;
        line-height: 25px;
        letter-spacing: 0;
        font-weight: 100
    }
}

@media only screen and (max-width:767px) {
    .liquidity-benefits .liquidity-benefits-items {
        margin-top: 48px
    }
}

.liquidity-benefits .liquidity-benefits-items ul {
    list-style: none;
    white-space: nowrap
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .liquidity-benefits .liquidity-benefits-items ul {
        justify-content: space-between !important
    }
}

.liquidity-benefits .liquidity-benefits-items ul li {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    height: 150px;
    background-color: #152c49;
    text-align: center;
    line-height: 150px;
    font-size: 1.5625rem;
    letter-spacing: .01563rem;
    font-weight: 300;
    color: #fff;
    border-radius: 50%;
    margin-right: 30px
}

.page-arabic .liquidity-benefits .liquidity-benefits-items ul li {
    margin-right: 0;
    margin-left: 30px
}

.liquidity-benefits .liquidity-benefits-items ul li:last-child {
    margin-right: 0
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .liquidity-benefits .liquidity-benefits-items ul li {
        width: 200px;
        height: 200px;
        line-height: 200px
    }
}

@media only screen and (max-width:767px) {
    .liquidity-benefits .liquidity-benefits-items ul li {
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 1.25rem
    }
}

@media only screen and (max-width:768px) {
    .liquidity-benefits .liquidity-benefits-items ul li {
        margin: 0
    }
}

@media only screen and (max-width:992px) {
    .liquidity-benefits .liquidity-benefits-items ul {
        white-space: normal;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly
    }

    .liquidity-benefits .liquidity-benefits-items ul li {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .liquidity-benefits .liquidity-benefits-items ul {
        justify-content: space-between
    }
}

.why-liquidity {
    background-color: #152c49;
    text-align: center;
    position: relative;
    padding: 100px 0 84px;
    margin: 42px 0 100px
}

@media only screen and (max-width:767px) {
    .why-liquidity {
        margin-bottom: 82px
    }

    .why-liquidity div[class*=col-] {
        padding: 0 20px !important
    }
}

.why-liquidity svg {
    position: absolute;
    top: -525px;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: auto;
    height: auto !important;
    width: 850px !important
}

@media only screen and (max-width:992px) {
    .why-liquidity svg {
        width: 600px !important;
        top: -378px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .why-liquidity svg {
        top: -399px
    }
}

@media only screen and (max-width:600px) {
    .why-liquidity svg {
        right: 0;
        left: 0;
        top: -308px;
        margin: auto;
        height: auto;
        width: 450px !important;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8)
    }
}

@media only screen and (max-width:767px) {
    .why-liquidity svg {
        top: -287px;
        width: 100% !important;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        -ms-transform: scale(.6);
        -o-transform: scale(.6);
        transform: scale(.6)
    }
}

.why-liquidity h4 {
    color: #fff;
    font-size: 2.125rem;
    line-height: 2.5rem;
    letter-spacing: .00425rem;
    font-weight: 700;
    margin: 0
}

@media only screen and (max-width:768px) {
    .why-liquidity h4 {
        font-size: 1.625rem;
        line-height: 2rem
    }
}

@media only screen and (max-width:767px) {
    .why-liquidity h4 {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0
    }
}

.why-liquidity p {
    color: #fff;
    font-size: 1.6875rem;
    line-height: 2.5rem;
    letter-spacing: .00337rem;
    font-weight: 300;
    margin: 0
}

@media only screen and (max-width:768px) {
    .why-liquidity p {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-liquidity-providing .service-banner {
        padding-top: 0
    }
}

@media only screen and (max-width:767px) {
    .page-template-liquidity-providing .service-banner {
        padding-top: 0
    }
}

.page-template-liquidity-providing .service-animation {
    text-align: right
}

.page-template-liquidity-providing .service-animation canvas {
    position: absolute;
    left: auto;
    top: 0;
    right: 0
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .page-template-liquidity-providing .service-animation {
        text-align: center
    }

    .page-template-liquidity-providing .service-animation video {
        position: absolute;
        max-width: 400px
    }

    .page-template-liquidity-providing .service-animation canvas {
        position: relative;
        max-width: 400px
    }

    .page-template-liquidity-providing .service-animation .shadow-img {
        display: none !important
    }

    .page-template-liquidity-providing .service-animation:after {
        content: "";
        position: absolute;
        left: -20px;
        bottom: 70px;
        background: linear-gradient(rgba(17, 53, 90, 0) 4.6%, rgba(12, 44, 75, .12) 60%, rgba(17, 53, 90, 0));
        width: calc(100% + 40px);
        height: 60px
    }
}

@media only screen and (max-width:767px) {
    .page-template-liquidity-providing .service-animation video {
        position: absolute
    }

    .page-template-liquidity-providing .service-animation canvas {
        position: relative
    }

    .page-template-liquidity-providing .service-animation .shadow-img {
        display: none !important
    }

    .page-template-liquidity-providing .service-animation:after {
        content: "";
        position: absolute;
        left: -50px;
        bottom: 70px;
        background: linear-gradient(rgba(17, 53, 90, 0) 4.6%, rgba(12, 44, 75, .12) 60%, rgba(17, 53, 90, 0));
        width: calc(100% + 100px);
        height: 60px
    }
}

@media only screen and (max-width:767px) {
    .page-template-liquidity-providing .services-quote-content {
        padding-right: 20px
    }

    .page-template-liquidity-providing .services-quote-content div[class*=col-] {
        padding: 0 20px !important
    }
}

@media only screen and (max-width:767px) {
    .page-template-liquidity-providing .market-making {
        padding-bottom: 20px
    }

    .page-template-liquidity-providing .market-making div[class*=col-] {
        padding: 0 20px
    }

    .page-template-liquidity-providing .market-making .services-info-content h4 {
        letter-spacing: 3px
    }

    .page-template-liquidity-providing .market-making .services-info-content h4 strong {
        display: inline-block
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .page-template-liquidity-providing .image-content-block .container .row .col-xs-12:nth-child(2) {
        width: 100%
    }
}

.page-template-liquidity-providing .image-content-block div[class*=col-] {
    padding: 0
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .page-template-liquidity-providing .image-content-block div[class*=col-] {
        padding: 0 20px
    }
}

.page-template-liquidity-providing .image-content-block div[class*=col-].image-container {
    padding: 0 20px
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .page-template-liquidity-providing .image-content-block div[class*=col-].image-container {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .page-template-liquidity-providing .image-content-block p {
        font-size: 16px;
        line-height: 22px
    }
}

@media only screen and (max-width:767px) {
    .page-template-brokerage .service-banner {
        padding-top: 0;
        padding-bottom: 152px
    }
}

.page-template-brokerage .service-banner .service-animation {
    right: 0
}

.page-template-brokerage .service-banner .service-animation video {
    width: 100%
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-brokerage .service-banner .service-animation {
        max-height: 300px;
        margin-bottom: 70px
    }

    .page-template-brokerage .service-banner .service-animation canvas,
    .page-template-brokerage .service-banner .service-animation video {
        max-width: 100%
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .page-template-brokerage .service-banner .service-animation video {
        position: absolute
    }

    .page-template-brokerage .service-banner .service-animation canvas {
        position: relative;
        transform: translateY(-220px)
    }

    .page-template-brokerage .service-banner .service-animation .shadow-img {
        display: none !important
    }

    .page-template-brokerage .service-banner .service-animation:after {
        content: "";
        position: absolute;
        left: -20px;
        bottom: 0;
        background: linear-gradient(rgba(17, 53, 90, 0) 4.6%, rgba(12, 44, 75, .12) 60%, rgba(17, 53, 90, 0));
        width: calc(100% + 40px);
        height: 60px
    }
}

@media only screen and (max-width:767px) {
    .page-template-brokerage .service-banner .service-animation video {
        position: absolute
    }

    .page-template-brokerage .service-banner .service-animation canvas {
        position: relative
    }

    .page-template-brokerage .service-banner .service-animation .shadow-img {
        display: none !important
    }

    .page-template-brokerage .service-banner .service-animation:after {
        content: "";
        position: absolute;
        left: -50px;
        bottom: 70px;
        background: linear-gradient(rgba(17, 53, 90, 0) 4.6%, rgba(12, 44, 75, .12) 60%, rgba(17, 53, 90, 0));
        width: calc(100% + 100px);
        height: 60px
    }
}

.page-template-brokerage .service-banner h1 b,
.page-template-brokerage .service-banner h1 strong {
    font-weight: 700
}

.page-template-brokerage .service-banner ul {
    list-style: none
}

@media only screen and (max-width:768px) {
    .page-template-brokerage .service-banner ul {
        margin-top: 16px
    }
}

.page-template-brokerage .service-banner ul li {
    display: inline-block;
    font-size: 0;
    margin-right: 22px
}

.page-arabic .page-template-brokerage .service-banner ul li {
    margin-left: 22px;
    margin-right: 0
}

.page-template-brokerage .service-banner ul li a {
    display: block;
    width: 156px;
    height: 40px;
    border: 1px solid #a8986b;
    color: #fff;
    background: #a8986b;
    font-size: 15px;
    letter-spacing: 1.2px;
    line-height: 40px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media only screen and (max-width:767px) {
    .page-template-brokerage .service-banner ul li a {
        letter-spacing: 0
    }
}

.page-template-brokerage .service-banner ul li a:hover {
    background: #fff;
    color: #a8986b
}

@media only screen and (max-width:767px) {
    .page-template-brokerage .service-banner ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .page-template-brokerage .service-banner ul li {
        margin: 0;
        display: block;
        width: calc(50% - 6px)
    }

    .page-template-brokerage .service-banner ul li a {
        width: 100%
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .page-template-corporate-finance div[class*=col-] {
        padding: 0 20px !important
    }
}

.page-template-corporate-finance .service-banner h1 {
    font-weight: 500
}

.page-template-corporate-finance .service-banner h1 b,
.page-template-corporate-finance .service-banner h1 strong {
    font-weight: 700
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-corporate-finance .service-banner {
        min-height: calc(100vh - 103px);
        height: auto;
        padding-bottom: 150px
    }
}

.page-template-corporate-finance .service-animation {
    text-align: right
}

.page-template-corporate-finance .service-animation canvas {
    position: absolute;
    left: auto;
    top: 0;
    right: 0
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-corporate-finance .service-animation {
        padding-top: 46px !important;
        padding-bottom: 48px !important;
        text-align: center;
        height: inherit
    }

    .page-template-corporate-finance .service-animation video {
        position: absolute
    }

    .page-template-corporate-finance .service-animation canvas {
        position: relative
    }

    .page-template-corporate-finance .service-animation .shadow-img {
        display: none !important
    }

    .page-template-corporate-finance .service-animation:after {
        content: "";
        position: absolute;
        left: -20px;
        bottom: 40px;
        background: linear-gradient(rgba(17, 53, 90, 0) 4.6%, rgba(12, 44, 75, .12) 60%, rgba(17, 53, 90, 0));
        width: calc(100% + 40px);
        height: 60px
    }
}

@media only screen and (max-width:767px) {
    .page-template-corporate-finance .service-animation {
        padding-top: 46px !important;
        padding-bottom: 48px !important
    }

    .page-template-corporate-finance .service-animation video {
        position: absolute
    }

    .page-template-corporate-finance .service-animation canvas {
        position: relative
    }

    .page-template-corporate-finance .service-animation .shadow-img {
        display: none !important
    }

    .page-template-corporate-finance .service-animation:after {
        content: "";
        position: absolute;
        bottom: 40px;
        background: linear-gradient(rgba(17, 53, 90, 0) 4.6%, rgba(12, 44, 75, .12) 60%, rgba(17, 53, 90, 0));
        left: -50px;
        width: calc(100% + 100px);
        height: 60px
    }
}

.credential-section {
    background-color: #152c49;
    padding: 90px 0
}

@media only screen and (max-width:767px) {
    .credential-section {
        padding: 80px 0
    }
}

@media only screen and (max-width:1300px) {
    .credential-section .container {
        width: 100% !important
    }
}

.credential-section .row {
    display: flex;
    height: 100%;
    align-items: center
}

@media only screen and (max-width:767px) {
    .credential-section .row {
        align-items: flex-start
    }

    .credential-section .row div[class*=col-] {
        padding: 0 20px
    }
}

@media only screen and (max-width:768px) {
    .credential-section .row {
        flex-direction: column-reverse
    }

    .credential-section .row .text-right {
        text-align: left
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .credential-section .credential-title {
        padding: 0 5px
    }
}

.credential-section .credential-title h2 {
    font-size: 2.8125rem;
    line-height: 2.8125rem;
    letter-spacing: .28125rem;
    color: #fff;
    font-weight: 700;
    margin: 0
}

.page-arabic .credential-section .credential-title h2 {
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    .credential-section .credential-title h2 {
        font-size: 28px;
        line-height: 30px;
        letter-spacing: 3px
    }

    .page-arabic .credential-section .credential-title h2 {
        letter-spacing: normal
    }
}

@media only screen and (max-width:768px) {
    .credential-section .credential-title {
        margin-bottom: 42px
    }
}

@media only screen and (max-width:992px) {
    .credential-section .credential-slider-wrap {
        width: 100%
    }
}

.credential-section .credential-items {
    display: flex;
    flex-direction: row;
    align-items: center
}

@media only screen and (max-width:680px) {
    .credential-section .credential-items {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .credential-section .credential-items {
        padding-top: 12px
    }
}

.credential-section .credential-items .swiper-button-next:after,
.credential-section .credential-items .swiper-button-prev:after {
    font-size: 34px;
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width:767px) {

    .credential-section .credential-items .swiper-button-next:after,
    .credential-section .credential-items .swiper-button-prev:after {
        font-size: 20px !important;
        opacity: 1;
        font-weight: 700
    }
}

.credential-section .credential-items .swiper-button-prev:after {
    content: "\E911"
}

.credential-section .credential-items .swiper-button-next:after {
    content: "\E912"
}

.credential-section .credential-items .swiper-button-next,
.credential-section .credential-items .swiper-button-prev {
    position: static;
    flex-shrink: 1;
    -webkit-transform: translateY(14px);
    -moz-transform: translateY(14px);
    -ms-transform: translateY(14px);
    -o-transform: translateY(14px);
    transform: translateY(14px)
}

.page-arabic .credential-section .credential-items .swiper-button-next,
.page-arabic .credential-section .credential-items .swiper-button-prev {
    -webkit-transform: translateY(14px) rotate(180deg);
    -moz-transform: translateY(14px) rotate(180deg);
    -ms-transform: translateY(14px) rotate(180deg);
    -o-transform: translateY(14px) rotate(180deg);
    transform: translateY(14px) rotate(180deg)
}

.credential-section .credential-items .swiper-button-next:after,
.credential-section .credential-items .swiper-button-prev:after {
    color: #fff
}

@media only screen and (max-width:680px) {

    .credential-section .credential-items .swiper-button-next:after,
    .credential-section .credential-items .swiper-button-prev:after {
        font-size: 28px
    }
}

@media only screen and (max-width:680px) {

    .credential-section .credential-items .swiper-button-next,
    .credential-section .credential-items .swiper-button-prev {
        position: absolute;
        top: 44%
    }
}

@media only screen and (max-width:767px) {

    .credential-section .credential-items .swiper-button-next,
    .credential-section .credential-items .swiper-button-prev {
        top: 50%
    }
}

@media only screen and (max-width:680px) {
    .credential-section .credential-items .swiper-button-prev {
        left: 0;
        right: auto
    }
}

@media only screen and (max-width:767px) {
    .credential-section .credential-items .swiper-button-prev {
        left: 12px
    }
}

@media only screen and (max-width:680px) {
    .credential-section .credential-items .swiper-button-next {
        right: 0;
        left: auto
    }
}

@media only screen and (max-width:767px) {
    .credential-section .credential-items .swiper-button-next {
        right: 12px
    }
}

.credential-section .credential-items .credential-items-slider {
    flex-grow: 1
}

@media only screen and (max-width:680px) {
    .credential-section .credential-items .credential-items-slider {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .credential-section .credential-items .credential-items-slider {
        width: 90%
    }
}

.credential-section .credential-items .credential-items-slider .credential-item {
    width: 186px;
    height: 186px;
    padding: 0 22px;
    margin: auto;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

@media only screen and (max-width:992px) {
    .credential-section .credential-items .credential-items-slider .credential-item {
        width: 160px;
        height: 160px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .credential-section .credential-items .credential-items-slider .credential-item {
        width: 270px;
        height: 270px
    }
}

@media only screen and (max-width:680px) {
    .credential-section .credential-items .credential-items-slider .credential-item {
        width: 150px;
        height: 150px
    }
}

@media only screen and (max-width:767px) {
    .credential-section .credential-items .credential-items-slider .credential-item {
        width: 170px;
        height: 170px
    }
}

.credential-section .credential-items .credential-items-slider .credential-item h4 {
    font-size: .9375rem;
    line-height: 1.25rem;
    letter-spacing: .06875rem;
    color: #fff;
    font-weight: 500;
    margin: 0 0 6px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .credential-section .credential-items .credential-items-slider .credential-item h4 {
        font-size: 29px;
        line-height: 29px
    }
}

@media only screen and (max-width:767px) {
    .credential-section .credential-items .credential-items-slider .credential-item h4 {
        font-size: .9375rem;
        line-height: .9375rem;
        font-size: 16px;
        line-height: 16px
    }
}

.credential-section .credential-items .credential-items-slider .credential-item p {
    font-size: 12px;
    line-height: 10px;
    letter-spacing: .09375rem;
    font-weight: 500;
    color: #a8986b;
    margin: 0
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .credential-section .credential-items .credential-items-slider .credential-item p {
        font-size: 20px;
        line-height: 24px
    }
}

@media only screen and (max-width:767px) {
    .credential-section .credential-items .credential-items-slider .credential-item p {
        font-size: .75rem;
        line-height: .75rem
    }
}

.benefits-section {
    background-color: #fff;
    padding: 90px 0
}

@media only screen and (max-width:767px) {
    .benefits-section {
        padding: 68px 0
    }

    .benefits-section div[class*=col-] {
        padding: 0 20px
    }
}

.benefits-section .row {
    display: flex;
    align-items: center
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .benefits-section .row {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .benefits-section .row {
        display: block
    }
}

.benefits-section .benefits-title h2 {
    font-size: 2.8125rem;
    line-height: normal;
    letter-spacing: .28125rem;
    color: #152c49;
    font-weight: 700;
    margin: 0
}

.page-arabic .benefits-section .benefits-title h2 {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .benefits-section .benefits-title h2 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .benefits-section .benefits-title h2 {
        font-size: 28px;
        line-height: 30px
    }
}

@media only screen and (max-width:767px) {
    .benefits-section .benefits-content {
        margin-top: 38px
    }
}

.benefits-section .benefits-content ul {
    list-style: none
}

@media only screen and (max-width:768px) {
    .benefits-section .benefits-content ul {
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -ms-transform: translateX(50px);
        -o-transform: translateX(50px);
        transform: translateX(50px);
        width: calc(100% - 50px)
    }

    .page-arabic .benefits-section .benefits-content ul {
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        -o-transform: translateX(-50px);
        transform: translateX(-50px)
    }
}

@media only screen and (max-width:767px) {
    .benefits-section .benefits-content ul {
        -webkit-transform: translateX(25px);
        -moz-transform: translateX(25px);
        -ms-transform: translateX(25px);
        -o-transform: translateX(25px);
        transform: translateX(25px)
    }

    .page-arabic .benefits-section .benefits-content ul {
        -webkit-transform: translateX(-25px);
        -moz-transform: translateX(-25px);
        -ms-transform: translateX(-25px);
        -o-transform: translateX(-25px);
        transform: translateX(-25px)
    }
}

.benefits-section .benefits-content ul li {
    position: relative;
    font-size: 1.375rem;
    line-height: 1.8125rem;
    letter-spacing: .0275rem;
    color: #152c49;
    font-weight: 300;
    margin-bottom: 26px
}

@media only screen and (max-width:991px) and (min-width:769px) {
    .benefits-section .benefits-content ul li {
        padding-left: 50px
    }
}

@media only screen and (max-width:767px) {
    .benefits-section .benefits-content ul li {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 22px;
        padding-left: 5px
    }
}

.benefits-section .benefits-content ul li:last-child {
    margin-bottom: 0
}

.benefits-section .benefits-content ul li b,
.benefits-section .benefits-content ul li strong {
    font-weight: 700
}

.benefits-section .benefits-content ul li:before {
    content: " ";
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    left: -50px;
    top: 4px;
    background-color: #a8986b;
    border-radius: 50%
}

.page-arabic .benefits-section .benefits-content ul li:before {
    left: auto;
    right: -50px
}

@media only screen and (max-width:991px) and (min-width:769px) {
    .benefits-section .benefits-content ul li:before {
        left: 0
    }

    .page-arabic .benefits-section .benefits-content ul li:before {
        left: auto;
        right: 0
    }
}

@media only screen and (max-width:767px) {
    .benefits-section .benefits-content ul li:before {
        width: 19px;
        height: 19px;
        left: -25px
    }

    .page-arabic .benefits-section .benefits-content ul li:before {
        left: auto;
        right: -25px
    }
}

.benefits-section .benefits-content ul li:after {
    content: " ";
    position: absolute;
    display: block;
    width: 15px;
    height: 8px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    left: -45px;
    top: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.page-arabic .benefits-section .benefits-content ul li:after {
    left: auto;
    right: -45px
}

@media only screen and (max-width:991px) and (min-width:769px) {
    .benefits-section .benefits-content ul li:after {
        left: 5px
    }

    .page-arabic .benefits-section .benefits-content ul li:after {
        left: auto;
        right: 5px
    }
}

@media only screen and (max-width:767px) {
    .benefits-section .benefits-content ul li:after {
        width: 9px;
        height: 5px;
        left: -20px
    }

    .page-arabic .benefits-section .benefits-content ul li:after {
        left: auto;
        right: -20px
    }
}

.buy-sell {
    height: calc(100vh - 75px)
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .buy-sell {
        padding-top: 110px;
        padding-bottom: 0;
        height: auto
    }
}

@media only screen and (max-width:767px) {
    .buy-sell {
        height: auto;
        padding: 85px 0 0
    }
}

@media only screen and (max-width:992px) {
    .buy-sell .container {
        width: 100% !important
    }
}

.buy-sell .row {
    display: flex;
    height: 100%;
    align-items: center
}

@media only screen and (max-width:991px) {
    .buy-sell .row {
        display: block;
        padding: 0
    }

    .buy-sell .row .col-sm-12 {
        padding: 0
    }
}

.buy-sell .buy-sell-default-content {
    position: relative;
    text-align: center;
    padding-bottom: 24px
}

@media only screen and (max-width:992px) {
    .buy-sell .buy-sell-default-content {
        width: calc(100% - 180px);
        margin: auto
    }
}

@media only screen and (max-width:991px) {
    .buy-sell .buy-sell-default-content {
        display: block !important;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .buy-sell .buy-sell-default-content {
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 0
    }
}

.buy-sell .buy-sell-default-content h2 {
    margin: 0;
    font-size: 2.9375rem;
    line-height: 3.5rem;
    letter-spacing: .29375rem;
    color: #152c49;
    font-weight: 300
}

.page-arabic .buy-sell .buy-sell-default-content h2 {
    letter-spacing: normal
}

@media only screen and (max-width:992px) {
    .buy-sell .buy-sell-default-content h2 {
        font-size: 2.375rem;
        line-height: 2.625rem
    }
}

@media only screen and (max-width:767px) {
    .buy-sell .buy-sell-default-content h2 {
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 0
    }
}

.buy-sell .buy-sell-default-content h2 b,
.buy-sell .buy-sell-default-content h2 strong {
    font-weight: 700
}

.buy-sell .buy-sell-default-content h2 b:first-child,
.buy-sell .buy-sell-default-content h2 strong:first-child {
    color: #22962d
}

.buy-sell .buy-sell-default-content h2 b:last-child,
.buy-sell .buy-sell-default-content h2 strong:last-child {
    color: #af0000
}

.buy-sell .buy-sell-mobile-content {
    display: none
}

@media only screen and (max-width:991px) {
    .buy-sell .buy-sell-mobile-content {
        display: block
    }
}

.buy-sell .buy-content,
.buy-sell .sell-content {
    display: none;
    padding: 124px;
    background-color: #152c49;
    width: calc(100% - 262px);
    margin: auto;
    position: relative
}

@media only screen and (min-width:1024px) {

    .buy-sell .buy-content,
    .buy-sell .sell-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.buy-sell .buy-content .icon-close,
.buy-sell .sell-content .icon-close {
    color: #fff;
    position: absolute;
    top: 30px;
    right: 30px
}

.page-arabic .buy-sell .buy-content .icon-close,
.page-arabic .buy-sell .sell-content .icon-close {
    left: 30px;
    right: auto
}

.buy-sell .buy-content .icon-close:hover,
.buy-sell .sell-content .icon-close:hover {
    cursor: pointer
}

@media only screen and (max-width:991px) {

    .buy-sell .buy-content.desktop-only,
    .buy-sell .sell-content.desktop-only {
        display: none !important
    }
}

@media only screen and (max-width:992px) {

    .buy-sell .buy-content,
    .buy-sell .sell-content {
        padding: 90px;
        width: calc(100% - 180px)
    }
}

@media only screen and (max-width:991px) {

    .buy-sell .buy-content,
    .buy-sell .sell-content {
        width: 100% !important
    }
}

@media only screen and (max-width:767px) {

    .buy-sell .buy-content,
    .buy-sell .sell-content {
        padding: 62px 20px
    }
}

.buy-sell .buy-content p,
.buy-sell .sell-content p {
    font-size: 1.125rem;
    line-height: 1.875rem;
    letter-spacing: .03625rem;
    color: #fff;
    margin: 0;
    font-weight: 300
}

@media only screen and (max-width:767px) {

    .buy-sell .buy-content p,
    .buy-sell .sell-content p {
        letter-spacing: 0;
        line-height: 21px;
        padding-right: 11px
    }
}

.buy-sell .buy-content h6,
.buy-sell .sell-content h6 {
    font-size: 1.125rem;
    line-height: 1.875rem;
    letter-spacing: .03625rem;
    color: #fff;
    margin: 0;
    font-weight: 500
}

.buy-sell .buy-content ul,
.buy-sell .sell-content ul {
    list-style: none
}

@media only screen and (max-width:767px) {

    .buy-sell .buy-content ul,
    .buy-sell .sell-content ul {
        column-count: 2
    }
}

.buy-sell .buy-content ul li,
.buy-sell .sell-content ul li {
    font-size: 1.125rem;
    line-height: 1.875rem;
    letter-spacing: .03625rem;
    font-weight: 300;
    color: #fff;
    margin: 0 0 12px;
    display: inline-block;
    width: 32%
}

@media only screen and (max-width:992px) {

    .buy-sell .buy-content ul li,
    .buy-sell .sell-content ul li {
        width: 48%;
        vertical-align: top
    }
}

@media only screen and (max-width:767px) {

    .buy-sell .buy-content ul li,
    .buy-sell .sell-content ul li {
        width: 100%;
        display: inline-block
    }
}

.buy-sell .buy-content ul li:before,
.buy-sell .sell-content ul li:before {
    content: ">";
    font-size: 1.125rem;
    font-weight: 700;
    margin-right: 7px;
    color: #a8986b
}

@media only screen and (max-width:991px) {
    .buy-sell .buy-sell-buttons {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        margin-bottom: 48px
    }
}

.buy-sell .bs-button {
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width:991px) {
    .buy-sell .bs-button {
        position: relative;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important
    }
}

.page-arabic .buy-sell .bs-button img {
    width: 100%;
    max-width: 250px
}

.buy-sell .bs-button .buy-sell-line {
    display: none;
    position: absolute;
    bottom: -30px;
    width: 150px;
    height: 60px
}

@media only screen and (max-width:767px) {
    .buy-sell .bs-button .buy-sell-line {
        width: 80px;
        height: 40px;
        bottom: -14px
    }
}

.buy-sell .bs-button .buy-sell-line:after,
.buy-sell .bs-button .buy-sell-line:before {
    content: " ";
    display: block;
    position: absolute;
    width: 4px;
    height: 40px;
    bottom: -40px
}

@media only screen and (max-width:767px) {

    .buy-sell .bs-button .buy-sell-line:after,
    .buy-sell .bs-button .buy-sell-line:before {
        height: 30px;
        bottom: -30px
    }
}

.buy-sell .bs-button .buy-sell-line:after {
    bottom: -80px;
    background-size: 1px 10px
}

@media only screen and (max-width:767px) {
    .buy-sell .bs-button .buy-sell-line:after {
        bottom: -60px
    }
}

.buy-sell .bs-button .buy-sell-line.buy-line {
    left: 50%;
    border: 4px solid green;
    border-top: none;
    border-right: none
}

.buy-sell .bs-button .buy-sell-line.buy-line:before {
    right: 0;
    background: green
}

.buy-sell .bs-button .buy-sell-line.buy-line:after {
    right: 0;
    background-image: repeating-linear-gradient(180deg, transparent, transparent 50%, green 0, green)
}

.buy-sell .bs-button .buy-sell-line.sell-line {
    right: 50%;
    border: 4px solid #af0000;
    border-top: none;
    border-left: none
}

.buy-sell .bs-button .buy-sell-line.sell-line:before {
    left: 0;
    background: #af0000
}

.buy-sell .bs-button .buy-sell-line.sell-line:after {
    left: 0;
    background-image: repeating-linear-gradient(180deg, transparent, transparent 50%, #af0000 0, #af0000)
}

.buy-sell .bs-button img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.buy-sell .bs-button img:last-of-type {
    position: absolute;
    top: -24px;
    z-index: -1;
    opacity: 0
}

@media only screen and (max-width:768px) {
    .buy-sell .bs-button img:last-of-type {
        display: none
    }
}

.buy-sell .bs-button:hover img {
    -webkit-transform: scale(.98);
    -moz-transform: scale(.98);
    -ms-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98)
}

.buy-sell .bs-button.active img:last-of-type {
    opacity: 1
}

@media only screen and (max-width:991px) {
    .buy-sell .bs-button.active .buy-sell-line {
        display: block !important;
        z-index: 1
    }
}

.buy-sell .bs-button.inactive:after {
    content: " ";
    position: absolute;
    border-radius: 50%;
    background-color: rgba(21, 44, 73, .5);
    width: 223px;
    height: 223px;
    left: 16px;
    top: 8px
}

@media only screen and (max-width:767px) {
    .buy-sell .bs-button.inactive:after {
        display: none
    }
}

.buy-sell .buy-image {
    left: 0
}

@media only screen and (max-width:992px) {
    .buy-sell .buy-image {
        -webkit-transform: translate(-34px, -50%) scale(.75);
        -moz-transform: translate(-34px, -50%) scale(.75);
        -ms-transform: translate(-34px, -50%) scale(.75);
        -o-transform: translate(-34px, -50%) scale(.75);
        transform: translate(-34px, -50%) scale(.75)
    }
}

@media only screen and (max-width:767px) {
    .buy-sell .buy-image {
        padding: 0 20px
    }
}

.buy-sell .sell-image {
    right: 0
}

@media only screen and (max-width:992px) {
    .buy-sell .sell-image {
        -webkit-transform: translate(34px, -50%) scale(.75);
        -moz-transform: translate(34px, -50%) scale(.75);
        -ms-transform: translate(34px, -50%) scale(.75);
        -o-transform: translate(34px, -50%) scale(.75);
        transform: translate(34px, -50%) scale(.75)
    }
}

.has-video-content {
    height: calc(100vh - 75px);
    overflow: hidden
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .has-video-content div[class*=col] {
        width: 100%
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .has-video-content {
        height: auto;
        padding: 92px 0
    }
}

@media only screen and (max-width:767px) {
    .has-video-content {
        padding: 83px 0 20px;
        height: auto
    }
}

.has-video-content .row {
    display: flex;
    align-items: center;
    height: 100%
}

@media only screen and (max-width:991px) {
    .has-video-content .row {
        flex-direction: column
    }
}

@media only screen and (max-width:991px) {
    .has-video-content .text-right {
        text-align: left
    }
}

@media only screen and (max-width:768px) {
    .has-video-content.funding-section .row {
        flex-direction: column-reverse
    }
}

.page-arabic .has-video-content.funding-section .corporate-block-content {
    text-align: left
}

.has-video-content h4 {
    font-size: 2.8125rem;
    line-height: 3.6875rem;
    letter-spacing: .28125rem;
    color: #152c49;
    font-weight: 700;
    margin: 0 0 18px
}

.page-arabic .has-video-content h4 {
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    .has-video-content h4 {
        font-size: 28px;
        line-height: 30px
    }
}

.has-video-content p {
    font-size: 1.25rem;
    line-height: 1.6875rem;
    letter-spacing: .02625rem;
    color: #2b2b2b;
    font-weight: 300;
    margin: 0 0 10px
}

@media only screen and (max-width:767px) {
    .has-video-content p {
        font-size: 14px;
        line-height: 20px
    }
}

.has-video-content h6 {
    font-size: 1.125rem;
    letter-spacing: .08438rem;
    line-height: 2.0625rem;
    color: #a8986b;
    font-weight: 700;
    margin: 0
}

.page-arabic .has-video-content h6 {
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    .has-video-content h6 {
        font-size: 18px;
        line-height: 25px
    }
}

.has-video-content video {
    width: 100%;
    height: auto
}

@media only screen and (max-width:768px) {
    .has-video-content .video-transparent canvas {
        left: 0;
        right: 0;
        margin: auto
    }
}

.has-video-content .corporate-block-content {
    position: relative;
    margin-bottom: 24px
}

@media only screen and (max-width:768px) {
    .has-video-content .corporate-block-content {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .has-video-content .corporate-block-content {
        padding: 0 20px
    }
}

.has-video-content .corporate-block-content .corporate-block-arrow {
    width: 125vh;
    display: block;
    position: absolute;
    bottom: 32px;
    height: 40px
}

@media only screen and (max-width:1500px) {
    .has-video-content .corporate-block-content .corporate-block-arrow {
        bottom: 33px;
        height: 36px
    }
}

.has-video-content .corporate-block-content .corporate-block-arrow.arrow-to-left {
    left: -26vw
}

.page-arabic .has-video-content .corporate-block-content .corporate-block-arrow.arrow-to-left {
    left: auto;
    right: -26vw;
    transform: rotate(180deg)
}

.has-video-content .corporate-block-content .corporate-block-arrow.arrow-to-right {
    right: -26vw
}

.page-arabic .has-video-content .corporate-block-content .corporate-block-arrow.arrow-to-right {
    right: auto;
    left: -26vw;
    transform: rotate(180deg)
}

@media only screen and (max-width:991px) {
    .has-video-content .corporate-block-content .corporate-block-arrow {
        display: none
    }
}

.edit-mode .buy-sell {
    height: auto
}

.edit-mode .buy-content,
.edit-mode .sell-content {
    display: block
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-research .service-banner .service-title h1 {
        font-weight: 700 !important
    }
}

.page-template-research .service-animation {
    text-align: right
}

.page-template-research .service-animation canvas {
    position: absolute;
    left: auto;
    top: 0;
    right: 0
}

.page-arabic .page-template-research .service-animation canvas {
    right: unset;
    left: 0
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-research .service-animation {
        width: 100%;
        text-align: center
    }

    .page-template-research .service-animation video {
        position: absolute
    }

    .page-template-research .service-animation canvas {
        position: relative;
        max-width: 300px;
        margin-bottom: 50px
    }

    .page-template-research .service-animation .shadow-img {
        display: none !important
    }

    .page-template-research .service-animation:after {
        content: "";
        position: absolute;
        left: -20px;
        bottom: 0;
        background: linear-gradient(rgba(17, 53, 90, 0) 4.6%, rgba(12, 44, 75, .12) 60%, rgba(17, 53, 90, 0));
        width: calc(100% + 40px);
        height: 60px
    }
}

@media only screen and (max-width:767px) {
    .page-template-research .service-animation {
        width: 100%;
        text-align: center
    }

    .page-template-research .service-animation video {
        position: absolute
    }

    .page-template-research .service-animation canvas {
        position: relative;
        max-width: 220px
    }

    .page-template-research .service-animation .shadow-img {
        display: none !important
    }

    .page-template-research .service-animation:after {
        content: "";
        position: absolute;
        left: -50px;
        bottom: 0;
        background: linear-gradient(rgba(17, 53, 90, 0) 4.6%, rgba(12, 44, 75, .12) 60%, rgba(17, 53, 90, 0));
        width: calc(100% + 100px);
        height: 60px
    }
}

@media only screen and (max-width:767px) {
    .page-template-research .service-banner {
        padding-top: 94px
    }

    .page-template-research .service-banner .service-title {
        margin-top: 38px
    }

    .page-template-research .service-banner .service-title h1 {
        font-weight: 700 !important
    }
}

.research-variety {
    padding: 128px 0;
    text-align: center
}

@media only screen and (max-width:992px) {
    .research-variety {
        padding: 72px 0
    }
}

@media only screen and (max-width:768px) {
    .research-variety {
        padding: 42px 0
    }
}

@media only screen and (max-width:767px) {
    .research-variety {
        padding: 70px 0
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .research-variety {
        padding: 70px 0
    }
}

.research-variety-inner {
    max-width: 984px;
    margin: auto
}

.research-variety h4 {
    font-size: 1.6875rem;
    line-height: 1.8125rem;
    color: #152c49;
    letter-spacing: .22444rem;
    display: inline-block
}

.page-arabic .research-variety h4 {
    letter-spacing: normal
}

@media only screen and (max-width:1500px) {
    .research-variety h4 {
        font-size: 1.8125rem
    }
}

@media only screen and (max-width:767px) {
    .research-variety h4 {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0;
        padding: 0 20px
    }

    .research-variety h4 strong {
        display: inline
    }
}

.research-variety h4:after {
    display: block;
    content: " ";
    width: 100%;
    margin: 15px 0;
    height: 1px;
    background-color: rgba(0, 0, 0, .2)
}

@media (min-width:768px) {
    .page-arabic .research-variety h4:after {
        display: none
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-variety h4:after {
        margin: 40px 0
    }
}

.research-variety ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .research-variety ul {
        flex-direction: column;
        margin-top: 30px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-variety ul {
        margin-top: 0
    }
}

@media only screen and (max-width:767px) {
    .research-variety ul {
        flex-direction: column
    }
}

@media only screen and (max-width:1500px) {
    .research-variety ul {
        padding: 0 35px
    }
}

@media only screen and (max-width:1200px) {
    .research-variety ul {
        padding: 0 10px
    }
}

.research-variety ul li {
    color: #a8986b;
    font-size: 1.6875rem;
    letter-spacing: 0;
    line-height: 1.8125rem;
    font-weight: 700
}

.page-arabic .research-variety ul li {
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    .research-variety ul li {
        margin-bottom: 11px;
        line-height: 20px;
        font-size: 16px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .research-variety ul li {
        margin-bottom: 30px
    }
}

.page-arabic .research-variety ul {
    margin-top: 30px;
    position: relative
}

.page-arabic .research-variety ul:before {
    display: block;
    content: " ";
    width: 100%;
    margin: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    top: -15px;
    left: 0
}

@media only screen and (max-width:767px) {
    .page-arabic .research-variety ul {
        margin-top: 0
    }

    .page-arabic .research-variety ul:before {
        display: none
    }
}

.research-categories {
    background: linear-gradient(270deg, #174877, #2863a1);
    padding-left: 54px;
    overflow: hidden;
    position: relative
}

.page-arabic .research-categories {
    padding-right: 54px;
    padding-left: 0
}

@media only screen and (max-width:1300px) {
    .research-categories {
        padding-left: 34px
    }

    .page-arabic .research-categories {
        padding-right: 34px;
        padding-left: 0
    }
}

@media only screen and (max-width:992px) {
    .research-categories {
        padding: 0
    }
}

.research-categories .slider-bg {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: block;
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    transform: skewX(-25deg);
    background: #152c49
}

@media only screen and (max-width:992px) {
    .research-categories .slider-bg {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.research-categories .research-category {
    position: relative;
    height: 380px;
    display: flex;
    align-items: center;
    flex-direction: row
}

@media only screen and (max-width:992px) {
    .research-categories .research-category {
        flex-direction: column;
        height: auto;
        align-items: flex-start
    }
}

.research-categories .research-category .research-category-title {
    width: 420px
}

@media only screen and (max-width:1300px) {
    .research-categories .research-category .research-category-title {
        width: 346px
    }
}

@media only screen and (max-width:992px) {
    .research-categories .research-category .research-category-title {
        padding: 42px;
        width: 100%;
        text-align: left
    }
}

@media only screen and (max-width:767px) {
    .research-categories .research-category .research-category-title {
        padding: 56px 35px
    }
}

.research-categories .research-category .research-category-title h2 {
    color: #fff;
    font-size: 3.125rem;
    line-height: 3.6875rem;
    letter-spacing: .3125rem;
    font-weight: 500;
    margin: 0
}

.page-arabic .research-categories .research-category .research-category-title h2 {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-categories .research-category .research-category-title h2 {
        font-size: 67px;
        line-height: 73px
    }
}

@media only screen and (max-width:767px) {
    .research-categories .research-category .research-category-title h2 {
        font-size: 28px;
        line-height: 30px;
        letter-spacing: 3px
    }

    .page-arabic .research-categories .research-category .research-category-title h2 {
        letter-spacing: normal
    }
}

.research-categories .research-category .research-category-items {
    position: relative;
    overflow: visible;
    flex-grow: 1;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 42px
}

@media only screen and (max-width:992px) {
    .research-categories .research-category .research-category-items {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .research-categories .research-category .research-category-items {
        padding: 45px 35px
    }
}

.page-arabic .research-categories .research-category .research-category-items .swiper-button-next,
.page-arabic .research-categories .research-category .research-category-items .swiper-button-prev {
    transform: rotate(180deg)
}

.research-categories .research-category .research-category-items .swiper-button-next:after,
.research-categories .research-category .research-category-items .swiper-button-prev:after {
    font-size: 34px;
    color: #71c4ec;
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.research-categories .research-category .research-category-items .swiper-button-prev {
    left: -90px
}

.page-arabic .research-categories .research-category .research-category-items .swiper-button-prev {
    left: auto;
    right: -90px
}

.research-categories .research-category .research-category-items .swiper-button-prev:after {
    content: "\E911"
}

@media only screen and (max-width:992px) {
    .research-categories .research-category .research-category-items .swiper-button-prev {
        left: -40px
    }

    .page-arabic .research-categories .research-category .research-category-items .swiper-button-prev {
        left: auto;
        right: -40px
    }
}

@media only screen and (max-width:767px) {
    .research-categories .research-category .research-category-items .swiper-button-prev {
        left: auto;
        right: 57px;
        top: auto;
        bottom: -20px
    }

    .page-arabic .research-categories .research-category .research-category-items .swiper-button-prev {
        left: 57px;
        right: auto
    }

    .research-categories .research-category .research-category-items .swiper-button-prev:after {
        font-size: 20px;
        font-weight: 600
    }
}

.research-categories .research-category .research-category-items .swiper-button-next {
    right: -60px
}

.page-arabic .research-categories .research-category .research-category-items .swiper-button-next {
    left: -60px;
    right: auto
}

.research-categories .research-category .research-category-items .swiper-button-next:after {
    content: "\E912"
}

@media only screen and (max-width:992px) {
    .research-categories .research-category .research-category-items .swiper-button-next {
        right: -40px
    }

    .page-arabic .research-categories .research-category .research-category-items .swiper-button-next {
        left: -40px;
        right: auto
    }
}

@media only screen and (max-width:767px) {
    .research-categories .research-category .research-category-items .swiper-button-next {
        left: auto;
        right: -7px;
        top: auto;
        bottom: -20px
    }

    .page-arabic .research-categories .research-category .research-category-items .swiper-button-next {
        left: -7px;
        right: auto
    }

    .research-categories .research-category .research-category-items .swiper-button-next:after {
        font-size: 20px;
        font-weight: 600
    }
}

.research-categories .research-category .research-category-items .research-category-items-slider {
    max-width: 628px;
    margin: auto;
    overflow: visible;
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px)
}

@media only screen and (max-width:1300px) {
    .research-categories .research-category .research-category-items .research-category-items-slider {
        max-width: 460px
    }
}

@media only screen and (max-width:992px) {
    .research-categories .research-category .research-category-items .research-category-items-slider {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        max-width: calc(100% - 48px);
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .research-categories .research-category .research-category-items .research-category-items-slider {
        max-width: 100%
    }
}

.research-categories .research-category .research-category-items .research-category-items-slider .swiper-wrapper {
    align-items: center
}

@media only screen and (max-width:767px) {
    .research-categories .research-category .research-category-items .research-category-items-slider .swiper-wrapper {
        align-items: flex-start
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-categories .research-category .research-category-items .swiper-slide .research-category-item {
        padding: 0 20px
    }
}

.research-categories .research-category .research-category-items .swiper-slide h4 {
    font-size: 1.6875rem;
    line-height: 2rem;
    letter-spacing: .03375rem;
    color: #a8986b;
    margin: 0 0 15px;
    font-weight: 700
}

.page-arabic .research-categories .research-category .research-category-items .swiper-slide h4 {
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    .research-categories .research-category .research-category-items .swiper-slide h4 {
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0
    }
}

.research-categories .research-category .research-category-items .swiper-slide p {
    font-size: 1.25rem;
    letter-spacing: .02625rem;
    line-height: 1.5rem;
    color: #fff;
    font-weight: 300
}

.page-arabic .research-categories .research-category .research-category-items .swiper-slide p {
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    .research-categories .research-category .research-category-items .swiper-slide p {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0
    }
}

.research-publications {
    height: calc(90vh - 75px);
    display: flex;
    align-items: center
}

@media only screen and (max-width:992px) {
    .research-publications {
        height: auto;
        padding: 42px 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-publications {
        padding: 150px 0
    }
}

@media only screen and (max-width:767px) {
    .research-publications {
        padding: 83px 0
    }

    .research-publications div[class*=col-] {
        padding: 0 20px
    }
}

.research-publications .container {
    height: auto
}

@media only screen and (max-width:768px) {
    .research-publications .research-publication-item {
        width: 100%;
        margin: auto auto 24px
    }
}

@media only screen and (max-width:768px) {
    .research-publications .publication-content .row .item:nth-last-child(-n+2) {
        display: none
    }
}

.research-publications .publication-content-title {
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:767px) {
    .research-publications .publication-content-title {
        margin-bottom: 50px
    }
}

.research-publications .publication-content-title h2 {
    font-size: 3.125rem;
    line-height: 3.6875rem;
    letter-spacing: .3125rem;
    color: #152c49;
    margin: 0;
    font-weight: 500
}

.page-arabic .research-publications .publication-content-title h2 {
    letter-spacing: normal
}

@media only screen and (max-width:992px) {
    .research-publications .publication-content-title h2 {
        font-size: 2.625rem;
        line-height: 3.125rem
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-publications .publication-content-title h2 {
        font-size: 67px;
        line-height: 73px
    }
}

@media only screen and (max-width:767px) {
    .research-publications .publication-content-title h2 {
        font-size: 28px;
        line-height: 30px;
        letter-spacing: 3px
    }

    .page-arabic .research-publications .publication-content-title h2 {
        letter-spacing: normal
    }
}

a.link-research {
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 43px;
    color: #152c49
}

@media only screen and (max-width:767px) {
    a.link-research {
        padding-left: 6px;
        letter-spacing: 1px
    }
}

a.link-research i {
    margin-left: 4px;
    font-size: 12px
}

.page-arabic a.link-research i {
    transform: rotate(180deg)
}

@media only screen and (max-width:767px) {
    a.link-research i {
        margin-left: 0;
        font-size: 8px
    }
}

a.link-research:after {
    content: " ";
    position: absolute;
    left: -6px;
    bottom: 20px;
    width: calc(100% + 12px);
    height: 2px;
    background-color: #a8986b;
    -webkit-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -moz-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -o-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    transition: all .3s cubic-bezier(.6, .04, .12, .96)
}

@media only screen and (max-width:767px) {
    a.link-research:after {
        left: 1px;
        bottom: 4px;
        width: 100%
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    a.link-research:after {
        bottom: 4px
    }
}

a.link-research:hover:after {
    width: 0
}

@media only screen and (max-width:767px) {
    .research-portfolio div[class*=col-] {
        padding: 0 20px
    }
}

.research-portfolio-title {
    padding: 80px 0 50px;
    margin: 0 -2px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-portfolio-title {
        padding-top: 150px
    }
}

.research-portfolio-title h2 {
    font-size: 3.125rem;
    line-height: 3.6875rem;
    letter-spacing: .3125rem;
    color: #152c49;
    margin: 0 0 14px;
    font-weight: 500
}

.page-arabic .research-portfolio-title h2 {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-portfolio-title h2 {
        font-size: 67px;
        line-height: 73px;
        padding-right: 60px
    }
}

@media only screen and (max-width:767px) {
    .research-portfolio-title h2 {
        font-size: 28px;
        line-height: 30px;
        padding-right: 20%;
        letter-spacing: 3px;
        margin-bottom: 25px
    }
}

.research-portfolio-title h4 {
    font-weight: 300;
    font-size: 1.6875rem;
    line-height: 2.5625rem;
    letter-spacing: .03544rem;
    color: #152c49;
    margin: 0
}

.research-portfolio-title h4 b,
.research-portfolio-title h4 strong {
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .research-portfolio-title h4 {
        font-size: 18px;
        line-height: 25px
    }
}

.research-portfolio .portfolio-wrap {
    display: flex;
    align-items: center;
    flex-direction: row;
    height: 534px
}

@media only screen and (max-height:850px) {
    .research-portfolio .portfolio-wrap {
        height: 500px
    }
}

@media only screen and (max-width:992px) {
    .research-portfolio .portfolio-wrap {
        flex-direction: column;
        height: auto
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .research-portfolio .portfolio-wrap {
        flex-flow: row wrap;
        height: auto
    }
}

.research-portfolio .portfolio-wrap .portfolio-slider {
    width: 34vw;
    height: 100%
}

@media only screen and (max-width:992px) {
    .research-portfolio .portfolio-wrap .portfolio-slider {
        width: 100%;
        height: 120px
    }
}

@media only screen and (max-width:767px) {
    .research-portfolio .portfolio-wrap .portfolio-slider {
        height: 80px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .research-portfolio .portfolio-wrap .portfolio-slider {
        width: 35%;
        height: 460px
    }
}

.research-portfolio .portfolio-wrap .portfolio-slider:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #162c49;
    height: 160px;
    z-index: 2
}

@media only screen and (max-width:767px) {
    .research-portfolio .portfolio-wrap .portfolio-slider:before {
        z-index: 0
    }
}

.research-portfolio .portfolio-wrap .portfolio-slider:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #162c49;
    height: 160px;
    z-index: 2
}

@media only screen and (max-width:767px) {
    .research-portfolio .portfolio-wrap .portfolio-slider:after {
        z-index: 0
    }
}

.research-portfolio .portfolio-wrap .portfolio-slider .swiper-button-next:after,
.research-portfolio .portfolio-wrap .portfolio-slider .swiper-button-prev:after {
    font-size: 34px;
    color: #71c4ec;
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.research-portfolio .portfolio-wrap .portfolio-slider .swiper-button-prev {
    left: calc(50% - 22px);
    right: auto;
    top: 100px;
    margin: auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.research-portfolio .portfolio-wrap .portfolio-slider .swiper-button-prev:after {
    content: "\E911"
}

@media only screen and (max-width:992px) {
    .research-portfolio .portfolio-wrap .portfolio-slider .swiper-button-prev {
        left: 24px;
        right: auto;
        top: 34px;
        bottom: auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .research-portfolio .portfolio-wrap .portfolio-slider .swiper-button-prev {
        left: calc(50% - 22px);
        top: 100px;
        transform: rotate(90deg)
    }
}

@media only screen and (max-width:767px) {
    .research-portfolio .portfolio-wrap .portfolio-slider .swiper-button-prev {
        top: 17px;
        left: 12px
    }

    .research-portfolio .portfolio-wrap .portfolio-slider .swiper-button-prev:after {
        font-size: 20px;
        font-weight: 700
    }
}

.research-portfolio .portfolio-wrap .portfolio-slider .swiper-button-next {
    left: calc(50% - 22px);
    right: auto;
    bottom: -50px;
    margin: auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.research-portfolio .portfolio-wrap .portfolio-slider .swiper-button-next:after {
    content: "\E912"
}

@media only screen and (max-width:992px) {
    .research-portfolio .portfolio-wrap .portfolio-slider .swiper-button-next {
        right: 24px;
        left: auto;
        bottom: auto;
        top: 34px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .research-portfolio .portfolio-wrap .portfolio-slider .swiper-button-next {
        left: calc(50% - 22px);
        transform: rotate(90deg);
        bottom: -50px;
        right: auto;
        top: 35%
    }
}

@media only screen and (max-width:767px) {
    .research-portfolio .portfolio-wrap .portfolio-slider .swiper-button-next {
        top: 17px;
        right: 7px
    }

    .research-portfolio .portfolio-wrap .portfolio-slider .swiper-button-next:after {
        font-size: 20px;
        font-weight: 700
    }
}

.research-portfolio .portfolio-wrap .portfolio-graph {
    width: 33vw;
    height: 100%;
    background-color: #f1f1f1;
    position: relative
}

@media only screen and (max-width:992px) {
    .research-portfolio .portfolio-wrap .portfolio-graph {
        width: 100%;
        height: 460px
    }
}

@media only screen and (max-width:767px) {
    .research-portfolio .portfolio-wrap .portfolio-graph {
        height: 304px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .research-portfolio .portfolio-wrap .portfolio-graph {
        width: 65%
    }
}

.research-portfolio .portfolio-wrap .portfolio-graph ul {
    position: absolute;
    bottom: 28px;
    left: 50%;
    list-style: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.research-portfolio .portfolio-wrap .portfolio-graph ul li {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 1.1875rem;
    line-height: 1.5625rem;
    letter-spacing: .11875rem;
    font-weight: 300;
    color: #152c49
}

.research-portfolio .portfolio-wrap .portfolio-graph ul li.vl-divider {
    width: 1px;
    height: 1.125rem;
    background: #152c49;
    margin: 0 8px
}

@media only screen and (max-width:767px) {
    .research-portfolio .portfolio-wrap .portfolio-graph ul li {
        font-size: 16px;
        line-height: 11px;
        letter-spacing: 0
    }
}

.research-portfolio .portfolio-wrap .portfolio-graph ul li.active,
.research-portfolio .portfolio-wrap .portfolio-graph ul li:hover {
    color: #a8986b;
    text-shadow: -.25px -.25px 0 #a8986b, .25px .25px #a8986b
}

.research-portfolio .portfolio-wrap .portfolio-graph .bar-graph {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1px;
    background-color: #152c49;
    display: flex;
    flex-direction: row;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.research-portfolio .portfolio-wrap .portfolio-graph .bar-graph:before {
    width: 100%;
    height: 1px;
    background: #000
}

.research-portfolio .portfolio-wrap .portfolio-graph .bar-graph .bar-block {
    margin: 0 10px
}

.research-portfolio .portfolio-wrap .portfolio-graph .bar-graph .bar-block,
.research-portfolio .portfolio-wrap .portfolio-graph .bar-graph .bar-block .bar {
    position: relative;
    width: 45px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.research-portfolio .portfolio-wrap .portfolio-graph .bar-graph .bar-block .bar {
    height: 0;
    top: 0;
    display: block;
    cursor: pointer
}

.research-portfolio .portfolio-wrap .portfolio-graph .bar-graph .bar-block .bar:hover p {
    font-weight: 700
}

.research-portfolio .portfolio-wrap .portfolio-graph .bar-graph .bar-block .bar p {
    display: block;
    position: absolute;
    white-space: nowrap;
    font-size: 1rem;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.research-portfolio .portfolio-wrap .portfolio-graph .bar-graph .bar-block .bar p.invisible {
    opacity: 0 !important
}

@media only screen and (max-width:767px) {
    .research-portfolio .portfolio-wrap .portfolio-graph .bar-graph .bar-block .bar p {
        font-size: 10px;
        line-height: 13px
    }
}

.research-portfolio .portfolio-wrap .portfolio-graph .bar-graph .bar-block .bar.positive {
    background: #04af1c
}

.research-portfolio .portfolio-wrap .portfolio-graph .bar-graph .bar-block .bar.negative {
    background: #f40012
}

.research-portfolio .portfolio-wrap .portfolio-graph .bar-graph .bar-block .bar.disable-bar {
    height: 0 !important;
    top: 0 !important
}

.research-portfolio .portfolio-wrap .portfolio-graph .bar-graph .bar-block .bar.disable-bar p {
    display: none !important
}

.research-portfolio .portfolio-wrap .portfolio-graph .bar-graph .bar-block.disable-bar-block {
    width: 0
}

.research-portfolio .portfolio-wrap .portfolio-image {
    width: 33vw;
    height: 100%;
    background: linear-gradient(270deg, #3179c5, #499dfd);
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:992px) {
    .research-portfolio .portfolio-wrap .portfolio-image {
        width: 100%;
        padding: 60px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .research-portfolio .portfolio-wrap .portfolio-image {
        width: 100%;
        min-height: 400px
    }
}

@media only screen and (max-width:767px) {
    .research-portfolio .portfolio-wrap .portfolio-image {
        padding: 70px
    }

    .research-portfolio .portfolio-wrap .portfolio-image a img {
        width: 130px
    }
}

.research-portfolio .portfolio-wrap .portfolio-image a {
    display: block
}

.research-portfolio .portfolio-wrap .portfolio-image a img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    max-width: 226px
}

.research-portfolio .portfolio-wrap .portfolio-image a:hover img {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
}

.research-portfolio .portfolio-wrap .swiper-slide {
    display: flex;
    flex-direction: row
}

@media only screen and (max-width:992px) {
    .research-portfolio .portfolio-wrap .swiper-slide {
        flex-direction: column
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .research-portfolio .portfolio-wrap .swiper-slide {
        flex-direction: column
    }
}

.research-portfolio .portfolio-wrap .swiper-slide .year-month-select {
    width: 100%;
    background: #152c49;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

@media only screen and (max-width:992px) {
    .research-portfolio .portfolio-wrap .swiper-slide .year-month-select {
        height: 180px;
        flex-direction: row
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .research-portfolio .portfolio-wrap .swiper-slide .year-month-select {
        flex-direction: column;
        height: 100%
    }
}

.research-portfolio .portfolio-wrap .swiper-slide .year-month-select .month-text {
    color: #fff;
    font-weight: 700;
    font-size: 4.75rem;
    line-height: 4.0625rem;
    letter-spacing: .475rem
}

@media only screen and (max-width:992px) {
    .research-portfolio .portfolio-wrap .swiper-slide .year-month-select .month-text {
        margin-right: 12px;
        font-size: 3.75rem;
        line-height: 3.75rem
    }
}

@media only screen and (max-width:767px) {
    .research-portfolio .portfolio-wrap .swiper-slide .year-month-select .month-text {
        font-size: 28px;
        line-height: 37px;
        letter-spacing: 0
    }
}

.research-portfolio .portfolio-wrap .swiper-slide .year-month-select .year-text {
    color: #fff;
    font-weight: 700;
    font-size: 3.75rem;
    line-height: 3.75rem;
    letter-spacing: .7rem
}

@media only screen and (max-width:767px) {
    .research-portfolio .portfolio-wrap .swiper-slide .year-month-select .year-text {
        font-size: 28px;
        line-height: 37px;
        letter-spacing: 0
    }
}

.member-page-title {
    padding: 78px 62px 0
}

@media only screen and (max-height:850px) {
    .member-page-title {
        padding: 60px 62px 0
    }
}

@media only screen and (max-width:992px) {
    .member-page-title {
        padding: 60px 24px 12px
    }
}

@media only screen and (max-width:767px) {
    .member-page-title {
        padding: 22px 0;
        max-width: 65%
    }
}

.member-page-title h1 {
    position: relative;
    font-size: 3.5625rem;
    line-height: 4.25rem;
    letter-spacing: .4275rem;
    font-weight: 500;
    color: #152c49
}

.page-arabic .member-page-title h1 {
    letter-spacing: normal
}

.member-page-title h1:before {
    content: " ";
    position: absolute;
    background: #71c4ec;
    width: 3px;
    left: -18px;
    top: 10px;
    bottom: 10px
}

.page-arabic .member-page-title h1:before {
    left: auto;
    right: -18px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .member-page-title h1:before {
        height: 100%;
        top: 0
    }
}

@media only screen and (max-width:767px) {
    .member-page-title h1:before {
        left: -8px;
        top: 0;
        bottom: auto;
        height: 100%
    }

    .page-arabic .member-page-title h1:before {
        left: auto;
        right: -8px
    }
}

@media only screen and (max-width:992px) {
    .member-page-title h1 {
        font-size: 3rem;
        line-height: 3.375rem;
        letter-spacing: .3025rem
    }

    .page-arabic .member-page-title h1 {
        letter-spacing: normal
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .member-page-title h1 {
        width: 80%;
        font-size: 72px;
        line-height: 80px;
        font-weight: 400;
        margin-top: 45px
    }

    .page-arabic .member-page-title h1 {
        letter-spacing: normal
    }
}

@media only screen and (max-width:767px) {
    .member-page-title h1 {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 0;
        font-weight: 400
    }

    .page-arabic .member-page-title h1 {
        letter-spacing: normal
    }
}

.member-list {
    position: relative;
    border-bottom: 1px solid rgba(21, 44, 73, .9)
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .member-list .members-slider {
        margin-top: 10px
    }
}

.member-list .swiper-slide {
    cursor: pointer;
    position: relative;
    background: radial-gradient(#fff, #eee, #ccc)
}

@media only screen and (max-width:991px) {
    .member-list .swiper-slide {
        height: auto
    }
}

.member-list .swiper-slide.active {
    pointer-events: none;
    background: linear-gradient(0deg, #a8986b, rgba(168, 152, 107, .01))
}

.member-list .swiper-slide.active .overlay {
    opacity: 0 !important
}

.member-list .swiper-slide.active .member-banner:after {
    opacity: 1
}

.member-list .swiper-slide .member-banner {
    position: relative;
    height: inherit;
    height: 100%;
    width: 100%
}

@media only screen and (max-width:991px) {
    .member-list .swiper-slide .member-banner {
        height: calc(100vh - 325px)
    }
}

@media only screen and (max-width:600px) {
    .member-list .swiper-slide .member-banner {
        height: calc(100vh - 315px)
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .member-list .swiper-slide .member-banner {
        height: auto
    }
}

.member-list .swiper-slide .member-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .member-list .swiper-slide .member-banner img {
        object-position: top;
        height: 929px
    }
}

.member-list .swiper-slide .member-banner:after {
    display: block;
    opacity: 0;
    content: " ";
    width: 6px;
    height: 100%;
    top: 0;
    right: -6px;
    background: #152c49;
    position: absolute
}

.member-list .swiper-slide .overlay {
    position: absolute;
    background: linear-gradient(0deg, #a8986b, rgba(168, 152, 107, .01));
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.6, .04, .12, .96);
    -moz-transition: all .6s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: all .6s cubic-bezier(.6, .04, .12, .96);
    -o-transition: all .6s cubic-bezier(.6, .04, .12, .96);
    transition: all .6s cubic-bezier(.6, .04, .12, .96)
}

.member-list .swiper-slide .overlay .member-title {
    position: absolute;
    bottom: 70px;
    left: 15%;
    right: auto;
    width: 70%
}

.member-list .swiper-slide .overlay .member-title h4 {
    color: #fff;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: .9px;
    font-weight: 500;
    margin: 0 0 6px;
    text-transform: capitalize
}

.page-arabic .member-list .swiper-slide .overlay .member-title h4 {
    letter-spacing: normal
}

.member-list .swiper-slide .overlay .member-title h4 b,
.member-list .swiper-slide .overlay .member-title h4 strong {
    font-weight: 700
}

.member-list .swiper-slide .overlay .member-title h5 {
    color: #fff;
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 13px;
    text-transform: uppercase
}

.page-arabic .member-list .swiper-slide .overlay .member-title h5 {
    letter-spacing: normal
}

.member-list .swiper-slide .overlay .member-title button {
    margin-top: 36px;
    color: #fff;
    border: 1px solid #fff;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 25px;
    height: 25px;
    padding: 0 20px;
    background: transparent;
    outline: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-arabic .member-list .swiper-slide .overlay .member-title button {
    letter-spacing: normal
}

.member-list .swiper-slide .overlay .member-title button:hover {
    background-color: #fff;
    color: #a8986b
}

.member-list .swiper-slide:hover .overlay {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.member-list.violet .swiper-slide {
    background: radial-gradient(#fff, #eee, #ccc)
}

.member-list.violet .swiper-slide.active,
.member-list.violet .swiper-slide .overlay {
    background: linear-gradient(0deg, rgba(21, 44, 73, .8), rgba(21, 44, 73, .01))
}

@media (min-width:768px) {
    .member-list.violet .swiper-slide .expand-view .member-content .title {
        margin-right: 31px
    }

    .page-arabic .member-list.violet .swiper-slide .expand-view .member-content .title {
        margin-right: 0;
        margin-left: 31px
    }
}

.member-list.violet .swiper-slide .expand-view .member-content .title h5,
.member-list.violet .swiper-slide .expand-view .member-content h6 {
    color: #71c4ec
}

.page-arabic .member-list.violet .swiper-slide .expand-view .member-content h6 {
    padding-left: 0 !important;
    padding-right: 7px !important
}

.member-list.violet .swiper-slide .expand-view .member-content h6:before {
    background: #71c4ec
}

.page-arabic .member-list.violet .swiper-slide .expand-view .member-content h6:before {
    left: auto;
    right: 0
}

.member-list.violet .overlay .member-title button:hover {
    background-color: #fff;
    color: #152c49
}

.member-list .members-nav {
    position: relative;
    height: 60px;
    margin: 0 120px 26px
}

@media only screen and (max-width:800px) {
    .member-list .members-nav {
        margin: 0 120px 5px
    }
}

@media only screen and (max-height:850px) {
    .member-list .members-nav {
        top: -20px;
        margin: 0 120px
    }
}

@media only screen and (max-height:1024px) {
    .member-list .members-nav {
        top: -10px
    }
}

@media only screen and (max-width:992px) {
    .member-list .members-nav {
        margin: 0 0 24px
    }
}

@media only screen and (max-width:991px) {
    .member-list .members-nav {
        max-width: 100%;
        margin-bottom: 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .member-list .members-nav {
        margin-top: 85px
    }
}

@media only screen and (max-width:767px) {
    .member-list .members-nav {
        position: absolute;
        top: -120px;
        right: 5px;
        width: 140px
    }
}

.member-list .members-nav .swiper-button-next:after,
.member-list .members-nav .swiper-button-prev:after {
    font-size: 34px;
    color: #152c49;
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.page-arabic .member-list .members-nav .swiper-button-next:after,
.page-arabic .member-list .members-nav .swiper-button-prev:after {
    letter-spacing: normal
}

@media only screen and (max-width:992px) {

    .member-list .members-nav .swiper-button-next:after,
    .member-list .members-nav .swiper-button-prev:after {
        font-size: 24px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .member-list .members-nav .swiper-button-next:after,
    .member-list .members-nav .swiper-button-prev:after {
        font-size: 34px
    }
}

@media only screen and (max-width:767px) {

    .member-list .members-nav .swiper-button-next:after,
    .member-list .members-nav .swiper-button-prev:after {
        width: 40px;
        font-size: 19px
    }
}

.page-arabic .member-list .members-nav .swiper-button-next {
    left: 172px;
    right: auto
}

@media only screen and (max-width:992px) {
    .member-list .members-nav .swiper-button-next {
        right: 42px;
        left: auto
    }
}

@media only screen and (max-width:767px) {
    .member-list .members-nav .swiper-button-next {
        right: 15px;
        left: auto
    }
}

.member-list .members-nav .swiper-button-next:after {
    content: "\E905"
}

.member-list .members-nav .swiper-button-prev {
    right: 172px;
    left: auto
}

.page-arabic .member-list .members-nav .swiper-button-prev {
    left: 10px
}

@media only screen and (max-width:992px) {
    .member-list .members-nav .swiper-button-prev {
        left: 42px;
        right: auto
    }
}

@media only screen and (max-width:767px) {
    .member-list .members-nav .swiper-button-prev {
        left: 15px;
        right: auto
    }
}

.member-list .members-nav .swiper-button-prev:after {
    content: "\E906"
}

.page-arabic .member-list .members-nav .swiper-button-next,
.page-arabic .member-list .members-nav .swiper-button-prev {
    transform: rotate(180deg)
}

.page-arabic .member-list .members-nav .swiper-button-prev {
    left: 172px;
    right: auto
}

@media (min-width:992px) {
    .page-arabic .member-list .members-nav .swiper-button-prev {
        left: 172px;
        right: auto
    }
}

@media only screen and (max-width:992px) {
    .page-arabic .member-list .members-nav .swiper-button-prev {
        right: 42px;
        left: auto
    }
}

@media only screen and (max-width:767px) {
    .page-arabic .member-list .members-nav .swiper-button-prev {
        right: 15px;
        left: auto
    }
}

@media (min-width:992px) {
    .page-arabic .member-list .members-nav .swiper-button-next {
        left: 10px;
        right: auto
    }
}

@media only screen and (max-width:992px) {
    .page-arabic .member-list .members-nav .swiper-button-next {
        left: 42px;
        right: auto
    }
}

@media only screen and (max-width:767px) {
    .page-arabic .member-list .members-nav .swiper-button-next {
        left: 15px;
        right: auto
    }
}

.page-arabic .member-content h6 {
    padding-left: 0;
    padding-right: 7px
}

.page-arabic .member-content h6:before {
    right: 0;
    left: auto
}

.page-arabic .members-nav {
    left: 5px;
    right: unset
}

@media only screen and (max-width:991px) {
    .expand-view-content {
        display: block
    }
}

.expand-view {
    height: 100%;
    overflow: hidden;
    background: #152c49;
    padding: 40px 72px;
    box-shadow: inset 0 0 12px rgba(0, 0, 0, .12);
    margin-left: -1px;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -ms-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease
}

@media only screen and (max-width:1380px) {
    .expand-view {
        padding: 40px
    }
}

@media only screen and (max-width:1300px) {
    .expand-view {
        padding: 24px
    }
}

@media only screen and (max-height:850px) {
    .expand-view {
        padding: 30px 50px
    }
}

@media only screen and (max-height:780px) {
    .expand-view {
        padding: 20px
    }
}

.member-content {
    position: relative
}

@media only screen and (max-width:991px) {
    .member-content {
        padding: 20px;
        background: #152c49
    }
}

@media only screen and (max-width:767px) {
    .member-content {
        margin-top: -90px
    }
}

.member-content .icon-close {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 20px;
    padding: 12px;
    pointer-events: all;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-arabic .member-content .icon-close {
    left: 0;
    right: auto
}

.member-content .icon-close:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media only screen and (max-width:1024px) {
    .member-content .icon-close {
        top: 10px !important
    }
}

@media only screen and (max-width:991px) {
    .member-content .icon-close {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .member-content .icon-close {
        top: -10px !important
    }
}

@media only screen and (max-width:991px) {
    .member-content {
        width: 100% !important
    }
}

.member-content .title {
    max-width: 500px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .member-content .title {
        max-width: 750px
    }
}

.member-content .title h4 {
    color: #fff;
    font-size: 34px;
    line-height: 40px;
    letter-spacing: .9px;
    font-weight: 500;
    margin: 0 0 6px;
    text-transform: uppercase
}

.page-arabic .member-content .title h4 {
    letter-spacing: normal
}

.member-content .title h4 b,
.member-content .title h4 strong {
    font-weight: 700
}

@media only screen and (max-width:1380px) {
    .member-content .title h4 {
        font-size: 26px;
        line-height: 34px
    }

    .page-arabic .member-content .title h4 {
        letter-spacing: normal
    }
}

@media only screen and (max-width:1300px) {
    .member-content .title h4 {
        font-size: 20px;
        line-height: 24px
    }

    .page-arabic .member-content .title h4 {
        letter-spacing: normal
    }
}

@media only screen and (max-height:850px) {
    .member-content .title h4 {
        font-size: 27px;
        line-height: 29px
    }

    .page-arabic .member-content .title h4 {
        letter-spacing: normal
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .member-content .title h4 {
        font-size: 45px;
        line-height: 54px;
        font-weight: 400
    }

    .page-arabic .member-content .title h4 {
        letter-spacing: normal
    }
}

@media only screen and (max-width:767px) {
    .member-content .title h4 {
        font-size: 16px;
        max-width: 100%
    }
}

.member-content .title h5 {
    color: #a8986b;
    margin: 0;
    font-size: 1.4375rem;
    font-weight: 400;
    letter-spacing: .01438rem;
    line-height: 1.5625rem
}

.page-arabic .member-content .title h5 {
    letter-spacing: normal
}

@media only screen and (max-width:1300px) {
    .member-content .title h5 {
        font-size: 1.125rem;
        line-height: 1.25rem
    }

    .page-arabic .member-content .title h5 {
        letter-spacing: normal
    }
}

@media only screen and (max-width:767px) {
    .member-content .title h5 {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .page-arabic .member-content .title h5 {
        letter-spacing: normal
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .member-content .title h5 {
        font-size: 31px;
        line-height: 34px;
        letter-spacing: 3px
    }

    .page-arabic .member-content .title h5 {
        letter-spacing: normal
    }
}

.member-content .education {
    margin-bottom: 18px
}

@media only screen and (max-height:780px) {
    .member-content .education {
        margin-bottom: 9px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .member-content .education {
        margin-top: 20px
    }
}

.member-content .ext-appointments,
.member-content .prev-appointments {
    margin-bottom: 18px
}

.member-content .content-divide {
    width: 68px;
    height: 1px;
    background: hsla(0, 0%, 100%, .3);
    margin: 19px 0 24px
}

@media only screen and (max-width:1300px) {
    .member-content .content-divide {
        margin: 12px 0
    }
}

@media only screen and (max-height:780px) {
    .member-content .content-divide {
        margin: 10px 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .member-content .content-divide {
        width: 91px;
        margin: 34px 0 12px
    }
}

.member-content h6 {
    font-size: 17px;
    line-height: 21px;
    letter-spacing: .8px;
    color: #a8986b;
    font-weight: 700;
    position: relative;
    margin: 0 0 4px;
    padding-left: 7px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .member-content h6 {
        font-size: 23px;
        line-height: 28px;
        letter-spacing: 2px
    }

    .page-arabic .member-content h6 {
        letter-spacing: normal
    }
}

@media only screen and (max-width:767px) {
    .member-content h6 {
        font-size: 14px;
        line-height: 18px
    }
}

.member-content h6:before {
    content: " ";
    position: absolute;
    background: #a8986b;
    width: 1px;
    left: 0;
    top: 4px;
    bottom: 4px
}

.member-content li,
.member-content p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #fff;
    margin: 0
}

.member-content ul {
    list-style: none
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .appointments {
        margin-top: 46px
    }
}

.expand-content-wrapper {
    display: none;
    width: 100%;
    height: auto;
    background: #152c49;
    padding: 24px;
    box-shadow: inset 0 0 12px rgba(0, 0, 0, .12)
}

@media only screen and (max-width:991px) {
    .expand-content-wrapper {
        padding: 24px 15px;
        display: none !important
    }
}

.expand-content-wrapper .member-content {
    width: 100% !important
}

.expand-content-wrapper .member-content .icon-close {
    right: -18px;
    top: -16px;
    display: none
}

.page-arabic .expand-content-wrapper .member-content .icon-close {
    left: -18px;
    right: auto
}

.member-list .swiper-slide {
    display: flex;
    width: auto
}

@media (max-width:991px) {
    .member-list .swiper-slide {
        display: block;
        width: 100%
    }
}

.member-list .swiper-slide .member-banner-block {
    width: 480px;
    max-height: 660px
}

.member-list .swiper-slide .member-banner-block .white {
    position: absolute;
    width: 10px;
    height: 100%;
    left: -10px;
    z-index: 0;
    background-color: #fff
}

@media (max-width:992px) {
    .member-list .swiper-slide .member-banner-block .white {
        display: none
    }
}

.member-list .swiper-slide .member-banner-block .member-banner {
    position: relative
}

.member-list .swiper-slide .member-banner-block .member-banner:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 1;
    background: radial-gradient(#fff, #eee, #ccc)
}

@media (max-width:992px) {
    .member-list .swiper-slide .member-banner-block .member-banner:before {
        display: none
    }
}

.member-list .swiper-slide .member-banner-block .member-banner img {
    position: relative;
    z-index: 2
}

.member-list .swiper-slide .member-banner-block:hover .overlay {
    transform: translateY(0);
    opacity: 1;
    z-index: 2
}

@media (max-width:992px) {
    .member-list .swiper-slide .member-banner-block {
        width: 100%;
        max-width: 100%;
        max-height: unset
    }
}

.member-list .swiper-slide .expand-view-content {
    width: 0;
    position: relative;
    z-index: -1;
    max-height: 660px;
    overflow: hidden;
    height: auto;
    display: block;
    opacity: 0;
    transition: all .7s ease-in-out
}

@media (max-width:992px) {
    .member-list .swiper-slide .expand-view-content {
        width: 100%;
        max-width: 100%;
        left: auto;
        z-index: 1;
        max-height: unset;
        overflow: visible;
        height: 100%;
        opacity: 1;
        margin-left: 0
    }
}

.member-list .swiper-slide .expand-view-content.expand-view {
    padding: 0
}

.member-list .swiper-slide .expand-view-content .member-content {
    opacity: 0;
    transition: all .3s ease-in-out;
    padding: 40px 72px
}

@media only screen and (max-width:1380px) {
    .member-list .swiper-slide .expand-view-content .member-content {
        padding: 40px
    }
}

@media only screen and (max-width:1300px) {
    .member-list .swiper-slide .expand-view-content .member-content {
        padding: 24px
    }
}

@media only screen and (max-height:850px) {
    .member-list .swiper-slide .expand-view-content .member-content {
        padding: 30px 50px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .member-list .swiper-slide .expand-view-content .member-content {
        padding: 99px 20px 110px
    }
}

@media only screen and (max-height:780px) {
    .member-list .swiper-slide .expand-view-content .member-content {
        padding: 20px
    }
}

@media (max-width:992px) {
    .member-list .swiper-slide .expand-view-content .member-content {
        margin-top: 0;
        opacity: 1
    }
}

.member-list .swiper-slide.extra-content {
    pointer-events: none;
    cursor: default
}

.member-list .swiper-slide.extra-content:hover .overlay {
    display: none !important
}

.member-list .swiper-slide.extra-content .expand-view-content {
    width: 900px;
    left: auto;
    z-index: 0;
    overflow: visible;
    opacity: 1;
    margin-left: 0
}

@media (max-width:1440px) {
    .member-list .swiper-slide.extra-content .expand-view-content {
        width: 600px
    }
}

@media (max-width:1200px) {
    .member-list .swiper-slide.extra-content .expand-view-content {
        width: 570px
    }
}

@media (max-width:1099px) {
    .member-list .swiper-slide.extra-content .expand-view-content {
        width: 544px
    }
}

@media (max-width:992px) {
    .member-list .swiper-slide.extra-content .expand-view-content {
        max-width: 100%;
        width: 100%
    }
}

.member-list .swiper-slide.extra-content .expand-view-content .member-content.show-block {
    opacity: 1
}

.member-list .swiper-slide.extra-content .expand-view-content .icon-close {
    pointer-events: all;
    cursor: pointer;
    top: 40px;
    right: 72px
}

.page-arabic .member-list .swiper-slide.extra-content .expand-view-content .icon-close {
    right: unset;
    left: 72px
}

@media only screen and (max-width:1380px) {
    .member-list .swiper-slide.extra-content .expand-view-content .icon-close {
        top: 40px;
        right: 40px
    }

    .page-arabic .member-list .swiper-slide.extra-content .expand-view-content .icon-close {
        right: unset;
        left: 40px
    }
}

@media only screen and (max-width:1300px) {
    .member-list .swiper-slide.extra-content .expand-view-content .icon-close {
        top: 24px;
        right: 24px
    }

    .page-arabic .member-list .swiper-slide.extra-content .expand-view-content .icon-close {
        right: unset;
        left: 24px
    }
}

@media only screen and (max-height:850px) {
    .member-list .swiper-slide.extra-content .expand-view-content .icon-close {
        top: 30px;
        right: 50px
    }

    .page-arabic .member-list .swiper-slide.extra-content .expand-view-content .icon-close {
        right: unset;
        left: 50px
    }
}

@media only screen and (max-height:780px) {
    .member-list .swiper-slide.extra-content .expand-view-content .icon-close {
        top: 20px;
        right: 20px
    }

    .page-arabic .member-list .swiper-slide.extra-content .expand-view-content .icon-close {
        right: unset;
        left: 20px
    }
}

.member-list .swiper-slide.extra-content .expand-view-content.expand-view {
    padding: 0
}

@media (max-width:992px) {
    .member-list .swiper-slide.extra-content .expand-view-content.expand-view {
        padding: 0
    }
}

.archive-header {
    height: calc(100vh - 75px);
    position: relative;
    background: linear-gradient(180deg, #2566a9, #327bc9)
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .archive-header {
        height: calc(100vh - 75px)
    }
}

@media only screen and (max-width:767px) {
    .archive-header {
        height: auto
    }
}

.archive-header .row {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 175px)
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .archive-header .row {
        height: calc(100vh - 249px)
    }
}

@media only screen and (max-width:767px) {
    .archive-header .row {
        height: 60vh
    }
}

.archive-header .archive-title {
    text-align: center;
    position: relative;
    z-index: 1
}

.archive-header .archive-title h1 {
    font-size: 3.375rem;
    letter-spacing: .40837rem;
    line-height: 3.4375rem;
    margin: 0;
    color: #fff;
    font-weight: 400
}

.archive-header .archive-title h1 b,
.archive-header .archive-title h1 strong {
    font-weight: 700
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .archive-header .archive-title h1 b,
    .archive-header .archive-title h1 strong {
        display: block
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .archive-header .archive-title h1 {
        font-size: 72px;
        line-height: 74px;
        letter-spacing: 3px;
        font-weight: 100
    }
}

@media only screen and (max-width:767px) {
    .archive-header .archive-title h1 {
        font-size: 32px;
        line-height: 45px;
        letter-spacing: 0
    }
}

.archive-header img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
    top: 0;
    margin: auto;
    z-index: 0
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .archive-header img {
        bottom: 180px
    }
}

@media only screen and (max-width:767px) {
    .archive-header img {
        top: 0;
        bottom: 165px;
        width: 80%
    }
}

.research-archive-filters {
    height: 100px;
    background-color: #489eff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

@media only screen and (max-width:992px) {
    .research-archive-filters {
        position: static;
        height: auto;
        padding: 34px 0 18px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-archive-filters {
        position: absolute
    }
}

@media only screen and (max-width:767px) {
    .research-archive-filters {
        padding: 24px 0 10px
    }

    .research-archive-filters div[class*=col-] {
        padding: 0 5px
    }
}

.research-archive-filters .row {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

@media only screen and (max-width:992px) {
    .research-archive-filters .row {
        display: block;
        width: 100%;
        height: auto;
        flex-direction: column;
        margin: auto
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-archive-filters .row div[class*=col-] {
        width: 50%
    }

    .research-archive-filters .row div[class*=col-]:first-child {
        width: 100%
    }
}

.research-archive-filters .select-box {
    width: 100%
}

@media only screen and (max-width:992px) {
    .research-archive-filters .select-box {
        width: 100%;
        display: block;
        margin-bottom: 16px
    }
}

.research-archive-filters .select-box .select2-container {
    width: 100% !important
}

.research-archive-filters .select-box .select2-container .select2-selection__arrow:before {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E90E";
    position: absolute;
    right: 10px;
    top: 18px;
    font-size: 10px;
    color: #fff
}

.research-archive-filters .select-box .select2-container .select2-selection__arrow b {
    display: none
}

.research-archive-filters .select-box .select2-container .select2-selection__placeholder {
    color: #fff
}

.research-archive-filters .select-box .select2-container .select2-selection__clear {
    z-index: 4;
    position: absolute;
    right: 0;
    top: 0;
    height: 45px;
    margin: 0;
    width: 45px;
    background: #fff
}

.research-archive-filters .select-box .select2-container .select2-selection__clear span {
    display: block;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2)
}

.research-archive-filters .select-box .select2-selection {
    border: 1px solid #fff;
    border-radius: 0;
    height: 45px;
    width: 100%;
    background: transparent
}

.research-archive-filters .select-box .select2-selection .select2-selection__rendered {
    height: 45px;
    line-height: 45px;
    font-size: 1rem;
    font-weight: 700;
    color: #fff
}

.latest-publications {
    height: calc(100vh - 75px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

@media only screen and (max-width:992px) {
    .latest-publications {
        height: auto;
        padding: 60px 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .latest-publications {
        padding-bottom: 130px
    }
}

@media only screen and (max-width:767px) {
    .latest-publications {
        padding-top: 0
    }
}

.latest-publications .row {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

@media only screen and (max-width:992px) {
    .latest-publications .row {
        display: block;
        height: auto
    }
}

.archive-files {
    padding: 120px 0
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .archive-files {
        padding-top: 20px
    }
}

@media only screen and (max-width:767px) {
    .archive-files {
        padding-top: 0;
        padding-bottom: 50px
    }
}

.archive-files .pagination {
    text-align: center;
    padding-top: 70px;
    clear: both
}

.archive-files .pagination li {
    display: inline-block;
    width: auto;
    padding: 0 10px;
    font-size: 22px
}

.archive-files .pagination li.active {
    color: #71c4ec;
    font-weight: 500
}

.archive-files .pagination li.next,
.archive-files .pagination li.prev {
    display: none
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-archive-content {
        margin-top: 100px
    }
}

@media only screen and (max-width:767px) {
    .research-archive-content {
        padding: 40px 0 0
    }

    .research-archive-content div[class*=col-] {
        padding: 0 20px
    }
}

.research-archive-content h2 {
    font-size: 2.8125rem;
    line-height: 3.6875rem;
    letter-spacing: .28125rem;
    color: #152c49;
    margin-bottom: 50px;
    font-weight: 500
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .research-archive-content h2 {
        margin-top: 0;
        font-size: 60px;
        line-height: 80px;
        letter-spacing: 5px
    }
}

@media only screen and (max-width:767px) {
    .research-archive-content h2 {
        font-size: 28px;
        line-height: 30px;
        letter-spacing: 0;
        padding-left: 5px;
        margin-bottom: 30px
    }
}

.page-template-fixed-income .banner-section {
    background: #f3f6f5;
    padding-top: 82px;
    text-align: center;
    overflow: hidden;
    position: relative;
    height: calc(100vh - 74px)
}

@media only screen and (max-height:800px) {
    .page-template-fixed-income .banner-section {
        padding-top: 60px
    }
}

@media only screen and (max-width:767px) {
    .page-template-fixed-income .banner-section {
        padding-top: 105px;
        height: auto
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-fixed-income .banner-section .page-title {
        margin-top: 70px
    }

    .page-template-fixed-income .banner-section .page-title img {
        margin-top: 170px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) and (max-height:1020px) {
    .page-template-fixed-income .banner-section .page-title img {
        margin-top: 40px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-fixed-income .banner-section .page-title h1 {
        font-size: 78px;
        line-height: 110px;
        max-width: 100%;
        font-weight: 100
    }

    .page-template-fixed-income .banner-section .page-title h4 {
        font-size: 42px;
        line-height: 50px;
        max-width: 100%
    }
}

.page-template-fixed-income .banner-section img {
    text-align: center;
    width: 70%;
    object-fit: contain;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 20px
}

@media only screen and (min-height:850px) {
    .page-template-fixed-income .banner-section img {
        width: 75%
    }
}

@media only screen and (min-height:900px) {
    .page-template-fixed-income .banner-section img {
        width: 80%
    }
}

@media only screen and (min-height:950px) {
    .page-template-fixed-income .banner-section img {
        width: 85%
    }
}

@media only screen and (max-width:992px) {
    .page-template-fixed-income .banner-section img {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .page-template-fixed-income .banner-section img {
        position: relative;
        padding-top: 62px
    }
}

.page-template-fixed-income .banner-section h1 {
    font-size: 4.3125rem;
    line-height: 5.1875rem;
    letter-spacing: .0345rem;
    color: #000;
    font-weight: 500;
    margin: 0
}

.page-template-fixed-income .banner-section h1 b,
.page-template-fixed-income .banner-section h1 strong {
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .page-template-fixed-income .banner-section h1 {
        font-size: 43px;
        line-height: 50px;
        width: 100%
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .page-template-fixed-income .banner-section h1 {
        margin: 0 auto
    }
}

.page-template-fixed-income .banner-section h4 {
    font-size: 2rem;
    line-height: 2.375rem;
    color: #000;
    font-weight: 400;
    margin: 0
}

.page-template-fixed-income .banner-section h4 b,
.page-template-fixed-income .banner-section h4 strong {
    font-weight: 700;
    color: #a8986b
}

@media only screen and (max-width:767px) {
    .page-template-fixed-income .banner-section h4 {
        font-size: 18px;
        line-height: 25px;
        letter-spacing: 0;
        padding: 7px 20px 0
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .page-template-fixed-income .banner-section h4 {
        max-width: 500px;
        margin: 0 auto
    }
}

.income-info-section {
    padding: 60px 0 80px
}

@media only screen and (max-width:767px) {
    .income-info-section {
        padding: 80px 0
    }

    .income-info-section div[class*=col-] {
        padding: 0 20px
    }
}

.income-info-section .fixed-income-icons {
    position: relative;
    padding: 0 160px
}

@media only screen and (max-width:767px) {
    .income-info-section .fixed-income-icons {
        padding: 0 40px
    }
}

.income-info-section .fixed-income-icons .swiper-button-next:after,
.income-info-section .fixed-income-icons .swiper-button-prev:after {
    color: #152c49;
    font-size: 26px
}

@media only screen and (max-width:767px) {

    .income-info-section .fixed-income-icons .swiper-button-next:after,
    .income-info-section .fixed-income-icons .swiper-button-prev:after {
        font-size: 20px
    }
}

.income-info-section .fixed-income-icons .swiper-button-prev {
    left: -12px;
    top: 52%
}

@media only screen and (max-width:767px) {
    .income-info-section .fixed-income-icons .swiper-button-prev {
        top: 60%;
        left: 10px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .income-info-section .fixed-income-icons .swiper-button-prev {
        top: 60%;
        left: 10%
    }
}

.income-info-section .fixed-income-icons .swiper-button-next {
    right: -12px;
    text-align: right;
    top: 52%
}

@media only screen and (max-width:767px) {
    .income-info-section .fixed-income-icons .swiper-button-next {
        top: 60%;
        right: 10px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .income-info-section .fixed-income-icons .swiper-button-next {
        top: 60%;
        right: 10%
    }
}

@media only screen and (max-width:768px) {
    .income-info-section .fixed-income-icons-slider {
        max-width: 460px;
        margin: auto;
        padding: 24px 0
    }
}

.income-info-section .fixed-income-icons-slider .fixed-income-icon {
    border-radius: 50%;
    overflow: hidden;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    margin: auto;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media only screen and (max-width:767px) {
    .income-info-section .fixed-income-icons-slider .fixed-income-icon {
        width: 72px;
        height: 72px
    }
}

.income-info-section .fixed-income-icons-slider .fixed-income-icon span {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #152c49;
    font-size: .8125rem;
    letter-spacing: .175rem;
    line-height: 105px;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 50%
}

.page-arabic .income-info-section .fixed-income-icons-slider .fixed-income-icon span {
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    .income-info-section .fixed-income-icons-slider .fixed-income-icon span {
        line-height: 74px;
        font-size: 9px;
        letter-spacing: 0
    }
}

.income-info-section .fixed-income-icons-slider .swiper-slide {
    cursor: pointer
}

@media only screen and (max-width:768px) {
    .income-info-section .fixed-income-icons-slider .swiper-slide {
        pointer-events: none
    }
}

.income-info-section .fixed-income-icons-slider .swiper-slide:hover .fixed-income-icon span {
    opacity: 1
}

@media only screen and (max-width:768px) {
    .income-info-section .fixed-income-icons-slider .swiper-slide.swiper-slide-active .fixed-income-icon {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    .income-info-section .fixed-income-icons-slider .swiper-slide.swiper-slide-active .fixed-income-icon span {
        opacity: 1
    }
}

@media only screen and (max-width:767px) {
    .income-info-section .fixed-income-icons-slider .swiper-slide.swiper-slide-active .fixed-income-icon {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4)
    }
}

.income-info-section .fixed-income-divider {
    margin: 60px 0;
    height: 1px;
    width: 100%;
    background-color: rgba(21, 44, 73, .2)
}

.income-info-section .fixed-income-content {
    text-align: center
}

.income-info-section .fixed-income-content h4 {
    font-size: 2.125rem;
    line-height: 2.5rem;
    letter-spacing: .04038rem;
    color: #152c49;
    font-weight: 300;
    margin: 0 0 28px
}

.income-info-section .fixed-income-content h4 b,
.income-info-section .fixed-income-content h4 strong {
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .income-info-section .fixed-income-content h4 {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .income-info-section .fixed-income-content h4 br {
        display: none
    }
}

.income-info-section .fixed-income-content h6 {
    font-size: 1.375rem;
    line-height: 1.6875rem;
    letter-spacing: .02875rem;
    margin: 0;
    color: #a8986b;
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .income-info-section .fixed-income-content h6 {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0
    }
}

.income-advantage-section {
    height: calc(100vh - 75px);
    background-color: #152c49;
    position: relative
}

@media only screen and (max-width:992px) {
    .income-advantage-section {
        height: auto
    }
}

.income-advantage-section .text-wrapper {
    position: relative;
    z-index: 2
}

@media only screen and (max-width:767px) {
    .income-advantage-section .text-wrapper {
        padding: 0 20px
    }
}

@media only screen and (max-width:767px) {
    .income-advantage-section .circle-wrapper {
        width: 100%;
        padding: 52px 20px;
        max-height: 418px
    }
}

.income-advantage-section .circle-wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    background: #152c49;
    width: 100%;
    height: calc(100vh - 75px);
    z-index: 1;
    transform: translate(-50%, -50%)
}

.page-arabic .income-advantage-section .circle-wrapper:before {
    left: 100%
}

@media only screen and (max-width:992px) {
    .income-advantage-section .circle-wrapper:before {
        display: none
    }
}

.income-advantage-section .texture-bg {
    width: calc(35% + 144.5px);
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 0
}

.page-arabic .income-advantage-section .texture-bg {
    right: 61%
}

@media only screen and (max-width:992px) {
    .income-advantage-section .texture-bg {
        width: 100%;
        height: 50%;
        bottom: 0;
        top: auto
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .income-advantage-section .texture-bg {
        height: 40.5%
    }
}

@media only screen and (max-width:767px) {
    .income-advantage-section .texture-bg {
        height: 45%
    }
}

.income-advantage-section .row {
    height: 100%;
    display: flex;
    align-items: center
}

@media only screen and (max-width:992px) {
    .income-advantage-section .row {
        flex-direction: column;
        width: 100%;
        padding: 42px 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .income-advantage-section .row {
        margin-left: 0
    }
}

@media only screen and (max-width:767px) {
    .income-advantage-section .row {
        align-items: flex-start;
        width: 100vw;
        padding: 82px 0
    }
}

.income-advantage-section .row h2 {
    font-size: 2.8125rem;
    line-height: 3.125rem;
    letter-spacing: .28125rem;
    font-weight: 500;
    color: #fff;
    margin: 0
}

.page-arabic .income-advantage-section .row h2 {
    letter-spacing: normal
}

@media only screen and (max-width:992px) {
    .income-advantage-section .row h2 {
        text-align: center;
        margin-bottom: 42px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .income-advantage-section .row h2 {
        text-align: left
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .income-advantage-section .row h2 {
        font-size: 60px;
        line-height: 72px;
        margin-top: 40px
    }
}

@media only screen and (max-width:767px) {
    .income-advantage-section .row h2 {
        margin-bottom: 0;
        font-size: 28px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.income-advantage-section .circular-slider {
    position: relative;
    z-index: 5;
    width: 578px;
    height: 578px;
    border-radius: 50%;
    overflow: hidden;
    background: linear-gradient(45deg, #3f8ce4, #17508a);
    left: 0
}

@media only screen and (max-width:992px) {
    .income-advantage-section .circular-slider {
        margin: auto
    }
}

@media only screen and (max-width:768px) {
    .income-advantage-section .circular-slider {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8)
    }
}

@media only screen and (max-width:460px) {
    .income-advantage-section .circular-slider {
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        -ms-transform: scale(.6);
        -o-transform: scale(.6);
        transform: scale(.6)
    }
}

@media only screen and (max-width:360px) {
    .income-advantage-section .circular-slider {
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5)
    }
}

@media only screen and (max-width:767px) {
    .income-advantage-section .circular-slider {
        transform: scale(.6) translateX(-50%);
        transform-origin: left top;
        left: 50%
    }
}

.income-advantage-section .circular-slider .circular-slider-content {
    z-index: 5;
    position: absolute;
    left: 50%;
    top: 51%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 372px;
    height: 372px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.income-advantage-section .circular-slider .circular-slider-content .content {
    display: none;
    text-align: center
}

.income-advantage-section .circular-slider .circular-slider-content .content p {
    font-size: 1.75rem;
    line-height: 1.875rem;
    letter-spacing: .0525rem;
    color: #152c49
}

@media only screen and (max-width:767px) {
    .income-advantage-section .circular-slider .circular-slider-content .content p {
        font-size: 27px;
        line-height: 31px
    }
}

.income-advantage-section .circular-slider .circular-slider-content .content p b,
.income-advantage-section .circular-slider .circular-slider-content .content p strong {
    font-weight: 700
}

.income-advantage-section .circular-slider .circular-number {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    font-size: 1.75rem;
    color: #fff;
    font-weight: 500;
    margin: -50px;
    width: 100px;
    height: 100px;
    text-align: center;
    cursor: pointer;
    line-height: 100px;
    z-index: 9;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.income-advantage-section .circular-slider .circular-number.active {
    font-size: 3.25rem;
    color: #152c49
}

@media only screen and (max-width:767px) {
    .income-advantage-section .circular-slider .circular-number.active {
        font-size: 35px
    }
}

.income-advantage-section .circular-slider .circular-number:hover {
    font-size: 3.25rem
}

@media only screen and (max-width:767px) {
    .income-advantage-section .circular-slider .circular-number:hover {
        font-size: 35px
    }
}

.income-advantage-section .circular-slider .circular-number:before {
    content: " ";
    position: absolute;
    width: 200px;
    height: 200px;
    display: block;
    left: -50px;
    right: 0;
    top: -50px;
    bottom: 0;
    border-radius: 50%
}

.income-advantage-section .circular-slider .circular-divider {
    position: absolute;
    width: 578px;
    height: 1px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 50%, #fff 0);
    top: 50%;
    left: 0
}

.income-advantage-section .circular-slider .circular-divider:before {
    transform: translateY(150px)
}

.income-advantage-section .circular-slider .circular-divider:after,
.income-advantage-section .circular-slider .circular-divider:before {
    content: " ";
    opacity: 0;
    background-image: url(../images/slider_bg.jpg);
    position: absolute;
    mix-blend-mode: overlay;
    width: 150px;
    height: 150px;
    bottom: 0;
    right: 0
}

.income-advantage-section .circular-slider .circular-divider:after {
    transform: translateY(-1px)
}

.income-advantage-section .circular-slider .circular-divider.hover-after:after,
.income-advantage-section .circular-slider .circular-divider.hover-before:before {
    opacity: 1
}

.investment-type-section {
    padding: 160px 0
}

@media only screen and (max-width:992px) {
    .investment-type-section {
        padding: 60px 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .investment-type-section .container {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .investment-type-section {
        overflow: hidden
    }

    .investment-type-section div[class*=col-] {
        padding: 0 20px
    }
}

.investment-type-section h2 {
    font-size: 2.8125rem;
    line-height: 3.375rem;
    letter-spacing: .18281rem;
    font-weight: 500;
    color: #152c49;
    margin: 0 0 120px
}

.page-arabic .investment-type-section h2 {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .investment-type-section h2 {
        padding: 0 15px;
        margin-bottom: 40px;
        margin-top: 40px
    }
}

@media only screen and (max-width:767px) {
    .investment-type-section h2 {
        font-size: 28px;
        line-height: 30px;
        letter-spacing: 0;
        margin-bottom: 30px;
        max-width: 50%
    }
}

.investment-type-section .col-md-3,
.investment-type-section .col-sm-6,
.investment-type-section .col-xs-6 {
    padding: 0
}

@media only screen and (max-width:767px) {

    .investment-type-section .col-md-3,
    .investment-type-section .col-sm-6,
    .investment-type-section .col-xs-6 {
        padding: 0 !important;
        flex-shrink: 0
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {

    .investment-type-section .col-md-3,
    .investment-type-section .col-sm-6,
    .investment-type-section .col-xs-6 {
        width: 50%
    }
}

.investment-type-section .investment-types-items {
    display: flex;
    padding-top: 70px;
    overflow: auto
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .investment-type-section .investment-types-items {
        flex-wrap: wrap
    }
}

@media only screen and (max-width:767px) {
    .investment-type-section .investment-types-items {
        flex-wrap: inherit
    }
}

.investment-type-section .investment-types-items .mobile-arrows {
    display: none;
    position: absolute;
    top: 40px;
    right: 10px;
    width: 130px
}

@media only screen and (max-width:767px) {
    .investment-type-section .investment-types-items .mobile-arrows {
        display: block
    }
}

@media only screen and (max-width:992px) {
    .investment-type-section .investment-types-items .mobile-arrows .swiper-button-next {
        right: 42px;
        left: auto
    }
}

@media only screen and (max-width:767px) {
    .investment-type-section .investment-types-items .mobile-arrows .swiper-button-next {
        right: 12px;
        left: auto
    }
}

.investment-type-section .investment-types-items .mobile-arrows .swiper-button-next:after {
    content: "\E905";
    font-family: icomoon;
    font-size: 16px;
    color: #152c49
}

.investment-type-section .investment-types-items .mobile-arrows .swiper-button-prev {
    right: 172px;
    left: auto
}

@media only screen and (max-width:992px) {
    .investment-type-section .investment-types-items .mobile-arrows .swiper-button-prev {
        left: 15px;
        right: auto
    }
}

@media only screen and (max-width:767px) {
    .investment-type-section .investment-types-items .mobile-arrows .swiper-button-prev {
        left: 42px;
        right: auto
    }
}

.investment-type-section .investment-types-items .mobile-arrows .swiper-button-prev:after {
    content: "\E906";
    font-family: icomoon;
    font-size: 16px;
    color: #152c49
}

.investment-type-section .investment-types-item {
    cursor: pointer;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    height: 180px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .investment-type-section .investment-types-item {
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .investment-type-section .investment-types-item {
        height: 166px
    }
}

.investment-type-section .investment-types-item:before {
    content: " ";
    position: absolute;
    width: 100%;
    left: 0;
    top: -38px;
    height: 1px;
    background-color: #71c4ec
}

.investment-type-section .investment-types-item .investment-anchor {
    position: absolute;
    display: block;
    top: -48px;
    width: 20px;
    height: 20px;
    border: 1px solid #71c4ec;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.investment-type-section .investment-types-item p {
    font-size: 1.1875rem;
    line-height: 2rem;
    letter-spacing: .03562rem;
    color: #152c49;
    margin: 0
}

@media only screen and (max-width:767px) {
    .investment-type-section .investment-types-item p {
        display: inline
    }
}

.investment-type-section .investment-types-item:hover .investment-anchor {
    background-color: #71c4ec
}

.our-approach-section {
    padding: 160px 0
}

.page-arabic .our-approach-section h2 {
    letter-spacing: normal !important
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .our-approach-section .container {
        width: 100%;
        padding-right: 0
    }

    .our-approach-section .container div[class*=col-] {
        padding-left: 30px
    }
}

@media only screen and (max-width:992px) {
    .our-approach-section {
        padding: 60px 0
    }
}

.our-approach-section h2 {
    font-size: 2.8125rem;
    line-height: 3.375rem;
    letter-spacing: .18281rem;
    font-weight: 500;
    color: #152c49;
    margin: 0 0 80px
}

.page-arabic .our-approach-section h2 {
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    .our-approach-section h2 {
        font-size: 28px;
        line-height: 30px;
        letter-spacing: 0;
        margin-bottom: 50px
    }
}

.our-approach-section .our-approach-items .swiper-nav {
    display: none;
    position: absolute;
    top: calc(100% + 40px);
    left: 40px;
    width: calc(100% - 80px)
}

@media only screen and (max-width:767px) {
    .our-approach-section .our-approach-items .swiper-nav {
        top: -58px;
        left: auto;
        right: -20px;
        width: 130px;
        display: block
    }
}

.our-approach-section .our-approach-items .swiper-nav .swiper-button-next,
.our-approach-section .our-approach-items .swiper-nav .swiper-button-prev {
    width: 60px;
    height: 28px;
    flex-shrink: 1
}

.our-approach-section .our-approach-items .swiper-nav .swiper-button-next:after,
.our-approach-section .our-approach-items .swiper-nav .swiper-button-prev:after {
    color: #606060;
    font-size: 1.75rem;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

@media only screen and (max-width:767px) {

    .our-approach-section .our-approach-items .swiper-nav .swiper-button-next:after,
    .our-approach-section .our-approach-items .swiper-nav .swiper-button-prev:after {
        font-size: 1.1875rem;
        color: #152c49
    }
}

.our-approach-section .our-approach-items .swiper-nav .swiper-button-prev:after {
    content: "\E906"
}

.our-approach-section .our-approach-items .swiper-nav .swiper-button-next:after {
    content: "\E905"
}

@media only screen and (max-width:767px) {
    .our-approach-section .our-approach-items {
        overflow: visible
    }
}

.our-approach-section .our-approach-items .swiper-slide {
    padding: 12px 0;
    width: 260px !important
}

@media only screen and (max-width:767px) {
    .our-approach-section .our-approach-items .swiper-slide {
        width: 155px !important
    }
}

.our-approach-section .our-approach-items .our-approach-item {
    padding: 34px 28px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .25);
    height: 320px;
    width: 260px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: cover
}

@media only screen and (max-width:767px) {
    .our-approach-section .our-approach-items .our-approach-item {
        height: 200px;
        width: 155px;
        padding: 15px
    }
}

.our-approach-section .our-approach-items .our-approach-item h4 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: .37375rem;
    margin: 0;
    font-weight: 700;
    color: #71c4ec
}

.page-arabic .our-approach-section .our-approach-items .our-approach-item h4 {
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    .our-approach-section .our-approach-items .our-approach-item h4 {
        font-size: 13px;
        line-height: 14px;
        letter-spacing: 0
    }
}

.our-approach-section .our-approach-items .our-approach-item p {
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: .1875rem;
    margin: 0;
    color: #152c49
}

.page-arabic .our-approach-section .our-approach-items .our-approach-item p {
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    .our-approach-section .our-approach-items .our-approach-item p {
        font-size: 13px;
        line-height: 14px;
        letter-spacing: 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-equities div[class*=col-] {
        padding: 0 22px
    }
}

.page-template-equities .service-banner h1 {
    font-weight: 500
}

.page-template-equities .service-banner h1 b,
.page-template-equities .service-banner h1 strong {
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .page-template-equities .service-banner .service-title {
        margin-top: 58px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-equities .service-banner {
        min-height: calc(100vh - 103px);
        height: auto;
        padding-bottom: 150px
    }
}

.page-template-equities .service-animation {
    text-align: right
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-equities .service-animation {
        max-height: 470px;
        margin-bottom: 70px
    }

    .page-template-equities .service-animation canvas,
    .page-template-equities .service-animation video {
        max-width: 100%
    }
}

.page-template-equities .service-animation canvas {
    position: absolute;
    left: auto;
    top: 0;
    right: 0
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-equities .service-animation {
        width: 100%;
        text-align: center;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .page-template-equities .service-animation video {
        position: absolute;
        max-width: 100%
    }

    .page-template-equities .service-animation canvas {
        position: relative;
        max-width: 100%
    }

    .page-template-equities .service-animation .shadow-img {
        display: none !important
    }

    .page-template-equities .service-animation:after {
        content: "";
        position: absolute;
        left: -20px;
        bottom: 0;
        background: linear-gradient(rgba(17, 53, 90, 0) 4.6%, rgba(12, 44, 75, .12) 60%, rgba(17, 53, 90, 0));
        width: calc(100% + 40px);
        height: 60px
    }
}

@media only screen and (max-width:767px) {
    .page-template-equities .service-animation {
        width: 100%;
        text-align: center;
        height: 280px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .page-template-equities .service-animation video {
        position: absolute;
        max-width: 420px
    }

    .page-template-equities .service-animation canvas {
        position: relative;
        max-width: 420px
    }

    .page-template-equities .service-animation .shadow-img {
        display: none !important
    }

    .page-template-equities .service-animation:after {
        content: "";
        position: absolute;
        left: -50px;
        bottom: 0;
        background: linear-gradient(rgba(17, 53, 90, 0) 4.6%, rgba(12, 44, 75, .12) 60%, rgba(17, 53, 90, 0));
        width: calc(100% + 100px);
        height: 60px
    }
}

.equities-information {
    padding: 100px 0 140px;
    text-align: center
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .equities-information {
        padding: 150px 0
    }
}

@media only screen and (max-width:767px) {
    .equities-information {
        padding: 81px 0 78px
    }
}

.equities-information h4 {
    font-size: 1.75rem;
    line-height: 2.0625rem;
    letter-spacing: .14875rem;
    margin: 0;
    color: #152c49;
    font-weight: 300
}

.equities-information h4 b,
.equities-information h4 strong {
    font-weight: 700;
    color: #a8986b
}

@media only screen and (max-width:767px) {
    .equities-information h4 {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0
    }
}

.equities-available-wrap {
    padding: 0 0 72px
}

@media only screen and (max-width:992px) {
    .equities-available-wrap {
        padding: 0
    }
}

.equities-account-types {
    margin-top: 100px;
    height: calc(100vh - 75px)
}

.equities-account-types .responsive-section {
    display: none !important
}

@media only screen and (max-width:1199px) {
    .equities-account-types .responsive-section {
        display: flex !important
    }
}

.equities-account-types .desktop-section {
    display: flex !important
}

.page-arabic .equities-account-types .desktop-section {
    direction: ltr
}

@media only screen and (max-width:1199px) {
    .equities-account-types .desktop-section {
        display: none !important
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .equities-account-types .container {
        margin-right: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:992px) {
    .equities-account-types {
        margin-top: 0;
        height: auto;
        padding: 60px 0
    }
}

@media only screen and (max-width:767px) {
    .equities-account-types {
        padding: 88px 0
    }

    .equities-account-types div[class*=col-] {
        padding: 0 20px
    }
}

.equities-account-types .row {
    height: 100%;
    display: flex;
    align-items: center
}

.equities-account-types .account-types-title-wrap {
    overflow: hidden;
    margin-top: -43px
}

.page-arabic .equities-account-types .account-types-title-wrap {
    text-align: right
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .equities-account-types .account-types-title-wrap {
        padding-right: 0 !important;
        padding-left: 17px !important
    }
}

@media only screen and (max-width:767px) {
    .equities-account-types .account-types-title-wrap {
        padding-right: 0 !important
    }
}

@media only screen and (max-width:767px) {
    .equities-account-types .account-types-title-wrap .account-types-title {
        padding-right: 20px
    }
}

.equities-account-types .account-types-title-wrap .account-types-title h2 {
    font-size: 2.8125rem;
    line-height: 3.375rem;
    letter-spacing: .28125rem;
    color: #152c49;
    font-weight: 500;
    margin: 0
}

.page-arabic .equities-account-types .account-types-title-wrap .account-types-title h2 {
    letter-spacing: normal
}

.equities-account-types .account-types-title-wrap .account-types-title h2 b,
.equities-account-types .account-types-title-wrap .account-types-title h2 strong {
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .equities-account-types .account-types-title-wrap .account-types-title h2 {
        font-size: 28px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.equities-account-types .account-types-title-wrap .account-border {
    height: 4px;
    width: 100%;
    border-bottom: 4px dotted #152c49;
    margin: 32px 0;
    -webkit-transform: scaleX(2);
    -moz-transform: scaleX(2);
    -ms-transform: scaleX(2);
    -o-transform: scaleX(2);
    transform: scaleX(2)
}

@media only screen and (min-width:1201px) {
    .equities-account-types .account-types-title-wrap .account-type-content {
        min-height: 145px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .equities-account-types .account-types-title-wrap .account-type-content {
        padding-right: 30px
    }
}

@media only screen and (max-width:767px) {
    .equities-account-types .account-types-title-wrap .account-type-content {
        padding-right: 20px
    }
}

.equities-account-types .account-types-title-wrap .account-type-content p {
    font-size: 1.5rem;
    line-height: 2.1875rem;
    letter-spacing: .7px;
    color: #152c49;
    margin: 0 0 12px
}

@media only screen and (max-width:767px) {
    .equities-account-types .account-types-title-wrap .account-type-content p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 25px
    }
}

.equities-account-types .account-types-title-wrap .account-types-link p {
    font-size: 1.1875rem;
    line-height: 1.25rem;
    letter-spacing: .7px;
    font-weight: 300;
    color: #152c49
}

@media only screen and (max-width:767px) {
    .equities-account-types .account-types-title-wrap .account-types-link p {
        font-size: 15px;
        line-height: 24px
    }
}

.equities-account-types .account-types-title-wrap .account-types-link p a {
    font-size: 1.1875rem;
    font-weight: 700;
    display: inline-block;
    position: relative;
    text-decoration: none;
    letter-spacing: .2px;
    line-height: 43px;
    color: #152c49
}

.equities-account-types .account-types-title-wrap .account-types-link p a i {
    margin-left: 4px;
    font-size: 12px
}

@media only screen and (max-width:767px) {
    .equities-account-types .account-types-title-wrap .account-types-link p a {
        font-size: 15px;
        line-height: 24px
    }
}

.equities-account-types .account-types-title-wrap .account-types-link p a:after {
    content: "\E909";
    font-size: .8125rem;
    margin-left: 7px;
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width:767px) {
    .equities-account-types .account-types-title-wrap .account-types-link p a:after {
        font-size: 10px
    }
}

.equities-account-types .account-types-title-wrap .account-types-link p a:before {
    content: " ";
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #a8986b;
    -webkit-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -moz-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -o-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    transition: all .3s cubic-bezier(.6, .04, .12, .96)
}

@media only screen and (max-width:767px) {
    .equities-account-types .account-types-title-wrap .account-types-link p a:before {
        bottom: 0
    }
}

.equities-account-types .account-types-title-wrap .account-types-link p a:hover:before {
    width: 0
}

.equities-account-types .account-type-card-wrap {
    display: flex;
    justify-content: flex-end
}

@media only screen and (max-width:1199px) {
    .equities-account-types .account-type-card-wrap {
        padding-left: 0;
        margin-left: -10px
    }
}

@media only screen and (max-width:992px) {
    .equities-account-types .account-type-card-wrap {
        display: block;
        padding: 0;
        margin: 24px 0
    }
}

@media only screen and (max-width:767px) {
    .equities-account-types .account-type-card-wrap {
        padding: 0 !important
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .equities-account-types .account-type-card-wrap {
        display: block;
        padding: 0;
        padding: 0 !important;
        margin: 24px 0 24px -10px
    }
}

.equities-account-types .account-type-card-wrap .account-card-items {
    position: relative;
    height: 560px;
    width: 490px
}

@media only screen and (min-width:521px) {
    .equities-account-types .account-type-card-wrap .account-card-items-slider .swiper-slide {
        width: 308px !important
    }
}

.equities-account-types .account-type-card-wrap .account-card-item {
    width: 308px;
    height: 195px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    position: absolute;
    padding: 18px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.equities-account-types .account-type-card-wrap .account-card-item:hover {
    -webkit-transform: scale(.98);
    -moz-transform: scale(.98);
    -ms-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98)
}

@media only screen and (max-width:767px) {
    .equities-account-types .account-type-card-wrap .account-card-item {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        height: 200px
    }
}

.equities-account-types .account-type-card-wrap .account-card-item.active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.equities-account-types .account-type-card-wrap .account-card-item.active .dotted-connector,
.equities-account-types .account-type-card-wrap .account-card-item.active .dotted-connector-v {
    opacity: 1
}

.equities-account-types .account-type-card-wrap .account-card-item h4 {
    font-size: 1rem;
    letter-spacing: .1125rem;
    color: #fff;
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .equities-account-types .account-type-card-wrap .account-card-item h4 {
        padding: 0 20px
    }
}

.equities-account-types .account-type-card-wrap .account-card-item .account-card-content {
    display: none
}

.equities-account-types .account-type-card-wrap .account-card-item .dotted-connector {
    opacity: 0;
    position: absolute;
    right: 460px;
    bottom: 50.55px;
    height: 4px;
    width: 0;
    border-bottom: 4px dotted #152c49;
    -webkit-transform: scaleX(1.9);
    -moz-transform: scaleX(1.9);
    -ms-transform: scaleX(1.9);
    -o-transform: scaleX(1.9);
    transform: scaleX(1.9);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media only screen and (max-width:992px) {
    .equities-account-types .account-type-card-wrap .account-card-item .dotted-connector {
        display: none
    }
}

@media only screen and (min-width:1500px) {
    .equities-account-types .account-type-card-wrap .account-card-item .dotted-connector {
        bottom: 56px
    }
}

.equities-account-types .account-type-card-wrap .account-card-item .dotted-connector-v {
    opacity: 0;
    position: absolute;
    right: 460px;
    bottom: 40px;
    height: 0;
    width: 4px;
    border-left: 4px dotted #152c49;
    -webkit-transform: scaleY(1.8);
    -moz-transform: scaleY(1.8);
    -ms-transform: scaleY(1.8);
    -o-transform: scaleY(1.8);
    transform: scaleY(1.8);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media only screen and (max-width:992px) {
    .equities-account-types .account-type-card-wrap .account-card-item .dotted-connector-v {
        display: none
    }
}

@media only screen and (max-width:992px) {
    .equities-account-types .account-type-card-wrap .account-card-item {
        position: static
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .equities-account-types .account-type-card-wrap .account-card-item {
        position: static
    }
}

.equities-available {
    height: 308px;
    background-color: #152c49
}

.equities-available .row {
    height: 100%;
    display: flex;
    align-items: center
}

@media only screen and (max-width:992px) {
    .equities-available .row {
        flex-direction: column
    }
}

@media only screen and (max-width:767px) {
    .equities-available .row div[class*=col-] {
        padding: 0 20px
    }
}

@media only screen and (max-width:992px) {
    .equities-available {
        height: auto;
        padding: 60px 0;
        background: linear-gradient(180deg, #152c49 65%, #fff 0)
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .equities-available {
        background: linear-gradient(180deg, #152c49 62%, #fff 0)
    }
}

@media only screen and (max-width:767px) {
    .equities-available {
        padding: 60px 0 40px
    }
}

@media only screen and (max-width:1200px) {
    .equities-available .container {
        width: 100%
    }
}

.equities-available h4 {
    font-size: 1.9375rem;
    line-height: 2.8125rem;
    letter-spacing: .04069rem;
    color: #fff;
    font-weight: 300;
    margin: 0
}

.equities-available h4 b,
.equities-available h4 strong {
    font-weight: 700
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .equities-available h4 {
        padding: 0 5px
    }
}

@media only screen and (max-width:992px) {
    .equities-available h4 {
        margin-bottom: 42px
    }

    .equities-available h4 br {
        display: none
    }

    .equities-available h4 strong {
        display: inline-block
    }
}

@media only screen and (max-width:767px) {
    .equities-available h4 {
        font-size: 20px;
        line-height: 29px;
        letter-spacing: normal
    }
}

.equities-available .equity-location-items {
    width: 467px;
    height: 467px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    text-align: center;
    display: flex;
    align-items: center;
    overflow: hidden
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .equities-available .equity-location-items {
        margin: 0 auto
    }
}

@media only screen and (max-width:1200px) {
    .equities-available .equity-location-items {
        width: 400px;
        height: 400px
    }
}

@media only screen and (max-width:767px) {
    .equities-available .equity-location-items {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        width: 357px;
        height: 357px;
        align-items: flex-start
    }
}

.equities-available .equity-location-items .swiper-pagination {
    bottom: 32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.equities-available .equity-location-items .swiper-pagination .swiper-pagination-bullet {
    margin: 0 8px;
    opacity: 1;
    width: 18px;
    height: 18px;
    border: 1px solid #a8986b;
    background-color: transparent
}

.equities-available .equity-location-items .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #a8986b
}

.equities-available .equity-location-items img {
    height: 152px;
    width: auto;
    margin-bottom: 24px
}

@media only screen and (max-width:767px) {
    .equities-available .equity-location-items img {
        height: 132px;
        margin-top: 40px
    }
}

.equities-available .equity-location-items p {
    font-size: 1.375rem;
    line-height: 1.8125rem;
    letter-spacing: .0275rem;
    color: #000
}

@media only screen and (max-width:767px) {
    .equities-available .equity-location-items p {
        padding: 0 40px;
        font-size: 18px;
        line-height: 1.4
    }
}

.hnw-retail-division {
    padding: 120px 0
}

@media only screen and (max-width:992px) {
    .hnw-retail-division {
        padding: 60px 0
    }
}

@media only screen and (max-width:767px) {
    .hnw-retail-division {
        padding: 80px 0
    }

    .hnw-retail-division div[class*=col-] {
        padding: 0 20px
    }
}

.hnw-retail-division .hnw-retail-title {
    margin-bottom: 72px
}

@media only screen and (max-width:992px) {
    .hnw-retail-division .hnw-retail-title {
        margin-bottom: 34px
    }
}

@media only screen and (max-width:767px) {
    .hnw-retail-division .hnw-retail-title {
        margin-bottom: 20px
    }
}

.hnw-retail-division .hnw-retail-title h2 {
    font-size: 2.8125rem;
    line-height: 3.375rem;
    letter-spacing: .28125rem;
    color: #152c49;
    font-weight: 700;
    margin: 0
}

@media only screen and (max-width:767px) {
    .hnw-retail-division .hnw-retail-title h2 {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: 0
    }
}

.hnw-retail-division h4 {
    font-size: 1.6875rem;
    line-height: 2.625rem;
    letter-spacing: .03375rem;
    color: #000;
    font-weight: 300
}

.hnw-retail-division h4 b,
.hnw-retail-division h4 strong {
    font-weight: 700
}

@media only screen and (max-width:1500px) {
    .hnw-retail-division h4 {
        font-size: 1.5rem;
        line-height: 2.375rem
    }
}

@media only screen and (max-width:767px) {
    .hnw-retail-division h4 {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (max-width:992px) {
    .hnw-retail-division .equity-division {
        padding: 0 32px
    }
}

@media only screen and (max-width:767px) {
    .hnw-retail-division .equity-division {
        padding: 17px 15px 0
    }
}

.hnw-retail-division .equity-division-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px 0
}

.hnw-retail-division .equity-division-item .number {
    flex-shrink: 1;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    font-size: 2.375rem;
    font-weight: 700;
    color: #fff;
    background-color: #71c4ec;
    text-align: center;
    margin-right: 32px;
    position: relative
}

.page-arabic .hnw-retail-division .equity-division-item .number {
    margin-left: 32px;
    margin-right: 0
}

@media only screen and (max-width:767px) {
    .hnw-retail-division .equity-division-item .number {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 24px;
        margin-right: 16px
    }

    .page-arabic .hnw-retail-division .equity-division-item .number {
        margin-left: 16px;
        margin-right: 0
    }
}

.hnw-retail-division .equity-division-item .number:after {
    content: " ";
    position: absolute;
    display: block;
    width: 1px;
    left: 0;
    right: 0;
    margin: auto;
    height: calc(100% + 20px);
    background-color: rgba(21, 44, 73, .4)
}

@media only screen and (max-width:767px) {
    .hnw-retail-division .equity-division-item .number:after {
        height: calc(100% + 32px)
    }
}

.hnw-retail-division .equity-division-item .content {
    flex-grow: 1;
    width: calc(100% - 82px)
}

.hnw-retail-division .equity-division-item .content p {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    letter-spacing: .02363rem;
    color: #000;
    font-weight: 300;
    margin: 0
}

@media only screen and (max-width:767px) {
    .hnw-retail-division .equity-division-item .content p {
        font-size: 14px;
        line-height: 20px
    }
}

.hnw-retail-division .equity-division-item:last-child .number:after {
    content: none
}

.institutional-division {
    padding: 120px 0
}

@media only screen and (max-width:992px) {
    .institutional-division {
        padding: 60px 0
    }
}

@media only screen and (max-width:767px) {
    .institutional-division div[class*=col-] {
        padding: 0 20px
    }
}

.institutional-division h2 {
    font-size: 2.8125rem;
    line-height: 3.375rem;
    letter-spacing: .28125rem;
    color: #152c49;
    font-weight: 700;
    margin: 0 0 52px
}

@media only screen and (max-width:767px) {
    .institutional-division h2 {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: 0;
        padding-right: 10%
    }
}

.institutional-division p {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: .025rem;
    margin: 0;
    color: #000
}

@media only screen and (max-width:767px) {
    .institutional-division p {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        margin-bottom: 40px;
        font-weight: 300
    }
}

@media only screen and (max-width:767px) {
    .institutional-offerings {
        margin-bottom: 40px
    }

    .institutional-offerings div[class*=col-] {
        padding: 0 20px
    }
}

.institutional-offerings h4 {
    font-size: 1.6875rem;
    line-height: 2.6875rem;
    letter-spacing: .03375rem;
    color: #a8986b;
    font-weight: 700;
    margin: 0 0 42px
}

@media only screen and (max-width:767px) {
    .institutional-offerings h4 {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 0
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .institutional-offerings .equity-offerings .swiper-container {
        margin: 0 45px
    }
}

@media only screen and (max-width:767px) {
    .institutional-offerings .equity-offerings .swiper-container {
        margin: 0 30px
    }
}

@media only screen and (min-width:991px) {
    .institutional-offerings .equity-offerings .swiper-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media only screen and (min-width:991px) {
    .institutional-offerings .equity-offerings .swiper-wrapper .swiper-slide {
        max-width: 360px;
        width: 100%
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .institutional-offerings .equity-offerings .swiper-wrapper .swiper-slide {
        padding: 0 !important
    }
}

@media only screen and (max-width:768px) {

    .institutional-offerings .equity-offerings .swiper-button-next,
    .institutional-offerings .equity-offerings .swiper-button-prev {
        top: 55%
    }
}

@media only screen and (max-width:767px) {

    .institutional-offerings .equity-offerings .swiper-button-next,
    .institutional-offerings .equity-offerings .swiper-button-prev {
        top: 50%
    }
}

.institutional-offerings .equity-offerings .swiper-button-next:after,
.institutional-offerings .equity-offerings .swiper-button-prev:after {
    color: #152c49;
    font-size: 34px
}

@media only screen and (max-width:992px) {

    .institutional-offerings .equity-offerings .swiper-button-next:after,
    .institutional-offerings .equity-offerings .swiper-button-prev:after {
        font-size: 30px
    }
}

@media only screen and (max-width:768px) {

    .institutional-offerings .equity-offerings .swiper-button-next:after,
    .institutional-offerings .equity-offerings .swiper-button-prev:after {
        font-size: 26px
    }
}

@media only screen and (max-width:767px) {

    .institutional-offerings .equity-offerings .swiper-button-next:after,
    .institutional-offerings .equity-offerings .swiper-button-prev:after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px
    }
}

@media only screen and (max-width:767px) {
    .institutional-offerings .equity-offerings .swiper-button-next {
        right: 0;
        left: auto
    }

    .institutional-offerings .equity-offerings .swiper-button-next:after {
        right: auto;
        left: 0
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .institutional-offerings .equity-offerings .swiper-button-next {
        right: 0
    }
}

@media only screen and (max-width:767px) {
    .institutional-offerings .equity-offerings .swiper-button-prev {
        left: 0;
        right: auto
    }

    .institutional-offerings .equity-offerings .swiper-button-prev:after {
        right: 0;
        left: auto
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .institutional-offerings .equity-offerings .swiper-button-prev {
        left: 1%
    }
}

.institutional-offerings .equity-offerings .equity-offering-item {
    margin-bottom: 42px;
    position: relative
}

@media only screen and (max-width:767px) {
    .institutional-offerings .equity-offerings .equity-offering-item {
        margin-bottom: 12px
    }
}

@media only screen and (max-width:767px) {
    .institutional-offerings .equity-offerings .equity-offering-item svg {
        width: 70px
    }
}

.page-arabic .institutional-offerings .equity-offerings .equity-offering-item svg text {
    transform: translate(86px, 49px)
}

.institutional-offerings .equity-offerings .equity-offering-item .line-blue {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #71c4ec;
    margin: 0;
    top: 65px
}

@media only screen and (max-width:767px) {
    .institutional-offerings .equity-offerings .equity-offering-item .line-blue {
        height: 4px;
        top: 58px
    }
}

.institutional-offerings .equity-offerings .equity-offering-item p {
    position: relative;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: .03125rem;
    color: #000;
    margin: 0;
    height: 60px;
    overflow: hidden
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .institutional-offerings .equity-offerings .equity-offering-item p {
        font-size: 30px;
        line-height: 40px;
        height: auto
    }
}

@media only screen and (max-width:767px) {
    .institutional-offerings .equity-offerings .equity-offering-item p {
        height: 80px;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        height: 50px
    }
}

.trading-platform {
    height: calc(80vh - 75px);
    border-bottom: 1px solid rgba(21, 44, 73, .1)
}

@media only screen and (max-width:992px) {
    .trading-platform {
        height: auto;
        padding: 60px 0
    }
}

.trading-platform .row {
    height: 100%;
    display: flex;
    align-items: center
}

@media only screen and (max-width:992px) {
    .trading-platform .row {
        flex-direction: column-reverse
    }
}

.trading-platform .trading-platform-content {
    text-align: right
}

@media only screen and (max-width:992px) {
    .trading-platform .trading-platform-content h4 {
        display: inline
    }

    .trading-platform .trading-platform-content a {
        margin-bottom: 24px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .trading-platform .trading-platform-content {
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .trading-platform .trading-platform-content {
        text-align: center
    }
}

.trading-platform .trading-platform-image img {
    margin-left: 10px
}

@media only screen and (max-width:1500px) {
    .trading-platform .trading-platform-image img {
        margin-left: 35px
    }
}

@media only screen and (max-width:992px) {
    .trading-platform .trading-platform-image img {
        margin: auto
    }
}

@media only screen and (max-width:767px) {
    .trading-platform .trading-platform-image img {
        width: 80%;
        margin: 30px auto
    }
}

.trading-platform h4 {
    font-size: 2.8125rem;
    line-height: 3.375rem;
    letter-spacing: .84375rem;
    color: #152c49;
    margin: 0
}

.trading-platform h4 b,
.trading-platform h4 strong {
    font-weight: 700;
    letter-spacing: .28125rem;
    letter-spacing: normal;
    margin-left: 10px
}

.trading-platform h4:last-of-type {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px)
}

@media only screen and (max-width:767px) {
    .trading-platform h4 {
        font-size: 28px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.trading-platform ul {
    list-style: none;
    margin-top: 26px;
    margin-right: 10px
}

@media only screen and (max-width:768px) {
    .trading-platform ul {
        margin-top: 16px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .trading-platform ul {
        text-align: center;
        margin-bottom: 16px
    }
}

.trading-platform ul li {
    display: inline-block;
    font-size: 0;
    margin-left: 12px
}

.trading-platform ul li a {
    display: block;
    width: 180px;
    height: 48px;
    border: 1px solid #a8986b;
    color: #152c49;
    background: transparent;
    font-size: 1.125rem;
    letter-spacing: .2px;
    line-height: 48px;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.trading-platform ul li a:hover {
    background: #a8986b;
    color: #fff
}

@media only screen and (max-width:992px) {
    .trading-platform ul li a {
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size: .9375rem
    }
}

@media only screen and (max-width:992px) {
    .trading-platform ul li {
        margin-left: 0;
        margin-right: 12px
    }

    .trading-platform ul li:last-child {
        margin-right: 0
    }
}

.page-template-media-center .banner-section {
    padding: 24px;
    background-position: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    height: calc(100vh - 75px);
    width: calc(100% - 60px)
}

@media only screen and (max-width:768px) {
    .page-template-media-center .banner-section {
        width: 100%
    }
}

.page-template-media-center .banner-section img {
    width: 600px;
    height: 600px;
    object-fit: contain;
    margin: auto
}

@media only screen and (max-width:1600px) {
    .page-template-media-center .banner-section img {
        width: 500px;
        height: 500px
    }
}

@media only screen and (max-width:660px) {
    .page-template-media-center .banner-section img {
        width: 100%;
        height: auto
    }
}

.media-section {
    padding: 72px 0;
    width: calc(100% - 60px)
}

@media only screen and (max-width:768px) {
    .media-section {
        width: 100%;
        padding-top: 112.5px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .media-section {
        padding-top: 178px
    }
}

@media only screen and (max-width:767px) {
    .media-section {
        padding-top: 104px
    }
}

.media-section .media-title {
    margin-bottom: 84px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .media-section .media-title {
        margin-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    .media-section .media-title {
        margin-bottom: 24px
    }
}

.media-section .media-title h1 {
    font-size: 2.1875rem;
    line-height: 2.625rem;
    letter-spacing: .21875rem;
    font-weight: 500;
    color: #000;
    margin: 0
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .media-section .media-title h1 {
        font-size: 46px;
        line-height: 55px
    }
}

@media only screen and (max-width:767px) {
    .media-section .media-title h1 {
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 0
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .media-section .media-title .row {
        display: flex;
        flex-direction: column
    }
}

.media-filter {
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

@media only screen and (max-width:768px) {
    .media-filter {
        display: block;
        margin-top: 42px
    }
}

@media only screen and (max-width:767px) {
    .media-filter {
        margin-top: 10px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .media-filter {
        margin-top: 42px;
        justify-content: flex-start
    }
}

.media-filter .select-box {
    position: relative;
    min-width: 180px
}

@media only screen and (max-width:768px) {
    .media-filter .select-box {
        max-width: 200px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .media-filter .select-box {
        max-width: 160px;
        margin-top: 38px
    }
}

@media only screen and (max-width:767px) {
    .media-filter .select-box {
        max-width: 100%;
        min-width: 100%
    }
}

.media-filter .select-box .select2-container {
    width: 100% !important
}

.media-filter .select-box .select2-container .select2-selection__arrow:before {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E90E";
    position: absolute;
    right: 10px;
    top: 18px;
    font-size: 10px;
    color: #a8986b
}

.media-filter .select-box .select2-container .select2-selection__arrow b {
    display: none
}

.media-filter .select-box .select2-container .select2-selection__clear {
    z-index: 4;
    position: absolute;
    right: 0;
    top: 2px;
    height: 40px;
    margin: 0;
    width: 40px;
    background: #fff;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.media-filter .select-box .select2-container .select2-selection__clear span {
    display: block;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2)
}

.media-filter .select-box .select2-container .select2-selection__clear:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.media-filter .select2-selection {
    border: none;
    border-bottom: 1px solid #a8986b;
    border-radius: 0;
    height: 45px;
    width: 100%;
    background: transparent
}

.media-filter .select2-selection .select2-selection__rendered {
    height: 45px;
    line-height: 45px;
    font-size: 1rem;
    font-weight: 700
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .media-filter .select2-selection .select2-selection__rendered {
        line-height: 53px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-type-media-center-news .news-list {
        margin-top: -13px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-mc-press-releases .media-section {
        padding-top: 178px
    }

    .page-template-mc-press-releases .media-section .col-sm-6 {
        width: 100%
    }
}

.page-template-mc-press-releases .press-content {
    min-height: calc(100vh - 285px)
}

.page-template-mc-press-releases .press-content .download-item {
    margin-bottom: 34px;
    height: 30px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-mc-press-releases .press-content .download-item {
        margin-bottom: 52px
    }
}

.page-template-mc-press-releases .press-content .download-item a {
    font-size: .875rem;
    letter-spacing: .00525rem
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-mc-press-releases .press-content .download-item a {
        font-size: 21px;
        line-height: 51px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-mc-press-releases .press-content .download-item a i {
        height: 51px;
        width: 51px
    }
}

.page-template-mc-press-releases .press-content .download-item em {
    color: #71c4ec;
    font-style: normal;
    padding-left: 4px;
    font-weight: 400
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-mc-press-releases .press-content {
        margin-top: 68px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-mc-gallery .media-section {
        padding-top: 179px
    }
}

.page-template-mc-gallery .media-title {
    margin-bottom: 0
}

.page-template-mc-gallery .gallery-slider {
    padding: 120px 0 60px
}

@media only screen and (max-height:800px) {
    .page-template-mc-gallery .gallery-slider {
        padding: 80px 0 60px
    }
}

.page-template-mc-gallery .gallery-slider .swiper-wrapper {
    height: 324px
}

.page-template-mc-gallery .gallery-slider .gallery-banner {
    overflow: hidden;
    cursor: pointer;
    width: 204px;
    height: 324px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    position: relative;
    -webkit-transition: all .6s cubic-bezier(.6, .04, .12, .96);
    -moz-transition: all .6s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: all .6s cubic-bezier(.6, .04, .12, .96);
    -o-transition: all .6s cubic-bezier(.6, .04, .12, .96);
    transition: all .6s cubic-bezier(.6, .04, .12, .96)
}

@media only screen and (max-width:360px) {
    .page-template-mc-gallery .gallery-slider .gallery-banner {
        width: 180px;
        height: 290px
    }
}

.page-template-mc-gallery .gallery-slider .gallery-banner .gallery-info {
    z-index: 5;
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(.6, .04, .12, .96) .3s;
    -moz-transition: all .3s .3s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: all .3s .3s cubic-bezier(.6, .04, .12, .96);
    -o-transition: all .3s .3s cubic-bezier(.6, .04, .12, .96);
    transition: all .3s cubic-bezier(.6, .04, .12, .96) .3s;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    bottom: 0;
    left: 0;
    padding: 18px
}

.page-template-mc-gallery .gallery-slider .gallery-banner .gallery-info h4 {
    font-size: 1.25rem;
    line-height: 1.5625rem;
    letter-spacing: .1125rem;
    font-weight: 700;
    color: #fff;
    margin: 0
}

.page-arabic .page-template-mc-gallery .gallery-slider .gallery-banner .gallery-info h4 {
    letter-spacing: normal
}

.page-template-mc-gallery .gallery-slider .gallery-banner .gallery-info h6 {
    font-size: .9375rem;
    line-height: 1.5625rem;
    letter-spacing: .08438rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0
}

.page-arabic .page-template-mc-gallery .gallery-slider .gallery-banner .gallery-info h6 {
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    .page-template-mc-gallery .gallery-slider .gallery-banner .gallery-info h6 {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0;
        font-weight: 400
    }
}

.page-template-mc-gallery .gallery-slider .gallery-banner .gallery-info p {
    font-size: .625rem;
    line-height: 1.5625rem;
    letter-spacing: .0625rem;
    font-weight: 700;
    color: #fff;
    margin: 0
}

.page-template-mc-gallery .gallery-slider .gallery-banner .overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    opacity: 0;
    background: linear-gradient(0deg, #152c49, rgba(21, 44, 73, 0))
}

.page-template-mc-gallery .gallery-slider .gallery-banner .overlay,
.page-template-mc-gallery .gallery-slider .swiper-slide {
    -webkit-transition: all .6s cubic-bezier(.6, .04, .12, .96);
    -moz-transition: all .6s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: all .6s cubic-bezier(.6, .04, .12, .96);
    -o-transition: all .6s cubic-bezier(.6, .04, .12, .96);
    transition: all .6s cubic-bezier(.6, .04, .12, .96)
}

.page-template-mc-gallery .gallery-slider .swiper-slide {
    position: relative;
    cursor: pointer
}

@media only screen and (max-width:767px) {
    .page-template-mc-gallery .gallery-slider .swiper-slide {
        opacity: .5
    }
}

.page-template-mc-gallery .gallery-slider .swiper-slide:before {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, .6);
    z-index: 9;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-template-mc-gallery .gallery-slider .swiper-slide.inactive:before {
    opacity: 1
}

@media only screen and (max-width:992px) {

    .page-template-mc-gallery .gallery-slider .swiper-slide.swiper-slide-next,
    .page-template-mc-gallery .gallery-slider .swiper-slide.swiper-slide-prev {
        z-index: 9
    }
}

.page-template-mc-gallery .gallery-slider .swiper-slide.swiper-slide-active {
    pointer-events: auto;
    cursor: pointer;
    z-index: 10
}

@media only screen and (max-width:767px) {
    .page-template-mc-gallery .gallery-slider .swiper-slide.swiper-slide-active {
        opacity: 1
    }
}

.page-template-mc-gallery .gallery-slider .swiper-slide.swiper-slide-active .gallery-banner {
    width: 304px;
    height: 435px;
    -webkit-transform: translate(-50px, -50px);
    -moz-transform: translate(-50px, -50px);
    -ms-transform: translate(-50px, -50px);
    -o-transform: translate(-50px, -50px);
    transform: translate(-50px, -50px)
}

.page-arabic .page-template-mc-gallery .gallery-slider .swiper-slide.swiper-slide-active .gallery-banner {
    -webkit-transform: translate(50px, -50px);
    -moz-transform: translate(50px, -50px);
    -ms-transform: translate(50px, -50px);
    -o-transform: translate(50px, -50px);
    transform: translate(50px, -50px)
}

@media only screen and (max-width:768px) {
    .page-template-mc-gallery .gallery-slider .swiper-slide.swiper-slide-active .gallery-banner {
        width: 294px;
        height: 416px;
        -webkit-transform: translate(-58px, -50px) !important;
        -moz-transform: translate(-58px, -50px) !important;
        -ms-transform: translate(-58px, -50px) !important;
        -o-transform: translate(-58px, -50px) !important;
        transform: translate(-58px, -50px) !important
    }

    .page-arabic .page-template-mc-gallery .gallery-slider .swiper-slide.swiper-slide-active .gallery-banner {
        -webkit-transform: translate(58px, -50px);
        -moz-transform: translate(58px, -50px);
        -ms-transform: translate(58px, -50px);
        -o-transform: translate(58px, -50px);
        transform: translate(58px, -50px)
    }
}

@media only screen and (max-width:767px) {
    .page-template-mc-gallery .gallery-slider .swiper-slide.swiper-slide-active .gallery-banner {
        -webkit-transform: translate(-82px, -50px) !important;
        -moz-transform: translate(-82px, -50px) !important;
        -ms-transform: translate(-82px, -50px) !important;
        -o-transform: translate(-82px, -50px) !important;
        transform: translate(-82px, -50px) !important;
        width: 280px;
        height: 400px
    }

    .page-arabic .page-template-mc-gallery .gallery-slider .swiper-slide.swiper-slide-active .gallery-banner {
        -webkit-transform: translate(82px, -50px);
        -moz-transform: translate(82px, -50px);
        -ms-transform: translate(82px, -50px);
        -o-transform: translate(82px, -50px);
        transform: translate(82px, -50px)
    }
}

@media only screen and (max-width:360px) {
    .page-template-mc-gallery .gallery-slider .swiper-slide.swiper-slide-active .gallery-banner {
        -webkit-transform: translate(-72px, -32px) !important;
        -moz-transform: translate(-72px, -32px) !important;
        -ms-transform: translate(-72px, -32px) !important;
        -o-transform: translate(-72px, -32px) !important;
        transform: translate(-72px, -32px) !important;
        width: 240px;
        height: 350px
    }

    .page-arabic .page-template-mc-gallery .gallery-slider .swiper-slide.swiper-slide-active .gallery-banner {
        -webkit-transform: translate(-72px, -32px);
        -moz-transform: translate(-72px, -32px);
        -ms-transform: translate(-72px, -32px);
        -o-transform: translate(-72px, -32px);
        transform: translate(-72px, -32px)
    }
}

.page-template-mc-gallery .gallery-slider .swiper-slide.swiper-slide-active .gallery-banner .gallery-info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.page-template-mc-gallery .gallery-slider .swiper-slide.swiper-slide-active .gallery-banner .overlay {
    opacity: 1
}

.page-template-mc-gallery .gallery-nav {
    height: 28px;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:767px) {
    .page-template-mc-gallery .gallery-nav {
        margin-top: 30px
    }
}

.page-template-mc-gallery .gallery-nav .swiper-button-next,
.page-template-mc-gallery .gallery-nav .swiper-button-prev {
    width: 60px;
    height: 28px;
    flex-shrink: 1
}

.page-arabic .page-template-mc-gallery .gallery-nav .swiper-button-next,
.page-arabic .page-template-mc-gallery .gallery-nav .swiper-button-prev {
    transform: rotate(180deg)
}

.page-template-mc-gallery .gallery-nav .swiper-button-next:after,
.page-template-mc-gallery .gallery-nav .swiper-button-prev:after {
    color: #606060;
    font-size: 1.75rem;
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.page-template-mc-gallery .gallery-nav .swiper-button-prev {
    position: static
}

.page-template-mc-gallery .gallery-nav .swiper-button-prev:after {
    content: "\E906"
}

.page-template-mc-gallery .gallery-nav .swiper-button-next {
    position: static
}

.page-template-mc-gallery .gallery-nav .swiper-button-next:after {
    content: "\E905"
}

.page-template-mc-gallery .press-content {
    min-height: calc(100vh - 263px)
}

.gallery-modal {
    padding: 0 !important;
    margin: 0
}

.gallery-modal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative
}

.gallery-modal .modal-dialog .gallery-box-close {
    cursor: pointer;
    z-index: 5;
    position: absolute;
    right: 24px;
    top: 24px;
    border: none;
    background: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    border-radius: 50%;
    padding: 12px;
    color: #000;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.gallery-modal .modal-dialog .gallery-box-close:hover {
    background: #a8986b;
    color: #fff
}

.gallery-modal .modal-dialog .modal-content {
    width: 100%;
    height: 100%;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none
}

.gallery-modal .modal-dialog .modal-content .modal-body {
    width: 100%;
    height: 100%;
    padding: 0;
    background: none
}

.gallery-modal .modal-dialog .modal-content .modal-body .gallery-detail-slider {
    width: 100%;
    height: 100%
}

.gallery-modal .modal-dialog .modal-content .modal-body .gallery-detail-slider .swiper-slide {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    background-color: rgba(0, 0, 0, .7)
}

.media-section.event-banner {
    padding: 0;
    height: calc(100vh - 75px);
    display: flex;
    flex-direction: row
}

.media-section.event-banner .calendar {
    width: 50%;
    background: #152c49
}

.media-section.event-banner .event-slider {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 72px;
    align-items: flex-start;
    position: relative;
    margin-top: 145px
}

@media only screen and (max-width:1440px) {
    .media-section.event-banner .event-slider {
        padding: 60px
    }
}

@media only screen and (max-width:1300px) {
    .media-section.event-banner .event-slider {
        padding: 50px
    }
}

@media only screen and (max-width:1200px) {
    .media-section.event-banner .event-slider {
        padding: 42px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .media-section.event-banner .event-slider {
        margin-top: 98px
    }
}

@media only screen and (max-height:850px) {
    .media-section.event-banner .event-slider {
        margin-top: 100px
    }
}

@media only screen and (max-width:767px) {
    .media-section.event-banner .event-slider {
        padding: 42px 15px;
        margin-top: 20px
    }
}

.media-section.event-banner .event-slider .event-slides {
    width: 100%
}

.media-section.event-banner .event-slider .event-slides .event-slide-item h4 {
    font-size: 2.625rem;
    line-height: 2.875rem;
    letter-spacing: .23888rem;
    color: #152c49;
    font-weight: 500;
    text-transform: uppercase
}

@media only screen and (max-width:767px) {
    .media-section.event-banner .event-slider .event-slides .event-slide-item h4 {
        font-size: 19px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.media-section.event-banner .event-slider .event-slides .event-slide-item h5 {
    font-size: 1.375rem;
    line-height: 1.6875rem;
    letter-spacing: .06325rem;
    color: #71c4ec;
    margin-bottom: 0;
    font-weight: 700
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .media-section.event-banner .event-slider .event-slides .event-slide-item h5 {
        font-size: 27px;
        line-height: 40px;
        margin-top: 0
    }
}

@media only screen and (max-width:767px) {
    .media-section.event-banner .event-slider .event-slides .event-slide-item h5 {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0;
        display: inline
    }
}

.media-section.event-banner .event-slider .event-slides .event-slide-item h6 {
    font-size: 1.375rem;
    line-height: 1.6875rem;
    letter-spacing: .20625rem;
    font-weight: 500;
    color: #152c49;
    margin-top: 0
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .media-section.event-banner .event-slider .event-slides .event-slide-item h6 {
        font-size: 27px;
        line-height: 40px
    }
}

@media only screen and (max-width:767px) {
    .media-section.event-banner .event-slider .event-slides .event-slide-item h6 {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0;
        display: inline;
        font-weight: 400
    }
}

.media-section.event-banner .event-slider .event-slides .event-slide-item h6 b,
.media-section.event-banner .event-slider .event-slides .event-slide-item h6 strong {
    font-weight: 700;
    letter-spacing: .06875rem
}

@media only screen and (max-width:767px) {

    .media-section.event-banner .event-slider .event-slides .event-slide-item h6 b,
    .media-section.event-banner .event-slider .event-slides .event-slide-item h6 strong {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0;
        display: inline;
        font-weight: 400
    }
}

.media-section.event-banner .event-slider .event-slides .event-slide-item .event-slide-spacer {
    width: 46px;
    height: 1px;
    background-color: #152c49;
    margin: 50px 0 45px
}

@media only screen and (max-width:767px) {
    .media-section.event-banner .event-slider .event-slides .event-slide-item .event-slide-spacer {
        display: none
    }
}

.media-section.event-banner .event-slider .event-slides .event-slide-item p {
    font-size: 1.125rem;
    line-height: 1.3125rem;
    color: #152c49;
    font-weight: 300
}

@media only screen and (max-width:767px) {
    .media-section.event-banner .event-slider .event-slides .event-slide-item p {
        font-weight: 400;
        margin-top: 15px;
        font-size: 15px;
        line-height: 20px
    }
}

.media-section.event-banner .event-slider .events-nav {
    position: static;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 120px;
    margin-left: -15px
}

@media only screen and (max-width:992px) {
    .media-section.event-banner .event-slider .events-nav {
        position: static;
        margin: 24px 0
    }
}

.media-section.event-banner .event-slider .events-nav .swiper-button-next,
.media-section.event-banner .event-slider .events-nav .swiper-button-prev {
    position: static;
    margin: 0 24px
}

.page-arabic .media-section.event-banner .event-slider .events-nav .swiper-button-next,
.page-arabic .media-section.event-banner .event-slider .events-nav .swiper-button-prev {
    transform: rotate(180deg)
}

.media-section.event-banner .event-slider .events-nav .swiper-button-next:after,
.media-section.event-banner .event-slider .events-nav .swiper-button-prev:after {
    font-size: 18px;
    color: #a8986b;
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.media-section.event-banner .event-slider .events-nav .swiper-button-next:after {
    content: "\E90F"
}

.media-section.event-banner .event-slider .events-nav .swiper-button-prev:after {
    content: "\E910"
}

@media only screen and (max-width:992px) {
    .media-section.event-banner {
        height: auto;
        flex-direction: column
    }

    .media-section.event-banner .calendar {
        width: 100%
    }

    .media-section.event-banner .event-slider {
        width: 100%;
        flex-direction: column
    }
}

@media only screen and (max-width:768px) {
    .media-section.event-banner {
        padding-top: 55px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .media-section.event-banner {
        padding-top: 75px
    }
}

@media only screen and (max-width:767px) {
    .media-section.event-banner {
        padding-top: 55px
    }
}

.media-section.event-banner .calendar {
    padding: 72px
}

@media only screen and (max-width:1440px) {
    .media-section.event-banner .calendar {
        padding: 60px
    }
}

@media only screen and (max-width:1300px) {
    .media-section.event-banner .calendar {
        padding: 50px
    }
}

@media only screen and (max-width:1200px) {
    .media-section.event-banner .calendar {
        padding: 42px
    }
}

@media only screen and (max-width:992px) {
    .media-section.event-banner .calendar {
        padding: 24px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .media-section.event-banner .calendar {
        padding: 126px 24px 100px
    }
}

@media only screen and (max-width:767px) {
    .media-section.event-banner .calendar {
        padding: 24px 12px
    }
}

.media-section.event-banner .calendar .calendar-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 100px;
    padding: 0 30px
}

@media only screen and (max-height:850px) {
    .media-section.event-banner .calendar .calendar-title {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:992px) {
    .media-section.event-banner .calendar .calendar-title {
        margin-bottom: 42px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .media-section.event-banner .calendar .calendar-title {
        margin-bottom: 85px
    }
}

@media only screen and (max-width:767px) {
    .media-section.event-banner .calendar .calendar-title {
        flex-direction: column;
        padding: 0 20px
    }
}

.media-section.event-banner .calendar .calendar-title h1 {
    font-size: 2.1875rem;
    line-height: 2.625rem;
    letter-spacing: .21875rem;
    color: #fff;
    margin: 0;
    font-weight: 500
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .media-section.event-banner .calendar .calendar-title h1 {
        font-size: 46px;
        line-height: 55px
    }
}

@media only screen and (max-width:767px) {
    .media-section.event-banner .calendar .calendar-title h1 {
        margin-bottom: 30px;
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 0
    }
}

.media-section.event-banner .calendar .calendar-title .month-selector {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .media-section.event-banner .calendar .calendar-title .month-selector {
        width: 388px
    }
}

@media only screen and (max-width:1024px) {
    .media-section.event-banner .calendar .calendar-title .month-selector .calendar-month-prev {
        position: relative;
        left: 10px
    }
}

.media-section.event-banner .calendar .calendar-title .month-selector .calendar-month-selected {
    width: 160px;
    margin: 0 42px;
    font-size: 1.25rem;
    letter-spacing: .0575rem;
    line-height: 1.5rem;
    text-align: center;
    color: #71c4ec;
    font-weight: 700
}

@media only screen and (max-width:1500px) {
    .media-section.event-banner .calendar .calendar-title .month-selector .calendar-month-selected {
        width: 145px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .media-section.event-banner .calendar .calendar-title .month-selector .calendar-month-selected {
        font-size: 26px;
        line-height: 32px;
        width: auto
    }
}

.media-section.event-banner .calendar .calendar-title .month-selector .calendar-month-next:after,
.media-section.event-banner .calendar .calendar-title .month-selector .calendar-month-prev:after {
    cursor: pointer;
    font-family: swiper-icons;
    font-size: 26px;
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1;
    color: #fff
}

.page-arabic .media-section.event-banner .calendar .calendar-title .month-selector .calendar-month-next:after,
.page-arabic .media-section.event-banner .calendar .calendar-title .month-selector .calendar-month-prev:after {
    display: block;
    transform: rotate(180deg)
}

@media only screen and (max-width:992px) {

    .media-section.event-banner .calendar .calendar-title .month-selector .calendar-month-next:after,
    .media-section.event-banner .calendar .calendar-title .month-selector .calendar-month-prev:after {
        font-size: 20px
    }
}

@media only screen and (max-width:768px) {

    .media-section.event-banner .calendar .calendar-title .month-selector .calendar-month-next:after,
    .media-section.event-banner .calendar .calendar-title .month-selector .calendar-month-prev:after {
        font-size: 16px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .media-section.event-banner .calendar .calendar-title .month-selector .calendar-month-next:after,
    .media-section.event-banner .calendar .calendar-title .month-selector .calendar-month-prev:after {
        font-size: 46px
    }
}

.media-section.event-banner .calendar .calendar-title .month-selector .calendar-month-prev:after {
    content: "prev"
}

.media-section.event-banner .calendar .calendar-title .month-selector .calendar-month-next:after {
    content: "next"
}

.media-section.event-banner .calendar #event-calendar {
    width: 100%
}

@media only screen and (max-width:360px) {
    .media-section.event-banner .calendar #event-calendar {
        -webkit-transform: translateX(-8px) scale(.8);
        -moz-transform: translateX(-8px) scale(.8);
        -ms-transform: translateX(-8px) scale(.8);
        -o-transform: translateX(-8px) scale(.8);
        transform: translateX(-8px) scale(.8)
    }
}

.media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline,
.media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table {
    width: 100%
}

.media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table thead tr {
    display: none
}

.media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table thead tr:last-child {
    display: table-row
}

.media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table thead tr:last-child th {
    padding: 24px;
    font-size: 1.25rem;
    color: #a8986b;
    font-weight: 700
}

@media only screen and (max-width:1200px) {
    .media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table thead tr:last-child th {
        padding: 14px;
        font-size: .875rem
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table thead tr:last-child th {
        padding: 7px 14px;
        font-size: 26px
    }
}

.media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table td {
    z-index: 1;
    position: relative;
    padding: 24px;
    font-size: 1.25rem;
    color: #fff;
    pointer-events: none;
    background: unset !important
}

@media only screen and (max-height:800px) {
    .media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table td {
        padding: 20px
    }
}

@media only screen and (max-width:1200px) {
    .media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table td {
        padding: 14px;
        font-size: .875rem
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table td {
        padding: 25px 14px 18px;
        font-size: 26px;
        margin-top: 40px;
        height: 50px
    }
}

.media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table td.new.day,
.media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table td.old.day {
    opacity: 0
}

.media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table td:hover {
    background: transparent
}

.media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table td.active,
.media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table td.selectable {
    pointer-events: auto;
    font-weight: 500
}

.media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table td.active:after,
.media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table td.selectable:after {
    display: block;
    position: absolute;
    content: " ";
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    z-index: -1;
    border: 1px solid #fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: transparent
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table td.active:after,
    .media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table td.selectable:after {
        width: 55px !important;
        height: 55px !important;
        top: 52% !important
    }
}

.media-section.event-banner .calendar #event-calendar .datepicker.datepicker-inline table td.active:after {
    display: block;
    position: absolute;
    content: " ";
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #71c4ec
}

.theme-primary .select-box .select2-container .select2-selection__arrow:before,
.theme-primary .select-box .select2-selection__clear span,
.theme-primary .select-box .select2-selection__placeholder {
    color: #a8986b
}

.theme-primary .select-box .select2-selection {
    border-bottom: 1px solid #a8986b
}

.theme-primary .select-box .select2-selection .select2-selection__rendered {
    color: #a8986b
}

.theme-gray .select-box .select2-container .select2-selection__arrow:before,
.theme-gray .select-box .select2-selection__clear span,
.theme-gray .select-box .select2-selection__placeholder,
.theme-grey .select-box .select2-container .select2-selection__arrow:before,
.theme-grey .select-box .select2-selection__clear span,
.theme-grey .select-box .select2-selection__placeholder {
    color: #a7a7a7
}

.theme-gray .select-box .select2-selection,
.theme-grey .select-box .select2-selection {
    border-bottom: 1px solid #a7a7a7
}

@media only screen and (max-width:767px) {

    .theme-gray .select-box .select2-selection,
    .theme-grey .select-box .select2-selection {
        border-bottom: 2px solid #a7a7a7
    }
}

.theme-gray .select-box .select2-selection .select2-selection__rendered,
.theme-grey .select-box .select2-selection .select2-selection__rendered {
    color: #a7a7a7
}

.theme-blue .select-box .select2-container .select2-selection__arrow:before,
.theme-blue .select-box .select2-selection__clear span,
.theme-blue .select-box .select2-selection__placeholder {
    color: #71c4ec
}

.theme-blue .select-box .select2-selection {
    border-bottom: 1px solid #71c4ec
}

.theme-blue .select-box .select2-selection .select2-selection__rendered {
    color: #71c4ec
}

.theme-violet .select-box .select2-container .select2-selection__arrow:before,
.theme-violet .select-box .select2-selection__clear span,
.theme-violet .select-box .select2-selection__placeholder {
    color: #152c49
}

.theme-violet .select-box .select2-selection {
    border-bottom: 1px solid #152c49
}

.theme-violet .select-box .select2-selection .select2-selection__rendered {
    color: #152c49
}

.news-detail-section {
    padding: 72px 0
}

@media only screen and (max-width:992px) {
    .news-detail-section {
        padding: 42px 0
    }
}

.news-detail-section .header-news-title {
    padding: 0 60px;
    margin-bottom: 42px
}

@media only screen and (max-width:992px) {
    .news-detail-section .header-news-title {
        padding: 0 24px
    }
}

.news-detail-section .header-news-title h1 {
    font-size: 3.5625rem;
    line-height: 4.25rem;
    letter-spacing: .43106rem;
    color: #152c49;
    position: relative
}

.page-arabic .news-detail-section .header-news-title h1 {
    letter-spacing: normal
}

.news-detail-section .header-news-title h1:before {
    content: " ";
    position: absolute;
    background: #71c4ec;
    width: 3px;
    left: -18px;
    top: 10px;
    bottom: 10px
}

.page-arabic .news-detail-section .header-news-title h1:before {
    left: unset;
    right: -18px
}

.news-detail-wrap {
    position: relative
}

.news-detail-wrap:after {
    content: " ";
    position: absolute;
    top: 0;
    right: -68px;
    bottom: 0;
    width: 1px;
    background-color: hsla(0, 0%, 50.2%, .25)
}

.news-detail-wrap .news-detail-title h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
    color: #152c49
}

.news-detail-wrap .news-detail-date {
    font-size: 1.8125rem;
    line-height: 2.1875rem;
    color: grey
}

.news-detail-wrap .news-detail-content h6 {
    font-size: 1.1875rem;
    line-height: 1.375rem;
    color: #000
}

.news-detail-wrap .news-detail-content img {
    max-width: 100%;
    height: auto;
    object-fit: contain
}

.news-detail-wrap .news-detail-content p {
    font-size: .9375rem;
    line-height: 1.3125rem;
    color: grey
}

.related-articles .related-article-title h2 {
    font-size: 1.875rem;
    line-height: 2rem;
    letter-spacing: .09375rem;
    color: #152c49
}

.page-arabic .related-articles .related-article-title h2 {
    letter-spacing: normal
}

.related-articles .related-article-title .article-separator {
    margin: 24px 0;
    height: 60px;
    background-color: #a8986b;
    width: 1px
}

.related-articles .news-article .news-col {
    margin-bottom: 24px
}

.related-articles .view-all {
    text-align: left
}

.ir-section {
    padding: 72px 0
}

.ir-section .ir-title {
    margin-bottom: 84px
}

.ir-section .ir-title h1 {
    font-size: 2.1875rem;
    line-height: 2.625rem;
    letter-spacing: .21875rem;
    font-weight: 500;
    color: #152c49;
    margin: 0
}

.page-arabic .ir-section .ir-title h1 {
    letter-spacing: normal
}

@media only screen and (max-width:768px) {
    .ir-section .ir-title h1 {
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 0;
        text-align: left
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .ir-section .ir-title h1 {
        font-size: 46px;
        line-height: 55px;
        text-align: left
    }
}

.ir-wrap {
    width: calc(100% - 60px);
    min-height: calc(100vh - 75px)
}

@media only screen and (max-width:768px) {
    .ir-wrap {
        width: 100%;
        padding-top: 42px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .ir-wrap {
        padding-top: 126px
    }
}

@media only screen and (max-width:767px) {
    .ir-wrap {
        padding-top: 62px
    }
}

.ir_iframe-section iframe {
    height: 100%;
    width: 100%;
    border: 0
}

.page-template-ir-basic-iframe .ir-section {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 40px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-ir-basic-iframe .ir-section {
        padding-top: 50px;
        height: 210px
    }
}

.page-template-ir-basic-iframe .ir-section .ir-title {
    margin-bottom: 40px
}

.page-template-investor-relations .banner-section {
    background-position: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 75px)
}

@media only screen and (max-width:767px) {
    .page-template-investor-relations .banner-section {
        height: 715px
    }
}

.page-template-investor-relations .banner-section .title-wrapper {
    text-align: center
}

.page-template-investor-relations .banner-section .title-wrapper h1 {
    font-size: 3.6875rem;
    letter-spacing: .60475rem;
    line-height: 4.6875rem;
    color: #fff;
    font-weight: 700;
    margin: 0
}

.page-arabic .page-template-investor-relations .banner-section .title-wrapper h1 {
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    .page-template-investor-relations .banner-section .title-wrapper h1 {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 1px
    }
}

.page-template-investor-relations .banner-section .title-wrapper h1:first-child {
    position: relative
}

.page-template-investor-relations .banner-section .title-wrapper h1:first-child:after {
    content: " ";
    position: absolute;
    height: 1px;
    left: 2px;
    right: 10px;
    bottom: 0;
    background-color: #fff
}

@media only screen and (max-width:767px) {
    .page-template-investor-relations .banner-section .title-wrapper h1:first-child:after {
        height: 2px;
        left: 5px;
        right: 0;
        width: calc(100% - 12px)
    }
}

.page-template-investor-relations .banner-section .title-wrapper h1+h1 {
    font-weight: 300;
    letter-spacing: .44619rem
}

@media only screen and (max-width:767px) {
    .page-template-investor-relations .banner-section .title-wrapper h1+h1 {
        letter-spacing: 0
    }
}

.page-template-investor-relations .banner-section .title-wrapper a {
    margin-top: 28px;
    display: inline-block;
    border: 1px solid #fff;
    font-size: 1rem;
    line-height: 38px;
    letter-spacing: .2rem;
    color: #fff;
    height: 38px;
    padding: 0 16px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-arabic .page-template-investor-relations .banner-section .title-wrapper a {
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    .page-template-investor-relations .banner-section .title-wrapper a {
        letter-spacing: 0
    }
}

.page-template-investor-relations .banner-section .title-wrapper a span {
    font-weight: 700
}

.page-arabic .page-template-investor-relations .banner-section .title-wrapper a span {
    letter-spacing: normal
}

.page-template-investor-relations .banner-section .title-wrapper a span+span {
    font-weight: 300
}

.page-template-investor-relations .banner-section .title-wrapper a:hover {
    background-color: #a8986b;
    color: #fff;
    border: 1px solid #a8986b
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .page-template-ir-company-information .ir-wrap,
    .page-template-ir-tab-iframe .ir-wrap {
        padding-top: 126px
    }
}

.page-template-ir-company-information .ir-section,
.page-template-ir-tab-iframe .ir-section {
    padding: 0;
    height: 210px
}

@media only screen and (max-width:768px) {

    .page-template-ir-company-information .ir-section,
    .page-template-ir-tab-iframe .ir-section {
        height: auto
    }
}

.page-template-ir-company-information .ir-section .ir-title,
.page-template-ir-tab-iframe .ir-section .ir-title {
    padding: 82px 0 62px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0
}

@media only screen and (max-width:1200px) and (min-width:768px) {

    .page-template-ir-company-information .ir-section .ir-title,
    .page-template-ir-tab-iframe .ir-section .ir-title {
        padding-bottom: 0
    }
}

@media only screen and (max-width:768px) {

    .page-template-ir-company-information .ir-section .ir-title,
    .page-template-ir-tab-iframe .ir-section .ir-title {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 42px 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .page-template-ir-company-information .ir-section .ir-title,
    .page-template-ir-tab-iframe .ir-section .ir-title {
        padding: 50px 0 42px
    }
}

.page-template-ir-company-information .ir-section .ir-title h1,
.page-template-ir-tab-iframe .ir-section .ir-title h1 {
    margin-bottom: 24px
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .page-template-ir-company-information .ir-section .ir-title h1,
    .page-template-ir-tab-iframe .ir-section .ir-title h1 {
        font-size: 46px;
        line-height: 55px;
        padding: 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .page-template-ir-company-information .ir-section .home-news-grid,
    .page-template-ir-tab-iframe .ir-section .home-news-grid {
        margin-top: 40px
    }
}

.page-template-ir-company-information .ir-section ul.ci-tab-btn,
.page-template-ir-tab-iframe .ir-section ul.ci-tab-btn {
    list-style: none
}

@media (min-width:768px) {

    .page-template-ir-company-information .ir-section ul.ci-tab-btn,
    .page-template-ir-tab-iframe .ir-section ul.ci-tab-btn {
        display: inherit
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {

    .page-template-ir-company-information .ir-section ul.ci-tab-btn,
    .page-template-ir-tab-iframe .ir-section ul.ci-tab-btn {
        display: flex;
        flex-direction: row;
        width: 100%
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .page-template-ir-company-information .ir-section ul.ci-tab-btn,
    .page-template-ir-tab-iframe .ir-section ul.ci-tab-btn {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

.page-template-ir-company-information .ir-section ul.ci-tab-btn li,
.page-template-ir-tab-iframe .ir-section ul.ci-tab-btn li {
    cursor: pointer;
    display: inline-block;
    margin-right: 8px;
    height: 34px;
    line-height: 34px;
    padding: 0 18px;
    background-color: #f2f2f2;
    color: #666;
    font-weight: 300;
    font-size: .6875rem;
    letter-spacing: .06875rem;
    margin-bottom: 24px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-arabic .page-template-ir-company-information .ir-section ul.ci-tab-btn li,
.page-arabic .page-template-ir-tab-iframe .ir-section ul.ci-tab-btn li {
    margin-right: 0;
    margin-left: 8px
}

@media only screen and (max-width:767px) {

    .page-template-ir-company-information .ir-section ul.ci-tab-btn li,
    .page-template-ir-tab-iframe .ir-section ul.ci-tab-btn li {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
        font-size: 15px;
        height: auto;
        padding: 8px 0
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {

    .page-template-ir-company-information .ir-section ul.ci-tab-btn li,
    .page-template-ir-tab-iframe .ir-section ul.ci-tab-btn li {
        flex-grow: 1;
        margin: 0 2px 0 0;
        height: 45px;
        font-size: 14px;
        padding-top: 5px;
        text-align: center
    }

    .page-arabic .page-template-ir-company-information .ir-section ul.ci-tab-btn li,
    .page-arabic .page-template-ir-tab-iframe .ir-section ul.ci-tab-btn li {
        margin-right: 0;
        margin-left: 2px
    }
}

.page-template-ir-company-information .ir-section ul.ci-tab-btn li:last-child,
.page-template-ir-tab-iframe .ir-section ul.ci-tab-btn li:last-child {
    margin-right: 0
}

.page-template-ir-company-information .ir-section ul.ci-tab-btn li.active,
.page-template-ir-company-information .ir-section ul.ci-tab-btn li:hover,
.page-template-ir-tab-iframe .ir-section ul.ci-tab-btn li.active,
.page-template-ir-tab-iframe .ir-section ul.ci-tab-btn li:hover {
    background-color: #152c49;
    color: #fff;
    text-shadow: -.25px -.25px 0 #fff, .25px .25px #fff
}

@media only screen and (max-width:1200px) and (min-width:768px) {

    .page-template-ir-company-information .ir-section ul.ci-tab-btn li.active,
    .page-template-ir-company-information .ir-section ul.ci-tab-btn li:hover,
    .page-template-ir-tab-iframe .ir-section ul.ci-tab-btn li.active,
    .page-template-ir-tab-iframe .ir-section ul.ci-tab-btn li:hover {
        font-weight: 500
    }
}

@media only screen and (max-width:767px) {

    .page-template-ir-company-information .ir-section ul.ci-tab-btn li.active,
    .page-template-ir-company-information .ir-section ul.ci-tab-btn li:hover,
    .page-template-ir-tab-iframe .ir-section ul.ci-tab-btn li.active,
    .page-template-ir-tab-iframe .ir-section ul.ci-tab-btn li:hover {
        font-weight: 500
    }
}

.page-template-ir-company-information .filter-section,
.page-template-ir-tab-iframe .filter-section {
    padding: 0 0 52px;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
}

@media only screen and (max-width:1200px) and (min-width:768px) {

    .page-template-ir-company-information .filter-section,
    .page-template-ir-tab-iframe .filter-section {
        justify-content: flex-start
    }
}

.page-template-ir-company-information .filter-section .textbox-container,
.page-template-ir-tab-iframe .filter-section .textbox-container {
    width: 150px;
    margin-right: 28px
}

.page-template-ir-company-information .filter-section .textbox-container input,
.page-template-ir-tab-iframe .filter-section .textbox-container input {
    padding: 0 8px;
    width: 100%;
    height: 28px;
    font-size: .875rem;
    border: none;
    border-bottom: 1px solid #a8986b;
    font-weight: 700;
    color: #a8986b;
    background: transparent
}

.page-template-ir-company-information .filter-section .textbox-container input.placeholder,
.page-template-ir-tab-iframe .filter-section .textbox-container input.placeholder {
    color: #a8986b
}

.page-template-ir-company-information .filter-section .textbox-container input:-moz-placeholder,
.page-template-ir-company-information .filter-section .textbox-container input::-moz-placeholder,
.page-template-ir-tab-iframe .filter-section .textbox-container input:-moz-placeholder,
.page-template-ir-tab-iframe .filter-section .textbox-container input::-moz-placeholder {
    color: #a8986b
}

.page-template-ir-company-information .filter-section .textbox-container input:-ms-input-placeholder,
.page-template-ir-tab-iframe .filter-section .textbox-container input:-ms-input-placeholder {
    color: #a8986b
}

.page-template-ir-company-information .filter-section .textbox-container input::-webkit-input-placeholder,
.page-template-ir-tab-iframe .filter-section .textbox-container input::-webkit-input-placeholder {
    color: #a8986b
}

.page-template-ir-company-information .filter-section .search-hit button,
.page-template-ir-tab-iframe .filter-section .search-hit button {
    width: 100%;
    height: 28px;
    font-size: .875rem;
    letter-spacing: .084rem;
    background-color: #a8986b;
    border: none;
    color: #fff;
    line-height: 28px;
    text-align: center;
    padding: 0 18px
}

.page-template-ir-company-information .company-info,
.page-template-ir-tab-iframe .company-info {
    padding: 60px 0;
    min-height: calc(100vh - 285px)
}

@media only screen and (max-width:767px) {

    .page-template-ir-company-information .company-info,
    .page-template-ir-tab-iframe .company-info {
        padding: 30px 0
    }
}

.page-template-ir-company-information .has-view-all .view-all,
.page-template-ir-tab-iframe .has-view-all .view-all {
    text-align: center;
    margin-top: 50px
}

.page-template-ir-company-information .has-view-all .view-all a,
.page-template-ir-tab-iframe .has-view-all .view-all a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 43px;
    color: #152c49
}

.page-template-ir-company-information .has-view-all .view-all a i,
.page-template-ir-tab-iframe .has-view-all .view-all a i {
    margin-left: 4px;
    font-size: 12px
}

.page-template-ir-company-information .has-view-all .view-all a:after,
.page-template-ir-tab-iframe .has-view-all .view-all a:after {
    content: " ";
    position: absolute;
    bottom: 8px;
    left: -6px;
    width: calc(100% + 12px);
    height: 2px;
    background-color: #a8986b;
    -webkit-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -moz-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -o-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    transition: all .3s cubic-bezier(.6, .04, .12, .96)
}

.page-template-ir-company-information .has-view-all .view-all a:hover:after,
.page-template-ir-tab-iframe .has-view-all .view-all a:hover:after {
    width: 0
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-ir-corporate-governance-report .ir-wrap {
        padding-top: 126px
    }
}

.page-template-ir-corporate-governance-report .ir-section {
    padding: 0;
    height: 230px
}

@media only screen and (max-width:768px) {
    .page-template-ir-corporate-governance-report .ir-section {
        height: auto
    }
}

.page-template-ir-corporate-governance-report .ir-section .ir-title {
    padding: 82px 0 62px;
    width: 100%;
    margin: 0
}

@media only screen and (max-width:768px) {
    .page-template-ir-corporate-governance-report .ir-section .ir-title {
        padding: 50px 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-ir-corporate-governance-report .ir-section .ir-title {
        padding: 50px 0 94px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-ir-corporate-governance-report .ir-section .ir-title h1 {
        text-align: left;
        font-size: 46px;
        line-height: 55px
    }

    .page-arabic .page-template-ir-corporate-governance-report .ir-section .ir-title h1 {
        text-align: right
    }
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .ir-section .ir-title h1 {
        text-align: left
    }

    .page-arabic .page-template-ir-corporate-governance-report .ir-section .ir-title h1 {
        text-align: right
    }
}

.page-template-ir-corporate-governance-report .report-content-section {
    padding: 60px 0;
    height: calc(100vh - 305px);
    position: relative
}

@media only screen and (max-width:992px) {
    .page-template-ir-corporate-governance-report .report-content-section {
        height: auto
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-ir-corporate-governance-report .report-content-section {
        padding: 185px 0 150px
    }
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .report-content-section {
        padding: 60px 0 80px
    }
}

.page-template-ir-corporate-governance-report .report-content-section .container {
    display: flex;
    align-items: center;
    position: relative
}

.page-template-ir-corporate-governance-report .report-content-section .container>img {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 220px;
    -webkit-transform: translateY(calc(-50% - 66px));
    -moz-transform: translateY(calc(-50% - 66px));
    -ms-transform: translateY(calc(-50% - 66px));
    -o-transform: translateY(calc(-50% - 66px));
    transform: translateY(calc(-50% - 66px))
}

.page-arabic .page-template-ir-corporate-governance-report .report-content-section .container>img {
    right: unset;
    left: 0
}

@media only screen and (max-width:1024px) {
    .page-template-ir-corporate-governance-report .report-content-section .container>img {
        right: 10px
    }

    .page-arabic .page-template-ir-corporate-governance-report .report-content-section .container>img {
        right: unset;
        left: 10px
    }
}

@media only screen and (max-width:992px) {
    .page-template-ir-corporate-governance-report .report-content-section .container>img {
        width: 142px;
        right: 34px
    }

    .page-arabic .page-template-ir-corporate-governance-report .report-content-section .container>img {
        right: unset;
        left: 34px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-ir-corporate-governance-report .report-content-section .container>img {
        width: 151px;
        right: 31px;
        top: -114px
    }

    .page-arabic .page-template-ir-corporate-governance-report .report-content-section .container>img {
        right: unset;
        left: 31px
    }
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .report-content-section .container>img {
        width: 78px;
        right: auto;
        left: 10px;
        top: 5px
    }

    .page-arabic .page-template-ir-corporate-governance-report .report-content-section .container>img {
        right: 10px;
        left: unset
    }
}

.page-template-ir-corporate-governance-report .report-content-section .container .row {
    position: relative
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .report-content-section .container .row {
        margin-top: 39px
    }
}

.page-template-ir-corporate-governance-report .report-content-section .container .row:before {
    content: " ";
    position: absolute;
    top: -15px;
    left: 15px;
    display: block;
    width: 48px;
    height: 4px;
    background: #71c4ec
}

.page-arabic .page-template-ir-corporate-governance-report .report-content-section .container .row:before {
    right: 15px;
    left: unset
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-ir-corporate-governance-report .report-content-section .container .row:before {
        top: -35px;
        width: 65px
    }
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .report-content-section .container .row:before {
        width: 68px
    }
}

.page-template-ir-corporate-governance-report .report-content-section .container p {
    font-size: .9375rem;
    line-height: 1.375rem;
    color: #152c49;
    margin: 0
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-ir-corporate-governance-report .report-content-section .container p {
        font-size: 20px;
        line-height: 29px
    }
}

.page-template-ir-corporate-governance-report .report-content-section .container p b,
.page-template-ir-corporate-governance-report .report-content-section .container p strong {
    font-weight: 700
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-ir-corporate-governance-report .report-content-section .container p br {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .report-content-section .desktop-img {
        display: none
    }
}

.page-arabic .page-template-ir-corporate-governance-report .report-content-section .desktop-img {
    display: none
}

.page-arabic .page-template-ir-corporate-governance-report .report-content-section .desktop-img.image-ar {
    display: block
}

@media only screen and (max-width:767px) {
    .page-arabic .page-template-ir-corporate-governance-report .report-content-section .desktop-img.image-ar {
        display: none
    }
}

.page-template-ir-corporate-governance-report .report-content-section .mobile-img {
    display: none
}

.page-template-ir-corporate-governance-report .report-content-section .mobile-img img {
    width: 60px
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .report-content-section .mobile-img {
        display: flex;
        position: absolute;
        top: -88px;
        left: 15px;
        align-items: center
    }

    .page-template-ir-corporate-governance-report .report-content-section .mobile-img p {
        margin: 0 0 0 10px;
        text-transform: uppercase;
        color: #a8986b
    }

    .page-arabic .page-template-ir-corporate-governance-report .report-content-section .mobile-img p {
        margin: 0 10px 0 0
    }

    .page-arabic .page-template-ir-corporate-governance-report .report-content-section .mobile-img {
        left: unset;
        right: 15px
    }
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap {
        position: relative;
        margin: 0 -15px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap {
        position: relative;
        margin: 0 -15px
    }
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .giv-report-title {
    padding: 92px 0 42px
}

@media only screen and (max-width:992px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .giv-report-title {
        padding: 42px 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .giv-report-title {
        padding: 137px 0 81px
    }
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .giv-report-title {
        padding: 67px 15px 30px
    }
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .giv-report-title h2 {
    font-size: 1.375rem;
    line-height: 1.6875rem;
    letter-spacing: .1375rem;
    color: #152c49;
    font-weight: 700
}

.page-arabic .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .giv-report-title h2 {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .giv-report-title h2 {
        font-size: 30px;
        line-height: 36px
    }
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .giv-report-title h2 {
        font-size: 18px;
        letter-spacing: 0
    }
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports {
        margin-bottom: 81px
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports {
        margin-bottom: 81px
    }
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .swiper-slide {
    padding-top: 12px
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .swiper-slide {
        width: 124px !important
    }
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item {
    background-color: #152c49;
    position: relative;
    height: 415px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:992px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item {
        height: 380px
    }
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item {
        height: 282px
    }
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item i.icon-caret_down {
    position: absolute;
    font-size: 1.75rem;
    color: #71c4ec;
    top: -8px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-arabic .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item svg text {
    transform: translate(85.676px, -111px) rotate(-90deg)
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item svg {
        width: 48px
    }
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item button {
    height: 50px;
    width: 100%;
    line-height: 50px;
    text-align: center;
    background-color: #152c49;
    color: #fff;
    font-size: .75rem;
    border: none;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-arabic .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item button {
    font-size: 1rem
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item button {
        color: transparent;
        text-align: center;
        font-size: 0;
        padding-top: 11px
    }

    .page-arabic .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item button {
        font-size: 0
    }
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item button i {
    margin-right: 4px
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item button i {
        color: #fff;
        font-size: 25px;
        text-align: center
    }
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item:hover i.icon-caret_down {
    opacity: 1
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item:hover button {
    background-color: #71c4ec
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item:hover svg,
.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-reports .gov-report-item:hover text {
    fill: #fff
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav {
    margin: 56px 0;
    height: 28px;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:767px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav {
        position: absolute;
        top: 43px;
        right: 0
    }

    .page-arabic .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav {
        right: unset;
        left: 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav {
        position: absolute;
        top: 122px;
        right: 30px;
        width: 300px
    }

    .page-arabic .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav {
        right: unset;
        left: 30PX
    }
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav .swiper-button-next,
.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav .swiper-button-prev {
    width: 60px;
    height: 28px;
    flex-shrink: 1
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav .swiper-button-next:after,
.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav .swiper-button-prev:after {
    color: #606060;
    font-size: 1.75rem;
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.page-arabic .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav .swiper-button-next:after,
.page-arabic .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav .swiper-button-prev:after {
    transform: rotate(180deg)
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav .swiper-button-next:after,
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav .swiper-button-prev:after {
        font-size: 40px
    }
}

@media only screen and (max-width:767px) {

    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav .swiper-button-next:after,
    .page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav .swiper-button-prev:after {
        font-size: 19px
    }
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav .swiper-button-prev {
    position: static
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav .swiper-button-prev:after {
    content: "\E906"
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav .swiper-button-next {
    position: static
}

.page-template-ir-corporate-governance-report .report-slider-section .gov-reports-wrap .gov-report-nav .swiper-button-next:after {
    content: "\E905"
}

@media only screen and (max-width:767px) {

    .page-template-ir-financial-statement .ir-wrap,
    .page-template-ir-investor-presentaion .ir-wrap {
        min-height: 0
    }
}

.page-template-ir-financial-statement .ir-section,
.page-template-ir-investor-presentaion .ir-section {
    padding: 0;
    height: 210px
}

@media only screen and (max-width:767px) {

    .page-template-ir-financial-statement .ir-section,
    .page-template-ir-investor-presentaion .ir-section {
        height: 147px
    }
}

.page-template-ir-financial-statement .ir-section .ir-title,
.page-template-ir-investor-presentaion .ir-section .ir-title {
    padding: 82px 0 62px;
    width: 100%;
    margin: 0
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .page-template-ir-financial-statement .ir-section .ir-title,
    .page-template-ir-investor-presentaion .ir-section .ir-title {
        padding: 50px 0 62px
    }
}

@media only screen and (max-width:767px) {

    .page-template-ir-financial-statement .ir-section .ir-title,
    .page-template-ir-investor-presentaion .ir-section .ir-title {
        padding: 52px 0
    }
}

.page-template-ir-financial-statement .finance-stat-section,
.page-template-ir-investor-presentaion .finance-stat-section {
    padding: 60px 0;
    height: calc(100vh - 285px);
    position: relative;
    background: linear-gradient(#002849, #183d59)
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .page-template-ir-financial-statement .finance-stat-section,
    .page-template-ir-investor-presentaion .finance-stat-section {
        height: calc(100vh - 411px);
        padding: 30px 0
    }
}

@media only screen and (max-width:767px) {

    .page-template-ir-financial-statement .finance-stat-section,
    .page-template-ir-investor-presentaion .finance-stat-section {
        height: auto;
        padding: 30px 0
    }
}

@media only screen and (max-width:1200px) {

    .page-template-ir-financial-statement .finance-stat-section .container,
    .page-template-ir-investor-presentaion .finance-stat-section .container {
        width: 100%
    }
}

@media only screen and (max-width:768px) {

    .page-template-ir-financial-statement .finance-stat-section .container,
    .page-template-ir-investor-presentaion .finance-stat-section .container {
        height: auto
    }
}

.page-template-ir-financial-statement .finance-stat-section .row,
.page-template-ir-investor-presentaion .finance-stat-section .row {
    height: 100%;
    display: flex;
    align-items: center
}

@media only screen and (max-width:992px) {

    .page-template-ir-financial-statement .finance-stat-section .row,
    .page-template-ir-investor-presentaion .finance-stat-section .row {
        width: 100%;
        display: block;
        margin: 0
    }
}

@media only screen and (max-width:992px) {

    .page-template-ir-financial-statement .finance-stat-section .row .col-sm-12,
    .page-template-ir-investor-presentaion .finance-stat-section .row .col-sm-12 {
        height: 100%
    }
}

.page-template-ir-financial-statement .finance-stat-section .financial-stat-wrap,
.page-template-ir-investor-presentaion .finance-stat-section .financial-stat-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width:992px) {

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-wrap,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-wrap {
        width: 100%
    }
}

@media only screen and (max-width:767px) {

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-wrap,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-wrap {
        padding: 30px 0;
        overflow: hidden
    }
}

.page-template-ir-financial-statement .finance-stat-section .financial-stat-wrap .finance-arrow,
.page-template-ir-investor-presentaion .finance-stat-section .financial-stat-wrap .finance-arrow {
    margin: 0 24px;
    width: 150px
}

@media only screen and (max-width:1200px) {

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-wrap .finance-arrow,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-wrap .finance-arrow {
        width: 100px;
        margin-left: 0
    }
}

@media only screen and (max-width:992px) {

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-wrap .finance-arrow,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-wrap .finance-arrow {
        display: none
    }
}

.page-template-ir-financial-statement .finance-stat-section .financial-stat-wrap .finance-arrow i,
.page-template-ir-investor-presentaion .finance-stat-section .financial-stat-wrap .finance-arrow i {
    color: rgba(113, 196, 236, .5);
    font-size: 3.125rem
}

.page-template-ir-financial-statement .finance-stat-section .financial-stat-selector,
.page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector {
    width: 315px;
    padding: 10px 0
}

@media only screen and (max-width:1200px) {

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-selector,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector {
        width: 250px
    }
}

@media only screen and (max-width:992px) {

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-selector,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector {
        width: 100%;
        height: 350px;
        overflow: visible
    }

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-selector .swiper-slide,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector .swiper-slide {
        height: auto
    }
}

@media only screen and (max-width:992px) and (max-width:991px) and (min-width:768px) {

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-selector,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector {
        height: auto
    }

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-selector .swiper-wrapper,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector .swiper-wrapper {
        flex-direction: column
    }
}

@media only screen and (max-width:992px) and (max-width:767px) {

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-selector,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector {
        height: auto
    }

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-selector .swiper-wrapper,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector .swiper-wrapper {
        flex-direction: column
    }
}

@media only screen and (max-width:992px) {

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-selector .swiper-slide,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector .swiper-slide {
        border-bottom: 1px solid hsla(0, 0%, 100%, .3);
        padding: 12px 0
    }
}

.page-template-ir-financial-statement .finance-stat-section .financial-stat-selector .swiper-slide .financial-stat-year,
.page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector .swiper-slide .financial-stat-year {
    cursor: pointer;
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: .15625rem;
    color: hsla(0, 0%, 100%, .3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media only screen and (max-width:767px) {

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-selector .swiper-slide .financial-stat-year,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector .swiper-slide .financial-stat-year {
        font-size: 20px;
        font-weight: 500
    }
}

.page-template-ir-financial-statement .finance-stat-section .financial-stat-selector .swiper-slide .financial-stat-year:hover,
.page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector .swiper-slide .financial-stat-year:hover {
    color: hsla(0, 0%, 100%, .8)
}

.page-template-ir-financial-statement .finance-stat-section .financial-stat-selector .swiper-slide .financial-report-list,
.page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector .swiper-slide .financial-report-list {
    height: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-template-ir-financial-statement .finance-stat-section .financial-stat-selector .swiper-slide.swiper-slide-active .financial-stat-year,
.page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector .swiper-slide.swiper-slide-active .financial-stat-year {
    font-size: 6.25rem;
    letter-spacing: .625rem;
    color: #fff;
    font-weight: 700
}

@media only screen and (max-width:767px) {

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-selector .swiper-slide.swiper-slide-active .financial-stat-year,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector .swiper-slide.swiper-slide-active .financial-stat-year {
        font-size: 36px;
        letter-spacing: 0
    }
}

@media only screen and (max-width:992px) {

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-selector .swiper-slide.swiper-slide-active .financial-report-list,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector .swiper-slide.swiper-slide-active .financial-report-list {
        height: 124px
    }
}

@media only screen and (max-width:767px) {

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-selector .swiper-slide.swiper-slide-active .financial-report-list,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-selector .swiper-slide.swiper-slide-active .financial-report-list {
        height: 68px
    }
}

.page-template-ir-financial-statement .finance-stat-section .financial-stat-viewer,
.page-template-ir-investor-presentaion .finance-stat-section .financial-stat-viewer {
    width: calc(100% - 465px)
}

@media only screen and (max-width:1200px) {

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-viewer,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-viewer {
        width: calc(100% - 350px)
    }
}

@media only screen and (max-width:992px) {

    .page-template-ir-financial-statement .finance-stat-section .financial-stat-viewer,
    .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-viewer {
        display: none
    }
}

.page-template-ir-financial-statement .finance-stat-section ul.financial-report-list,
.page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list {
    list-style: none
}

.page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li,
.page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 122px;
    height: 122px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #fff;
    text-align: center;
    margin-right: 38px
}

@media only screen and (max-width:1200px) {

    .page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li,
    .page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li {
        margin-right: 15px
    }
}

@media only screen and (max-width:768px) {

    .page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li,
    .page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li {
        width: 90px;
        height: 90px
    }
}

@media only screen and (max-width:767px) {

    .page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li,
    .page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li {
        width: 60px;
        height: 60px
    }
}

@media only screen and (max-width:360px) {

    .page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li,
    .page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li {
        margin-right: 8px
    }
}

.page-arabic .page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li,
.page-arabic .page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li {
    margin-left: 35px;
    margin-right: 0
}

@media only screen and (max-width:1200px) {

    .page-arabic .page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li,
    .page-arabic .page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li {
        margin-left: 15px;
        margin-right: 0
    }
}

@media only screen and (max-width:360px) {

    .page-arabic .page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li,
    .page-arabic .page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li {
        margin-left: 1px;
        margin-right: 0
    }
}

.page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li:last-child,
.page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li:last-child {
    margin-right: 0
}

.page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li a,
.page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block
}

.page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li a span,
.page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li a span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.875rem;
    text-align: center;
    color: #fff;
    font-weight: 700
}

@media only screen and (max-width:767px) {

    .page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li a span,
    .page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li a span {
        -webkit-transform: translate(-50%, -50%) scale(.6);
        -moz-transform: translate(-50%, -50%) scale(.6);
        -ms-transform: translate(-50%, -50%) scale(.6);
        -o-transform: translate(-50%, -50%) scale(.6);
        transform: translate(-50%, -50%) scale(.6)
    }
}

.page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li a span.small-font,
.page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li a span.small-font {
    font-size: 1.375rem
}

.page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li:after,
.page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li:after {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E904";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    line-height: 120px;
    font-size: 2.625rem;
    opacity: 0;
    color: #fff;
    background-color: #71c4ec;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 50%
}

@media only screen and (max-width:768px) {

    .page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li:after,
    .page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li:after {
        line-height: 90px;
        font-size: 2.125rem
    }
}

@media only screen and (max-width:767px) {

    .page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li:after,
    .page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li:after {
        line-height: 60px;
        font-size: 1.25rem
    }
}

.page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li:hover,
.page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li:hover {
    border: 1px solid #71c4ec
}

.page-template-ir-financial-statement .finance-stat-section ul.financial-report-list li:hover:after,
.page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li:hover:after {
    opacity: 1
}

.page-template-ir-investor-presentaion .finance-stat-section .financial-stat-wrap .finance-arrow i {
    color: rgba(168, 152, 107, .5)
}

.page-arabic .page-template-ir-investor-presentaion .finance-stat-section .financial-stat-wrap .finance-arrow i {
    transform: rotate(180deg);
    display: block
}

.page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li,
.page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li:hover {
    border-color: #a8986b
}

.page-template-ir-investor-presentaion .finance-stat-section ul.financial-report-list li:hover:after {
    background: #a8986b
}

@media only screen and (min-width:992px) {
    .page-arabic .financial-stat-viewer {
        padding-right: 2px
    }
}

.finance-arrow i {
    color: rgba(168, 152, 107, .5)
}

.page-arabic .finance-arrow i {
    transform: rotate(180deg);
    display: block;
    position: relative
}

.page-arabic .finance-arrow i:before {
    top: 50%;
    position: absolute;
    left: 0;
    transform: translateY(-50%)
}

.company-info.iframe-container-section,
.page-template-ir-tab-iframe .company-info {
    padding: 10px;
    min-height: auto
}

.page-type-company-information .company-info,
.page-type-share-information .company-info {
    background-image: none !important
}

.page-type-company-information .ir-section,
.page-type-share-information .ir-section {
    border-bottom: 1px solid #ccc;
    margin-bottom: 80px
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .page-type-company-information .ir-section,
    .page-type-share-information .ir-section {
        height: auto;
        margin-bottom: 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .page-type-company-information .ir-section .ir-title h1,
    .page-type-share-information .ir-section .ir-title h1 {
        margin-bottom: 54px
    }
}

.page-type-company-information .company-info,
.page-type-share-information .company-info {
    padding: 0 0 60px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .fact-sheet-page .ir_iframe-section {
        width: 100vw;
        overflow-x: scroll
    }
}

@media only screen and (max-width:767px) {
    .fact-sheet-page .ir_iframe-section {
        width: 100vw;
        overflow-x: scroll
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .fact-sheet-page .ir_iframe-section iframe {
        min-width: 1000px;
        pointer-events: auto
    }
}

@media only screen and (max-width:767px) {
    .fact-sheet-page .ir_iframe-section iframe {
        min-width: 860px
    }
}

.search-section {
    padding: 60px 0
}

.search-section h2 {
    position: relative;
    font-size: 3.375rem;
    line-height: 3.125rem;
    letter-spacing: .125rem;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 48px;
    color: #152c49
}

.search-section h2:before {
    content: " ";
    position: absolute;
    background: #71c4ec;
    width: 3px;
    left: -18px;
    top: 0;
    bottom: 0
}

@media only screen and (max-width:767px) {
    .search-section h2:before {
        left: -8px;
        height: 100%;
        bottom: auto
    }
}

@media only screen and (max-width:767px) {
    .search-section h2 {
        font-size: 32px;
        line-height: 40px
    }
}

.search-section .search-box {
    position: relative;
    width: 460px;
    margin-bottom: 42px
}

@media only screen and (max-width:767px) {
    .search-section .search-box {
        margin-bottom: 20px
    }
}

.search-section .search-box button {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 50px;
    height: 50px;
    background: transparent;
    border: none
}

.search-section .search-box button .icon-search-thin {
    display: block;
    font-size: 1.5rem;
    color: #152c49;
    -webkit-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -moz-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -ms-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    -o-transition: all .3s cubic-bezier(.6, .04, .12, .96);
    transition: all .3s cubic-bezier(.6, .04, .12, .96)
}

.search-section .search-box button:hover .icon-search-thin {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25)
}

.search-section .search-box input[type=text] {
    width: 100%;
    height: 50px;
    padding: 0;
    font-size: 1.5625rem;
    letter-spacing: .0625rem;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #152c49;
    color: #152c49
}

.search-section .search-box input[type=text].placeholder {
    color: #152c49
}

.search-section .search-box input[type=text]:-moz-placeholder,
.search-section .search-box input[type=text]::-moz-placeholder {
    color: #152c49
}

.search-section .search-box input[type=text]:-ms-input-placeholder {
    color: #152c49
}

.search-section .search-box input[type=text]::-webkit-input-placeholder {
    color: #152c49
}

.search-section .searchResult {
    padding: 24px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.search-section .searchResult h3 {
    margin: 0 0 12px
}

.search-section .searchResult h3 a {
    font-weight: 700;
    color: #152c49;
    font-size: 1.875rem;
    letter-spacing: .22687rem;
    line-height: 2.5rem
}

@media only screen and (max-width:767px) {
    .search-section .searchResult h3 a {
        font-weight: 500
    }
}

.search-section .searchResult p {
    font-size: 1.375rem;
    line-height: 2.125rem;
    letter-spacing: .0275rem;
    color: #000
}

@media only screen and (max-width:767px) {
    .search-section .searchResult p {
        font-size: 14px;
        line-height: 20px
    }
}

.search-section .searchResult p a {
    display: block;
    color: #a8986b;
    text-decoration: underline
}

.search-section .pagination {
    padding: 120px 0
}

@media only screen and (max-width:767px) {
    .search-section .pagination {
        padding: 50px 0
    }
}

.search-section .pagination li {
    display: inline-block;
    font-size: 20px;
    margin: 0 24px;
    color: #152c49
}

.search-section .pagination li:first-child {
    margin-left: 0
}

.search-section .pagination li:last-child {
    margin-right: 0
}

.search-section .pagination li.active {
    color: #a8986b
}

.search-section .no-results {
    min-height: 460px;
    padding: 120px 0
}

.search-section .no-results h4 {
    margin: 0
}

.search-section #searchResults {
    min-height: 460px
}

.contact-strip {
    padding: 60px 0 36px;
    text-align: center
}

@media only screen and (max-width:767px) {
    .contact-strip {
        padding: 24px 0 20px
    }
}

.contact-strip a,
.contact-strip h4,
.contact-strip p {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

@media only screen and (max-width:767px) {

    .contact-strip a,
    .contact-strip h4,
    .contact-strip p {
        padding: 10px 0 6px
    }
}

.contact-strip h4 {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #152c49;
    letter-spacing: .1815rem;
    margin-right: 45px;
    margin-bottom: 24px
}

.page-arabic .contact-strip h4 {
    margin-left: 45px;
    margin-right: 0;
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    .contact-strip h4 {
        font-size: 18px;
        line-height: 24px;
        padding: 0 36px;
        letter-spacing: 0;
        margin-bottom: 10px
    }
}

.contact-strip p {
    margin-bottom: 24px
}

@media only screen and (max-width:767px) {
    .contact-strip p {
        margin-bottom: 0
    }
}

.contact-strip a {
    width: 220px;
    height: 52px;
    font-size: 1.5rem;
    letter-spacing: .1815rem;
    border: none;
    color: #fff;
    background: #71c4ec;
    line-height: 52px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-arabic .contact-strip a {
    letter-spacing: normal
}

.contact-strip a:hover {
    background: #fff;
    color: #71c4ec
}

@media only screen and (max-width:768px) {
    .contact-strip h4 {
        display: block;
        margin-right: 0
    }

    .contact-strip a {
        display: block;
        width: 100%;
        padding: 0 24px
    }
}

@media only screen and (max-width:767px) {
    .contact-strip a {
        font-size: 14px;
        line-height: 43px;
        height: 43px;
        text-transform: uppercase
    }
}

.page-template-equities .contact-strip .col-sm-12 {
    justify-content: space-around;
    align-content: center;
    align-items: center
}

@media only screen and (max-width:767px) {
    .page-template-equities .contact-strip .col-sm-12 {
        display: block
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .page-template-equities .contact-strip .col-sm-12 {
        flex-direction: column
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .page-template-equities .contact-strip .col-sm-12 h4 {
        max-width: 50%;
        text-align: center;
        line-height: 2.5rem
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page-template-equities .contact-strip .col-sm-12 h4 {
        max-width: 100%
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .page-template-equities .contact-strip .col-sm-12 h4 span:first-child {
        display: block
    }
}

.show-selected-page {
    z-index: 10;
    width: 100%;
    height: 75px;
    top: 75px;
    position: fixed;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    flex-direction: row;
    align-items: center;
    padding: 0 24px;
    display: none;
    background: #fff
}

@media only screen and (max-width:768px) {
    .show-selected-page {
        display: flex
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .show-selected-page {
        top: 100px
    }
}

@media only screen and (max-width:767px) {
    .show-selected-page {
        height: 55px;
        padding: 0 15px 0 calc(5% + 22px)
    }
}

.show-selected-page .icon-close {
    display: none
}

.show-selected-page.active .icon-close {
    display: block
}

.show-selected-page.active .icon-arr-down {
    display: none
}

.show-selected-page.mc svg {
    margin-right: 24px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .show-selected-page.mc svg {
        margin-right: 29px;
        transform: scale(1.35)
    }
}

@media only screen and (max-width:767px) {
    .show-selected-page.mc svg {
        margin-right: 15px;
        width: 25px
    }
}

.show-selected-page.mc svg * {
    fill: #ccc
}

.show-selected-page.ir svg {
    margin-right: 24px
}

.page-arabic .show-selected-page.ir svg {
    margin-left: 24px;
    margin-right: unset
}

@media only screen and (max-width:767px) {
    .show-selected-page.ir svg {
        margin-right: 15px;
        width: 25px
    }

    .page-arabic .show-selected-page.ir svg {
        margin-left: 15px;
        margin-right: unset
    }
}

.show-selected-page.ir svg * {
    stroke: #ccc
}

.show-selected-page .aside-menu-title {
    font-size: 1.375rem;
    letter-spacing: .09375rem;
    font-weight: 700;
    color: #ccc;
    flex-grow: 1
}

.page-arabic .show-selected-page .aside-menu-title {
    letter-spacing: normal
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .show-selected-page .aside-menu-title {
        font-weight: 400
    }
}

@media only screen and (max-width:767px) {
    .show-selected-page .aside-menu-title {
        font-size: 14px;
        font-weight: 400;
        color: #152c49 !important;
        margin-left: 5px
    }
}

@media only screen and (max-width:767px) {
    .show-selected-page .icon-arr-down {
        font-size: 12px
    }
}

.aside-menu {
    z-index: 10;
    width: 420px;
    position: fixed;
    top: 75px;
    height: calc(100vh - 75px);
    right: -360px
}

.page-arabic .aside-menu {
    left: -360px;
    right: auto
}

@media only screen and (max-width:768px) {
    .aside-menu {
        display: none;
        width: 100%;
        height: auto;
        right: 0;
        top: 150px
    }

    .page-arabic .aside-menu {
        left: 0;
        right: unset
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .aside-menu {
        top: 175px
    }
}

@media only screen and (max-width:767px) {
    .aside-menu {
        width: 90%;
        height: auto;
        right: 5%;
        top: 130px;
        overflow: scroll
    }

    .page-arabic .aside-menu {
        left: 5%;
        right: unset
    }
}

.aside-menu ul {
    height: 100%;
    display: flex;
    list-style: none;
    flex-direction: column;
    border-bottom: 1px solid rgba(0, 0, 0, .6)
}

.aside-menu ul li {
    flex-grow: 1;
    width: 100%;
    padding: 0 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.aside-menu ul li:hover {
    -webkit-transform: translateX(-314px);
    -moz-transform: translateX(-314px);
    -ms-transform: translateX(-314px);
    -o-transform: translateX(-314px);
    transform: translateX(-314px)
}

@media only screen and (min-width:768px) {
    .aside-menu ul li:hover {
        padding: 0 40px
    }
}

.page-arabic .aside-menu ul li:hover {
    -webkit-transform: translateX(314px);
    -moz-transform: translateX(314px);
    -ms-transform: translateX(314px);
    -o-transform: translateX(314px);
    transform: translateX(314px)
}

@media only screen and (max-width:768px) {

    .aside-menu ul li:hover,
    .page-arabic .aside-menu ul li:hover {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.aside-menu ul li .aside-menu-inner {
    background: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: -3px
}

.page-arabic .aside-menu ul li .aside-menu-inner {
    left: auto
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .aside-menu ul li .aside-menu-inner {
        justify-content: flex-start;
        width: 100%
    }
}

.aside-menu ul li .aside-menu-inner .aside-menu-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5625rem;
    letter-spacing: .15625rem
}

.page-arabic .aside-menu ul li .aside-menu-inner .aside-menu-title {
    letter-spacing: normal
}

@media only screen and (max-width:768px) {
    .aside-menu ul li .aside-menu-inner .aside-menu-title {
        text-transform: none;
        font-size: 1.375rem;
        letter-spacing: .09375rem;
        font-weight: 700;
        color: #152c49;
        flex-grow: 1;
        display: block
    }

    .page-arabic .aside-menu ul li .aside-menu-inner .aside-menu-title {
        letter-spacing: normal
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .aside-menu ul li .aside-menu-inner .aside-menu-title {
        font-weight: 400
    }
}

@media only screen and (max-width:767px) {
    .aside-menu ul li .aside-menu-inner .aside-menu-title {
        color: #152c49 !important;
        font-size: 15px;
        font-weight: 400
    }
}

@media only screen and (max-width:768px) {
    .aside-menu ul li {
        padding: 11px 24px;
        display: flex;
        flex-direction: row;
        align-items: center;
        background-color: #fff !important
    }

    .aside-menu ul li.active {
        display: none
    }
}

.aside-menu ul li a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.aside-menu.media-center {
    background-color: #dfdfdf
}

@media only screen and (max-width:767px) {
    .aside-menu.media-center ul {
        border: 1px solid rgba(0, 0, 0, .1);
        border-top: none
    }
}

.aside-menu.media-center ul li {
    background-color: #dfdfdf
}

@media only screen and (max-width:767px) {
    .aside-menu.media-center ul li {
        padding: 14px 24px;
        border-top: 1px solid rgba(0, 0, 0, .1)
    }
}

.aside-menu.media-center ul li svg {
    margin-right: 30px;
    width: 32px;
    height: auto
}

.page-arabic .aside-menu.media-center ul li svg {
    margin-left: 30px;
    margin-right: unset
}

@media only screen and (max-width:768px) {
    .aside-menu.media-center ul li svg {
        margin-right: 24px
    }
}

@media only screen and (max-width:768px) {
    .aside-menu.media-center ul li svg * {
        fill: #152c49
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .aside-menu.media-center ul li svg {
        width: 32px;
        height: 32px
    }
}

@media only screen and (max-width:767px) {
    .aside-menu.media-center ul li svg {
        width: auto;
        height: 25px
    }
}

@media only screen and (max-width:768px) {
    .aside-menu.media-center ul li .aside-menu-title {
        color: #152c49
    }
}

.aside-menu.media-center ul li.active.primary,
.aside-menu.media-center ul li:hover.primary {
    background-color: #a8986b
}

.aside-menu.media-center ul li.active.blue,
.aside-menu.media-center ul li:hover.blue {
    background-color: #71c4ec
}

.aside-menu.media-center ul li.active.violet,
.aside-menu.media-center ul li:hover.violet {
    background-color: #152c49
}

.aside-menu.media-center ul li.active.gray,
.aside-menu.media-center ul li.active.grey,
.aside-menu.media-center ul li:hover.gray,
.aside-menu.media-center ul li:hover.grey {
    background-color: #a7a7a7
}

.aside-menu.media-center ul.all-active li.primary {
    background-color: #a8986b !important
}

.aside-menu.media-center ul.all-active li.blue {
    background-color: #71c4ec !important
}

.aside-menu.media-center ul.all-active li.violet {
    background-color: #152c49 !important
}

.aside-menu.media-center ul.all-active li.gray,
.aside-menu.media-center ul.all-active li.grey {
    background-color: #a7a7a7 !important
}

@media only screen and (max-width:768px) {
    .aside-menu.media-center ul.all-active svg * {
        fill: #fff !important
    }

    .aside-menu.media-center ul.all-active .aside-menu-title {
        color: #fff !important
    }
}

.aside-menu.has-white {
    border-left: 1px solid #cfcfcf;
    background: linear-gradient(90deg, #cfcfce 4px, #fff 5%)
}

.page-arabic .aside-menu.has-white {
    background: linear-gradient(270deg, #cfcfce 4px, #fff 5%)
}

.aside-menu.has-white ul li {
    border-top: 1px solid rgba(0, 0, 0, .1);
    background: transparent;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.aside-menu.has-white ul li:hover {
    background: #fff
}

.aside-menu.has-white ul li .aside-menu-svg {
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 26px
}

.page-arabic .aside-menu.has-white ul li .aside-menu-svg {
    margin-left: 26px;
    margin-right: unset
}

@media only screen and (max-width:768px) {
    .aside-menu.has-white ul li .aside-menu-svg {
        margin-right: 24px
    }

    .page-arabic .aside-menu.has-white ul li .aside-menu-svg {
        margin-left: 24px;
        margin-right: unset
    }
}

@media only screen and (max-width:767px) {
    .aside-menu.has-white ul li .aside-menu-svg {
        margin-right: 18px;
        width: 25px;
        height: 25px
    }

    .page-arabic .aside-menu.has-white ul li .aside-menu-svg {
        margin-left: 18px;
        margin-right: unset
    }
}

.aside-menu.has-white ul li .aside-menu-svg svg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1
}

.aside-menu.has-white ul li .aside-menu-svg svg+svg {
    left: 0;
    opacity: 0
}

@media only screen and (min-width:768px) {

    .aside-menu.has-white ul li.active,
    .aside-menu.has-white ul li:hover {
        background: #a8986b
    }

    .aside-menu.has-white ul li.active svg,
    .aside-menu.has-white ul li:hover svg {
        opacity: 0
    }

    .aside-menu.has-white ul li.active svg+svg,
    .aside-menu.has-white ul li:hover svg+svg {
        opacity: 1
    }

    .aside-menu.has-white ul li.active .aside-menu-title,
    .aside-menu.has-white ul li:hover .aside-menu-title {
        color: #fff !important
    }
}

.aside-menu.has-white ul li .aside-menu-inner .aside-menu-title {
    color: #ccc
}

@media only screen and (min-width:768px) {
    .aside-menu.has-white ul li .aside-menu-inner .aside-menu-title {
        position: absolute;
        left: 68px;
        width: 180px;
        height: 52px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .page-arabic .aside-menu.has-white ul li .aside-menu-inner .aside-menu-title {
        right: 68px;
        left: unset
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .aside-menu.has-white ul li .aside-menu-inner .aside-menu-title {
        width: auto;
        height: auto
    }
}

.text-right {
    text-align: right
}

.page-arabic a,
.page-arabic h1,
.page-arabic h2,
.page-arabic h3,
.page-arabic h4,
.page-arabic h5,
.page-arabic h6,
.page-arabic li,
.page-arabic ol,
.page-arabic p,
.page-arabic strong,
.page-arabic ul {
    letter-spacing: normal !important
}

.page-arabic .publication-content-title a .icon-caret_right,
.page-arabic .view-all a .icon-caret_right {
    position: relative
}

.page-arabic .publication-content-title a .icon-caret_right:before,
.page-arabic .view-all a .icon-caret_right:before {
    color: transparent
}

.page-arabic .publication-content-title a .icon-caret_right:after,
.page-arabic .view-all a .icon-caret_right:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #152c49;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(180deg)
}

.why-liquidity .container .row .lottie-manual-animation.why svg g {
    display: block !important
}