@font-face {
    font-family: DINNextLTW23-Bold;
    src: url(../fonts/DINNextLTW23-Bold.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: DINNextLTArabic-Bold;
    src: url(../fonts/DINNextLTArabic-Bold.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: DINNextLTArabic-Regular;
    src: url(../fonts/DINNextLTArabic-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: DINNextLTArabic-Light;
    src: url(../fonts/DINNextLTArabic-Light.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

:after,
:before {
    box-sizing: border-box;
}

body,
html {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    min-width: 400px;
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

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

    nav ul {
        list-style: none;
    }

blockquote,
q {
    quotes: none;
}

    blockquote:after,
    blockquote:before,
    q:after,
    q:before {
        content: '';
        content: none;
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-family: DINNextLTArabic-Regular !important;
}

    a,
    a:active,
    a:hover,
    a:visited {
        text-decoration: none;
        outline: 0;
    }

        a label,
        a small {
            cursor: pointer;
        }

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: DINNextLTArabic-Regular;
}

p {
    font-family: DINNextLTArabic-Regular !important;
}

ol,
ul {
    padding: 0;
}

button {
    border: none;
}

li {
    list-style-type: none;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
}

article,
bar,
block,
blockh,
blockv,
clear,
content,
details,
footer,
group,
header,
nav,
news,
section,
title,
wrap,
wrap_menu {
    display: block;
}

.clear {
    clear: both;
}

::-moz-selection {
    color: #fff;
    background: #04615c;
}

::selection {
    color: #fff;
    background: #04615c;
}

::-moz-selection {
    color: #fff;
    background: #04615c;
}

::-webkit-input-placeholder {
    color: #474747 !important;
    font-family: DINNextLTArabic-Regular !important;
}

:-moz-placeholder {
    color: #474747 !important;
    font-family: DINNextLTArabic-Regular !important;
}

::-moz-placeholder {
    color: #474747 !important;
    font-family: DINNextLTArabic-Regular !important;
}

:-ms-input-placeholder {
    color: #474747 !important;
    font-family: DINNextLTArabic-Regular !important;
}

body {
    font-size: 14px;
    direction: ltr !important;
    text-align: left;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-family: DINNextLTArabic-Regular;
    background: url(../images/bg.svg) fixed !important;
}

.greyscale {
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
}

#layout {
    position: relative;
}

.container {
    position: relative;
    max-width: initial;
    padding-left: 5%;
    padding-right: 5%;
}

.row {
    position: relative;
}

.img-fluid {
    -o-object-fit: cover;
    object-fit: cover;
}

.timeline-top .img-fluid {
    transform: scaleX(-1);
}

.slick-slider {
    direction: ltr;
}

:lang(ar) .slick-slider,
[dir='rtl'] .slick-slider {
    direction: ltr;
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #04615c;
    position: fixed;
    z-index: 2000;
    top: 0;
    width: 100%;
    height: 2px;
    right: 100%;
    left: auto;
}

:lang(ar) .pace .pace-progress,
[dir='rtl'] .pace .pace-progress {
    right: auto;
}

:lang(ar) .pace .pace-progress,
[dir='rtl'] .pace .pace-progress {
    left: 100%;
}

.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #04615c, 0 0 5px #04615c;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0, -4px);
    transform: rotate(3deg) translate(0, -4px);
}

.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 15px;
    right: 15px;
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #04615c;
    border-left-color: #04615c;
    border-radius: 10px;
    -webkit-animation: pace-spinner 0.4s linear infinite;
    animation: pace-spinner 0.4s linear infinite;
    display: none;
}

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

header {
    position: relative;
    top: 0;
    right: 0;
    z-index: 99999;
    padding: 15px 0;
    color: #fff;
}

    header i,
    header select,
    header svg {
        fill: #fff;
        color: #fff;
    }

    header a {
        color: #fff;
    }

        header a:hover {
            color: #47c0bb;
        }

    header .header-top {
        position: relative;
        z-index: 999999;
        -webkit-box-flex: 1;
        flex: 1 1 0px;
    }

@media (min-width: 545px) and (max-width: 767px) {
    header .header-top {
        -webkit-box-pack: center !important;
        justify-content: center !important;
    }
}

@media (max-width: 544px) {
    header .header-top {
        -webkit-box-pack: center !important;
        justify-content: center !important;
    }
}

header .header-info {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

    header .header-info ul {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        margin-right: 30px;
    }

        header .header-info ul li {
            display: -webkit-inline-box;
            display: inline-flex;
            -webkit-box-align: center;
            align-items: center;
            margin: 0 10px;
            white-space: nowrap;
        }

            header .header-info ul li:first-child {
                border: 1px solid #fff;
                border-radius: 30px;
                padding: 0 10px;
            }

.master header .header-info ul li:first-child {
    border-color: #04615c;
}

@media (min-width: 992px) and (max-width: 1199px) {
    header .header-info ul li {
        margin-right: 15px;
    }
}

header .header-info ul li label {
    font-size: 16px !important;
    font-weight: 700;
    margin: 0 5px;
}

header .header-info ul li select {
    font-weight: 700;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: 0;
    padding: 5px;
    font-size: 16px !important;
    padding-right: 20px;
    background: url(../images/caret-down.svg) no-repeat right 0 top 20px;
    background-size: 10px;
    margin: 0 10px;
}

    header .header-info ul li select option {
        padding: 5px;
        background: #04615c;
        font-size: 16px !important;
    }

header .header-info ul li span {
    font-size: 16px;
    font-weight: 700;
    margin-left: 10px;
}

    header .header-info ul li span.temp {
        position: relative;
    }

        header .header-info ul li span.temp::before {
            content: 'o';
            font-size: 16px;
            top: -5px;
            left: -10px;
            position: absolute;
        }

header .header-info ul li img {
    height: 18px;
    margin-top: -4px;
    margin-right: 5px;
}

header .header-info ul li i {
    font-size: 24px;
    font-weight: 700;
}

header .header-left {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

@media (min-width: 768px) and (max-width: 991px) {
    header .header-left {
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    header .header-left {
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media (max-width: 544px) {
    header .header-left {
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media (max-width: 350px) {
    header .header-left {
        -webkit-box-pack: center;
        justify-content: center;
    }
}

header .header-left .openMorphSearch {
    background: 0 0;
    border: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    outline: 0;
}

    header .header-left .openMorphSearch i {
        font-size: 20px;
    }

    header .header-left .openMorphSearch img,
    header .header-left .openMorphSearch svg {
        margin-top: 7px;
    }

    header .header-left .openMorphSearch:hover i,
    header .header-left .openMorphSearch:hover svg {
        color: #47c0bb;
        fill: #47c0bb;
    }

header .header-left .languages {
    margin-left: 10px;
}

@media (max-width: 544px) {
    header .header-left .languages {
        margin-left: 5px;
    }
}

header .header-left .languages > a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    background: 0 0;
    border: 1px solid #fff;
    position: relative;
    border-radius: 10em;
    height: 35px;
    color: #fff;
}

.master header .header-left .languages > a {
    border-color: #04615c;
}

header .header-left .languages > a i,
header .header-left .languages > a svg {
    font-size: 16px;
    color: #474747;
    vertical-align: middle;
}

header .header-left .languages > a span {
    font-size: 18px;
    margin-left: 5px;
    font-weight: 400;
    margin: 0 15px;
    padding-left: 10px;
    margin-top: -8px;
    display: block;
}

header .header-left .languages > a::after {
    display: none;
}

header .header-left .languages > a::before {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    position: absolute;
    left: 5px;
    width: 0;
    height: 0;
    content: '\f107';
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    color: #fff;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    margin: 6px;
    top: -20px;
    bottom: 0;
    font-size: 16px;
}

header .header-left .languages .dropdown-menu {
    width: 200px;
    top: 25px !important;
    border-radius: 20px;
    padding: 15px 0;
    right: 0;
    left: 0;
    margin: auto;
}

    header .header-left .languages .dropdown-menu::before {
        background: url(../images/shape.svg) no-repeat;
        background-size: cover;
        content: '';
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        position: absolute;
        top: -15px;
        height: 28px;
        width: 100px;
        left: 10px;
    }

    header .header-left .languages .dropdown-menu a {
        border-bottom: 1px solid rgba(71, 71, 71, 0.2);
        text-align: left;
        font-size: 16px;
    }

        header .header-left .languages .dropdown-menu a img {
            vertical-align: middle;
            margin-top: -3px;
        }

        header .header-left .languages .dropdown-menu a span {
            margin: 5px;
        }

        header .header-left .languages .dropdown-menu a:hover {
            color: #47c0bb;
            background: #f7f7f7;
        }

        header .header-left .languages .dropdown-menu a:last-of-type {
            border-bottom: none;
        }

header .header-left .accessability {
    margin: 0 10px;
}

@media (max-width: 544px) {
    header .header-left .accessability {
        margin: 0 5px;
    }
}

header .header-left .accessability ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    header .header-left .accessability ul li {
        position: relative;
        margin: 0 3px;
    }

@media (max-width: 544px) {
    header .header-left .accessability ul li {
        margin: 0;
    }
}

header .header-left .accessability ul li a {
    width: 30px;
    font-size: 20px;
    position: relative;
    padding: 0 5px;
    font-weight: 500;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

    header .header-left .accessability ul li a#increasetext {
        padding: 0 8px;
        height: 29px;
        display: block;
    }

    header .header-left .accessability ul li a#decreasetext {
        padding: 0 8px;
        height: 29px;
        display: block;
    }

    header .header-left .accessability ul li a#increasetext:after {
        content: '+';
        top: -6px;
        left: 0;
        position: absolute;
        font-size: 16px;
    }

    header .header-left .accessability ul li a#decreasetext:after {
        content: '-';
        top: -7px;
        left: 0;
        position: absolute;
        font-size: 16px;
    }

    header .header-left .accessability ul li a:hover {
        color: #47c0bb;
    }

    header .header-left .accessability ul li a.disabled {
        cursor: default;
        color: rgba(255, 255, 255, 0.2);
    }

        header .header-left .accessability ul li a.disabled:hover {
            color: rgba(255, 255, 255, 0.2);
        }

header .header-bottom {
    margin-top: 30px;
    -webkit-box-flex: 1;
    flex: 1 1 0px;
}

@media (min-width: 1200px) {
    header .header-bottom > div {
        flex-basis: 100%;
    }
}

header .header-bottom .logo-container {
    text-align: left;
    margin-left: 15px;
    z-index: 100;
}

.hamburger {
    background-color: #47c0bb;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    margin-right: 15px;
    overflow: visible;
    outline: 0;
    padding: 0;
    text-transform: none;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
    -webkit-appearance: none;
    outline: 0 !important;
    height: 80px;
    width: 80px;
    min-width: 80px;
    min-height: 80px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 50%;
}

    .hamburger:hover {
        opacity: 0.8;
    }

.hamburger-box {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    outline: 0;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
    outline: 0;
}

    .hamburger-inner,
    .hamburger-inner::after,
    .hamburger-inner::before {
        width: 30px;
        height: 2px;
        background-color: #fff;
        border-radius: 4px;
        position: absolute;
        transition-property: -webkit-transform;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-duration: 0.15s;
        transition-duration: 0.15s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        outline: 0;
    }

#header.is-active .hamburger-inner,
#header.is-active .hamburger-inner::after,
#header.is-active .hamburger-inner::before {
    background-color: #fff;
}

.hamburger-inner::after,
.hamburger-inner::before {
    content: '';
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::after,
.hamburger--boring .hamburger-inner::before {
    -webkit-transition-property: none;
    transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

    .hamburger--boring.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
    }

    .hamburger--boring.is-active .hamburger-inner::after {
        bottom: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

.hamburger-label {
    color: #fff;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 14px;
    margin-left: 0.3125em;
    text-transform: uppercase;
}

#header.is-active .hamburger-label {
    color: #fff;
}

.hamburger-box,
.hamburger-label {
    display: inline-block;
    vertical-align: middle;
}

#site-nav {
    overflow: hidden;
    width: 100%;
    height: 0;
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
    z-index: 10000;
    top: 67px;
    right: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    padding-top: 150px;
}

    #site-nav.is-active {
        opacity: 1;
        width: 100%;
        height: auto;
    }

    #site-nav > .row {
        width: 100%;
        flex-wrap: wrap;
    }

    #site-nav .col {
        opacity: 0;
        margin-bottom: 4em;
    }

        #site-nav .col::after {
            content: '';
            display: block;
            width: 2px;
            height: 100%;
            background-color: #f7f7f7;
            position: absolute;
            bottom: 0;
            top: 0;
            right: 0;
            margin: auto;
        }

        #site-nav .col:last-of-type:after {
            display: none;
        }

@media screen and (min-width: 540px) {
    #site-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 960px) {
    #site-nav {
        flex-wrap: nowrap;
    }
}

#site-nav h4 {
    font-size: 18px;
    color: #47c0bb;
    position: relative;
    padding: 0 0 15px 0;
    font-family: DINNextLTW23-Bold;
}

#site-nav ul {
    list-style-type: none;
    margin-top: 20px;
    padding: 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

    #site-nav ul li {
        margin-bottom: 0.3125em;
    }

@media (min-width: 1200px) {
    #site-nav ul li {
        -webkit-box-flex: 98%;
        flex: 98%;
        max-width: 98%;
        margin-right: 1%;
        margin-left: 1%;
    }
}

#site-nav li a {
    color: #474747;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: 0 0;
    display: inline-block;
    position: relative;
    padding: 2px 7px;
    display: -webkit-box;
    display: flex;
    padding-left: 15px;
    font-size: 14px;
    font-family: DINNextLTArabic-Bold;
}

    #site-nav li a::before {
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
        position: absolute;
        left: 0;
        width: 0;
        height: 0;
        content: '';
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-left: none;
        color: #474747;
        font-family: 'Font Awesome\ 5 Free';
        font-weight: 900;
        color: #04615c;
        top: 6px;
        margin-left: -5px;
        font-size: 16px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

:lang(ar) #site-nav li a::before,
[dir='rtl'] #site-nav li a::before {
    content: '';
}

#site-nav li a:hover {
    background: #f7f7f7;
    color: #47c0bb;
    padding-left: 20px;
}

#site-nav ul.multi {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

    #site-nav ul.multi li {
        -webkit-box-flex: 48%;
        flex: 48%;
        max-width: 48%;
        margin-right: 1%;
        margin-left: 1%;
    }

.is-active .col {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    padding: 15px;
    -webkit-animation: fade-in-stagger 0.8s ease forwards;
    animation: fade-in-stagger 0.8s ease forwards;
}

    .is-active .col:nth-child(1) {
        -webkit-animation-delay: 0;
    }

    .is-active .col:nth-child(2) {
        -webkit-animation-delay: 0.1s;
    }

    .is-active .col:nth-child(3) {
        -webkit-animation-delay: 0.2s;
    }

    .is-active .col:nth-child(4) {
        -webkit-animation-delay: 0.3s;
    }

    .is-active .col:nth-child(5) {
        -webkit-animation-delay: 0.4s;
    }

@-webkit-keyframes fade-in-stagger {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fade-in-stagger {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.menu-logo {
    padding: 20px 30px;
    width: 100%;
}

    .menu-logo span {
        cursor: pointer;
        background: rgba(71, 192, 187, 0.9);
        color: #fff;
        font-size: 20px;
        margin-top: -20px;
        margin-left: 50px;
        width: 60px;
        height: 60px;
        text-align: center;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        border-radius: 50%;
    }

.tabbed {
    border: 1px solid #fff;
    border-radius: 30px;
    width: 95%;
    margin: auto;
    position: sticky;
    top: auto;
    right: 0;
    left: 0;
    z-index: 99999;
}

@media (min-width: 1200px) and (max-width: 1450px) {
    .tabbed {
        position: relative;
        top: auto;
        /* width: 65%; */
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .tabbed {
        position: relative;
        top: auto; /* width: 60%; */
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .tabbed {
        position: relative;
        top: auto; /* width: 60%; */
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .tabbed {
        position: relative;
        top: auto;
        /* width: 80%;
		float: right; */
    }

    /* .slider-search {
		margin-left: 15% !important;
	} */
}

@media (max-width: 544px) {
    .tabbed {
        position: relative;
        top: auto;
        /* width: 80%; */
    }
}

.tabbed > input {
    display: none;
}

.tabbed > label {
    display: block;
    float: left;
    width: 16.6%;
    text-align: center;
    padding: 20px 0;
    border-radius: 30px;
    font-size: 1.2em;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    position: relative;
    /* white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; */
}

    .tabbed > input:checked + label,
    .tabbed > label:hover {
        background: #47c0bb;
        font-family: DINNextLTW23-Bold;
    }

.tabbed > input:checked + label {
    background: #47c0bb;
    font-family: DINNextLTW23-Bold;
}

    .tabbed > input:checked + label::before {
        background: url(../images/shape-green.svg) no-repeat;
        content: '';
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        position: absolute;
        z-index: 2;
        bottom: -14px;
        height: 29px;
        width: 81px;
        left: 0;
        right: 0;
        margin: auto;
        background-size: cover;
    }

@media (max-width: 544px) {
    .tabbed > input:checked + label::before {
        bottom: -8px;
    }
}

.tabs {
    clear: both;
    -webkit-perspective: 400px;
    perspective: 400px;
}

    .tabs > div {
        position: absolute;
        background: #fff;
        box-shadow: 0 0 10px rgba(71, 71, 71, 0.1);
        padding: 40px 30px;
        line-height: 1.4em;
        opacity: 0;
        -webkit-transform: rotateX(-20deg);
        transform: rotateX(-20deg);
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
        z-index: 0;
        width: 100%;
        border-radius: 50px;
        height: 0;
        overflow: hidden;
    }

        .tabs > div h2 {
            font-size: 24px;
            color: #47c0bb;
            position: relative;
            padding: 0 0 15px 0;
        }

        .tabs > div p {
            font-size: 20px;
            line-height: 28px;
            color: #474747;
            position: relative;
            padding: 0 0 15px 0;
        }

        .tabs > div ul {
            list-style-type: none;
            margin-top: 20px;
            padding: 0;
            -webkit-box-pack: start;
            justify-content: flex-start;
        }

            .tabs > div ul li a {
                color: #04615c;
                text-decoration: none;
                -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease;
                background: 0 0;
                display: -webkit-box;
                display: flex;
                position: relative;
                padding: 10px;
                display: flex;
                font-size: 16px;
                padding-left: 15px;
                white-space: pre-wrap;
                font-family: DINNextLTArabic-Bold;
            }

                .tabs > div ul li a::before {
                    -webkit-transition: all ease 0.5s;
                    transition: all ease 0.5s;
                    position: absolute;
                    left: 0;
                    width: 0;
                    height: 0;
                    content: '';
                    border-top: none;
                    border-right: none;
                    border-bottom: none;
                    border-left: none;
                    color: #474747;
                    font-family: 'Font Awesome\ 5 Free';
                    font-weight: 900;
                    color: #04615c;
                    top: 12px;
                    margin-left: -5px;
                    font-size: 16px;
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }

:lang(ar) .tabs > div ul li a::before,
[dir='rtl'] .tabs > div ul li a::before {
    content: '';
}

.tabs > div ul li a:hover {
    background: #f7f7f7;
    color: #47c0bb;
    padding-left: 20px;
}

.tabs > div ul.multi {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

    .tabs > div ul.multi li {
        -webkit-box-flex: 48%;
        flex: 48%;
        max-width: 48%;
        margin-right: 1%;
        margin-left: 1%;
    }

@media (max-width: 544px) {
    .tabs > div ul.multi li {
        -webkit-box-flex: 100%;
        flex: 100%;
        max-width: 100%;
        margin: 0;
    }
}

#tab-nav-1:checked ~ .tabs > div:nth-of-type(1),
#tab-nav-2:checked ~ .tabs > div:nth-of-type(2),
#tab-nav-3:checked ~ .tabs > div:nth-of-type(3),
#tab-nav-4:checked ~ .tabs > div:nth-of-type(4),
#tab-nav-5:checked ~ .tabs > div:nth-of-type(5),
#tab-nav-6:checked ~ .tabs > div:nth-of-type(6) {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
    z-index: 1;
    height: auto;
}

.nav-tabs .selector {
    height: 100%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    border-radius: 50px;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    background: #47c0bb;
}

.morphsearch {
    width: 0;
    min-height: 0;
    background: rgba(4, 97, 92, 0.9);
    position: absolute;
    z-index: 999999;
    top: 67px;
    left: 0;
}

@media (min-width: 545px) and (max-width: 767px) {
    .morphsearch {
        background: #04615c;
    }
}

@media (max-width: 544px) {
    .morphsearch {
        background: #04615c;
    }
}

.morphsearch.open {
    width: 100%;
    min-height: auto;
    top: 67px;
    left: 0;
}

.morphsearch-form {
    width: 100%;
    height: 0;
    margin: 0 auto;
    position: relative;
    -webkit-transition-property: height;
    transition-property: height;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    height: 0;
    opacity: 0;
}

.morphsearch.open .morphsearch-form {
    width: 50%;
    height: 160px;
    padding: 40px;
    opacity: 1;
}

@media (min-width: 768px) and (max-width: 991px) {
    .morphsearch.open .morphsearch-form {
        width: 84%;
        margin-top: 100px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .morphsearch.open .morphsearch-form {
        width: 84%;
        margin-top: 100px;
    }
}

@media (max-width: 544px) {
    .morphsearch.open .morphsearch-form {
        width: 100%;
        margin-top: 100px;
        padding-right: 0;
    }
}

.morphsearch-input {
    font-weight: 700;
    border: none;
    background: 0 0;
    font-size: 0.8em;
    color: rgba(71, 71, 71, 0.7);
    border-radius: 40px;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0;
    -webkit-transform: translate3d(-30px, -50%, 0) scale3d(0, 0, 1);
    transform: translate3d(-30px, -50%, 0) scale3d(0, 0, 1);
}

    .morphsearch-input ::-webkit-input-placeholder {
        color: #474747 !important;
        font-family: DINNextLTArabic-Bold !important;
    }

    .morphsearch-input :-moz-placeholder {
        color: #474747 !important;
        font-family: DINNextLTArabic-Bold !important;
    }

    .morphsearch-input ::-moz-placeholder {
        color: #474747 !important;
        font-family: DINNextLTArabic-Bold !important;
    }

    .morphsearch-input :-ms-input-placeholder {
        color: #474747 !important;
        font-family: DINNextLTArabic-Bold !important;
    }

    .morphsearch-input::-ms-clear {
        display: none;
    }

.morphsearch.open .morphsearch-input {
    font-size: 22px;
    height: 80px;
    width: 100%;
    margin-top: 35px;
    padding: 0 40px;
    background: #fff;
    opacity: 1;
    -webkit-transform: translate3d(-30px, -50%, 0) scale3d(1, 1, 1);
    transform: translate3d(-30px, -50%, 0) scale3d(1, 1, 1);
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
    transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

    .morphsearch.open .morphsearch-input:focus {
        box-shadow: 0 0 40px rgba(71, 192, 187, 0.5);
    }

.morphsearch-input:-moz-placeholder,
.morphsearch-input:-ms-input-placeholder,
.morphsearch-input::-moz-placeholder,
.morphsearch-input::-webkit-input-placeholder {
    color: #c2c2c2;
}

.gn-search:focus::-webkit-input-placeholder {
    color: transparent;
}

.morphsearch-input:focus,
.morphsearch-submit:focus {
    outline: 0;
}

.morphsearch-submit {
    color: #04615c;
    overflow: hidden;
    border: none;
    pointer-events: none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0;
    -webkit-transform: translate3d(-30px, -50%, 0) scale3d(0, 0, 1);
    transform: translate3d(-30px, -50%, 0) scale3d(0, 0, 1);
    background: 0 0;
}

    .morphsearch-submit svg {
        fill: #04615c;
    }

    .morphsearch-submit:hover svg {
        fill: #47c0bb;
    }

.morphsearch.open .morphsearch-submit {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(-30px, -50%, 0) scale3d(1, 1, 1);
    transform: translate3d(-30px, -50%, 0) scale3d(1, 1, 1);
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
    transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
    position: absolute;
    right: 60px;
    top: 80px;
    width: auto;
    height: auto;
}

@media (max-width: 544px) {
    .morphsearch.open .morphsearch-submit {
        right: 40px;
    }
}

.morphsearch-close {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 5%;
    top: 2.5em;
    overflow: hidden;
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
    background: rgba(71, 192, 187, 0.1);
    color: #f7f7f7;
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media (max-width: 544px) {
    .morphsearch-close {
        left: 15px;
    }
}

.morphsearch-close:hover {
    background: rgba(71, 192, 187, 0.2);
}

.morphsearch.open .morphsearch-close {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
    transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.morphsearch-content {
    color: #333;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding: 0 10.5%;
    background: rgba(4, 97, 92, 0.95);
    position: absolute;
    pointer-events: none;
    opacity: 0;
}

@media (min-width: 545px) and (max-width: 767px) {
    .morphsearch-content {
        background: #04615c;
    }
}

@media (max-width: 544px) {
    .morphsearch-content {
        background: #04615c;
    }
}

.morphsearch.open .morphsearch-content {
    opacity: 1;
    height: auto;
    overflow: visible;
    pointer-events: auto;
    -webkit-transition: opacity 0.4s 0.6s;
    transition: opacity 0.4s 0.6s;
}

.search-words {
    padding: 40px 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translateY(100px);
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s, -webkit-transform 0.6s;
}

    .search-words h4 {
        color: rgba(71, 192, 187, 0.6);
        font-family: DINNextLTArabic-Regular;
        font-size: 32px;
        margin-bottom: 20px;
    }

    .search-words ul {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        flex-wrap: wrap;
        -webkit-box-align: center;
        align-items: center;
    }

        .search-words ul li {
            min-width: 20%;
            margin: 15px 0;
        }

@media (min-width: 545px) and (max-width: 767px) {
    .search-words ul li {
        min-width: 40%;
    }
}

@media (max-width: 544px) {
    .search-words ul li {
        min-width: 40%;
    }
}

.search-words ul li a {
    padding: 0 10px;
    padding-left: 25px;
    color: #fff;
    font-size: 20px;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}

    .search-words ul li a::before {
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
        position: absolute;
        left: 0;
        width: 0;
        height: 0;
        content: '';
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-left: none;
        color: #474747;
        font-family: 'Font Awesome\ 5 Free';
        font-weight: 900;
        color: rgba(71, 192, 187, 0.5);
        top: 7px;
        font-size: 16px;
        vertical-align: middle;
    }

:lang(ar) .search-words ul li a::before,
[dir='rtl'] .search-words ul li a::before {
    content: '';
}

.search-words ul li a:hover {
    color: #47c0bb;
}

    .search-words ul li a:hover::before {
        color: #47c0bb;
    }

.morphsearch.open .search-words:first-of-type {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.morphsearch.open .search-words:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.morphsearch.open .search-words:nth-child(3) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.morphsearch.open .search-words:nth-child(4) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.morphsearch.open .search-words:nth-child(5) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.morphsearch.open .search-words {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.morphsearch.open ~ .overlay {
    opacity: 1;
}

.openMorphSearch {
    cursor: pointer;
}

.card-block {
    border: none;
    display: block;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: #fff;
    box-shadow: 0 0 10px rgba(71, 71, 71, 0.1);
    margin: 20px 0;
    border-radius: 20px;
}

    .card-block .img-block {
        overflow: hidden;
        position: relative;
        border-radius: 0;
        border-radius: 20px;
        height: 380px;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        .card-block .img-block .img-container {
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
            height: 100%;
        }

            .card-block .img-block .img-container::after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
                width: 100%;
                height: 100%;
                -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
                padding: 21px 56px;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 0.4) 0s;
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 0.4) 0s;
                background-color: rgba(71, 71, 71, 0.2);
                cursor: pointer;
            }

            .card-block .img-block .img-container img {
                opacity: 0.9;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                -webkit-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

    .card-block .card-body {
        padding: 30px;
    }

        .card-block .card-body label {
            font-size: 20px;
            font-family: DINNextLTArabic-Bold;
            margin-bottom: 15px;
            color: #474747;
        }

            .card-block .card-body label i,
            .card-block .card-body label small {
                font-size: 20px;
            }

        .card-block .card-body h3 {
            font-size: 28px;
            color: #474747;
            display: block;
            -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
            position: relative;
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            justify-content: space-between;
        }

            .card-block .card-body h3 img,
            .card-block .card-body h3 svg {
                height: 40px;
            }

        .card-block .card-body h4 {
            font-size: 32px;
            line-height: 50px;
            color: #474747;
            display: block;
            -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

@media (min-width: 992px) and (max-width: 1199px) {
    .card-block .card-body h4 {
        font-size: 28px;
        line-height: 40px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .card-block .card-body h4 {
        font-size: 28px;
        line-height: 40px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .card-block .card-body h4 {
        font-size: 28px;
        line-height: 40px;
    }
}

@media (max-width: 544px) {
    .card-block .card-body h4 {
        font-size: 28px;
        line-height: 40px;
    }
}

.card-block .card-body p {
    font-size: 16px;
    color: #474747;
    line-height: 32px;
    margin-bottom: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 95px;
}

.card-block .content {
    position: absolute;
    bottom: 5%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    padding: 30px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 2;
}

    .card-block .content .title {
        font-size: 32px;
        color: #fff;
    }

.card-block:hover {
    box-shadow: 0 0 20px rgba(71, 71, 71, 0.3);
}

    .card-block:hover .img-block {
        margin-top: -5px;
    }

        .card-block:hover .img-block .img-container {
            margin-top: -5px;
        }

            .card-block:hover .img-block .img-container::after {
                -webkit-transform: scale(1.05);
                transform: scale(1.05);
                background: rgba(71, 71, 71, 0.3);
                z-index: 2;
            }

            .card-block:hover .img-block .img-container img {
                opacity: 1;
                -webkit-transform: scale(1.05);
                transform: scale(1.05);
            }

    .card-block:hover h3 {
        color: #47c0bb;
    }

        .card-block:hover h3:after {
            margin-right: 0;
            color: #47c0bb;
        }

    .card-block:hover h4 {
        color: #47c0bb;
    }

@media (min-width: 992px) {
    .slide,
    .slider {
        height: 100%;
    }
}

@media (max-width: 991px) {
    .slider-content
    .home-ads-slider
    .home-ads-container
    .ads-slider
    .ads-item
    .ad-image {
        background-image: none !important;
        min-height: auto !important;
        padding: 24px 0;
    }

    .slider-content
    .home-ads-slider
    .home-ads-container
    .ads-slider
    .ads-item
    .ad-information {
        padding: 24px;
    }

    .slider-content
    .home-ads-slider
    .home-ads-container
    .ads-slider
    .ads-item
    .ad-image
    img {
        max-width: 100% !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .slider {
        height: 500px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slider {
        height: 400px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .slider {
        height: 400px;
    }
}

@media (max-width: 544px) {
    .slider-content .home-ads-slider .home-ads-container {
        width: 100% !important;
        padding-left: 100px;
    }

        .slider-content
        .home-ads-slider
        .home-ads-container
        .ads-slider
        .ads-item
        .ad-information {
            padding: 24px 0;
        }

            .slider-content
            .home-ads-slider
            .home-ads-container
            .ads-slider
            .ads-item
            .ad-information
            .ad-title
            h1 {
                font-size: 32px !important;
                margin: 16px 0 !important;
            }

    .slider-content .slider-search {
        width: 100%;
    }

    .slider {
        height: 400px;
    }
}

@media (max-width: 350px) {
    .slider {
        height: 400px;
    }
}

.slider div,
.slider img {
    height: 100% !important;
}

.slider .triangle {
    background: url(../images/triangle.png) repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
}

.slider .slide_shadow {
    background: #000;
    background: -webkit-gradient( linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0)) );
    background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}

.slide {
    position: relative;
    height: 100%;
}

    .slide .slide__img {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        .slide .slide__img img {
            max-width: 100%;
            min-width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            opacity: 1 !important;
            -webkit-animation-duration: 3s;
            animation-duration: 3s;
            -webkit-transition: all 1s ease;
            transition: all 1s ease;
        }

    .slide .slide__content--headings {
        color: #fff;
        overflow: hidden;
    }

@media (max-width: 544px) {
    .slide .slide__content--headings {
        padding: 30px 70px;
    }
}

@media (max-width: 350px) {
    .slide .slide__content--headings {
        padding: 30px 60px;
    }
}

.slide .slide__content--headings h2 {
    font-size: 2.5em;
    margin: 5px 0;
    font-weight: 400;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .slide .slide__content--headings h2 {
        font-size: 2em;
        line-height: 36px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slide .slide__content--headings h2 {
        font-size: 2em;
        line-height: 32px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .slide .slide__content--headings h2 {
        font-size: 1.4em;
        line-height: 32px;
    }
}

@media (max-width: 544px) {
    .slide .slide__content--headings h2 {
        font-size: 1.4em;
        line-height: 32px;
    }
}

@media (max-width: 350px) {
    .slide .slide__content--headings h2 {
        font-size: 1.4em;
        line-height: 32px;
    }
}

.slide .slide__content--headings label {
    font-size: 20px;
    margin: 10px 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .slide .slide__content--headings label {
        font-size: 18px;
        line-height: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slide .slide__content--headings label {
        font-size: 18px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .slide .slide__content--headings label {
        font-size: 16px;
    }
}

@media (max-width: 544px) {
    .slide .slide__content--headings label {
        font-size: 14px;
    }
}

@media (max-width: 350px) {
    .slide .slide__content--headings label {
        font-size: 14px;
    }
}

.slide .slide__content--headings p {
    font-size: 20px;
    line-height: 40px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .slide .slide__content--headings p {
        font-size: 18px;
        line-height: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slide .slide__content--headings p {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .slide .slide__content--headings p {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 544px) {
    .slide .slide__content--headings p {
        font-size: 14px;
        line-height: 24px;
    }
}

@media (max-width: 350px) {
    .slide .slide__content--headings p {
        font-size: 14px;
        line-height: 24px;
    }
}

.slide .slide__content--headings .animated {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.slider [data-animation-in] {
    opacity: 0;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-transition: opacity 0.5s ease 0.3s;
    transition: opacity 0.5s ease 0.3s;
}

.slick-dotted .slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: 25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    z-index: 99;
}

.slider .slick-dots {
    bottom: 50px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .slider .slick-dots {
        padding-left: 0;
        display: none !important;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .slider .slick-dots {
        padding-left: 0;
        display: none !important;
    }
}

@media (max-width: 544px) {
    .slider .slick-dots {
        padding-left: 0;
        display: none !important;
    }
}

@media (max-width: 350px) {
    .slider .slick-dots {
        padding-left: 0;
        display: none !important;
    }
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    height: 16px;
    width: 16px;
}

    .slick-dots li button {
        position: relative;
        border: 1px solid #fff;
        padding: 0;
        border-radius: 50%;
        background-color: transparent;
        font-size: 0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        cursor: pointer;
        display: block;
        outline: 0;
        line-height: 0;
        color: transparent;
        padding: 5px;
    }

        .slick-dots li button:focus,
        .slick-dots li button:hover {
            opacity: 1;
            outline: 0;
        }

    .slick-dots li.slick-active button {
        background-color: #fff;
    }

        .slick-dots li.slick-active button:focus,
        .slick-dots li.slick-active button:hover {
            opacity: 1;
        }

.slick-arrow {
    font-size: 30px;
    color: #000;
    background: #fff;
    border-radius: 15px;
    position: absolute;
    width: 57px;
    height: 57px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    top: 46%;
    z-index: 99;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(71, 71, 71, 0.2);
    -webkit-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

:lang(ar) .slick-arrow,
[dir='rtl'] .slick-arrow {
    -webkit-transform: scale(-1) rotate(45deg);
    transform: scale(-1) rotate(45deg);
}

.slick-arrow.prev-arrow {
    left: -15px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .slick-arrow.prev-arrow {
        left: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slick-arrow.prev-arrow {
        left: 30px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .slick-arrow.prev-arrow {
        left: 30px;
    }
}

@media (max-width: 544px) {
    .slick-arrow.prev-arrow {
        left: 30px;
    }
}

.slick-arrow.next-arrow {
    right: 30px;
}

.slick-arrow.slick-disabled {
    display: none !important;
}

.slick-arrow i {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.slick-arrow:hover {
    background: #04615c;
    color: #fff;
}

.wifi .header-bottom img {
    height: 55px;
}

.wifi .header-bottom .logo img {
    height: 69px;
}

.wifi .page-container .dashboard a {
    padding: 30px;
    display: block;
}

    .wifi .page-container .dashboard a span {
        color: #606060;
    }

.wifi #dashboard_list {
    margin: 0;
}

@media (min-width: 545px) and (max-width: 767px) {
    .wifi .header-bottom img {
        height: 47px;
    }

    .wifi .header-bottom .logo img {
        height: 58px;
    }
}

@media (max-width: 544px) {
    .wifi .header-bottom img {
        height: 42px;
    }

    .wifi .header-bottom .logo img {
        height: 52px;
    }
}

.fromTo-slider,
.wifi-slider {
    border-radius: 20px;
    overflow: hidden;
}

    .fromTo-slider .slide__img,
    .wifi-slider .slide__img {
        border-radius: 20px;
        overflow: hidden;
    }

        .fromTo-slider .slide__img img,
        .wifi-slider .slide__img img {
            border-radius: 20px;
            max-height: 600px;
            -o-object-fit: cover;
            object-fit: cover;
            height: auto;
            min-height: 300px;
        }

    .fromTo-slider .slide .slide__content {
        position: absolute;
        top: 30%;
        left: 120px;
        padding: 10px 30px;
    }

.slide .slide__img:after {
    content: '';
    background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.7)), to(rgba(255, 255, 255, 0.2)) );
    background-image: linear-gradient( 90deg, rgba(0, 0, 0, 0.7), rgba(255, 255, 255, 0.2) );
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.slide .fromTo-content {
    color: #fff;
}

    .slide .fromTo-content h2 {
        font-size: 60px;
        margin: 5px 0;
    }

    .slide .fromTo-content p {
        font-size: 36px;
        font-weight: 400;
    }

.fromTo-slider .slick-arrow.prev-arrow,
.wifi-slider .slick-arrow.prev-arrow {
    left: 30px;
}

.wifi-thumb .card-block .img-block {
    height: auto;
}

    .wifi-thumb .card-block .img-block img {
        min-height: 150px;
    }

.wifi-thumb .slick-arrow {
    top: 40%;
}

    .wifi-thumb .slick-arrow.prev-arrow {
        left: -15px;
    }

    .wifi-thumb .slick-arrow.next-arrow {
        right: -15px;
    }

.fromTo-slider .slick-arrow.slick-disabled,
.wifi-slider .slick-arrow.slick-disabled {
    display: -webkit-box !important;
    display: flex !important;
    opacity: 0.2;
    cursor: default;
}

    .fromTo-slider .slick-arrow.slick-disabled:hover,
    .wifi-slider .slick-arrow.slick-disabled:hover {
        background: #fff;
    }

        .fromTo-slider .slick-arrow.slick-disabled:hover i,
        .wifi-slider .slick-arrow.slick-disabled:hover i {
            color: #000;
        }

@-webkit-keyframes zoomInImage {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
}

@keyframes zoomInImage {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
}

.zoomInImage {
    -webkit-animation-name: zoomInImage;
    animation-name: zoomInImage;
}

@-webkit-keyframes zoomOutImage {
    from {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes zoomOutImage {
    from {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.zoomOutImage {
    -webkit-animation-name: zoomOutImage;
    animation-name: zoomOutImage;
}

.sidebar {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: center;
    position: absolute;
    left: 5%;
    width: 0;
    -webkit-transition: width 0.3s linear;
    transition: width 0.3s linear;
    -webkit-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0) scale(1, 1);
    z-index: 1000;
}

    .sidebar ul {
        display: -webkit-box;
        display: flex;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
        position: relative;
    }

        .sidebar ul li {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            margin-bottom: 5px;
            opacity: 0;
        }

            .sidebar ul li a {
                display: -webkit-box;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                flex-direction: column;
                padding: 7px 15px;
                border: 1px solid #fff;
                width: 80px;
                height: 80px;
                display: flex;
                -webkit-box-align: center;
                align-items: center;
                -webkit-box-pack: center;
                justify-content: center;
                border-radius: 50%;
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                margin: 15px 0;
            }

            .sidebar ul li:first-child a {
                margin-top: 0;
            }

            .sidebar ul li:last-child a {
                margin-bottom: 0;
            }

            .sidebar ul li a img {
                margin-bottom: 5px;
                width: auto;
            }

            .sidebar ul li a svg {
                fill: #fff;
            }

                .sidebar ul li a svg path {
                    fill: #fff;
                }

            .sidebar ul li a span {
                color: #fff;
                font-size: 15px;
            }

            .sidebar ul li a:hover {
                background: #47c0bb;
                border: 1px solid #47c0bb;
            }

                .sidebar ul li a:hover img {
                    opacity: 0.7;
                }

                .sidebar ul li a:hover svg {
                    fill: #04615c;
                }

                    .sidebar ul li a:hover svg path {
                        fill: #04615c;
                    }

                .sidebar ul li a:hover span {
                    color: rgba(255, 255, 255, 0.7);
                }

    .sidebar:hover h4::before {
        content: '';
    }

:lang(ar) .sidebar:hover h4::before,
[dir='rtl'] .sidebar:hover h4::before {
    content: '';
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/logo.png);
}

#layout {
    position: relative;
    z-index: 9;
}

.hero {
    position: relative;
    z-index: 2;
}

.slider {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
}

.slider-content {
    position: relative;
    padding: 30px 5%;
    z-index: 100;
}

    .slider-content > .container {
        height: 100%;
    }

    .slider-content .home-ads-slider {
        position: relative;
        margin: 8px 0;
    }

.home-ads-slider .slick-dots {
    position: relative;
}

.home-ads-slider .slick-list {
    width: 100%;
}

.slider-content .home-ads-slider .home-ads-container {
    width: 60%;
    margin: auto;
    min-height: 300px;
}

    .slider-content
    .home-ads-slider
    .home-ads-container
    .ads-slider
    .ads-item
    .ad-information {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }

        .slider-content
        .home-ads-slider
        .home-ads-container
        .ads-slider
        .ads-item
        .ad-information
        .ad-date {
            padding: 8px 16px;
            background-color: #0bb1ac;
            color: #fff;
            display: inline-flex;
            flex-direction: column;
            width: auto;
            border-radius: 8px;
        }

            .slider-content
            .home-ads-slider
            .home-ads-container
            .ads-slider
            .ads-item
            .ad-information
            .ad-date
            span {
                display: block;
                font-size: 24px;
            }

        .slider-content
        .home-ads-slider
        .home-ads-container
        .ads-slider
        .ads-item
        .ad-information
        .ad-title {
            position: relative;
        }

            .slider-content
            .home-ads-slider
            .home-ads-container
            .ads-slider
            .ads-item
            .ad-information
            .ad-title
            h1 {
                font-size: 42px;
                color: #fff;
                margin: 24px 0;
            }

        .slider-content
        .home-ads-slider
        .home-ads-container
        .ads-slider
        .ads-item
        .ad-information
        .ad-description {
            display: block;
            position: relative;
            margin-bottom: 24px;
        }

            .slider-content
            .home-ads-slider
            .home-ads-container
            .ads-slider
            .ads-item
            .ad-information
            .ad-description
            p {
                color: #fff;
                display: block;
                position: relative;
                font-size: 18px;
            }

        .slider-content
        .home-ads-slider
        .home-ads-container
        .ads-slider
        .ads-item
        .ad-information
        .ad-action {
            position: relative;
        }

            .slider-content
            .home-ads-slider
            .home-ads-container
            .ads-slider
            .ads-item
            .ad-information
            .ad-action
            .ad-details {
                border: 1px solid #fff;
                padding: 8px 24px;
                border-radius: 50px;
                min-width: 160px;
                color: #fff;
                display: inline-flex;
                justify-content: center;
                cursor: pointer;
                transition: all 0.3s ease-in;
            }

                .slider-content
                .home-ads-slider
                .home-ads-container
                .ads-slider
                .ads-item
                .ad-information
                .ad-action
                .ad-details:hover {
                    background-color: #0bb1ac;
                    border-color: #0bb1ac;
                    color: #fff;
                }

    .slider-content
    .home-ads-slider
    .home-ads-container
    .ads-slider
    .ads-item
    .ad-image {
        background-image: url(../images/home-ad-slider-bg.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 90%;
        min-height: 450px;
        display: flex;
        align-items: center;
    }

        .slider-content
        .home-ads-slider
        .home-ads-container
        .ads-slider
        .ads-item
        .ad-image
        img {
            max-width: 90%;
            margin-right: auto;
            border-radius: 20px;
        }

.slider-content .slider-search {
    position: relative;
    width: 90%;
    margin: auto;
}

    .slider-content .slider-search .search-content {
        width: 50%;
        margin: auto;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .slider-content .slider-search .search-content {
        width: 70%;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .slider-content .slider-search .search-content {
        position: relative;
        top: auto;
        margin: 30px;
        width: 80%;
        margin: auto;
    }
}

@media (max-width: 544px) {
    .slider-content .slider-search .search-content {
        position: relative;
        top: auto;
        margin: 20px;
        width: calc(100% - 40px);
    }
}

.slider-content .slider-search label {
    display: block;
    font-size: 32px;
    color: #fff;
    margin: 40px;
}

@media (max-width: 544px) {
    .slider-content .slider-search label {
        font-size: 28px;
    }
}

.slider-content .slider-search .form-group {
    position: relative;
}

    .slider-content .slider-search .form-group::before {
        background: url(../images/shape.svg) no-repeat;
        content: '';
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        position: absolute;
        top: -23px;
        height: 25px;
        width: 149px;
        left: 45px;
    }

.slider-content .slider-search input {
    background: #fff;
    width: 100%;
    height: 70px;
    border-radius: 30px;
    font-size: 20px;
    padding: 0 25px;
    padding-right: 50px;
    border: none;
    outline: 0;
}

    .slider-content .slider-search input:focus {
        box-shadow: 0 0 40px rgba(71, 192, 187, 0.5);
    }

.slider-content .slider-search button {
    position: absolute;
    top: 0.7em;
    right: 2em;
    border: none;
    background: 0 0;
    transform: scale(-1, 1);
}

    .slider-content .slider-search button svg {
        fill: #474747;
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    .slider-content .slider-search button:hover svg {
        fill: #47c0bb;
    }

main {
    position: relative;
}

.title {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
}

    .title .title-container {
        padding: 30px 15%;
        margin: auto;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .title .title-container {
        padding: 15px;
        max-width: 100%;
        margin: 0;
        padding-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .title .title-container {
        padding: 15px;
        max-width: 100%;
        margin: 0;
        padding-top: 0;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .title .title-container {
        padding: 15px;
        max-width: 100%;
        margin: 0;
        padding-top: 0;
    }
}

@media (max-width: 544px) {
    .title .title-container {
        padding: 15px;
        max-width: 100%;
        margin: 0;
        padding-top: 0;
    }
}

.title .title-container h2 {
    top: -10px;
}

@media (min-width: 545px) and (max-width: 767px) {
    .title .title-container h2 {
        top: 0;
    }
}

@media (max-width: 544px) {
    .title .title-container h2 {
        top: 0;
    }
}

.title svg {
    fill: #47c0bb;
}

.title h4 {
    color: #47c0bb;
    font-size: 45px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .title h4 {
        font-size: 36px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .title h4 {
        font-size: 32px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .title h4 {
        font-size: 28px;
    }
}

@media (max-width: 544px) {
    .title h4 {
        font-size: 28px;
    }
}

.title h5 {
    font-size: 40px;
    margin-top: 10px;
    color: #474747;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .title h5 {
        font-size: 36px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .title h5 {
        font-size: 32px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .title h5 {
        font-size: 28px;
    }
}

@media (max-width: 544px) {
    .title h5 {
        font-size: 28px;
    }
}

.title h1 {
    font-size: 84px;
    line-height: 90px;
    color: #47c0bb;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .title h1 {
        font-size: 80px;
        line-height: 90px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .title h1 {
        font-size: 70px;
        line-height: 80px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .title h1 {
        font-size: 70px;
        line-height: 80px;
    }
}

@media (max-width: 544px) {
    .title h1 {
        font-size: 60px;
        line-height: 70px;
    }
}

.title h1 span {
    color: #04615c;
}

.title h2 {
    font-size: 70px;
    color: #04615c;
    position: relative;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .title h2 {
        font-size: 60px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .title h2 {
        font-size: 60px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .title h2 {
        font-size: 50px;
    }
}

@media (max-width: 544px) {
    .title h2 {
        font-size: 50px;
    }
}

.title p {
    font-size: 26px;
    color: #000;
    margin: 10px 0;
}

@media (min-width: 545px) and (max-width: 767px) {
    .title p {
        font-size: 24px;
    }
}

@media (max-width: 544px) {
    .title p {
        font-size: 22px;
    }
}

.title a {
    font-size: 22px;
    position: relative;
    color: #04615c;
    margin-top: 20px;
}

@media (max-width: 544px) {
    .title a {
        font-size: 18px;
    }
}

.title a:hover {
    padding-right: 10px;
    color: #47c0bb;
}

.services .title {
    background: #fff;
    box-shadow: inset 50px 0 50px -70px rgba(71, 71, 71, 0.2), inset -70px 0 50px -70px rgba(71, 71, 71, 0.2);
    padding: 30px 0;
}

.services .services-slider {
    background: #fff;
    padding: 80px;
    padding-right: 0;
    width: 100%;
    position: relative;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .services .services-slider {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .services .services-slider {
        padding: 0;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .services .services-slider {
        padding: 0;
    }
}

@media (max-width: 544px) {
    .services .services-slider {
        padding: 0;
    }
}

.services .services-slider::before {
    background: url(../images/shape2.svg) no-repeat;
    content: '';
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 233px;
    width: 81px;
    left: -36px;
    margin: auto;
    -webkit-transform: scale(-1);
    transform: scale(-1);
}

:lang(ar) .services .services-slider::before,
[dir='rtl'] .services .services-slider::before {
    -webkit-transform: none;
    transform: none;
}

.services .services-slider .card-block .img-block .img-container img {
    width: 310px;
}

.questions {
    background: url(../images/question-bg.png) #04615c repeat fixed;
    width: 95%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    float: right;
    padding: 100px;
    padding-bottom: 50px;
    padding-right: 10%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .questions {
        padding: 50px;
        margin-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .questions {
        padding: 50px;
        margin-top: 30px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .questions {
        padding: 50px;
        margin-top: 30px;
    }
}

@media (max-width: 544px) {
    .questions {
        padding: 50px;
        margin-top: 30px;
    }
}

.questions::before {
    background: url(../images/shape2.svg) no-repeat;
    content: '';
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    position: absolute;
    top: 50px;
    height: 233px;
    width: 81px;
    left: -45px;
    margin: auto;
    -webkit-transform: none;
    transform: none;
}

:lang(ar) .questions::before,
[dir='rtl'] .questions::before {
    -webkit-transform: scale(-1);
    transform: scale(-1);
}

.questions .faq-title {
    margin: 5px 20px;
    display: -webkit-box;
    display: flex;
}

@media (min-width: 768px) and (max-width: 991px) {
    .questions .faq-title {
        text-align: center;
        -webkit-box-pack: center;
        justify-content: center;
        margin: 0;
        margin-bottom: 15px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .questions .faq-title {
        text-align: center;
        -webkit-box-pack: center;
        justify-content: center;
        margin: 0;
        margin-bottom: 15px;
    }
}

@media (max-width: 544px) {
    .questions .faq-title {
        text-align: center;
        -webkit-box-pack: center;
        justify-content: center;
        margin: 0;
        margin-bottom: 15px;
    }
}

.questions .faq-title h3 {
    color: #fff;
    font-size: 24px;
}

@media (max-width: 544px) {
    .questions .faq-title h3 {
        font-size: 24px;
    }
}

.questions .faq-title h3 span {
    font-size: 45px;
    color: #fff;
    display: block;
}

@media (max-width: 544px) {
    .questions .faq-title h3 span {
        font-size: 42px;
    }
}

.questions .faq-title svg {
    margin: 10px 20px;
}

.questions .faq-title img {
    width: 71.068px;
    height: 82.913px;
    margin: 10px 20px;
}

.questions > a {
    font-size: 33px;
    position: relative;
    color: #fff;
    display: block;
    transition: all 0.3s ease-in-out;
}

@media (min-width: 545px) and (max-width: 767px) {
    .questions > a {
        font-size: 28px;
    }
}

@media (max-width: 544px) {
    .questions > a {
        font-size: 24px;
    }
}

.questions > a:hover {
    padding-left: 5px;
    color: #47c0bb;
}

.riyadh-tourism {
    background: url(../images/riyadh.png) left center no-repeat fixed;
    padding: 150px 0;
    overflow: hidden;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .riyadh-tourism {
        padding: 50px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .riyadh-tourism {
        padding: 50px 0;
        background-size: unset;
        background-attachment: unset;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .riyadh-tourism {
        padding: 50px 0;
        background-size: unset;
        background-attachment: unset;
    }
}

@media (max-width: 544px) {
    .riyadh-tourism {
        padding: 50px 0;
        background-size: unset;
        background-attachment: unset;
    }
}

.riyadh-tourism .title a {
    display: block;
    margin-top: 30px;
}

    .riyadh-tourism .title a span {
        font-size: 30px;
        font-weight: Bold;
    }

.tourism-slider .card-block .img-block {
    height: 450px;
    width: 400px;
}

.tips {
    margin-top: 150px;
    position: relative;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .tips {
        margin-top: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .tips {
        margin-top: 50px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .tips {
        margin-top: 50px;
    }
}

@media (max-width: 544px) {
    .tips {
        margin-top: 50px;
    }
}

.tips .tips-container {
    background: url(../images/tips.jpg) no-repeat fixed;
    background-size: cover;
    min-height: 700px;
    position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
    .tips .tips-container {
        min-height: 1000px;
        background-size: unset;
        background-attachment: unset;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .tips .tips-container {
        min-height: 1000px;
        background-size: unset;
        background-attachment: unset;
    }
}

@media (max-width: 544px) {
    .tips .tips-container {
        min-height: 1000px;
        background-size: unset;
        background-attachment: unset;
    }
}

.tips .tips-title {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: auto;
    left: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .tips .tips-title {
        top: 60px;
        bottom: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .tips .tips-title {
        top: 60px;
        bottom: auto;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .tips .tips-title {
        top: 60px;
        bottom: auto;
    }
}

@media (max-width: 544px) {
    .tips .tips-title {
        top: 60px;
        bottom: auto;
    }
}

.tips .tips-title::after {
    background: url(../images/numbers-bg.png) no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    height: 70px;
    width: 20px;
    right: -20px;
    margin: auto;
    -webkit-transform: scale(-1);
    transform: scale(-1);
}

:lang(ar) .tips .tips-title::after,
[dir='rtl'] .tips .tips-title::after {
    -webkit-transform: none;
    transform: none;
}

.tips .tips-title .tip-title-container {
    padding: 40px 60px;
    background: #fff;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.tips .tips-title h4 {
    color: #04615c;
    font-size: 32px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .tips .tips-title h4 {
        font-size: 40px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .tips .tips-title h4 {
        font-size: 40px;
    }
}

@media (max-width: 544px) {
    .tips .tips-title h4 {
        font-size: 40px;
    }
}

.tips .tips-title h1 {
    color: #47c0bb;
    font-family: DINNextLTArabic-Bold;
    font-size: 90px;
    margin-top: -20px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .tips .tips-title h1 {
        font-size: 100px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .tips .tips-title h1 {
        font-size: 100px;
    }
}

@media (max-width: 544px) {
    .tips .tips-title h1 {
        font-size: 100px;
    }
}

.tips .tips-title img {
    width: 80%;
}

@media (min-width: 545px) and (max-width: 767px) {
    .tips .tips-title img {
        width: 250px;
    }
}

@media (max-width: 544px) {
    .tips .tips-title img {
        width: 250px;
    }
}

.tips .tips-content {
    background: #fff;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    box-shadow: 0 0 10px rgba(71, 71, 71, 0.1);
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}

@media (min-width: 545px) and (max-width: 767px) {
    .tips .tips-content {
        top: auto;
        bottom: 200px;
    }
}

@media (max-width: 544px) {
    .tips .tips-content {
        top: auto;
        bottom: 200px;
    }
}

.tips .tips-content::before {
    background: url(../images/shape2.svg) no-repeat;
    content: '';
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 233px;
    width: 81px;
    left: -38px;
    margin: auto;
    -webkit-transform: scale(-1);
    transform: scale(-1);
}

:lang(ar) .tips .tips-content::before,
[dir='rtl'] .tips .tips-content::before {
    -webkit-transform: none;
    transform: none;
}

.tips .tips-content .trips .trip-block {
    display: -webkit-box !important;
    display: flex !important;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 80px 40px;
}

    .tips .tips-content .trips .trip-block h4 {
        font-size: 48px;
        color: #04615c;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .tips .tips-content .trips .trip-block h4 {
        font-size: 40px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .tips .tips-content .trips .trip-block h4 {
        font-size: 40px;
    }
}

@media (max-width: 544px) {
    .tips .tips-content .trips .trip-block h4 {
        font-size: 32px;
    }
}

.tips .tips-content .trips .trip-block h2 {
    color: #47c0bb;
    font-size: 80px;
    font-family: DINNextLTW23-Bold;
}

@media (min-width: 768px) and (max-width: 991px) {
    .tips .tips-content .trips .trip-block h2 {
        font-size: 60px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .tips .tips-content .trips .trip-block h2 {
        font-size: 60px;
    }
}

@media (max-width: 544px) {
    .tips .tips-content .trips .trip-block h2 {
        font-size: 60px;
    }
}

.tips .tips-content .trips .slick-arrow {
    top: 44%;
}

@media (min-width: 545px) and (max-width: 767px) {
    .tips .tips-content .trips .slick-arrow.prev-arrow {
        left: 0;
    }
}

@media (max-width: 544px) {
    .tips .tips-content .trips .slick-arrow.prev-arrow {
        left: 0;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .tips .tips-content .trips .slick-arrow.next-arrow {
        right: 5px;
    }
}

@media (max-width: 544px) {
    .tips .tips-content .trips .slick-arrow.next-arrow {
        right: 5px;
    }
}

.airport-news {
    margin-top: 150px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .airport-news {
        margin-top: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .airport-news {
        margin-top: 50px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .airport-news {
        margin-top: 50px;
    }
}

@media (max-width: 544px) {
    .airport-news {
        margin-top: 50px;
    }
}

.airport-news .title h4 {
    font-size: 50px;
}

@media (min-width: 545px) and (max-width: 767px) {
    .airport-news .title h4 {
        font-size: 34px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .airport-news .title h4 {
        font-size: 30px;
    }
}

.airport-news .news-container {
    background: url(../images/news-bg.jpg) no-repeat fixed center;
    background-size: cover;
    min-height: 700px;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.airport-news .aboutKSA-container {
    background: url(../images/aboutksa_old.jpg) no-repeat fixed center;
    background-size: cover;
}

    .airport-news .aboutKSA-container .card-block:hover {
        opacity: 0.9;
    }

    .airport-news .aboutKSA-container .slick-slide img {
        height: 120px;
        width: auto;
        display: block;
        margin: auto;
        margin-bottom: 20px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .airport-news .news-container {
        -webkit-box-ordinal-group: 3;
        order: 2;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .airport-news .news-container {
        -webkit-box-ordinal-group: 3;
        order: 2;
        background-size: unset;
        background-attachment: unset;
    }

    .airport-news .aboutKSA-container {
        background-size: unset;
        background-attachment: unset;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .airport-news .news-container {
        -webkit-box-ordinal-group: 3;
        order: 2;
        background-size: unset;
        background-attachment: unset;
    }

    .airport-news .aboutKSA-container {
        background-size: unset;
        background-attachment: unset;
    }
}

@media (max-width: 544px) {
    .airport-news .news-container {
        -webkit-box-ordinal-group: 3;
        order: 2;
        background-size: unset;
        background-attachment: unset;
    }

    .airport-news .aboutKSA-container {
        background-size: unset;
        background-attachment: unset;
    }
}

.airport-news .news-container::before {
    background: url(../images/shape2.svg) no-repeat;
    content: '';
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 233px;
    width: 81px;
    right: -45px;
    margin: auto;
    -webkit-transform: scale(-1);
    transform: scale(-1);
}

:lang(ar) .airport-news .news-container::before,
[dir='rtl'] .airport-news .news-container::before {
    -webkit-transform: none;
    transform: none;
}

.airport-news .aboutKSA-slider,
.airport-news .news-slider {
    position: absolute;
    width: 100%;
    padding: 0 45px;
    bottom: 50px;
}

    .airport-news .aboutKSA-slider .card-block .card-body,
    .airport-news .news-slider .card-block .card-body {
        margin: 30px 0;
    }

        .airport-news .news-slider .card-block .card-body h3 {
            font-size: 22px;
            line-height: 36px;
            margin-bottom: 30px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            min-height: 110px;
        }

    .airport-news .aboutKSA-slider .card-block h3 {
        font-size: 22px;
        line-height: 36px;
        text-align: center;
        justify-content: center;
    }

    .airport-news .aboutKSA-slider .card-block:hover h3 {
        color: #47c0bb;
    }

    .airport-news .news-slider .card-block .card-body h3:after {
        font-size: 40px;
        top: auto;
        bottom: 0;
        right: 20px;
    }

    .airport-news .news-slider .card-block:hover {
        background: #47c0bb;
    }

        .airport-news .aboutKSA-slider .card-block:hover label,
        .airport-news .news-slider .card-block:hover label {
            color: #fff;
        }

        .airport-news .news-slider .card-block:hover h3 {
            color: #fff;
        }

            .airport-news .aboutKSA-slider .card-block:hover h3:after,
            .airport-news .news-slider .card-block:hover h3:after {
                color: #fff;
            }

    .airport-news .aboutKSA-slider .slick-arrow,
    .airport-news .news-slider .slick-arrow {
        top: 42%;
    }

        .airport-news .aboutKSA-slider .slick-arrow.prev-arrow,
        .airport-news .news-slider .slick-arrow.prev-arrow {
            left: 30px;
        }

        .airport-news .aboutKSA-slider .slick-arrow.next-arrow,
        .airport-news .news-slider .slick-arrow.next-arrow {
            right: 30px;
        }

.latest-news {
    position: relative;
}

    .latest-news > .container {
        max-width: 1760px;
    }

    .latest-news h1 {
        position: absolute;
        z-index: 2;
        top: 40px;
        left: 30px;
        color: #47c0bb;
        font-size: 38px;
    }

        .latest-news h1 span {
            color: #04615c;
        }

    .latest-news .card-block {
        padding: 15px;
        padding-bottom: 40px;
        height: calc(100% - 40px);
    }

        .latest-news .card-block .img-block {
            margin: 0;
        }

    .latest-news .twitter-widget {
        max-height: 660px;
        overflow: auto;
    }

    .latest-news .latest-slider {
        overflow: hidden;
        margin-top: 80px;
    }

        .latest-news .latest-slider .slick-arrow {
            top: 30%;
        }

            .latest-news .latest-slider .slick-arrow.next-arrow {
                right: 50px;
            }

            .latest-news .latest-slider .slick-arrow.prev-arrow {
                left: 50px;
                right: auto;
            }

        .latest-news .latest-slider .slick-dots {
            display: -webkit-box;
            display: flex;
            -webkit-box-pack: end;
            justify-content: flex-end;
            right: 60px;
            bottom: 0;
        }

            .latest-news .latest-slider .slick-dots li button {
                border: 2px solid rgba(71, 71, 71, 0.5);
            }

                .latest-news .latest-slider .slick-dots li button:active,
                .latest-news .latest-slider .slick-dots li button:hover {
                    border-color: #04615c;
                    background-color: #04615c;
                }

            .latest-news .latest-slider .slick-dots li.slick-active button {
                background-color: #04615c;
            }

.fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    visibility: visible !important;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.collapse {
    display: block !important;
    height: 0;
    overflow: hidden;
}

    .collapse.show {
        height: auto;
    }

.panel-body {
    margin-top: 10px;
}

.dropdown-menu {
    padding: 0;
}

    .dropdown-menu .dropdown-item {
        padding: 10px;
        font-size: 14px;
    }

.dropdown-item:focus,
.dropdown-item:hover {
    background: #474747;
    color: #fff;
}

.mCSB_inside > .mCSB_container {
    margin: 0;
}

#myTasksCollapse .mCSB_dragger_bar {
    background-color: #04615c;
    width: 6px;
}

#notificationsCollapse .mCSB_dragger_bar {
    background-color: #04615c;
    width: 6px;
}

.mCSB_scrollTools {
    width: 6px;
    height: 90%;
    margin: auto;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0 !important;
}

.tooltip-inner {
    max-width: 200px;
    padding: 7px 15px;
    color: #474747;
    text-align: center;
    background-color: #fff;
    border-radius: 20px;
    font-family: DINNextLTArabic-Regular;
    font-size: 18px;
    line-height: 32px;
    min-width: 100px;
}

.tooltip.bs-tooltip-auto[x-placement^='left'] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
    content: '';
    border-width: 6px 6px 6px 0;
    border-right-color: #fff;
}

.tooltip.bs-tooltip-auto[x-placement^='right'] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
    right: 0;
    content: '';
    border-width: 6px 6px 6px 0;
    border-right-color: #fff;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #47c0bb;
    width: 6px;
    border-radius: 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(71, 192, 187, 0.3);
    width: 6px;
    border-radius: 0;
}

.timeline-Viewport {
    height: 100% !important;
}

.faq {
    display: -webkit-box;
    display: flex;
    width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
    .faq {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .faq {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (max-width: 544px) {
    .faq {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

.faq .accordion {
    min-width: 74%;
}

@media (min-width: 768px) and (max-width: 991px) {
    .faq .accordion {
        -webkit-box-ordinal-group: 3;
        order: 2;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .faq .accordion {
        -webkit-box-ordinal-group: 3;
        order: 2;
    }
}

@media (max-width: 544px) {
    .faq .accordion {
        -webkit-box-ordinal-group: 3;
        order: 2;
    }
}

.faq .card {
    border: 0;
    width: 100%;
    border-radius: 0;
    background: 0 0;
    margin-bottom: 15px;
    box-shadow: 0 0 5px rgba(71, 71, 71, 0.1);
}

    .faq .card .card-header {
        border: 0;
        padding: 0;
        outline: 0;
        background: 0 0;
        margin: 0;
    }

        .faq .card .card-header .btn-header-link {
            background: #fff;
            border-top: 2px solid #04615c;
            color: #04615c;
            display: block;
            text-align: left;
            padding: 12px 30px 15px 30px;
            outline: 0;
            font-size: 40px;
            -webkit-transition: none;
            transition: none;
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            justify-content: space-between;
            border-top-left-radius: 25px;
            border-top-right-radius: 25px;
        }

@media (min-width: 545px) and (max-width: 767px) {
    .faq .card .card-header .btn-header-link {
        font-size: 30px;
    }
}

@media (max-width: 544px) {
    .faq .card .card-header .btn-header-link {
        font-size: 20px;
    }
}

.faq .card .card-header .btn-header-link:after {
    content: '\f068';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    float: right;
    font-size: 18px;
    background: #04615c;
    width: 30px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
}

.faq .card .card-header .btn-header-link.collapsed {
    color: #04615c;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 25px;
}

.faq .card:last-of-type .card-header .btn-header-link {
    border-bottom: none;
}

.faq .card .card-header .btn-header-link.collapsed:after {
    content: '\f067';
}

.faq .card .collapsing {
    line-height: 30px;
}

.faq .card .collapse {
    border: 0;
}

    .faq .card .collapse.show {
        line-height: 30px;
        color: #474747;
    }

.faq .card-body {
    padding: 0;
    background: #f7f7f7;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

    .faq .card-body .form-group label {
        font-size: 16px;
        color: #474747;
        display: block;
    }

    .faq .card-body .form-group span {
        font-size: 16px;
        color: rgba(71, 71, 71, 0.4);
        display: block;
    }

    .faq .card-body p {
        font-size: 16px;
    }

    .faq .card-body strong {
        font-weight: bolder;
        font-size: 18px;
    }

    .faq .card-body ul {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding: 25px 0;
    }

        .faq .card-body ul li {
            position: relative;
            top: 0;
            display: -webkit-box;
            display: flex;
            -webkit-box-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            align-items: center;
            padding: 0 20px;
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            .faq .card-body ul li a {
                display: -webkit-box;
                display: flex;
                width: 100%;
                font-size: 24px;
                position: relative;
                color: #474747;
                -webkit-box-align: center;
                align-items: center;
                padding: 25px 15px;
                border-bottom: 1px solid rgba(71, 71, 71, 0.2);
            }

                .faq .card-body ul li a:before {
                    content: '';
                    background-color: transparent;
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    height: 2px;
                    -webkit-transform: scale(0, 0);
                    transform: scale(0, 0);
                    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 0.4) 0s;
                    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 0.4) 0s;
                    width: 0;
                }

            .faq .card-body ul li:hover a {
                background: #47c0bb;
                color: #fff;
            }

                .faq .card-body ul li:hover a:before {
                    -webkit-transform: scale(1);
                    transform: scale(1);
                    z-index: 2;
                    background-color: #47c0bb;
                    width: 100%;
                }

            .faq .card-body ul li:last-child a {
                border-bottom: none;
            }

                .faq .card-body ul li:last-child a:before {
                    display: none;
                }

.faq-info {
    display: -webkit-box;
    display: flex;
    width: 100%;
}

    .faq-info .card {
        border: 0;
        width: 100%;
        border-radius: 0;
        background: 0 0;
        margin: 20px 0;
        border-radius: 8px !important;
        box-shadow: 0 0 20px 0 rgba(51, 62, 75, 0.1);
    }

        .faq-info .card .card-header {
            border: 0;
            padding: 0;
            outline: 0;
            margin: 0;
            border-radius: 8px !important;
            background: #fff;
        }

            .faq-info .card .card-header .btn-header-link {
                color: #47c0bb;
                display: block;
                padding: 20px;
                outline: 0;
                font-size: 24px;
                -webkit-transition: none;
                transition: none;
                display: -webkit-box;
                display: flex;
                -webkit-box-align: center;
                align-items: center;
                border-bottom: 1px solid rgba(71, 71, 71, 0.1);
            }

                .faq-info .card .card-header .btn-header-link:hover {
                    color: #04615c;
                }

                .faq-info .card .card-header .btn-header-link:before {
                    content: '\f068';
                    font-family: 'Font Awesome 5 Free';
                    font-weight: 600;
                    float: left;
                    font-size: 10px;
                    border-radius: 2px;
                    width: 15px;
                    height: 15px;
                    line-height: 15px;
                    text-align: center;
                    color: #fff;
                    background-color: #47c0bb;
                    margin-right: 15px;
                    margin-top: 10px;
                }

                .faq-info .card .card-header .btn-header-link.collapsed {
                    color: #474747;
                    -webkit-transition: all 0.3s linear;
                    transition: all 0.3s linear;
                    border-radius: 8px;
                }

                    .faq-info .card .card-header .btn-header-link.collapsed:hover {
                        color: #04615c;
                    }

                    .faq-info .card .card-header .btn-header-link.collapsed:before {
                        content: '';
                    }

:lang(ar) .faq-info .card .card-header .btn-header-link.collapsed:before,
[dir='rtl'] .faq-info .card .card-header .btn-header-link.collapsed:before {
    content: '';
}

.faq-info .card .collapsing {
    line-height: 30px;
}

.faq-info .card .collapse {
    border: 0;
}

    .faq-info .card .collapse.show {
        line-height: 30px;
        color: #474747;
    }

.faq-info .card-body {
    padding: 25px;
    padding-top: 0;
    background: #fff;
    border-radius: 8px;
}

    .faq-info .card-body p {
        line-height: 36px;
    }

    .faq-info .card-body strong {
        font-weight: bolder;
        font-size: 18px;
    }

    .faq-info .card-body a {
        color: #04615c;
    }

        .faq-info .card-body a:hover {
            color: #47c0bb;
        }

.back {
    text-align: center;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    position: relative;
    color: #fff;
    height: 47px;
    border-radius: 20px;
    padding: 0 40px;
    font-size: 18px;
    border: none;
    outline: 0;
    box-shadow: none;
    border: 1px solid #474747;
    background: 0 0;
    color: #474747;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

    .back span {
        margin-top: -10px;
    }

    .back:after {
        content: '';
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
        font-size: 18px;
        border-radius: 2px;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        color: #47c0bb;
        margin-left: 15px;
    }

:lang(ar) .back:after,
[dir='rtl'] .back:after {
    content: '';
}

.back:hover {
    background-color: #04615c;
    border: 1px solid #474747;
    color: #fff;
}

    .back:hover:after {
        color: #fff;
    }

.breadcrumbs {
    background: rgba(255, 255, 255, 0.7);
    padding: 15px 0;
    position: relative;
    z-index: 9;
    width: 100%;
}

    .breadcrumbs .bread-content {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
    }

        .breadcrumbs .bread-content .ms-breadcrumbRootNode {
            display: -webkit-box;
            display: flex;
            margin: 0;
            flex-wrap: wrap;
        }

            .breadcrumbs .bread-content .ms-breadcrumbRootNode span {
                display: none;
            }

                .breadcrumbs .bread-content .ms-breadcrumbRootNode span.active {
                    display: block;
                    font-weight: 700;
                    color: #474747;
                    font-size: 16px;
                    margin-left: 8px;
                    margin-right: 8px;
                    white-space: nowrap;
                }

            .breadcrumbs .bread-content .ms-breadcrumbRootNode a.ms-breadcrumbRootNode {
                display: inline-block;
                display: -webkit-inline-box;
                display: inline-flex;
                position: relative;
                margin-right: 8px;
                color: #474747;
                font-size: 16px;
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }

                .breadcrumbs
                .bread-content
                .ms-breadcrumbRootNode
                a.ms-breadcrumbRootNode::after {
                    display: inline-block;
                    position: relative;
                    right: 0;
                    width: 0;
                    height: 0;
                    vertical-align: 0;
                    content: '';
                    border-top: none;
                    border-right: none;
                    border-bottom: none;
                    border-left: none;
                    color: #474747;
                    font-family: 'Font Awesome\ 5 Free';
                    font-weight: 900;
                    margin-left: 10px;
                    font-size: 16px;
                    color: #474747;
                }

:lang(ar)
.breadcrumbs
.bread-content
.ms-breadcrumbRootNode
a.ms-breadcrumbRootNode::after,
[dir='rtl']
.breadcrumbs
.bread-content
.ms-breadcrumbRootNode
a.ms-breadcrumbRootNode::after {
    content: '';
}

.breadcrumbs
.bread-content
.ms-breadcrumbRootNode
a.ms-breadcrumbRootNode:hover {
    color: #04615c;
}

.breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbNode {
    display: inline-block;
    display: -webkit-inline-box;
    display: inline-flex;
    position: relative;
    flex-wrap: wrap;
}

    .breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbNode a {
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        font-weight: 700;
        color: #474747;
        font-size: 16px;
        margin-right: 8px;
        margin-left: 8px;
        white-space: nowrap;
    }

        .breadcrumbs
        .bread-content
        .ms-breadcrumbRootNode
        li.ms-breadcrumbNode
        a:hover {
            color: #04615c;
        }

        .breadcrumbs
        .bread-content
        .ms-breadcrumbRootNode
        li.ms-breadcrumbNode
        a::after {
            display: inline-block;
            position: relative;
            right: 0;
            width: 0;
            height: 0;
            vertical-align: 0;
            content: '';
            border-top: none;
            border-right: none;
            border-bottom: none;
            border-left: none;
            color: #474747;
            font-family: 'Font Awesome\ 5 Free';
            font-weight: 900;
            margin-left: 10px;
            font-size: 16px;
            color: #474747;
        }

:lang(ar)
.breadcrumbs
.bread-content
.ms-breadcrumbRootNode
li.ms-breadcrumbNode
a::after,
[dir='rtl']
.breadcrumbs
.bread-content
.ms-breadcrumbRootNode
li.ms-breadcrumbNode
a::after {
   /* content: '';*/
}

.breadcrumbs
.bread-content
.ms-breadcrumbRootNode
li.ms-breadcrumbNode
a.ms-breadcrumbCurrentNode {
    font-family: DINNextLTArabic-Bold;
}

    .breadcrumbs
    .bread-content
    .ms-breadcrumbRootNode
    li.ms-breadcrumbNode
    a.ms-breadcrumbCurrentNode::after {
        display: none;
    }

.siteIcons {
    margin: 10px 0;
    margin-right: -10px;
    position: relative;
    z-index: 99;
}

    .siteIcons > ul {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: end;
        justify-content: flex-end;
        position: relative;
    }

        .siteIcons > ul > li {
            list-style-type: none;
            margin: 0 5px;
        }

            .siteIcons > ul > li > a {
                background: rgba(255, 255, 255, 0.8);
                border-radius: 50%;
                width: 50px;
                height: 50px;
                display: -webkit-box;
                display: flex;
                -webkit-box-align: center;
                align-items: center;
                -webkit-box-pack: center;
                justify-content: center;
                font-size: 18px;
                color: #474747;
                -webkit-transition: all 0.3s linear;
                transition: all 0.3s linear;
            }

                .siteIcons > ul > li > a:hover {
                    opacity: 0.6;
                }

.list_share {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}

    .list_share > a {
        -ms-grid-row-align: center;
        align-self: center;
    }

        .list_share > a ~ ul {
            display: -webkit-box;
            display: flex;
            position: absolute;
            background: rgba(255, 255, 255, 0.8);
            padding: 0;
            top: 115%;
            left: 0;
            right: 0;
            margin: auto;
            width: 110px;
            -webkit-box-pack: justify;
            justify-content: space-between;
            border-radius: 5px;
            box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.3);
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            .list_share > a ~ ul:before {
                border-bottom: 8px solid rgba(255, 255, 255, 0.8);
                border-right: 8px solid transparent;
                border-left: 8px solid transparent;
                top: -8px;
                content: '';
                display: block;
                left: 50%;
                margin-left: -8px;
                position: absolute;
            }

            .list_share > a ~ ul li {
                margin: 5px;
            }

            .list_share > a ~ ul li {
                margin: 8px 10px !important;
                opacity: 0;
                -webkit-transform: scale(0);
                transform: scale(0);
                -webkit-transition: all 0.2s linear 0.2s;
                transition: all 0.2s linear 0.2s;
            }

                .list_share > a ~ ul li a {
                    font-size: 18px !important;
                    color: #474747;
                }

                    .list_share > a ~ ul li a:hover {
                        color: #04615c;
                    }

    .list_share:hover > ul li {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .list_share:hover > ul {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

.bread-content > ul > li > a {
    display: none !important;
}

ul.ms-breadcrumbNode,
ul.ms-breadcrumbRootNode {
    margin: 0;
}

.ms-breadcrumbCurrentNode > a:hover,
.ms-breadcrumbNode > a:hover,
.ms-breadcrumbRootNode > a:hover {
    text-decoration: none;
}

#Paging,
.pagination {
    margin: 55px 0 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

    #Paging li,
    .pagination li {
        border-right: 1px solid rgba(71, 71, 71, 0.2);
    }

        #Paging li:last-child,
        .pagination li:last-child {
            border: none;
        }

        #Paging li a,
        .pagination li a {
            min-width: 55px;
            height: 55px;
            line-height: 55px;
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            position: relative;
            text-align: center;
            cursor: pointer;
            color: #2b3a53;
            background: #fff;
            border: none;
            font-weight: 700;
            outline: 0;
            font-size: 18px;
            padding: 15px;
            box-shadow: 0 0 10px rgba(71, 71, 71, 0.1);
        }

        #Paging li.disabled a,
        .pagination li.disabled a {
            cursor: default;
            background: rgba(71, 71, 71, 0.05);
        }

        #Paging li a#PageLinkNext,
        #Paging li a#PageLinkPrev,
        .pagination li a#PageLinkNext,
        .pagination li a#PageLinkPrev {
            min-width: 70px;
            text-decoration: none !important;
        }

            #Paging li a#PageLinkPrev:after,
            .pagination li a#PageLinkPrev:after {
                content: 'السابق';
                position: relative;
                width: auto;
                height: 55px;
                content: '';
                font-weight: 900;
                font-family: 'Font Awesome\ 5 Free';
            }

:lang(ar) #Paging li a#PageLinkPrev:after,
:lang(ar) .pagination li a#PageLinkPrev:after,
[dir='rtl'] #Paging li a#PageLinkPrev:after,
[dir='rtl'] .pagination li a#PageLinkPrev:after {
    content: '';
    font-weight: 900;
    text-decoration: none !important;
}

#Paging li a#PageLinkNext:after,
.pagination li a#PageLinkNext:after {
    content: 'التالي';
    position: relative;
    width: auto;
    height: 55px;
    content: '';
    font-weight: 900;
    font-family: 'Font Awesome\ 5 Free';
}

:lang(ar) #Paging li a#PageLinkNext:after,
:lang(ar) .pagination li a#PageLinkNext:after,
[dir='rtl'] #Paging li a#PageLinkNext:after,
[dir='rtl'] .pagination li a#PageLinkNext:after {
    content: '';
    font-weight: 900;
}

#Paging li a .ms-promlink-button-image,
.pagination li a .ms-promlink-button-image {
    display: none;
}

#Paging li#PagingSelf a,
#Paging li:hover a,
.pagination li.active a,
.pagination li.current a,
.pagination li:hover a {
    background-color: #47c0bb !important;
    background-image: none;
    color: #fff !important;
}

#Paging li#PagingSelf.disabled a,
#Paging li.disabled a:hover,
#Paging li.disabled:hover a,
.pagination li.disabled:hover a {
    background: rgba(43, 58, 83, 0.1) !important;
    color: #2b3a53 !important;
}

.form-group {
    position: relative;
    margin-bottom: 25px;
}

    .form-group img#srch_img_icon {
        margin-right: 15px;
        max-width: 50px;
    }

    .form-group label {
        font-size: 20px;
        margin-bottom: 15px;
        margin-left: 30px;
        font-weight: 500;
        color: #474747;
    }

        .form-group label .astrisk {
            color: red;
        }

    .form-group .number {
        background: rgba(71, 71, 71, 0.1);
        color: #474747;
        height: 68px;
        line-height: 68px;
        border-radius: 50px;
        display: inline-block;
        padding: 0 40px;
        font-size: 20px;
        position: absolute;
        bottom: 1px;
        left: 16px;
    }

    .form-group i {
        position: absolute;
        bottom: 20px;
        margin: auto;
        right: 50px;
        color: #47c0bb;
        font-size: 32px;
    }

    .form-group .form-control,
    .form-group input[type='email'],
    .form-group input[type='tel'],
    .form-group input[type='text'],
    .form-group textarea {
        -webkit-transition: all linear 0.3s;
        transition: all linear 0.3s;
        padding: 10px 30px;
        min-height: 70px;
        outline: 0;
        font-size: 18px;
        border: 1px solid #cecece;
        border-radius: 50px;
        background-color: #fff;
        box-shadow: 0 0 10px 0 rgba(20, 50, 80, 0.05);
    }

        .form-group .form-control:focus,
        .form-group input[type='email']:focus,
        .form-group input[type='tel']:focus,
        .form-group input[type='text']:focus,
        .form-group textarea:focus {
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
            border: 1px solid #47c0bb;
        }

        .form-group .form-control:-moz-placeholder,
        .form-group input[type='email']:-moz-placeholder,
        .form-group input[type='tel']:-moz-placeholder,
        .form-group input[type='text']:-moz-placeholder,
        .form-group textarea:-moz-placeholder {
            color: rgba(71, 71, 71, 0.5) !important;
        }

        .form-group .form-control::-webkit-input-placeholder,
        .form-group input[type='email']::-webkit-input-placeholder,
        .form-group input[type='tel']::-webkit-input-placeholder,
        .form-group input[type='text']::-webkit-input-placeholder,
        .form-group textarea::-webkit-input-placeholder {
            color: rgba(71, 71, 71, 0.5) !important;
        }

    .form-group textarea {
        padding: 30px !important;
    }

    .form-group .form-control.phone {
        padding-left: 130px;
    }

    .form-group .btn {
        text-align: center;
        -webkit-transition: all linear 0.3s;
        transition: all linear 0.3s;
        position: relative;
        color: #fff;
        height: 70px;
        border-radius: 50px;
        padding: 0 70px;
        margin: 15px;
        font-size: 18px;
        border: none;
        outline: 0;
        box-shadow: none;
        border: 1px solid #47c0bb;
        font-family: DINNextLTArabic-Bold;
        box-shadow: 0 0 10px 0 rgba(20, 50, 80, 0.05);
    }

        .form-group .btn.btn-primary {
            background: #47c0bb;
        }

            .form-group .btn.btn-primary:hover {
                background: #04615c;
                border: 1px solid #04615c;
                box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
                color: #fff;
            }

        .form-group .btn.btn-secondary {
            background: 0 0;
            color: #04615c;
        }

            .form-group .btn.btn-secondary:hover {
                background: #47c0bb;
                box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
                color: #fff;
            }

.invalid-tooltip {
    width: calc(100% - 30px);
}

.form-control.is-invalid,
.form-control.is-valid,
.was-validated .form-control:invalid,
.was-validated .form-control:valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: center right calc(0.375em + 0.1875rem);
    padding-left: 0.75rem;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: none;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: url(../images/arrow-down.svg) #fff no-repeat right 30px top 30px;
}

    select.form-control option {
        padding: 20px;
        border-radius: 50px;
    }

.form-row .datepicker {
    display: -webkit-box;
    display: flex;
    position: relative;
}

    .form-row .datepicker i {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: 13px auto;
        right: 15px;
        font-size: 17px;
        color: #474747;
    }

    .form-row .datepicker .invalid-tooltip {
        width: 100%;
    }

    .form-row .datepicker .form-control {
        background-image: none;
    }

.capatcha {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 30px;
}

    .capatcha a {
        color: #989899;
        -webkit-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;
        font-size: 20px;
    }

        .capatcha a:hover {
            color: #04615c;
        }

.table {
    position: relative;
}

    .table thead {
        background: #eee;
    }

        .table thead th {
            padding: 0 10px;
            color: #474747;
            font-size: 22px;
            text-align: center;
        }

            .table thead th span {
                display: inline-block;
                position: relative;
                padding: 20px 0;
            }

    .table tbody tr:nth-of-type(odd) {
        background: #f7f7f7;
    }

    .table tbody td {
        padding: 20px 15px;
        color: #474747;
    }

    .table tbody .st-key {
        font-weight: 700;
    }

    .table tr.red td,
    .table tr.red th {
        color: red;
    }

    .table tr td {
        border-top: none;
        min-width: 100px;
        font-size: 18px;
        vertical-align: middle;
        text-align: center;
    }

        .table tr td img {
            display: block;
            margin: auto;
        }

        .table tr td a {
            color: #47c0bb;
        }

            .table tr td a:hover {
                opacity: 0.8;
                text-decoration: underline;
            }

        .table tr td:first-child {
            min-width: -webkit-fit-content;
            min-width: -moz-fit-content;
            min-width: fit-content;
            text-align: center;
        }

        .table tr td:last-child {
            text-align: center;
            min-width: -webkit-fit-content;
            min-width: -moz-fit-content;
            min-width: fit-content;
        }

            .table tr td:last-child a {
                color: #474747;
                display: inline-block;
                margin: 0 3px;
                -webkit-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
            }

                .table tr td:last-child a i {
                    font-size: 18px;
                }

                .table tr td:last-child a svg {
                    fill: #474747;
                    -webkit-transition: all 0.2s ease-in;
                    transition: all 0.2s ease-in;
                }

                .table tr td:last-child a:hover {
                    opacity: 0.8;
                    text-decoration: none;
                }

                    .table tr td:last-child a:hover svg {
                        fill: #47c0bb;
                    }

                .table tr td:last-child a.add {
                    color: #47c0bb;
                }

.table_head {
    background: #f7f7f7;
    padding: 15px 0;
}

    .table_head .form-inline {
        -webkit-box-pack: end;
        justify-content: flex-end;
    }

    .table_head .col:first-child a {
        padding: 14px;
        display: inline-block;
        color: #474747;
        font-size: 13px;
    }

        .table_head .col:first-child a i {
            color: #47c0bb;
            font-size: 16px;
            vertical-align: -2px;
            margin-right: 5px;
        }

    .table_head .col:last-child a {
        color: #474747;
        padding-right: 10px;
    }

    .table_head .form-inline label {
        border-left: 1px solid #f7f7f7;
        padding-left: 10px;
    }

    .table_head .form-inline span {
        padding-left: 10px;
        padding-right: 10px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .stacktable.large-only {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .stacktable.large-only {
        display: none;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .stacktable.large-only {
        display: none;
    }
}

@media (max-width: 544px) {
    .stacktable.large-only {
        display: none;
    }
}

.stacktable.small-only {
    display: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .stacktable.small-only {
        display: table;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .stacktable.small-only {
        display: table;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .stacktable.small-only {
        display: table;
    }
}

@media (max-width: 544px) {
    .stacktable.small-only {
        display: table;
    }
}

.master header {
    color: #04615c;
}

    .master header i,
    .master header select,
    .master header svg {
        fill: #04615c;
        color: #04615c;
    }

    .master header .header-info ul li select {
        color: #04615c;
        background: url(../images/caret-down-green.svg) no-repeat right 0 top 17px;
    }

        .master header .header-info ul li select option {
            padding: 5px;
            background: #04615c;
            color: #fff;
        }

    .master header a {
        color: #04615c;
    }

        .master header a:hover {
            color: #47c0bb;
        }

    .master header .accessability ul li a.disabled {
        color: rgba(71, 71, 71, 0.4);
    }

        .master header .accessability ul li a.disabled:hover {
            color: rgba(71, 71, 71, 0.4);
        }

    .master header .languages .dropdown-menu {
        background: #47c0bb;
    }

        .master header .languages .dropdown-menu a {
            color: #fff;
        }

        .master header .languages .dropdown-menu::before {
            background: url(../images/shape-green.svg) no-repeat;
            -webkit-transform: scale(-1);
            transform: scale(-1);
            z-index: -1;
            content: '';
            height: 29px;
            width: 81px;
            background-size: cover;
        }

.master .slider-content {
    padding: 0;
}

.master .tabbed {
    border: 1px solid #04615c;
}

@media (min-width: 545px) and (max-width: 767px) {
    .master .tabbed {
        position: relative;
        top: auto;
        width: 90%;
        float: none;
    }
}

@media (max-width: 544px) {
    .master .tabbed {
        position: relative;
        top: auto;
        width: 90%;
        float: none;
    }
}

.master .tabbed > label {
    color: #04615c;
}

.master main .container {
    max-width: 1600px;
}

.page-banner {
    margin: 30px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
    width: 100%;
    position: absolute;
    padding: 0;
}

    .page-banner .container {
        max-width: 1600px;
    }

    .page-banner .banner-content {
        width: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 40px 0;
    }

@media (min-width: 545px) and (max-width: 767px) {
    .page-banner .banner-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding: 0;
    }
}

@media (max-width: 544px) {
    .page-banner .banner-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding: 0;
    }
}

.page-banner .banner-content h1 {
    font-size: 50px;
    color: #fff;
    margin: 10px 0;
}

@media (min-width: 545px) and (max-width: 767px) {
    .page-banner .banner-content h1 {
        font-size: 32px;
    }
}

@media (max-width: 544px) {
    .page-banner .banner-content h1 {
        font-size: 32px;
    }
}

.page-container {
    padding: 50px;
    background: rgba(255, 255, 255, 0.99);
    position: relative;
    margin-top: 240px;
    min-height: 500px;
    border-radius: 25px;
    box-shadow: 0 -19px 19px 2px rgba(71, 71, 71, 0.1);
}

    .page-container .page-news .card-block {
        border-radius: 0;
        margin: 15px 0;
        height: calc(100% - 30px);
    }

        .page-container .page-news .card-block .img-block {
            border-radius: 0;
            height: auto;
        }

            .page-container .page-news .card-block .img-block .img-container img {
                height: 280px;
            }

        .page-container .page-news .card-block .card-body label,
        .page-container .page-news .card-block .card-body small {
            font-size: 16px;
        }

            .page-container .page-news .card-block .card-body label i,
            .page-container .page-news .card-block .card-body small i {
                font-size: 18px;
                margin-right: 5px;
            }

        .page-container .page-news .card-block .card-body h4 {
            font-size: 24px;
            line-height: 40px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

        .page-container .page-news .card-block .card-body.event {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: start;
            align-items: flex-start;
            -webkit-box-pack: center;
            justify-content: center;
        }

@media (max-width: 544px) {
    .page-container .page-news .card-block .card-body.event {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

.page-container .page-news .card-block .card-body.event h4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 80px;
}

.page-container .page-news .card-block .card-body.event label {
    font-size: 22px;
    font-family: DINNextLTArabic-Regular;
    margin: 20px 0;
}

.page-container .page-news .card-block .card-body.event .date-block {
    padding: 10px 20px;
    padding-right: 40px;
    margin: 10px 0;
    margin-right: 30px;
}

.page-container .page-news .card-block:hover {
    background: #47c0bb;
}

    .page-container .page-news .card-block:hover label {
        color: #fff;
    }

    .page-container .page-news .card-block:hover h4 {
        color: #fff;
    }

    .page-container .page-news .card-block:hover p {
        color: #fff;
    }

.page-container .page-news-details h2 {
    font-size: 42px;
    color: #474747;
    margin-bottom: 30px;
    display: block;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

@media (min-width: 545px) and (max-width: 767px) {
    .page-container .page-news-details h2 {
        font-size: 32px;
    }
}

@media (max-width: 544px) {
    .page-container .page-news-details h2 {
        font-size: 28px;
    }
}

.page-container .page-news-details label {
    font-weight: 600;
    margin-bottom: 40px;
}

    .page-container .page-news-details label i {
        color: #474747;
        font-size: 18px;
    }

    .page-container .page-news-details label small {
        color: #474747;
        font-size: 16px;
        margin-left: 5px;
        font-weight: 700;
    }

.page-container .page-news-details .event-location {
    margin-bottom: 40px;
    color: #47c0bb;
}

    .page-container .page-news-details .event-location i {
        font-size: 20px;
        margin-right: 5px;
        vertical-align: middle;
    }

    .page-container .page-news-details .event-location span {
        font-weight: 700;
        font-size: 16px;
    }

.page-container .page-news-details img {
    margin-bottom: 40px;
    width: 100%;
}

.page-container .page-news-details p {
    font-size: 18px;
    color: #474747;
    margin-bottom: 20px;
    line-height: 40px;
}

.page-container .page-news-details ul li {
    background: url(../images/bullet.png) no-repeat left top 12px;
    display: block;
    padding-left: 30px;
    margin-bottom: 5px;
    line-height: 32px;
    font-size: 18px;
}

.page-container .page-news-details ol li {
    list-style-type: decimal;
    margin-left: 20px;
}

.page-container .page-news-details ol ol {
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.page-container .event-details {
    margin-bottom: 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

@media (min-width: 545px) and (max-width: 767px) {
    .page-container .event-details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (max-width: 544px) {
    .page-container .event-details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

.page-container .event-details .event-calender {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 100%;
    flex: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-container .event-details .event-calender {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .page-container .event-details .event-calender {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (max-width: 544px) {
    .page-container .event-details .event-calender {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

.page-container .event-details .event-calender .date-block {
    padding: 20px 30px;
    background: #fff;
    border: 1px solid rgba(71, 71, 71, 0.4);
    border-radius: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    -webkit-box-flex: 3;
    flex: 3;
    color: #474747;
}

    .page-container .event-details .event-calender .date-block span {
        font-size: 22px;
    }

    .page-container .event-details .event-calender .date-block h2 {
        font-size: 40px;
        color: #47c0bb;
    }

    .page-container .event-details .event-calender .date-block h4 {
        font-size: 24px;
    }

    .page-container .event-details .event-calender .date-block h6 {
        font-size: 18px;
        margin-bottom: 15px;
        color: #47c0bb;
    }

    .page-container .event-details .event-calender .date-block.primary {
        background: #04615c;
        color: #fff;
        -webkit-box-flex: 1;
        flex: 1;
    }

        .page-container .event-details .event-calender .date-block.primary h4,
        .page-container .event-details .event-calender .date-block.primary h6 {
            color: #fff;
        }

    .page-container .event-details .event-calender .date-block.secondary {
        background: #47c0bb;
        color: #fff;
        -webkit-box-flex: 1;
        flex: 1;
    }

        .page-container .event-details .event-calender .date-block.secondary h4,
        .page-container .event-details .event-calender .date-block.secondary h6 {
            color: #fff;
        }

.page-container .events_calender {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: 1px solid rgba(71, 71, 71, 0.7);
    padding: 15px 30px;
    font-size: 22px;
    border-radius: 30px;
    color: #474747;
    margin-bottom: 20px;
    float: right;
}

    .page-container .events_calender span {
        margin-top: -5px;
    }

    .page-container .events_calender i {
        color: #47c0bb;
        font-size: 24px;
        margin-left: 15px;
    }

    .page-container .events_calender:hover {
        background: #47c0bb;
        border: 1px solid #fff;
        color: #fff;
    }

        .page-container .events_calender:hover i {
            color: #fff;
        }

.page-container .page-help .help-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
    margin-bottom: 30px;
}

    .page-container .page-help .help-top:after {
        content: '';
        background-color: #47c0bb;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        width: 200px;
        height: 5px;
        border-radius: 10px;
    }

    .page-container .page-help .help-top .dfwp-list {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

.page-container .page-help .help-menu {
    margin-left: 10px;
    display: inline-block;
}

@media (max-width: 544px) {
    .page-container .page-help .help-menu {
        margin-left: 5px;
    }
}

.page-container .page-help .help-menu > a {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    background: 0 0;
    position: relative;
    border-radius: 10em;
    padding: 10px 5px;
    border: 1px solid #47c0bb;
    min-width: 300px;
    color: #474747;
}

    .page-container .page-help .help-menu > a i,
    .page-container .page-help .help-menu > a svg {
        font-size: 24px;
        fill: #47c0bb !important;
        vertical-align: middle;
        margin-left: 15px;
    }

        .page-container .page-help .help-menu > a i path,
        .page-container .page-help .help-menu > a svg path {
            color: #47c0bb !important;
        }

    .page-container .page-help .help-menu > a span {
        font-size: 24px;
        margin-left: 5px;
        font-weight: 400;
        margin: 5px 15px;
        padding-left: 5px;
        margin-top: -2px;
        display: block;
    }

    .page-container .page-help .help-menu > a::after {
        display: none;
    }

    .page-container .page-help .help-menu > a::before {
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
        position: absolute;
        right: -5px;
        width: 0;
        height: 0;
        content: '\f107';
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-left: none;
        color: #474747;
        font-family: 'Font Awesome\ 5 Free';
        font-weight: 900;
        margin: 12px 40px;
        top: 0;
        bottom: 0;
        font-size: 24px;
    }

    .page-container .page-help .help-menu > a:active,
    .page-container .page-help .help-menu > a:hover,
    .page-container .page-help .help-menu > a[aria-expanded='true'] {
        background-color: #47c0bb;
        color: #fff;
    }

        .page-container .page-help .help-menu > a:active i,
        .page-container .page-help .help-menu > a:active svg,
        .page-container .page-help .help-menu > a:hover i,
        .page-container .page-help .help-menu > a:hover svg,
        .page-container .page-help .help-menu > a[aria-expanded='true'] i,
        .page-container .page-help .help-menu > a[aria-expanded='true'] svg {
            fill: #fff !important;
        }

            .page-container .page-help .help-menu > a:active i path,
            .page-container .page-help .help-menu > a:active svg path,
            .page-container .page-help .help-menu > a:hover i path,
            .page-container .page-help .help-menu > a:hover svg path,
            .page-container .page-help .help-menu > a[aria-expanded='true'] i path,
            .page-container .page-help .help-menu > a[aria-expanded='true'] svg path {
                fill: #fff !important;
            }

        .page-container .page-help .help-menu > a:active::before,
        .page-container .page-help .help-menu > a:hover::before,
        .page-container .page-help .help-menu > a[aria-expanded='true']::before {
            color: #fff;
        }

.page-container .page-help .help-menu .dropdown-menu {
    width: 100%;
    top: 5px !important;
    border-radius: 20px;
    right: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
}

    .page-container .page-help .help-menu .dropdown-menu a {
        border-bottom: 1px solid rgba(71, 71, 71, 0.2);
        text-align: left;
        font-size: 24px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .page-container .page-help .help-menu .dropdown-menu a img {
            vertical-align: middle;
            margin-top: -3px;
        }

        .page-container .page-help .help-menu .dropdown-menu a span {
            margin: 5px;
        }

        .page-container .page-help .help-menu .dropdown-menu a:hover {
            color: #47c0bb;
            background: #f7f7f7;
        }

        .page-container .page-help .help-menu .dropdown-menu a:last-of-type {
            border-bottom: none;
        }

.page-container .page-help p {
    font-size: 20px;
    margin: 30px 0;
    color: #474747;
}

.page-container .page-help h4 {
    font-size: 20px;
    color: #474747;
    margin: 30px 10px;
    font-family: DINNextLTArabic-Bold;
}

.page-container .page-help h4 {
    font-size: 28px;
    color: #474747;
    margin: 30px 10px;
}

.page-container .info-center {
    margin-top: 30px;
}

.page-container .info {
    margin: 20px;
    padding: 0;
    padding-bottom: 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    .page-container .info:after {
        content: '';
        background-color: rgba(71, 71, 71, 0.3);
        height: 1px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .page-container .info i {
        color: #47c0bb;
        font-size: 28px;
        vertical-align: middle;
    }

    .page-container .info span {
        font-size: 24px;
        vertical-align: middle;
        color: #04615c;
        margin-left: 20px;
    }

.page-container .info-social {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    margin: 30px 0;
}

    .page-container .info-social p {
        font-size: 18px;
    }

.page-container .social-icons {
    position: relative;
    background-color: #47c0bb;
    padding: 15px 30px;
    border-radius: 30px;
    margin-top: 10px;
    display: flex;
}

    .page-container .social-icons .c-link {
        position: relative;
        font-size: 22px;
        color: #fff;
        -webkit-transition: none;
        transition: none;
        margin: 0 15px;
    }

        .page-container .social-icons .c-link i {
            -webkit-transition: none;
            transition: none;
        }

        .page-container .social-icons .c-link:hover i {
            color: #fff;
        }

        .page-container .social-icons .c-link:not(:last-of-type) {
            margin-right: 15px;
        }

    .page-container .social-icons .c-link--facebook:hover {
        color: #3b5998;
    }

    .page-container .social-icons .c-link--twitter:hover {
        color: #55acee;
    }

    .page-container .social-icons .c-link--instagram:hover {
        color: #3f729b;
    }

    .page-container .social-icons .c-link--youtube:hover {
        color: #dd4b39;
    }

    .page-container .social-icons .c-link--rss:hover {
        color: #25d366;
    }

    .page-container .social-icons .c-link--whatsapp:hover {
        color: #25d366;
    }

    .page-container .social-icons .c-link--facebook:hover::after {
        background: #3b5998;
    }

    .page-container .social-icons .c-link--twitter:hover::after {
        background: #55acee;
    }

    .page-container .social-icons .c-link--youtube:hover::after {
        background: #dd4b39;
    }

    .page-container .social-icons .c-link--instagram:hover::after {
        background: #3f729b;
    }

    .page-container .social-icons .c-link--rss:hover::after {
        background: #fbe00f;
    }

    .page-container .social-icons .c-link--whatsapp:hover::after {
        background: #25d366;
    }

    .page-container .social-icons .c-tooltip::after,
    .page-container .social-icons .c-tooltip::before {
        display: block;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -10px);
        transform: translate(-50%, -10px);
        opacity: 0;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }

    .page-container .social-icons .c-tooltip::before {
        content: '';
        bottom: calc(100% + 2px);
        border: solid 5px transparent;
        border-top-color: currentColor;
    }

    .page-container .social-icons .c-tooltip::after {
        content: attr(aria-label);
        bottom: calc(100% + 12px);
        padding: 0.61em 0.93em;
        font-size: 0.875rem;
        color: #fff;
        border-radius: 3px;
    }

    .page-container .social-icons .c-tooltip:hover::after,
    .page-container .social-icons .c-tooltip:hover::before {
        opacity: 1;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }

.page-container .faqs .card-body h3 {
    min-height: 100px;
    -webkit-box-pack: inherit;
    justify-content: inherit;
}

    .page-container .faqs .card-body h3:after {
        bottom: 20%;
        top: auto;
        font-size: 40px;
        right: 30px;
    }

    .page-container .faqs .card-body h3 img {
        height: auto;
        margin-right: 15px;
        width: 59px;
    }

.page-container .flight-status .nav-tabs,
.search-content .flight-status .nav-tabs {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border: 2px solid #47c0bb;
    border-radius: 50px;
    width: auto !important;
    max-width: 50%;
    margin: auto;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .page-container .flight-status .nav-tabs,
    .search-content .flight-status .nav-tabs {
        max-width: 80%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-container .flight-status .nav-tabs,
    .search-content .flight-status .nav-tabs {
        max-width: 100%;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .page-container .flight-status .nav-tabs,
    .search-content .flight-status .nav-tabs {
        max-width: 100%;
    }
}

@media (max-width: 544px) {
    .page-container .flight-status .nav-tabs,
    .search-content .flight-status .nav-tabs {
        max-width: 100%;
    }

    .page-container .social-icons .c-link {
        margin: 0 7px;
    }
}

.search-content .flight-status #myTab,
.search-content .flight-status .flight-filter ul li a {
    background-color: white;
    max-width: 100% !important;
}

.page-container .flight-status .nav-tabs .nav-item,
.search-content .flight-status .nav-tabs .nav-item {
    width: 50%;
}

.page-container .flight-status .nav-tabs .nav-link,
.search-content .flight-status .nav-tabs .nav-link {
    position: relative;
    border-radius: 50px;
    padding: 20px 5px;
    font-size: 22px;
    color: #04615c;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

    .page-container .flight-status .nav-tabs .nav-link span,
    .search-content .flight-status .nav-tabs .nav-link span {
        display: inline-block;
    }

    .page-container .flight-status .nav-tabs .nav-link img,
    .search-content .flight-status .nav-tabs .nav-link img,
    .page-container .flight-status .nav-tabs .nav-link svg,
    .search-content .flight-status .nav-tabs .nav-link svg {
        margin-right: 10px;
        fill: #04615c !important;
        display: inline-block;
    }

        .page-container .flight-status .nav-tabs .nav-link img path,
        .search-content .flight-status .nav-tabs .nav-link img path,
        .page-container .flight-status .nav-tabs .nav-link svg path,
        .search-content .flight-status .nav-tabs .nav-link svg path {
            fill: #04615c !important;
        }

    .page-container .flight-status .nav-tabs .nav-link::before,
    .search-content .flight-status .nav-tabs .nav-link::before {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background: url(../images/shape-green.svg) no-repeat;
        content: '';
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        position: absolute;
        z-index: 2;
        bottom: -14px;
        height: 29px;
        width: 81px;
        left: 0;
        right: 0;
        margin: auto;
        background-size: cover;
        display: none;
    }

@media (max-width: 544px) {
    .page-container .flight-status .nav-tabs .nav-link::before,
    .search-content .flight-status .nav-tabs .nav-link::before {
        bottom: -8px;
    }
}

@media (max-width: 544px) {
    .page-container .flight-status .nav-tabs .nav-link,
    .search-content .flight-status .nav-tabs .nav-link {
        font-size: 15px;
        white-space: nowrap;
    }
}

.page-container .flight-status .nav-tabs .nav-link.active,
.page-container .flight-status .nav-tabs .nav-link:hover,
.search-content .flight-status .nav-tabs .nav-link.active,
.search-content .flight-status .nav-tabs .nav-link:hover {
    background: #47c0bb;
    color: #fff;
    cursor: pointer;
}

    .page-container .flight-status .nav-tabs .nav-link.active::before,
    .page-container .flight-status .nav-tabs .nav-link:hover::before,
    .search-content .flight-status .nav-tabs .nav-link.active::before,
    .search-content .flight-status .nav-tabs .nav-link:hover::before {
        display: block;
    }

    .page-container .flight-status .nav-tabs .nav-link.active img,
    .page-container .flight-status .nav-tabs .nav-link.active svg,
    .page-container .flight-status .nav-tabs .nav-link:hover img,
    .page-container .flight-status .nav-tabs .nav-link:hover svg,
    .search-content .flight-status .nav-tabs .nav-link.active img,
    .search-content .flight-status .nav-tabs .nav-link.active svg,
    .search-content .flight-status .nav-tabs .nav-link:hover img,
    .search-content .flight-status .nav-tabs .nav-link:hover svg {
        fill: #fff !important;
    }

        .page-container .flight-status .nav-tabs .nav-link.active img path,
        .page-container .flight-status .nav-tabs .nav-link.active svg path,
        .page-container .flight-status .nav-tabs .nav-link:hover img path,
        .page-container .flight-status .nav-tabs .nav-link:hover svg path,
        .search-content .flight-status .nav-tabs .nav-link.active img path,
        .search-content .flight-status .nav-tabs .nav-link.active svg path,
        .search-content .flight-status .nav-tabs .nav-link:hover img path,
        .search-content .flight-status .nav-tabs .nav-link:hover svg path {
            fill: #fff !important;
        }

.page-container .flight-status .slider-nav {
    border: 2px solid #47c0bb;
    border-radius: 50px;
    width: auto !important;
    max-width: 50%;
    margin: auto;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .page-container .flight-status .slider-nav {
        max-width: 80%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-container .flight-status .slider-nav {
        max-width: 100%;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .page-container .flight-status .slider-nav {
        max-width: 100%;
    }
}

@media (max-width: 544px) {
    .page-container .flight-status .slider-nav {
        max-width: 100%;
    }
}

.page-container .flight-status .slider-nav.status-nav .slick-slide {
    width: 50% !important;
}

.page-container .flight-status .slider-nav .slick-list {
    overflow: initial;
}

.page-container .flight-status .slider-nav .slick-track {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media (min-width: 1200px) {
    .page-container .flight-status .slider-nav .slick-track {
        width: auto !important;
    }
}

.page-container .flight-status .slider-nav .slick-slide {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}

    .page-container .flight-status .slider-nav .slick-slide .nav-item,
    .page-container .flight-status .slider-nav .slick-slide div {
        height: 100%;
    }

    .page-container .flight-status .slider-nav .slick-slide .nav-item {
        border-radius: 50px;
    }

    .page-container .flight-status .slider-nav .slick-slide h3 {
        padding: 20px 5px;
        font-size: 22px;
        color: #04615c;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        position: relative;
        z-index: 2;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

        .page-container .flight-status .slider-nav .slick-slide h3 span {
            display: inline-block;
        }

        .page-container .flight-status .slider-nav .slick-slide h3 img,
        .page-container .flight-status .slider-nav .slick-slide h3 svg {
            margin-right: 10px;
            fill: #04615c !important;
            display: inline-block;
        }

            .page-container .flight-status .slider-nav .slick-slide h3 img path,
            .page-container .flight-status .slider-nav .slick-slide h3 svg path {
                fill: #04615c !important;
            }

@media (max-width: 544px) {
    .page-container .flight-status .slider-nav .slick-slide h3 {
        font-size: 15px;
        white-space: nowrap;
    }
}

.page-container .flight-status .slider-nav .slick-slide.slick-current .nav-item,
.page-container .flight-status .slider-nav .slick-slide:hover .nav-item {
    background: #47c0bb;
    cursor: pointer;
}

    .page-container
    .flight-status
    .slider-nav
    .slick-slide.slick-current
    .nav-item::before,
    .page-container
    .flight-status
    .slider-nav
    .slick-slide:hover
    .nav-item::before {
        background: url(../images/shape-green.svg) no-repeat;
        content: '';
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        position: absolute;
        z-index: 2;
        bottom: -14px;
        height: 29px;
        width: 81px;
        left: 0;
        right: 0;
        margin: auto;
        background-size: cover;
    }

@media (max-width: 544px) {
    .page-container
    .flight-status
    .slider-nav
    .slick-slide.slick-current
    .nav-item::before,
    .page-container
    .flight-status
    .slider-nav
    .slick-slide:hover
    .nav-item::before {
        bottom: -8px;
    }
}

.page-container .flight-status .slider-nav .slick-slide.slick-current h3,
.page-container .flight-status .slider-nav .slick-slide:hover h3 {
    color: #fff;
}

    .page-container .flight-status .slider-nav .slick-slide.slick-current h3 img,
    .page-container .flight-status .slider-nav .slick-slide.slick-current h3 svg,
    .page-container .flight-status .slider-nav .slick-slide:hover h3 img,
    .page-container .flight-status .slider-nav .slick-slide:hover h3 svg {
        fill: #fff !important;
    }

        .page-container
        .flight-status
        .slider-nav
        .slick-slide.slick-current
        h3
        img
        path,
        .page-container
        .flight-status
        .slider-nav
        .slick-slide.slick-current
        h3
        svg
        path,
        .page-container .flight-status .slider-nav .slick-slide:hover h3 img path,
        .page-container .flight-status .slider-nav .slick-slide:hover h3 svg path {
            fill: #fff !important;
        }

.page-container .flight-status .slider-nav .slick-arrow {
    top: 25%;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    font-size: 16px;
}

.page-container .flight-filter ul,
.search-content .flight-status .flight-filter ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 40px 0;
}

@media (min-width: 545px) and (max-width: 767px) {
    .page-container .flight-filter ul,
    .search-content .flight-status .flight-filter ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (max-width: 544px) {
    .page-container .flight-filter ul,
    .search-content .flight-status .flight-filter ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

.page-container .flight-filter ul li,
.search-content .flight-status .flight-filter ul li {
    margin: 5px;
}

@media (min-width: 545px) and (max-width: 767px) {
    .page-container .flight-filter ul li,
    .search-content .flight-status .flight-filter ul li {
        width: calc(100% - 1px);
    }
}

@media (max-width: 544px) {
    .page-container .flight-filter ul li,
    .search-content .flight-status .flight-filter ul li {
        width: calc(100% - 1px);
    }
}

.page-container .flight-filter ul li a,
.search-content .flight-status .flight-filter ul li a {
    padding: 8px 40px 12px 40px;
    font-size: 17px;
    color: #474747;
    border: 1px solid #474747;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    border-radius: 20px;
    display: block;
}

.page-container .flight-filter ul li.active a,
.page-container .flight-filter ul li:hover a,
.search-content .flight-status .flight-filter ul li.active a,
.search-content .flight-status .flight-filter ul li:hover a {
    background: #47c0bb;
    color: #fff;
    border-color: #47c0bb;
}

.flight-block {
    border: none;
    display: block;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: #fff;
    box-shadow: 0 0 30px rgba(71, 71, 71, 0.1);
    margin: 20px 0;
    padding: 15px;
    border-radius: 30px;
    height: calc(100% - 40px);
}

    .flight-block h3 {
        font-size: 36px;
        font-family: DINNextLTArabic-Bold;
        color: #474747;
    }

    .flight-block .table {
        margin: 15px 0;
    }

        .flight-block .table td,
        .flight-block .table th,
        .flight-block .table thead,
        .flight-block .table tr {
            background: 0 0;
            border: none;
            padding: 3px 10px;
            text-align: left;
        }

        .flight-block .table th {
            font-weight: 400;
            font-size: 14px;
            width: 11.11%;
        }

        .flight-block .table td {
            font-size: 20px;
            color: #04615c;
        }

        .flight-block .table a {
            border: 1px solid rgba(71, 71, 71, 0.3);
            padding: 10px 30px;
            color: #474747;
            font-size: 16px;
            border-radius: 10px;
        }

@media (min-width: 1200px) {
    .flight-block .table a {
        margin-top: -10px;
    }
}

.flight-block .table a:hover {
    background-color: #47c0bb;
    border-color: #47c0bb;
    color: #fff;
}

.page-container .page-gallery {
    padding: 0;
    background: 0 0;
}

.page-container .dashboard {
    text-align: center;
    position: relative;
}

    .page-container .dashboard a {
        padding: 80px 30px;
        display: block;
    }

        .page-container .dashboard a img {
            margin: auto;
            margin-bottom: 15px;
            display: block;
            height: 90px;
        }

        .page-container .dashboard a h2 {
            color: #474747;
            font-size: 28px;
            margin-top: 30px;
        }

    .page-container .dashboard:hover {
        box-shadow: 0 0 20px rgba(71, 71, 71, 0.3);
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }

        .page-container .dashboard:hover a:after {
            color: #47c0bb;
        }

.page-container .timeline-top {
    background: url(../images/bg.svg) repeat #f7f7f7;
    background-size: cover;
    padding: 50px;
    padding-bottom: 70px;
    border-radius: 20px;
    position: relative;
}

    .page-container .timeline-top:after {
        content: '';
        background: url(../images/shape2.svg) no-repeat;
        height: 233px;
        width: 81px;
        border-top-left-radius: 80%;
        border-top-right-radius: 80%;
        bottom: -120px;
        right: 0;
        left: 0;
        margin: auto;
        position: absolute;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        background-size: cover;
    }

    .page-container .timeline-top h2 {
        font-size: 60px;
        color: #474747;
        font-weight: 700;
    }

    .page-container .timeline-top .form-group {
        margin-bottom: 0;
    }

        .page-container .timeline-top .form-group label {
            margin: 10px 0;
            font-size: 24px;
            font-family: DINNextLTArabic-Bold;
            color: #04615c;
        }

            .page-container .timeline-top .form-group label.error {
                color: red;
                font-size: 16px;
            }

        .page-container .timeline-top .form-group p {
            font-family: DINNextLTArabic-Bold;
            font-size: 20px;
            color: #474747;
            min-height: 60px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            vertical-align: middle;
        }

@media (min-width: 545px) and (max-width: 767px) {
    .page-container .timeline-top .form-group p {
        font-size: 18px;
    }
}

@media (max-width: 544px) {
    .page-container .timeline-top .form-group p {
        font-size: 14px;
    }
}

.page-container .timeline-top .form-group p strong {
    background-color: #04615c;
    padding: 15px;
    line-height: 42px;
    color: #fff;
}

.page-container .timeline-top .time-data .form-group {
    margin-right: 10px;
    background: #fff;
    border: 3px solid #04615c;
    padding: 0 15px;
}

    .page-container .timeline-top .time-data .form-group label {
        margin: 0;
    }

    .page-container .timeline-top .time-data .form-group p {
        min-height: auto;
    }

.page-container .timeline-top .change-trip {
    text-align: center;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    position: relative;
    color: #fff;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    padding: 0 50px;
    display: inline-block;
    margin: 15px auto;
    font-size: 16px;
    border: none;
    outline: 0;
    box-shadow: none;
    border: 1px solid #47c0bb;
    font-family: DINNextLTArabic-Bold;
    box-shadow: 0 0 10px 0 rgba(20, 50, 80, 0.05);
    background: #47c0bb;
}

    .page-container .timeline-top .change-trip:hover {
        background: #04615c;
        border: 1px solid #04615c;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        color: #fff;
    }

.page-container .calculator .slider-nav {
    border: none;
    max-width: 100%;
    margin: 50px auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-wrap: wrap;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .page-container .calculator .slider-nav {
        max-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-container .calculator .slider-nav {
        max-width: 100%;
    }
}

.page-container .calculator .slider-nav .slick-slide {
    width: 30% !important;
}

.page-container .calculator .slider-nav .nav-item {
    border-radius: 50px;
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    margin: 0 1%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    min-width: 230px;
    margin-bottom: 30px !important;
}

@media (max-width: 1440px) {
    .page-container .calculator .slider-nav .nav-item {
        flex: 1 1 32%;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .page-container .calculator .slider-nav .nav-item {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
        margin: 0;
    }
}

@media (max-width: 544px) {
    .page-container .calculator .slider-nav .nav-item {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
        margin: 0;
    }
}

.page-container .calculator .slider-nav .nav-item input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.page-container .calculator .slider-nav .nav-item img {
    position: relative;
    z-index: 2;
}

.page-container .calculator .slider-nav .nav-item label {
    padding: 20px 5px;
    font-size: 22px;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    height: 100%;
}

    .page-container .calculator .slider-nav .nav-item label span {
        display: inline-block;
    }

    .page-container .calculator .slider-nav .nav-item label img,
    .page-container .calculator .slider-nav .nav-item label svg {
        margin-right: 10px;
        fill: #04615c !important;
        display: inline-block;
    }

        .page-container .calculator .slider-nav .nav-item label img path,
        .page-container .calculator .slider-nav .nav-item label svg path {
            fill: #04615c !important;
        }

@media (max-width: 544px) {
    .page-container .calculator .slider-nav .nav-item label {
        font-size: 15px;
        white-space: nowrap;
    }
}

.page-container .calculator .slider-nav .nav-item.selected,
.page-container .calculator .slider-nav .nav-item:hover {
    cursor: pointer;
}

    .page-container .calculator .slider-nav .nav-item.selected::before,
    .page-container .calculator .slider-nav .nav-item:hover::before {
        content: '';
        position: absolute;
        z-index: 2;
        width: 193px;
        height: 47px;
        bottom: -22px;
        left: 0;
        right: 0;
        margin: auto;
        background-size: cover;
    }

@media (max-width: 544px) {
    .page-container .calculator .slider-nav .nav-item.selected::before,
    .page-container .calculator .slider-nav .nav-item:hover::before {
        bottom: -8px;
    }
}

.page-container .calculator .slider-nav .nav-item.selected label,
.page-container .calculator .slider-nav .nav-item:hover label {
    color: #fff;
}

    .page-container .calculator .slider-nav .nav-item.selected label img,
    .page-container .calculator .slider-nav .nav-item.selected label svg,
    .page-container .calculator .slider-nav .nav-item:hover label img,
    .page-container .calculator .slider-nav .nav-item:hover label svg {
        fill: #fff !important;
    }

        .page-container .calculator .slider-nav .nav-item.selected label img path,
        .page-container .calculator .slider-nav .nav-item.selected label svg path,
        .page-container .calculator .slider-nav .nav-item:hover label img path,
        .page-container .calculator .slider-nav .nav-item:hover label svg path {
            fill: #fff !important;
        }

.page-container .calculator .slider-nav .nav-item.orange {
    background: #f26122 !important;
}

.page-container .calculator .slider-nav .nav-item.red {
    background: #801519 !important;
}

    .page-container .calculator .slider-nav .nav-item.red:before {
        background: url(../images/red-shape.svg) no-repeat !important;
    }

.page-container .calculator .slider-nav .nav-item.orange:before {
    background: url(../images/orange-shape.svg) no-repeat !important;
}

.page-container .calculator .slider-nav .nav-item.purple {
    background: #732878 !important;
}

    .page-container .calculator .slider-nav .nav-item.purple:before {
        background: url(../images/purple-shape.svg) no-repeat !important;
    }

.page-container .calculator .slider-nav .nav-item.green {
    background: #08ad8d !important;
}

    .page-container .calculator .slider-nav .nav-item.green:before {
        background: url(../images/green-shape.svg) no-repeat !important;
    }

.page-container .calculator .slider-nav .nav-item.darkgrey {
    background: #bfbfbf !important;
}

    .page-container .calculator .slider-nav .nav-item.darkgrey:before {
        background: url(../images/darkgrey-shape.svg) no-repeat !important;
    }

#park_content {
    text-align: left;
}

.page-container .calculator .total-cost {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 50px auto;
    font-size: 30px;
    color: #474747;
    padding: 5px 30px;
    border: 1px solid #cecece;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(71, 71, 71, 0.08);
}

    .page-container .calculator .total-cost span {
        color: #47c0bb;
        font-size: 48px;
        margin: 0 10px;
    }

.page-container .flight-line {
    padding: 30px;
}

    .page-container .flight-line img,
    .page-container .flight-line svg {
        margin-top: 10px;
        height: 60px;
    }

    .page-container .flight-line h4 {
        font-size: 28px;
        margin-top: 20px;
    }

    .page-container .flight-line h5 {
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px;
        color: #474747;
    }

    .page-container .flight-line a.flights_lnk {
        padding: 6px 40px 10px 40px;
        font-size: 17px;
        color: #474747;
        border: 1px solid #474747;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        text-align: center;
        border-radius: 20px;
        display: -webkit-inline-box;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        width: auto;
        margin-top: 20px;
    }

        .page-container .flight-line a.flights_lnk img,
        .page-container .flight-line a.flights_lnk svg {
            margin-right: 10px;
            height: auto;
            fill: #47c0bb !important;
        }

            .page-container .flight-line a.flights_lnk img path,
            .page-container .flight-line a.flights_lnk svg path {
                fill: #47c0bb !important;
            }

        .page-container .flight-line a.flights_lnk.active,
        .page-container .flight-line a.flights_lnk:hover {
            background: #47c0bb;
            color: #fff;
            border-color: #47c0bb;
        }

            .page-container .flight-line a.flights_lnk.active img,
            .page-container .flight-line a.flights_lnk.active svg,
            .page-container .flight-line a.flights_lnk:hover img,
            .page-container .flight-line a.flights_lnk:hover svg {
                fill: #fff !important;
            }

                .page-container .flight-line a.flights_lnk.active img path,
                .page-container .flight-line a.flights_lnk.active svg path,
                .page-container .flight-line a.flights_lnk:hover img path,
                .page-container .flight-line a.flights_lnk:hover svg path {
                    fill: #fff !important;
                }

    .page-container .flight-line label {
        padding: 6px 15px 10px 15px;
        font-size: 14px;
        background: #f7f7f7;
        color: #000;
        border: 1px solid #ccc;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        display: -webkit-inline-box;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        width: auto;
        margin: 5px 10px;
        border-radius: 30px;
    }

    .page-container .flight-line.car-rent h4 {
        margin-top: 0;
    }

    .page-container .flight-line.car-rent a {
        margin: 20px 0;
        margin-right: 20px;
        margin-bottom: 0;
    }

        .page-container .flight-line.car-rent a:last-of-type {
            margin-right: 0;
        }

    .page-container .flight-line.car-rent label {
        margin: 20px 0;
        margin-right: 20px;
        margin-bottom: 0;
    }

        .page-container .flight-line.car-rent label:last-of-type {
            margin-right: 0;
        }

.rate-block {
    border-top: 1px solid rgba(71, 71, 71, 0.4);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 15px 0;
    margin-top: 20px;
}

@media (min-width: 545px) and (max-width: 767px) {
    .rate-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start;
    }
}

@media (max-width: 544px) {
    .rate-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start;
    }
}

.rate-block h4 {
    font-size: 18px;
    color: #474747;
    font-family: DINNextLTArabic-Bold;
    margin-right: 10px;
}

@media (max-width: 544px) {
    .rate-block h4 {
        font-size: 13px;
    }
}

.rate-block .rate-right {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
}

    .rate-block .rate-right .stars a i {
        color: #04615c;
        font-size: 16px;
    }

@media (max-width: 544px) {
    .rate-block .rate-right .stars a i {
        font-size: 13px;
    }
}

.rate-block .rate-right .stars a i:hover {
    opacity: 0.8;
}

.rate-block .rate-left {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
}

@media (min-width: 545px) and (max-width: 767px) {
    .rate-block .rate-left {
        margin-bottom: 10px;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
    }
}

@media (max-width: 544px) {
    .rate-block .rate-left {
        margin-bottom: 10px;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
    }
}

.rate-block .rate-left .last-modified {
    font-size: 18px;
    color: #474747;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

    .rate-block .rate-left .last-modified i,
    .rate-block .rate-left .last-modified svg {
        font-size: 18px;
        margin-right: 12px;
        vertical-align: middle;
        fill: #04615c;
    }

    .rate-block .rate-left .last-modified label {
        font-family: DINNextLTArabic-Bold;
        margin-right: 10px;
        vertical-align: middle;
        white-space: nowrap;
    }

@media (max-width: 544px) {
    .rate-block .rate-left .last-modified label {
        display: none;
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.fancybox-container {
    z-index: 999999;
}

#suiteBarTop {
    z-index: 999999 !important;
}

.con-tooltiper {
    position: relative;
    background: #f2d1c9;
    border-radius: 9px;
    padding: 0 20px;
    margin: 10px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: default;
}

.tooltiper {
    visibility: hidden;
    z-index: 1;
    opacity: 0.4;
    width: 100%;
    padding: 0 20px;
    background: #333;
    color: #e086d3;
    position: absolute;
    top: -140%;
    left: -25%;
    border-radius: 9px;
    font: 16px;
    -webkit-transform: translateY(9px);
    transform: translateY(9px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 3px rgba(56, 54, 54, 0.86);
}

    .tooltiper::after {
        content: ' ';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 12.5px 0 12.5px;
        border-color: #333 transparent transparent transparent;
        position: absolute;
        left: 40%;
    }

.con-tooltiper:hover .tooltiper {
    visibility: visible;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 1;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    -webkit-animation: animTip 1s ease-in-out infinite alternate;
    animation: animTip 1s ease-in-out infinite alternate;
}

@-webkit-keyframes animTip {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    100% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
}

@keyframes animTip {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    100% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
}

.left:hover {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
}

.top:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.bottom:hover {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}

.right:hover {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
}

.left .tooltiper {
    top: -20%;
    right: -170%;
}

    .left .tooltiper::after {
        top: 40%;
        right: 90%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

.right .tooltiper {
    top: -20%;
    left: 115%;
}

    .right .tooltiper::after {
        top: 40%;
        left: -12%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.social {
    text-align: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    width: 100%;
}

    .social::before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .social .icon {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 20px;
        height: 35px;
        width: 35px;
        margin: 0 5px;
        color: #fff;
        border-radius: 50%;
        position: relative;
    }

        .social .icon i {
            position: relative;
            z-index: 2;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .social .icon::before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            border-radius: 50%;
            z-index: 1;
        }

        .social .icon::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            vertical-align: middle;
            width: 100%;
            height: 100%;
            -webkit-transform: scale(0);
            transform: scale(0);
            background: #00b8cb;
            border-radius: 50%;
            z-index: 1;
        }

        .social .icon:hover {
            -webkit-animation-name: bubble2;
            animation-name: bubble2;
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
            -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
        }

            .social .icon:hover i {
                color: #fff !important;
            }

            .social .icon:hover::after {
                -webkit-animation-name: bubble;
                animation-name: bubble;
                -webkit-animation-duration: 0.5s;
                animation-duration: 0.5s;
                -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
            }

    .social .icon-twitter::after {
        background: #4099ff;
    }

    .social .icon-facebook::after {
        background: #3b5998;
    }

    .social .icon-instagram::after {
        background: #3f729b;
    }

    .social .icon-youtube::after {
        background: #e12a27;
    }

    .social .icon-rss::after {
        background: #00a7e5;
    }

    .social .icon-whatsapp::after {
        background: #3fc257;
    }

@-webkit-keyframes bubble {
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bubble {
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes bubble2 {
    100% {
        color: #fff;
    }
}

@keyframes bubble2 {
    100% {
        color: #fff;
    }
}

.click-to-chat--btn {
    position: absolute;
    left: 0;
    top: 20%;
    width: 80px;
    height: 80px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(71, 71, 71, 0.2);
    text-align: center;
    -webkit-transition: all 0.2s cubic-bezier(0.56, 1.56, 0.9, 0.96);
    transition: all 0.2s cubic-bezier(0.56, 1.56, 0.9, 0.96);
    overflow: hidden;
    border-radius: 50%;
}

    .click-to-chat--btn.message-1 {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

        .click-to-chat--btn.message-1:hover {
            width: auto;
        }

        .click-to-chat--btn.message-1 .click-text div.message-1-text {
            display: block;
        }

        .click-to-chat--btn.message-1 .svg-container .chat-icon,
        .click-to-chat--btn.message-1 .svg-container .crc-icon {
            top: 12px;
            left: 10px;
            max-width: 28px;
        }

        .click-to-chat--btn.message-1 .svg-container .chat-icon {
            display: block;
        }

        .click-to-chat--btn.message-1 .svg-container .crc-icon {
            display: none;
        }

    .click-to-chat--btn .click-text {
        padding-right: 15px;
        display: none;
    }

        .click-to-chat--btn .click-text .message-1-text,
        .click-to-chat--btn .click-text .message-2-text {
            position: relative;
            margin-right: 2px;
            font-size: 14px;
            font-weight: 500;
            color: #fff;
            display: none;
        }

            .click-to-chat--btn .click-text .message-1-text span,
            .click-to-chat--btn .click-text .message-2-text span {
                float: right;
                clear: both;
            }

                .click-to-chat--btn .click-text .message-1-text span:first-child,
                .click-to-chat--btn .click-text .message-2-text span:first-child {
                    font-size: 13px;
                    text-transform: uppercase;
                }

                .click-to-chat--btn .click-text .message-1-text span:last-child,
                .click-to-chat--btn .click-text .message-2-text span:last-child {
                    font-size: 18px;
                    font-weight: 500;
                    font-weight: 700;
                }

    .click-to-chat--btn .svg-container {
        float: left;
        width: 70px;
        height: 70px;
        line-height: 70px;
    }

        .click-to-chat--btn .svg-container .chat-icon {
            display: none;
        }

        .click-to-chat--btn .svg-container .crc-icon {
            display: none;
        }

        .click-to-chat--btn .svg-container svg {
            position: relative;
            fill: #04615c;
        }

    .click-to-chat--btn:hover {
        background-color: #06928a;
        border-radius: 20px;
        -webkit-animation: pulsecolor 1.5s infinite;
        animation: pulsecolor 1.5s infinite;
    }

        .click-to-chat--btn:hover .click-text {
            width: calc(100% - 50px);
            display: block;
            -webkit-animation: fader 0.6s forwards;
            animation: fader 0.6s forwards;
        }

        .click-to-chat--btn:hover .svg-container svg {
            fill: #fff;
            -webkit-animation: pulsecolor 1.8s cubic-bezier(0.56, 1.56, 0.9, 0.96) infinite;
            animation: pulsecolor 1.8s cubic-bezier(0.56, 1.56, 0.9, 0.96) infinite;
        }

@-webkit-keyframes fader {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fader {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes pulsecolor {
    0% {
        fill: #fff;
    }

    50% {
        fill: #fff;
    }

    100% {
        fill: #fff;
    }
}

@keyframes pulsecolor {
    0% {
        fill: #fff;
    }

    50% {
        fill: #fff;
    }

    100% {
        fill: #fff;
    }
}

.cd-container {
    width: 90%;
    margin: 0 auto;
}

@media (min-width: 545px) and (max-width: 767px) {
    .cd-container {
        width: 100%;
    }
}

@media (max-width: 544px) {
    .cd-container {
        width: 100%;
    }
}

.cd-container::after {
    content: '';
    display: table;
    clear: both;
}

#cd-timeline {
    position: relative;
    margin-top: 2em;
    margin-bottom: 2em;
}

    #cd-timeline::before {
        content: '';
        position: absolute;
        top: 0;
        left: 18px;
        height: 100%;
        width: 8px;
        background: rgba(71, 71, 71, 0.08);
    }

@media (min-width: 1170px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
    }

        #cd-timeline::before {
            left: 50%;
            margin-left: -5px;
        }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}

    .cd-timeline-block::after {
        clear: both;
        content: '';
        display: table;
    }

    .cd-timeline-block:first-child {
        margin-top: 0;
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }

@media (min-width: 1170px) {
    .cd-timeline-block {
        margin: 4em 0;
    }

        .cd-timeline-block:first-child {
            margin-top: 0;
        }

        .cd-timeline-block:last-child {
            margin-bottom: 0;
        }
}

.cd-timeline-circle {
    position: absolute;
    top: 240px;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #fff;
}

    .cd-timeline-circle.purple {
        background: #502c84;
    }

    .cd-timeline-circle.red {
        background: #ef4129;
    }

    .cd-timeline-circle.orange {
        background: #f26122;
    }

    .cd-timeline-circle.blue {
        background: #2574bb;
    }

    .cd-timeline-circle.sky {
        background: #06a7e0;
    }

    .cd-timeline-circle img {
        display: block;
        width: 24px;
        height: 24px;
        position: relative;
        left: 50%;
        top: 50%;
        margin-left: -12px;
        margin-top: -12px;
    }

@media (min-width: 1170px) {
    .cd-timeline-circle {
        width: 40px;
        height: 40px;
        left: 50%;
        margin-left: -20px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .cssanimations .cd-timeline-circle.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-circle.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #fff;
    border-radius: 0.25em;
    border: none;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: #fff;
    box-shadow: 0 0 10px rgba(71, 71, 71, 0.1);
}

    .cd-timeline-content > img {
        width: 100%;
        height: 280px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .cd-timeline-content .timeline-body {
        padding: 30px;
    }

        .cd-timeline-content .timeline-body p {
            font-size: 20px;
            line-height: 38px;
        }

        .cd-timeline-content .timeline-body a {
            color: #47c0bb;
        }

            .cd-timeline-content .timeline-body a:hover {
                color: #04615c;
            }

    .cd-timeline-content::after {
        clear: both;
        content: '';
        display: table;
    }

    .cd-timeline-content .cd-read-more,
    .cd-timeline-content .cd-title,
    .cd-timeline-content p {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .cd-timeline-content .cd-read-more,
    .cd-timeline-content .cd-title {
        display: inline-block;
    }

    .cd-timeline-content p {
        margin: 1em 0;
        line-height: 1.6;
    }

    .cd-timeline-content .cd-read-more {
        float: right;
        padding: 0.8em 1em;
        background: #acb7c0;
        color: #fff;
        border-radius: 0.25em;
    }

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb;
}

.cd-timeline-content .cd-title {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 0 15px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .cd-timeline-content .cd-title {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cd-timeline-content .cd-title {
        padding: 0;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .cd-timeline-content .cd-title {
        padding: 0;
    }
}

@media (max-width: 544px) {
    .cd-timeline-content .cd-title {
        padding: 0;
    }
}

.cd-timeline-content .cd-title h2 {
    color: #474747;
    font-weight: 400;
    font-size: 36px;
}

@media (min-width: 545px) and (max-width: 767px) {
    .cd-timeline-content .cd-title h2 {
        font-size: 32px;
    }
}

@media (max-width: 544px) {
    .cd-timeline-content .cd-title h2 {
        font-size: 28px;
    }
}

.cd-timeline-content .cd-title h2 strong {
    font-weight: bolder;
}

.cd-timeline-content .cd-title img {
    display: inline-block;
    margin-top: 30px;
}

.cd-timeline-content .cd-title > span {
    color: #474747;
    margin-bottom: 15px;
    font-size: 22px;
}

@media (min-width: 768px) {
    .cd-timeline-content h2 {
        font-size: 20px;
        font-size: 1.25rem;
    }

    .cd-timeline-content p {
        font-size: 16px;
        font-size: 1rem;
    }
}

@media (min-width: 1170px) {
    .cd-timeline-content {
        margin-left: 0;
        width: 45%;
    }

        .cd-timeline-content::before {
            top: 24px;
            left: 100%;
            border-color: transparent;
            border-left-color: #fff;
        }

        .cd-timeline-content .cd-title {
            position: absolute;
            width: 100%;
            left: 122%;
            top: 230px;
            font-size: 16px;
            font-size: 1rem;
        }

    .cd-timeline-block:nth-child(odd) .cd-timeline-content {
        float: right;
    }

        .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
            top: 24px;
            left: auto;
            right: 100%;
            border-color: transparent;
            border-right-color: #fff;
        }

        .cd-timeline-block:nth-child(odd) .cd-timeline-content .cd-read-more {
            float: right;
        }

        .cd-timeline-block:nth-child(odd) .cd-timeline-content .cd-title {
            left: auto;
            right: 122%;
            text-align: right;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
        }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }
}

@media (min-width: 1170px) {
    .cssanimations
    .cd-timeline-block:nth-child(odd)
    .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

footer {
    min-height: 900px;
    position: relative;
    background: url(../images/footer-bg.jpg) no-repeat #04615c top center;
    background-size: cover;
}

    footer.copyright {
        min-height: auto;
        background: 0 0;
    }

        footer.copyright p {
            font-size: 18px;
            color: #474747;
        }

@media (min-width: 545px) and (max-width: 767px) {
    footer {
        min-height: 1100px;
        background-size: auto;
    }
}

@media (max-width: 544px) {
    footer {
        min-height: 1100px;
        background-size: auto;
    }
}

footer .footer-content {
    position: relative;
}

    footer .footer-content > .container {
        height: 100%;
    }

    footer .footer-content .footer-bottom {
        position: absolute;
        bottom: 100px;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
    }

@media (min-width: 768px) and (max-width: 991px) {
    footer .footer-content .footer-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    footer .footer-content .footer-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (max-width: 544px) {
    footer .footer-content .footer-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    footer .footer-content .footer-logo {
        margin-bottom: 15px;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    footer .footer-content .footer-logo {
        margin-bottom: 15px;
    }
}

@media (max-width: 544px) {
    footer .footer-content .footer-logo {
        margin-bottom: 15px;
    }
}

footer .footer-content .footer-logo p {
    font-size: 18px;
    color: #fff;
}

footer .footer-content .apps {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

    footer .footer-content .apps h3 {
        color: #fff;
        font-size: 30px;
        margin-bottom: 35px;
        font-weight: 400;
        font-family: DINNextLTArabic-Regular;
    }

    footer .footer-content .apps a {
        fill: #fff;
        margin: 0 5px;
        display: inline-block;
    }

        footer .footer-content .apps a:hover {
            background: #47c0bb;
        }

footer .copyrights {
    border-top: 1px solid #fff;
    padding: 30px 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 85px;
}

footer .copyright-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media (min-width: 992px) and (max-width: 1199px) {
    footer .copyright-content {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    footer .copyright-content {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    footer .copyright-content {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (max-width: 544px) {
    footer .copyright-content {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

footer .copyright-content ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
}

@media (min-width: 992px) and (max-width: 1199px) {
    footer .copyright-content ul {
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    footer .copyright-content ul {
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    footer .copyright-content ul {
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media (max-width: 544px) {
    footer .copyright-content ul {
        -webkit-box-pack: center;
        justify-content: center;
    }
}

footer .copyright-content ul li {
    display: inline-block;
    margin: 5px 0;
    padding: 0 15px;
    position: relative;
    list-style-type: none;
}

    footer .copyright-content ul li::after {
        content: '';
        display: block;
        width: 2px;
        height: 20px;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        top: 5px;
        right: 0;
        margin: auto;
    }

    footer .copyright-content ul li a {
        color: #fff;
        font-weight: 400;
        position: relative;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        text-decoration: none;
        position: relative;
        font-size: 18px;
    }

        footer .copyright-content ul li a img {
            height: 22px;
        }

@media (max-width: 544px) {
    footer .copyright-content ul li a {
        text-align: center;
        font-size: 16px;
    }
}

footer .copyright-content ul li a:hover {
    color: #47c0bb;
    text-decoration: underline;
}

footer .copyright-content ul li:last-child::after {
    display: none;
}

footer .copyright-content p {
    font-size: 18px;
    color: #fff;
}

@media (min-width: 545px) and (max-width: 767px) {
    footer .copyright-content p {
        text-align: center;
    }
}

@media (max-width: 544px) {
    footer .copyright-content p {
        text-align: center;
        font-size: 16px;
    }
}

.scroll-top {
    position: absolute;
    left: 0;
    top: calc(20% + 95px);
    width: 80px;
    height: 80px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(71, 71, 71, 0.2);
    text-align: center;
    -webkit-transition: all 0.2s cubic-bezier(0.56, 1.56, 0.9, 0.96);
    transition: all 0.2s cubic-bezier(0.56, 1.56, 0.9, 0.96);
    overflow: hidden;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

    .scroll-top i {
        color: #47c0bb;
        font-size: 32px;
    }

    .scroll-top:hover {
        background-color: #06928a;
    }

        .scroll-top:hover i {
            color: #fff;
        }

#contentBox,
.ms-webpart-cell-vertical,
.ms-webpart-chrome-vertical,
.ms-webpart-zone,
div.ms-WPBody,
div.ms-webpart-chrome,
div.ms-webpart-zone.ms-fullWidth,
div.s4-wpcell-plain {
    max-width: 100%;
    padding: 0;
    margin: 0;
    min-width: 0;
    display: block;
    position: relative;
}

@media (min-width: 1200px) {
    .guidelines ul li {
        width: 46%;
        max-width: 46%;
        -webkit-box-flex: 0;
        flex: 0 0 46%;
    }
}

.guidelines ul li .card-body {
    padding: 30px;
}

.guidelines ul li .img-container {
    height: 120px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

@media (min-width: 545px) and (max-width: 767px) {
    .guidelines ul li .img-container {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media (max-width: 544px) {
    .guidelines ul li .img-container {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.guidelines ul li img {
    height: auto;
}

.guidelines ul li h5 {
    font-size: 25px;
    line-height: 36px;
    margin-top: 20px;
    min-height: 100px;
}

@media (min-width: 545px) and (max-width: 767px) {
    .guidelines ul li h5 {
        font-size: 20px;
        line-height: 28px;
        min-height: auto;
        padding-bottom: 30px;
    }
}

@media (max-width: 544px) {
    .guidelines ul li h5 {
        font-size: 20px;
        line-height: 28px;
        min-height: auto;
        padding-bottom: 30px;
    }
}

.guidelines ul li figure {
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    border-width: 1.3px;
    border-style: dashed;
    padding: 4px;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 103px;
    height: 103px;
    margin: auto;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

    .guidelines ul li figure span {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        width: 92px;
        height: 92px;
        color: #fff;
        font-size: 40px;
        border-radius: 50%;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.guidelines ul li:nth-child(odd) .card-body {
    padding-right: 100px;
}

@media (min-width: 545px) and (max-width: 767px) {
    .guidelines ul li:nth-child(odd) .card-body {
        padding-right: 50px;
    }
}

@media (max-width: 544px) {
    .guidelines ul li:nth-child(odd) .card-body {
        padding-right: 50px;
    }
}

.guidelines ul li:nth-child(odd) figure {
    right: -50px;
}

.guidelines ul li:nth-child(odd) .img-container {
    -webkit-box-pack: end;
    justify-content: flex-end;
}

@media (min-width: 545px) and (max-width: 767px) {
    .guidelines ul li:nth-child(odd) .img-container {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media (max-width: 544px) {
    .guidelines ul li:nth-child(odd) .img-container {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.guidelines ul li:nth-child(even) .card-body {
    padding-left: 100px;
}

@media (min-width: 545px) and (max-width: 767px) {
    .guidelines ul li:nth-child(even) .card-body {
        padding-left: 50px;
    }
}

@media (max-width: 544px) {
    .guidelines ul li:nth-child(even) .card-body {
        padding-left: 50px;
    }
}

.guidelines ul li:nth-child(even) figure {
    left: -50px;
}

.guidelines ul li:first-child figure {
    border-color: #57585c;
}

    .guidelines ul li:first-child figure span {
        background-color: #57585c;
    }

.guidelines ul li:nth-child(2) figure {
    border-color: #9b9b9b;
}

    .guidelines ul li:nth-child(2) figure span {
        background-color: #9b9b9b;
    }

.guidelines ul li:nth-child(3) figure {
    border-color: #502c84;
}

    .guidelines ul li:nth-child(3) figure span {
        background-color: #502c84;
    }

.guidelines ul li:nth-child(4) figure {
    border-color: #7955ad;
}

    .guidelines ul li:nth-child(4) figure span {
        background-color: #7955ad;
    }

.guidelines ul li:nth-child(5) figure {
    border-color: #2573bb;
}

    .guidelines ul li:nth-child(5) figure span {
        background-color: #2573bb;
    }

.guidelines ul li:nth-child(6) figure {
    border-color: #06a6e0;
}

    .guidelines ul li:nth-child(6) figure span {
        background-color: #06a6e0;
    }

.guidelines ul li:nth-child(7) figure {
    border-color: #08635e;
}

    .guidelines ul li:nth-child(7) figure span {
        background-color: #08635e;
    }

.guidelines ul li:nth-child(8) figure {
    border-color: #4ac1bb;
}

    .guidelines ul li:nth-child(8) figure span {
        background-color: #4ac1bb;
    }

.guidelines ul li:nth-child(9) figure {
    border-color: #ef4129;
}

    .guidelines ul li:nth-child(9) figure span {
        background-color: #ef4129;
    }

.guidelines ul li:nth-child(10) figure {
    border-color: #f26122;
}

    .guidelines ul li:nth-child(10) figure span {
        background-color: #f26122;
    }

.guidelines ul li:hover figure {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}

.form-group .error {
    color: red;
    font-size: 16px;
}

button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
    background-color: #04615c;
    border-color: #04615c;
}

.new-details-content {
    font-size: 18px;
    color: #474747;
    margin-bottom: 30px;
    line-height: 36px;
}

.ms-breadcrumb {
    padding-left: 0;
}

.tail-datetime-calendar
.calendar-timepicker
.timepicker-field
button.picker-step.step-up {
    min-width: inherit;
}

.tail-datetime-calendar
.calendar-timepicker
.timepicker-field
button.picker-step.step-down {
    min-width: inherit;
}

.flights-content .form-group i {
    bottom: auto;
    top: 65px;
}

.tail-datetime-calendar {
    margin: 0 !important;
}

.forlocation,
.forgooglelocation {
    flex-wrap: wrap;
}

#s4-ribbonrow {
    z-index: 99;
}

    #s4-ribbonrow img {
        max-width: inherit;
    }

.responsive-calendar {
    padding: 40px 0;
    width: 100%;
}

.ContainerDivCssClass {
    position: relative;
}

.responsive-calendar .controls {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: #b3e8ed;
    padding: 10px 0;
}

.responsive-calendar .days {
    padding: 0 20px;
}

.responsive-calendar .day-headers {
    margin-bottom: 10px;
    padding: 0 20px;
    color: #04615c;
}

.responsive-calendar .day.header {
    border-bottom: 0;
}

.responsive-calendar .day .badge {
    display: none;
}

.responsive-calendar .day a {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    line-height: 9px;
}

.responsive-calendar .day.active a {
    background-color: #47c0bb;
}

    .responsive-calendar .day.active a:hover {
        background-color: #04615c;
    }

    .responsive-calendar .day.active a:hover {
        background-color: #04615c;
    }

.responsive-calendar .controls h4 {
    padding: 0 30px;
}

    .responsive-calendar .controls h4 span {
        font-size: 20px;
        font-weight: lighter;
        color: #04615c;
    }

.responsive-calendar .controls .btn {
    position: relative;
    line-height: 0;
}

    .responsive-calendar .controls .btn::after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 18px;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        top: 0;
        color: #7f7f7f;
    }

    .responsive-calendar .controls .btn.btn-prev::after {
        content: '\f0da';
    }

    .responsive-calendar .controls .btn.btn-next::after {
        content: '\f0d9';
    }

.calender_days {
    width: 100%;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    position: relative;
    border-collapse: separate;
    border-spacing: 15px;
}

    .calender_days tr:first-of-type {
        position: relative;
        height: 70px;
    }

        .calender_days tr:first-of-type::after {
            content: '';
            background-color: #47c0bb;
            position: absolute;
            height: 70px;
            left: 0;
            right: 0;
            z-index: 0;
            width: 100%;
        }

    .calender_days tr th {
        position: relative;
        z-index: 1;
    }

    .calender_days .TopCurrentMonthCssClass,
    .calender_days .TopCurrentYearCssClass {
        font-size: 20px;
        font-weight: 100;
        color: #fff;
        font-family: 'SST Arabic' !important;
    }

    .calender_days .nextMonthCssClass a {
        position: relative;
        color: #fff;
    }

        .calender_days .nextMonthCssClass a::before {
            content: '\f0d9';
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            font-size: 18px;
            -webkit-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
            top: 0;
            color: #fff;
        }

    .calender_days .prevMonthCssClass a::before {
        content: '\f0da';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 18px;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        top: 0;
        color: #fff;
    }

    .calender_days .trdayName td {
        padding: 14px 0;
        color: #47c0bb;
        font-size: 16px;
        font-weight: 700;
    }

.days_num td {
    padding: 50px 0;
    font-size: 16px;
    color: #474747;
}

@media (min-width: 768px) and (max-width: 991px) {
    .days_num td {
        padding: 40px 0;
    }
}

@media (min-width: 545px) and (max-width: 767px) {
    .days_num td {
        padding: 20px 0;
    }
}

@media (max-width: 544px) {
    .days_num td {
        padding: 15px 0;
    }
}

.days_num td:hover {
    background-color: #47c0bb;
    text-decoration: none;
    color: #fff;
}

.event_day {
    position: relative;
    background-color: #47c0bb;
    color: #fff;
}

    .event_day .div_event_tooltip + a {
        color: #fff;
        font-size: 16px;
    }

    .event_day .div_event_tooltip {
        position: absolute;
        top: -20px;
        width: 147px;
        right: 0;
        left: 0;
        margin: auto;
        background: #ffff;
        padding: 10px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
        opacity: 0;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    .event_day > div a {
        font-size: 14px;
        color: #212529;
    }

.days_num td:hover {
    background-color: #47c0bb;
    text-decoration: none;
    color: #fff;
}

    .days_num td:hover .div_event_tooltip + a {
        color: #fff;
    }

    .days_num td:hover .div_event_tooltip {
        opacity: 1;
        top: -60px;
    }

.divLoaderImageclass {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    z-index: 9;
}

.form-group span.control-label {
    font-size: 20px;
    margin-bottom: 15px;
    margin-right: 30px;
    font-weight: 500;
    color: #474747;
    display: inline-block;
}

.form-group .astrisk {
    color: red;
}

.btn {
    line-height: 60px;
}

.page-container .col-12 h4 {
    font-size: 28px;
    color: #474747;
    margin: 30px 10px;
    font-weight: 400;
}

.page-container .page-help .help-menu .dropdown-menu a span {
    color: #212529;
}

.page-container .page-help .help-menu .dropdown-menu a:hover span {
    color: #47c0bb !important;
}

.row {
    width: 100%;
}

.ms-dtinput a {
    position: relative;
    left: -17px;
}

    .ms-dtinput a img {
        visibility: hidden;
    }

    .ms-dtinput a:before {
        content: '\f073';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        position: absolute;
        bottom: -13px;
        margin: auto;
        right: 12px;
        color: #47c0bb;
        font-size: 32px;
    }

.dashboard svg {
    height: 82px;
}

.form-group.validate-me .ms-dtinput,
.form-group.validate-me .ms-input,
.form-group.validate-me table {
    width: 100%;
}

.ms-srch-item h3 {
    margin: 0;
}

.ms-srch-item {
    max-width: 100% !important;
    margin: 0 !important;
    padding-top: 0 !important;
}

.ms-srch-result,
.ms-srch-result-groups {
    max-width: 100% !important;
}

.ms-srch-sb-navLink:hover,
.ms-srch-sb-searchLink:hover {
    background: 0 0 !important;
}

#SearchBox,
.ms-srch-sb-border,
.ms-srch-sbLarge {
    width: 100%;
    position: relative;
}

.ms-webpartzone-cell {
    margin-bottom: 0 !important;
}

.ms-srch-sbLarge > input,
.ms-srch-sbLarge > input:focus {
    width: 100%;
    color: #404040 !important;
    background-color: #fff !important;
    border: 1px solid #f1f1f1 !important;
    padding: 10px !important;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
    font-family: DINNextLTArabic-Regular;
    height: auto;
    margin: 0;
    height: 50px;
}

.ms-disabled {
    font: 20px DINNextLTArabic-Regular;
}

.ms-srchnav {
    border-bottom: 3px solid #5e5e5e;
    margin-top: 5px;
}

.ms-srchnav-link-selected {
    background-color: #5e5e5e;
    color: #e4e4e4 !important;
    font: 20px DINNextLTArabic-Regular !important;
    padding: 0 10px;
}

.ms-srchnav-link,
.ms-srchnav-link:hover {
    color: #535353;
    text-decoration: none;
    line-height: 26px;
    font: 20px DINNextLTArabic-Regular !important;
    padding: 0 10px;
}

.ms-srch-result-noResults {
    font: 20px DINNextLTArabic-Regular !important;
}

.ms-srch-result-noResultsTitle {
    font: 20px DINNextLTArabic-Regular !important;
}

.ms-srch-resultFooter a {
    font: 20px DINNextLTArabic-Regular !important;
    text-decoration: none !important;
    background: #005b51;
    color: #fff;
    padding: 3px 20px 10px;
    border-radius: 5px;
}

    .ms-srch-result-noResults a,
    .ms-srch-resultFooter a:hover {
        text-decoration: underline;
        color: #fff;
    }

.ms-spimn-presenceLink {
    display: none;
}

.ms-peopleux-userImgWrapper {
    border: 0;
}

.ms-peopleux-userImg {
    border: 1px solid #ababab !important;
}

.ms-srch-resultscount {
    border-bottom: 1px dotted #e2e2e2 !important;
    padding-bottom: 15px;
}

.ms-srch-hover-action a,
.ms-srch-hover-content {
    font: 20px DINNextLTArabic-Regular !important;
}

.ms-dlg-heading,
h2.ms-dlg-heading {
    font: 20px DINNextLTArabic-Regular !important;
}

.ms-srch-hover-close {
    height: 20px;
}

.ms-ref-refinername:link,
.ms-ref-refinername:visited {
    background: #47c0bb;
    padding: 2px 11px;
    color: #fff !important;
    font: 20px DINNextLTArabic-Regular !important;
    width: 100%;
}

    .ms-ref-refinername:link div,
    .ms-ref-refinername:visited div {
        position: relative;
        top: -5px;
    }

.ms-ref-refiner {
    padding: 0;
}

    .ms-ref-refiner #Container {
        border: 1px solid #f5f5f5;
        padding: 10px;
        margin-bottom: 20px;
        box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.07);
    }

.ms-ref-name {
    font: 20px DINNextLTArabic-Regular !important;
    right: 10px;
    position: relative;
}

    .ms-displayBlock:hover,
    .ms-ref-name:hover,
    .ms-ref-selSec {
        color: #5e5e5e !important;
        text-decoration: underline;
    }

.ms-commandLink,
.ms-commandLink:visited {
    font: 14px DINNextLTArabic-Regular !important;
    color: #5e5e5e !important;
    text-decoration: underline !important;
    padding-right: 10px;
    border: 0;
}

.ms-srch-ellipsis a,
.ms-srch-ellipsis a:visited,
.ms-srch-hover-popularity div,
.ms-srch-item-link,
.ms-srch-item-link:visited {
    font-family: DINNextLTArabic-Regular;
    font-size: 18px !important;
    color: #707070;
    line-height: 30px;
}

div.ms-srch-item-title h3.ms-srch-ellipsis a,
div.ms-srch-item-title h3.ms-srch-ellipsis a:visited {
    color: #47c0bb;
    text-decoration: none !important;
    font-size: 18px !important;
    font-family: DINNextLTArabic-Bold !important;
}

.ms-srch-ellipsis a:hover {
    color: #47c0bb;
    text-decoration: none;
}

.ms-srch-ellipsis {
    white-space: normal;
    font-family: DINNextLTArabic-Regular;
}

.ms-srch-communityItem-summary,
.ms-srch-item-metadataContainer div,
.ms-srch-item-summary {
    font-family: DINNextLTArabic-Regular;
    font-size: 16px;
}

.ms-srch-item-body {
    padding-bottom: 10px;
}

.ms-srch-item:hover,
.ms-srch-people-outerContainer:hover {
    background-color: #eaeaea;
}

.ms-srch-item {
    border-bottom: 1px dashed #5e5e5e;
}

.handle_label_section,
.ms-descriptiontext,
.ms-metadata,
.slider_extent_label_section {
    font: 18px DINNextLTArabic-Regular !important;
}

.histogram_container,
.ms-ref-allSec,
.ms-textSmall,
.slideronly_container {
    position: relative;
    right: 10px;
}

.ms-srch-hover-filetype,
.ms-srch-item-path {
    color: #04615c !important;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    font-size: 14px;
}

.ms-webpart-cell-vertical {
    margin-bottom: 0;
}

.ms-srch-item-summary .ms-srch-item-highlightedText {
    color: #47c0bb;
}

.ms-promlink-button-image {
    right: -1px;
    top: 0;
}

.ms-srch-hover-actions,
.ms-srch-hover-popularity {
    background-color: #eaeaea;
}

.ms-srch-hover-actions {
    display: none;
}

.ms-srch-item:hover,
.ms-srch-resultHover:hover {
    background-color: #f3f3f3 !important;
}

.ms-commandLink,
.ms-commandLink:visited,
.ms-promlink-button-enabled-hover,
.ms-promlink-button-enabled:hover {
    border: none !important;
    background-color: transparent !important;
}

#NoResult {
    font-size: 20px;
}

    #NoResult a {
        color: #47c0bb;
    }

.ms-srch-sbLarge-link {
    margin-right: 10px;
}

    .ms-srch-sbLarge-link a {
        color: #47c0bb !important;
        font: normal 16px DINNextLTArabic-Regular;
        text-decoration: underline;
    }

.ms-advsrchText-v2box,
td.ms-advsrchText-v1 {
    color: #404040 !important;
    font: 16px DINNextLTArabic-Regular !important;
}

td.ms-advsrchText-v2 input,
td.ms-advsrchText-v2 select {
    height: 50px;
    width: 100%;
}

.ms-advsrchbutton input,
.ms-advsrchbutton input:hover {
    background-color: #47c0bb;
    font: 20px DINNextLTArabic-Regular;
    color: #fff;
    padding: 0 20px 6px;
    border: 0;
    cursor: pointer;
    text-align: center;
    outline: 0;
    float: right;
}

td.ms-advsrchtips a {
    color: #47c0bb;
    text-decoration: underline;
}

.ms-srch-sb-navLink:hover,
.ms-srch-sb-searchLink:hover,
.ms-srch-sbLarge > .ms-srch-sb-searchLink {
    display: block;
    position: absolute;
    right: 10px;
    top: 9px;
}

.srch-advancedtable {
    width: 100%;
    margin: 0 !important;
    border: 0 !important;
    background: inherit !important;
    padding: 0 !important;
}

    .srch-advancedtable td {
        padding: 10px;
    }

.ms-advsrchText-v1 {
    width: 25%;
}

.td.ms-advsrchText-v2 input,
td.ms-advsrchText-v2 select {
    color: #404040 !important;
    font: 20px DINNextLTArabic-Regular !important;
}

.ms-advsrchtips {
    display: none !important;
}

.ms-srch-hover-body * {
    font-size: 16px;
}

.ms-srch-sbLarge-searchImg {
    max-width: 1000px;
}

.ms-srch-result #Paging li a#PageLinkNext:after,
.ms-srch-result #Paging li a#PageLinkPrev:after {
    top: 20px;
}

.ms-srch-sb-borderFocused {
    border: 1px solid #eee;
}

@media (max-width: 767px) {
    .ms-srch-hover-outerContainer {
        display: none !important;
    }

    .ms-srch-item,
    .ms-srch-item-body,
    .ms-srch-item-path,
    .ms-srch-item-summary,
    .ms-srch-item-title {
        width: auto;
    }
}

.toc-layout-main > .dfwp-list {
    padding: 0;
    position: relative;
    margin-bottom: 1em;
    display: -webkit-box;
    display: flex;
}

    .toc-layout-main > .dfwp-list > .level-section {
        margin-bottom: 10px;
    }

    .toc-layout-main > .dfwp-list,
    .toc-layout-main > .dfwp-list a,
    .toc-layout-main > .dfwp-listt > ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

        .toc-layout-main > .dfwp-list a:hover::before {
            right: 0;
        }

        .toc-layout-main > .dfwp-list ul {
            position: relative;
        }

        .toc-layout-main > .dfwp-list > ul {
            display: -webkit-box;
            display: flex;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: start;
            align-items: flex-start;
        }

            .toc-layout-main > .dfwp-list > ul > li {
                -webkit-box-flex: 1;
                flex: 1 1 auto;
            }

        .toc-layout-main > .dfwp-list li {
            margin-left: 2em;
            list-style: none;
        }

            .toc-layout-main > .dfwp-list li ul li:after,
            .toc-layout-main > .dfwp-list li ul li:before {
                display: inline-block;
                width: 2.5em;
                border: 2px solid #47c0bb;
                border-left: none;
                border-top: none;
                content: '';
                transform: scale(-1, 1);
            }

            .toc-layout-main > .dfwp-list li ul li:last-child:before {
                border-color: transparent;
            }

            .toc-layout-main > .dfwp-list li:after {
                position: absolute;
                left: 2.5em;
                top: 0;
                width: 2px;
                height: calc(100% - 33px);
            }

            .toc-layout-main > .dfwp-list li a {
                position: relative;
                z-index: 10;
                display: -webkit-inline-box;
                display: inline-flex;
                padding: 0.5em 1em;
                border: 1px solid #e0e0e0;
                border-radius: 4px;
                border-bottom-width: 3px;
                background: #f9f9f9;
                font-weight: 700;
                text-decoration: none;
                color: #595959;
                font-size: 15px !important;
                transition: all 0.2s linear;
                -webkit-transition: all 0.2s linear;
            }

                .toc-layout-main > .dfwp-list li a::before {
                    content: '';
                    height: 100%;
                    right: 100%;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    z-index: -1;
                    background-color: #47c0bb;
                    transition: all 0.2s linear;
                    -webkit-transition: all 0.2s linear;
                }

                .toc-layout-main > .dfwp-list li a:hover {
                    color: #fff;
                }

        .toc-layout-main > .dfwp-list > ul > li > a {
            background: #f2e8dd;
            border-color: #e4cfb8;
        }

        .toc-layout-main > .dfwp-list .level-header {
            padding: 0;
            display: inline-block;
        }

        .toc-layout-main > .dfwp-list .level-section > ul > li {
            padding-bottom: 15px;
            margin: 0 2.5em;
        }

            .toc-layout-main > .dfwp-list .level-section > ul > li:first-child {
                padding-top: 15px;
            }

table.grid {
    border-right: 1px solid #ddd;
    margin: 20px 0;
    width: 100%;
}

    table.grid tr th {
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
        font-size: 15px;
        background: #056463;
        color: #fff;
        padding: 15px 10px;
        text-align: center;
        font-size: 16px;
        white-space: nowrap;
    }

    table.grid tr td {
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        padding: 6px;
    }

.minTitle,
.survey_title a,
.surveyq .formControlTd input[type='submit'] {
    background: #04615c;
    border: 1px solid #04615c;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    display: block;
    font-family: DINNextLTArabic-Bold;
}

.survey_des {
    font-size: 16px;
    color: #1c1c1c;
    padding-top: 10px;
}

    .survey_des a,
    .surveyq .formControlTd input[type='submit'] {
        padding: 6px 25px;
        background: #fff;
        color: #47c0bb;
        height: 42px;
        line-height: 20px;
        font-size: 16px;
        transition: all 0.3s ease-in;
        min-width: 120px;
        text-align: center;
        display: inline-block;
        margin-top: 20px;
        border: 1px solid #47c0bb;
        border-radius: 0;
        font-weight: 700;
        width: 100%;
    }

        .survey_des a:hover,
        .surveyq .formControlTd input[type='submit']:hover {
            background: #47c0bb;
            color: #fff !important;
        }

.survey_data {
    font-size: 16px;
    color: #1c1c1c;
    margin-bottom: 15px;
    display: block;
}

.survey_qtitle {
    color: #1c1c1c;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 700;
}

    .survey_qtitle .DevHelperRequiredMark {
        color: red;
    }

.survey_Answers {
    display: block;
    margin-bottom: 15px;
}

    .survey_Answers input[type='text'] {
        min-width: 320px;
    }

    .survey_Answers input {
        height: 45px;
        color: #1c1c1c;
        border: 1px solid #eee;
        border-radius: 0;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
    }

        .survey_Answers input[type='checkbox'],
        .survey_Answers input[type='radio'] {
            width: 20px;
            height: 20px;
            margin-right: 10px;
            margin-bottom: 10px;
            font-size: 16px;
            position: relative;
            bottom: -5px;
        }

            .survey_Answers input[type='checkbox'] + label,
            .survey_Answers input[type='radio'] + label {
                vertical-align: text-top;
            }

    .survey_Answers .formMultiTextBox {
        color: #1c1c1c;
        border: 1px solid #eee;
        border-radius: 0;
        font-size: 16px;
    }

    .survey_Answers .formDropDown {
        min-width: 320px;
        border: 1px solid #eee;
        font-size: 16px;
        padding: 5px;
    }

    .survey_Answers label {
        font-size: 16px;
    }

.alert-success {
    font-size: 20px;
    text-align: center;
}

.alert-dismissible {
    padding: 10px 20px;
}

.accessability ul > li:nth-child(2) {
    display: none;
}

.requiredMsg {
    color: red;
}

.MyHover,
.MyNormal {
    cursor: pointer;
    margin-left: 5px;
    font-size: 20px;
}

    .MyNormal:before {
        content: '\f005';
        font-family: 'Font Awesome 5 Free';
        color: #47c0bb;
    }

    .MyHover:before,
    .Myselect:before {
        font-weight: 700;
        content: '\f005';
        font-family: 'Font Awesome 5 Free';
        color: #47c0bb;
    }

#RateThis > div {
    display: inline-block;
}

.square-spinner {
    width: 55px;
    display: block;
    background-color: #47c0bb;
    height: 55px;
    -webkit-animation: 3s rotate2 ease-in-out infinite;
    animation: 3s flip ease-in-out infinite;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0);
    }

    25% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
        transform: perspective(120px) rotateX(-180deg) rotateY(0);
    }

    50% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    }

    75% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(-180deg);
        transform: perspective(120px) rotateX(0) rotateY(-180deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(-360deg);
        transform: perspective(120px) rotateX(0) rotateY(-360deg);
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0);
    }

    25% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
        transform: perspective(120px) rotateX(-180deg) rotateY(0);
    }

    50% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    }

    75% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(-180deg);
        transform: perspective(120px) rotateX(0) rotateY(-180deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(-360deg);
        transform: perspective(120px) rotateX(0) rotateY(-360deg);
    }
}

.flight-block .table td.belt-closed {
    min-width: 70px;
    background: #434c56;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 16px !important;
}

.flight-block .table td.no-more-bags {
    min-width: 70px;
    background: #434c56;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px !important;
}

.flight-block .table td.in {
    min-width: 70px;
    background: #434c56;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 16px !important;
}

.flight-block .table td.bags-on-belt {
    min-width: 70px;
    background: #434c56;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 16px !important;
}

.flight-block .table td.landed {
    min-width: 70px;
    background: #434c56;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 16px !important;
}

.flight-block .table td.ontime {
    min-width: 70px;
    background: #39b54a;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 16px !important;
}

.flight-block .table td.delay-to {
    min-width: 70px;
    background: #434c56;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 16px !important;
}

.flight-block .table td.belt-closed {
    min-width: 70px;
    background: #434c56;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 16px !important;
}

.flight-block .table td.baggage-est.-in {
    min-width: 70px;
    background: #434c56;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 16px !important;
}

.flight-block .table td.bags-on-belt {
    min-width: 70px;
    background: #434c56;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 16px !important;
}

.flight-block .table td.landed {
    min-width: 70px;
    background: #434c56;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 16px !important;
}

.flight-block .table td.ontime {
    min-width: 70px;
    background: #39b54a;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 16px !important;
}

.flight-block .table td.delay-to {
    min-width: 70px;
    background: #434c56;
    padding: 2px 5px;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 16px !important;
}

.flight-block .table td.early-arrival {
    min-width: 70px;
    background: #434c56;
    padding: 2px 5px;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 16px !important;
}

.flight-block .table td.approaching {
    min-width: 70px;
    background: #434c56;
    padding: 2px 5px;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 16px !important;
}

.empty_arc {
    background-color: #fff3cd;
    color: #856404;
    border-color: #ffeeba;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    display: block;
}

.wifi .container {
    max-width: 850px;
}

.fromTo-slider,
.wifi-slider {
    border-radius: 20px;
    overflow: hidden;
}

    .fromTo-slider .slide__img,
    .wifi-slider .slide__img {
        border-radius: 20px;
        overflow: hidden;
    }

        .fromTo-slider .slide__img img,
        .wifi-slider .slide__img img {
            border-radius: 20px;
            max-height: 600px;
            -o-object-fit: cover;
            object-fit: cover;
            height: auto;
            min-height: 300px;
        }

    .fromTo-slider .slick-arrow.prev-arrow,
    .wifi-slider .slick-arrow.prev-arrow {
        left: 30px;
    }

.wifi-thumb .card-block .img-block {
    height: auto;
}

    .wifi-thumb .card-block .img-block img {
        min-height: 150px;
    }

.wifi-thumb .slick-arrow {
    top: 40%;
}

    .wifi-thumb .slick-arrow.prev-arrow {
        left: -15px;
    }

    .wifi-thumb .slick-arrow.next-arrow {
        right: -15px;
    }

.fromTo-slider .slick-arrow.slick-disabled,
.wifi-slider .slick-arrow.slick-disabled {
    display: -webkit-box !important;
    display: flex !important;
    opacity: 0.2;
    cursor: default;
}

    .fromTo-slider .slick-arrow.slick-disabled:hover,
    .wifi-slider .slick-arrow.slick-disabled:hover {
        background: #fff;
    }

        .fromTo-slider .slick-arrow.slick-disabled:hover i,
        .wifi-slider .slick-arrow.slick-disabled:hover i {
            color: #000;
        }

.wifi .card-block .img-block .img-container::after,
.wifi .slide .slide__img:after {
    display: none;
}

.wifi .form-group .btn.btn-primary {
    background: #005e59;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.wifi .form-group .btn.btn-primary {
    text-align: center;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    position: relative;
    color: #fff;
    height: 70px;
    border-radius: 50px;
    padding: 0 70px;
    margin: 15px;
    font-size: 18px;
    border: none;
    outline: 0;
    box-shadow: none;
    font-family: DINNextLTArabic-Bold;
    box-shadow: 0 0 10px 0 rgba(20, 50, 80, 0.05);
}

    .wifi .form-group .btn.btn-primary:hover {
        background: #fff;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        color: #005e59;
        border: none;
    }

.websitelink:link,
.websitelink:visited {
    padding: 6px 25px 10px 25px;
    font-size: 17px;
    background: #47c0bb;
    color: #fff;
    border: 1px solid #47c0bb;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 7.5px 10px;
    text-align: center;
    display: inline-block;
    font-weight: 700;
    margin: 0 25%;
}

.websitelink:hover {
    background: #fff;
    color: #47c0bb;
}

@media (max-width: 767px) {
    .websitelink {
        margin: 0;
    }
}

.page-container .flight-line.car-rent a:hover h4 {
    color: #47c0bb;
}

.diningSlider img {
    height: auto;
    margin: 0;
}

.diningSlider .slick-dots {
    display: none !important;
}

.diningSlider .slick-arrow.prev-arrow {
    left: 30px;
}

.flight-block {
    text-align: center;
}

    .flight-block > a:first-of-type {
        display: inline-flex;
        text-align: center;
        justify-content: center;
        flex-direction: column;
        margin: auto;
    }

    .flight-block > a img {
        display: block;
        margin: 15px auto;
    }

    .flight-block .forlocation,
    .forgooglelocation {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.websitelink {
    background: #fff;
    border-radius: 30px;
    margin: auto;
    margin-top: 30px;
    color: #474747;
    min-width: 50%;
}

    .websitelink:hover {
        background: #47c0bb;
        color: #fff;
    }

.mapLocation {
    padding: 1.5rem 0 1rem;
    font-size: 16px;
    text-align: right;
}

    .mapLocation a:link,
    .mapLocation a:visited {
        color: #fff;
        background: #04615c;
        padding: 0.75rem 1.2rem;
        display: inline-block;
        border-radius: 7px;
        transition: all 0.2s ease;
    }

    .mapLocation a:hover {
        background: #47c0bb;
    }

    .mapLocation i {
        font-size: 40px;
    }

.parkingPaymentMethods {
    text-align: center;
}

    .parkingPaymentMethods img {
        height: 65px;
    }

    .parkingPaymentMethods li {
        display: inline-block;
    }

.riyadh-tourism + .airport-news {
    margin-top: 0;
    margin-bottom: 150px;
}

@media (max-width: 544px) {
    .sidebar {
        top: 16%;
    }

        .sidebar ul li a {
            width: 50px;
            height: 50px;
            margin: 5px 0;
        }

            .sidebar ul li a img {
                max-height: 25px;
            }

    .slider-content .slider-search input {
        height: 60px;
        min-height: 60px;
    }

    .tabbed {
        /* left: 30px; */
    }

    .slider-content .slider-search {
        /* left: 50px; */
    }

        .slider-content .slider-search button {
            top: 5px;
        }
}

#mapframe,
iframe {
    max-width: 100% !important;
}

.captchaimg {
    margin: 10px 0;
    border-radius: 30px;
}

.wifi .current_language {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    background: 0 0;
    border: 1px solid #04615c;
    position: relative;
    border-radius: 10em;
    height: 35px;
    color: #04615c;
}

    .wifi .current_language span {
        margin-top: -5px;
    }

    .wifi .current_language img {
        width: auto;
        height: auto;
        margin-left: 5px;
        margin-right: 5px;
    }

    .wifi .current_language + .dropdown-menu {
        text-align: left;
        width: 200px;
        top: 25px !important;
        border-radius: 20px;
        padding: 15px 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #47c0bb;
    }

        .wifi .current_language + .dropdown-menu a {
            border-bottom: 1px solid rgba(71, 71, 71, 0.2);
            position: relative;
            z-index: 2;
            color: #fff;
        }

            .wifi .current_language + .dropdown-menu a:last-child {
                border-bottom: none;
            }

            .wifi .current_language + .dropdown-menu a:hover {
                color: #47c0bb;
                background: #f7f7f7;
            }

        .wifi .current_language + .dropdown-menu::before {
            background: url(../images/shape-green.svg) no-repeat;
            background-size: cover;
            content: '';
            border-top-left-radius: 50%;
            border-top-right-radius: 50%;
            position: absolute;
            top: -15px;
            height: 36px;
            width: 100px;
            transform: scale(-1);
            left: 10px;
        }

        .wifi .current_language + .dropdown-menu img {
            width: auto;
            height: auto;
            margin-right: 8px;
        }

.toggleLangBtn {
    border-color: #47c0bb;
}

    .toggleLangBtn:hover {
        border-color: #47c0bb;
        background-color: #47c0bb;
    }

#FindFlight {
    display: inline-block;
}