@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* CSS Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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


.light-bg {
    background-color: #ffffff14 !important;
    }

.flag {
    width: 16px;
    height: 11px;
    background: url(../images/flags.png) no-repeat;
}

.flag.flag-ad {
    background-position: -16px 0;
}

.flag.flag-ae {
    background-position: -32px 0;
}

.flag.flag-af {
    background-position: -48px 0;
}

.flag.flag-ag {
    background-position: -64px 0;
}

.flag.flag-ai {
    background-position: -80px 0;
}

.flag.flag-al {
    background-position: -96px 0;
}

.flag.flag-am {
    background-position: -112px 0;
}

.flag.flag-an {
    background-position: -128px 0;
}

.flag.flag-ao {
    background-position: -144px 0;
}

.flag.flag-ar {
    background-position: -160px 0;
}

.flag.flag-as {
    background-position: -176px 0;
}

.flag.flag-at {
    background-position: -192px 0;
}

.flag.flag-au {
    background-position: -208px 0;
}

.flag.flag-aw {
    background-position: -224px 0;
}

.flag.flag-az {
    background-position: -240px 0;
}

.flag.flag-ba {
    background-position: 0 -11px;
}

.flag.flag-bb {
    background-position: -16px -11px;
}

.flag.flag-bd {
    background-position: -32px -11px;
}

.flag.flag-be {
    background-position: -48px -11px;
}

.flag.flag-bf {
    background-position: -64px -11px;
}

.flag.flag-bg {
    background-position: -80px -11px;
}

.flag.flag-bh {
    background-position: -96px -11px;
}

.flag.flag-bi {
    background-position: -112px -11px;
}

.flag.flag-bj {
    background-position: -128px -11px;
}

.flag.flag-bm {
    background-position: -144px -11px;
}

.flag.flag-bn {
    background-position: -160px -11px;
}

.flag.flag-bo {
    background-position: -176px -11px;
}

.flag.flag-br {
    background-position: -192px -11px;
}

.flag.flag-bs {
    background-position: -208px -11px;
}

.flag.flag-bt {
    background-position: -224px -11px;
}

.flag.flag-bv {
    background-position: -240px -11px;
}

.flag.flag-bw {
    background-position: 0 -22px;
}

.flag.flag-by {
    background-position: -16px -22px;
}

.flag.flag-bz {
    background-position: -32px -22px;
}

.flag.flag-ca {
    background-position: -48px -22px;
}

.flag.flag-catalonia {
    background-position: -64px -22px;
}

.flag.flag-cd {
    background-position: -80px -22px;
}

.flag.flag-cf {
    background-position: -96px -22px;
}

.flag.flag-cg {
    background-position: -112px -22px;
}

.flag.flag-ch {
    background-position: -128px -22px;
}

.flag.flag-ci {
    background-position: -144px -22px;
}

.flag.flag-ck {
    background-position: -160px -22px;
}

.flag.flag-cl {
    background-position: -176px -22px;
}

.flag.flag-cm {
    background-position: -192px -22px;
}

.flag.flag-cn {
    background-position: -208px -22px;
}

.flag.flag-co {
    background-position: -224px -22px;
}

.flag.flag-cr {
    background-position: -240px -22px;
}

.flag.flag-cu {
    background-position: 0 -33px;
}

.flag.flag-cv {
    background-position: -16px -33px;
}

.flag.flag-cw {
    background-position: -32px -33px;
}

.flag.flag-cy {
    background-position: -48px -33px;
}

.flag.flag-cz {
    background-position: -64px -33px;
}

.flag.flag-de {
    background-position: -80px -33px;
}

.flag.flag-dj {
    background-position: -96px -33px;
}

.flag.flag-dk {
    background-position: -112px -33px;
}

.flag.flag-dm {
    background-position: -128px -33px;
}

.flag.flag-do {
    background-position: -144px -33px;
}

.flag.flag-dz {
    background-position: -160px -33px;
}

.flag.flag-ec {
    background-position: -176px -33px;
}

.flag.flag-ee {
    background-position: -192px -33px;
}

.flag.flag-eg {
    background-position: -208px -33px;
}

.flag.flag-eh {
    background-position: -224px -33px;
}

.flag.flag-england {
    background-position: -240px -33px;
}

.flag.flag-er {
    background-position: 0 -44px;
}

.flag.flag-es {
    background-position: -16px -44px;
}

.flag.flag-et {
    background-position: -32px -44px;
}

.flag.flag-eu {
    background-position: -48px -44px;
}

.flag.flag-fi {
    background-position: -64px -44px;
}

.flag.flag-fj {
    background-position: -80px -44px;
}

.flag.flag-fk {
    background-position: -96px -44px;
}

.flag.flag-fm {
    background-position: -112px -44px;
}

.flag.flag-fo {
    background-position: -128px -44px;
}

.flag.flag-fr {
    background-position: -144px -44px;
}

.flag.flag-ga {
    background-position: -160px -44px;
}

.flag.flag-gb {
    background-position: -176px -44px;
}

.flag.flag-gd {
    background-position: -192px -44px;
}

.flag.flag-ge {
    background-position: -208px -44px;
}

.flag.flag-gf {
    background-position: -224px -44px;
}

.flag.flag-gg {
    background-position: -240px -44px;
}

.flag.flag-gh {
    background-position: 0 -55px;
}

.flag.flag-gi {
    background-position: -16px -55px;
}

.flag.flag-gl {
    background-position: -32px -55px;
}

.flag.flag-gm {
    background-position: -48px -55px;
}

.flag.flag-gn {
    background-position: -64px -55px;
}

.flag.flag-gp {
    background-position: -80px -55px;
}

.flag.flag-gq {
    background-position: -96px -55px;
}

.flag.flag-gr {
    background-position: -112px -55px;
}

.flag.flag-gs {
    background-position: -128px -55px;
}

.flag.flag-gt {
    background-position: -144px -55px;
}

.flag.flag-gu {
    background-position: -160px -55px;
}

.flag.flag-gw {
    background-position: -176px -55px;
}

.flag.flag-gy {
    background-position: -192px -55px;
}

.flag.flag-hk {
    background-position: -208px -55px;
}

.flag.flag-hm {
    background-position: -224px -55px;
}

.flag.flag-hn {
    background-position: -240px -55px;
}

.flag.flag-hr {
    background-position: 0 -66px;
}

.flag.flag-ht {
    background-position: -16px -66px;
}

.flag.flag-hu {
    background-position: -32px -66px;
}

.flag.flag-ic {
    background-position: -48px -66px;
}

.flag.flag-id {
    background-position: -64px -66px;
}

.flag.flag-ie {
    background-position: -80px -66px;
}

.flag.flag-il {
    background-position: -96px -66px;
}

.flag.flag-im {
    background-position: -112px -66px;
}

.flag.flag-in {
    background-position: -128px -66px;
}

.flag.flag-io {
    background-position: -144px -66px;
}

.flag.flag-iq {
    background-position: -160px -66px;
}

.flag.flag-ir {
    background-position: -176px -66px;
}

.flag.flag-is {
    background-position: -192px -66px;
}

.flag.flag-it {
    background-position: -208px -66px;
}

.flag.flag-je {
    background-position: -224px -66px;
}

.flag.flag-jm {
    background-position: -240px -66px;
}

.flag.flag-jo {
    background-position: 0 -77px;
}

.flag.flag-jp {
    background-position: -16px -77px;
}

.flag.flag-ke {
    background-position: -32px -77px;
}

.flag.flag-kg {
    background-position: -48px -77px;
}

.flag.flag-kh {
    background-position: -64px -77px;
}

.flag.flag-ki {
    background-position: -80px -77px;
}

.flag.flag-km {
    background-position: -96px -77px;
}

.flag.flag-kn {
    background-position: -112px -77px;
}

.flag.flag-kp {
    background-position: -128px -77px;
}

.flag.flag-kr {
    background-position: -144px -77px;
}

.flag.flag-kurdistan {
    background-position: -160px -77px;
}

.flag.flag-kw {
    background-position: -176px -77px;
}

.flag.flag-ky {
    background-position: -192px -77px;
}

.flag.flag-kz {
    background-position: -208px -77px;
}

.flag.flag-la {
    background-position: -224px -77px;
}

.flag.flag-lb {
    background-position: -240px -77px;
}

.flag.flag-lc {
    background-position: 0 -88px;
}

.flag.flag-li {
    background-position: -16px -88px;
}

.flag.flag-lk {
    background-position: -32px -88px;
}

.flag.flag-lr {
    background-position: -48px -88px;
}

.flag.flag-ls {
    background-position: -64px -88px;
}

.flag.flag-lt {
    background-position: -80px -88px;
}

.flag.flag-lu {
    background-position: -96px -88px;
}

.flag.flag-lv {
    background-position: -112px -88px;
}

.flag.flag-ly {
    background-position: -128px -88px;
}

.flag.flag-ma {
    background-position: -144px -88px;
}

.flag.flag-mc {
    background-position: -160px -88px;
}

.flag.flag-md {
    background-position: -176px -88px;
}

.flag.flag-me {
    background-position: -192px -88px;
}

.flag.flag-mg {
    background-position: -208px -88px;
}

.flag.flag-mh {
    background-position: -224px -88px;
}

.flag.flag-mk {
    background-position: -240px -88px;
}

.flag.flag-ml {
    background-position: 0 -99px;
}

.flag.flag-mm {
    background-position: -16px -99px;
}

.flag.flag-mn {
    background-position: -32px -99px;
}

.flag.flag-mo {
    background-position: -48px -99px;
}

.flag.flag-mp {
    background-position: -64px -99px;
}

.flag.flag-mq {
    background-position: -80px -99px;
}

.flag.flag-mr {
    background-position: -96px -99px;
}

.flag.flag-ms {
    background-position: -112px -99px;
}

.flag.flag-mt {
    background-position: -128px -99px;
}

.flag.flag-mu {
    background-position: -144px -99px;
}

.flag.flag-mv {
    background-position: -160px -99px;
}

.flag.flag-mw {
    background-position: -176px -99px;
}

.flag.flag-mx {
    background-position: -192px -99px;
}

.flag.flag-my {
    background-position: -208px -99px;
}

.flag.flag-mz {
    background-position: -224px -99px;
}

.flag.flag-na {
    background-position: -240px -99px;
}

.flag.flag-nc {
    background-position: 0 -110px;
}

.flag.flag-ne {
    background-position: -16px -110px;
}

.flag.flag-nf {
    background-position: -32px -110px;
}

.flag.flag-ng {
    background-position: -48px -110px;
}

.flag.flag-ni {
    background-position: -64px -110px;
}

.flag.flag-nl {
    background-position: -80px -110px;
}

.flag.flag-no {
    background-position: -96px -110px;
}

.flag.flag-np {
    background-position: -112px -110px;
}

.flag.flag-nr {
    background-position: -128px -110px;
}

.flag.flag-nu {
    background-position: -144px -110px;
}

.flag.flag-nz {
    background-position: -160px -110px;
}

.flag.flag-om {
    background-position: -176px -110px;
}

.flag.flag-pa {
    background-position: -192px -110px;
}

.flag.flag-pe {
    background-position: -208px -110px;
}

.flag.flag-pf {
    background-position: -224px -110px;
}

.flag.flag-pg {
    background-position: -240px -110px;
}

.flag.flag-ph {
    background-position: 0 -121px;
}

.flag.flag-pk {
    background-position: -16px -121px;
}

.flag.flag-pl {
    background-position: -32px -121px;
}

.flag.flag-pm {
    background-position: -48px -121px;
}

.flag.flag-pn {
    background-position: -64px -121px;
}

.flag.flag-pr {
    background-position: -80px -121px;
}

.flag.flag-ps {
    background-position: -96px -121px;
}

.flag.flag-pt {
    background-position: -112px -121px;
}

.flag.flag-pw {
    background-position: -128px -121px;
}

.flag.flag-py {
    background-position: -144px -121px;
}

.flag.flag-qa {
    background-position: -160px -121px;
}

.flag.flag-re {
    background-position: -176px -121px;
}

.flag.flag-ro {
    background-position: -192px -121px;
}

.flag.flag-rs {
    background-position: -208px -121px;
}

.flag.flag-ru {
    background-position: -224px -121px;
}

.flag.flag-rw {
    background-position: -240px -121px;
}

.flag.flag-sa {
    background-position: 0 -132px;
}

.flag.flag-sb {
    background-position: -16px -132px;
}

.flag.flag-sc {
    background-position: -32px -132px;
}

.flag.flag-scotland {
    background-position: -48px -132px;
}

.flag.flag-sd {
    background-position: -64px -132px;
}

.flag.flag-se {
    background-position: -80px -132px;
}

.flag.flag-sg {
    background-position: -96px -132px;
}

.flag.flag-sh {
    background-position: -112px -132px;
}

.flag.flag-si {
    background-position: -128px -132px;
}

.flag.flag-sk {
    background-position: -144px -132px;
}

.flag.flag-sl {
    background-position: -160px -132px;
}

.flag.flag-sm {
    background-position: -176px -132px;
}

.flag.flag-sn {
    background-position: -192px -132px;
}

.flag.flag-so {
    background-position: -208px -132px;
}

.flag.flag-somaliland {
    background-position: -224px -132px;
}

.flag.flag-sr {
    background-position: -240px -132px;
}

.flag.flag-ss {
    background-position: 0 -143px;
}

.flag.flag-st {
    background-position: -16px -143px;
}

.flag.flag-sv {
    background-position: -32px -143px;
}

.flag.flag-sx {
    background-position: -48px -143px;
}

.flag.flag-sy {
    background-position: -64px -143px;
}

.flag.flag-sz {
    background-position: -80px -143px;
}

.flag.flag-tc {
    background-position: -96px -143px;
}

.flag.flag-td {
    background-position: -112px -143px;
}

.flag.flag-tf {
    background-position: -128px -143px;
}

.flag.flag-tg {
    background-position: -144px -143px;
}

.flag.flag-th {
    background-position: -160px -143px;
}

.flag.flag-tibet {
    background-position: -176px -143px;
}

.flag.flag-tj {
    background-position: -192px -143px;
}

.flag.flag-tk {
    background-position: -208px -143px;
}

.flag.flag-tl {
    background-position: -224px -143px;
}

.flag.flag-tm {
    background-position: -240px -143px;
}

.flag.flag-tn {
    background-position: 0 -154px;
}

.flag.flag-to {
    background-position: -16px -154px;
}

.flag.flag-tr {
    background-position: -32px -154px;
}

.flag.flag-tt {
    background-position: -48px -154px;
}

.flag.flag-tv {
    background-position: -64px -154px;
}

.flag.flag-tw {
    background-position: -80px -154px;
}

.flag.flag-tz {
    background-position: -96px -154px;
}

.flag.flag-ua {
    background-position: -112px -154px;
}

.flag.flag-ug {
    background-position: -128px -154px;
}

.flag.flag-um {
    background-position: -144px -154px;
}

.flag.flag-us {
    background-position: -160px -154px;
}

.flag.flag-uy {
    background-position: -176px -154px;
}

.flag.flag-uz {
    background-position: -192px -154px;
}

.flag.flag-va {
    background-position: -208px -154px;
}

.flag.flag-vc {
    background-position: -224px -154px;
}

.flag.flag-ve {
    background-position: -240px -154px;
}

.flag.flag-vg {
    background-position: 0 -165px;
}

.flag.flag-vi {
    background-position: -16px -165px;
}

.flag.flag-vn {
    background-position: -32px -165px;
}

.flag.flag-vu {
    background-position: -48px -165px;
}

.flag.flag-wales {
    background-position: -64px -165px;
}

.flag.flag-wf {
    background-position: -80px -165px;
}

.flag.flag-ws {
    background-position: -96px -165px;
}

.flag.flag-xk {
    background-position: -112px -165px;
}

.flag.flag-ye {
    background-position: -128px -165px;
}

.flag.flag-yt {
    background-position: -144px -165px;
}

.flag.flag-za {
    background-position: -160px -165px;
}

.flag.flag-zanzibar {
    background-position: -176px -165px;
}

.flag.flag-zm {
    background-position: -192px -165px;
}

.flag.flag-zw {
    background-position: -208px -165px;
}

a{color: #51B8E5;}

body {
    line-height: 1;
    background-color: #000;
    color: white;
    font-family: "Inter", sans-serif;
}

.ff-poppins {
    font-family: "Poppins", sans-serif;
}

.ff-inter {
    font-family: "Inter", sans-serif;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

.row>* {
    padding-right: 16px;
    padding-left: 16px;
}

.btn-outline-light {
    color: #fff;
    border-color: #fff;
}

.btn-outline-light:hover {
    background-color: #fff;
    color: #000;
}

.navbar {
    background-color:#000000;
    /* Transparent by default */
    padding: var(--Numbers-12, 12px) var(--Numbers-24, 24px);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: background-color 0.3s, top 0.3s ease-in-out;
}

.container {
    /* display: flex;
    align-items: center;
    justify-content: space-between; */
}

.navbar-logo {
    flex: 1;
}

.navbar-menu {
    flex: 2;
    display: flex;
    justify-content: center;
    list-style: none;
}

.navbar-menu li {
    margin: 0 8px;
    height: 50px;
    display: flex;
    align-items: center;
}

.navbar-menu li.menu-title {
    display: none;
}

.navbar-menu li a {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    text-decoration: none;
    white-space: nowrap;
}

.navbar-menu li a:hover {
    color: #00bfff;
}

.navbar-menu li a:active {
    color: #00bfff;
}

.navbar-menu li a.active {
    color: #00bfff;
}

.navbar-menu li a svg {
    stroke: #ffffff;
}

.navbar-menu li a:hover svg {
    stroke: #00bfff;
}

.navbar-buttons {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}

.navbar-buttons .btn {
    padding: var(--Numbers-8, 8px) var(--Numbers-24, 24px);
    border-radius: var(--Numbers-0, 0px);
    border: 1.5px solid var(--Dark-mode-colours-Body-text, #FFF);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
}

/* "Get In Touch" Button - Normal State */
.navbar-buttons .btn-get-in-touch {
    color: white;
    background-color: transparent;
    border: 1.5px solid white;
}

/* "Get In Touch" Button - Hover State */
.navbar-buttons .btn-get-in-touch:hover {
    background-color: #00bfff !important;
    /* Change this color based on your design */
    color: var(--Cod-Gray-900, #000);
    border-color: transparent;
}

/* Dropdown Menu Styles */
.dropdown {
    position: relative;
}

.dropdown .btn {
    color: white;
    background-color: transparent;
    border: 0px solid !important;
    display: flex;
    align-items: center;
}

/* Language Dropdown Button - Hover State */
.dropdown .btn:hover {
    background-color: transparent;
    /* Adjust this to the hover color you need */
    color: #00bfff;
}

/* Solid background for solid-nav class */
.solid-nav .navbar-buttons .btn-get-in-touch {
    background-color: #00bfff;
    /* Make it solid when scrolled */
    color: white;
    border-color: transparent;
}

.solid-nav .navbar-buttons .btn-get-in-touch:hover {
    background-color: #008bbf;
    /* Darker shade for hover state */
    color: white;
    border-color: transparent;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: -.22em;
    /*vertical-align: .255em;*/
    content: "";
    width: 20px;
    height: 20px;
    border: 0px solid;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNS44MzMzNyA3LjkxNjY5TDEwIDEyLjA4MzRMMTQuMTY2NyA3LjkxNjY5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
}

.dropdown-toggle:hover::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNS44MzMgNy45MTY2OUwxMCAxMi4wODM0TDE0LjE2NjcgNy45MTY2OSIgc3Ryb2tlPSIjNTFCOEU1IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K");
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    background-color: #111;
    min-width: 150px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    z-index: 100;
    padding: 0px;
}

.dropdown-menu a {
    display: block;
    padding: 10px;
    color: white;
    text-decoration: none;
    font-size: 14px;
    transition: background-color 0.3s;
}

.dropdown-menu a:hover {
    background-color: #333;
    color: var(--Primary-Land, #F9A280);;
}

/* Toggle the dropdown */
.dropdown.show .dropdown-menu {
    display: block;
}

/* Solid Navbar Background when Scrolled */
.solid-nav {
    background-color: #111 !important;
}

/* Toggle Button for Mobile */
.navbar-toggler {
    display: none;
    /* Hidden by default on larger screens */
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 5px;
    outline: none; /* Removes the focus outline */
    border: none;  /* Removes any border if there is one */
}

.navbar-toggler:focus {
    outline: none; /* Ensures no outline appears on focus */
    box-shadow: none; /* Removes any box-shadow on focus */
  }

  .navbar-toggler:active {
    outline: none; /* Ensures no outline appears on focus */
    box-shadow: none; /* Removes any box-shadow on focus */
  }

.navbar-toggler svg {
    width: 32px;
    height: 32px;
}

.submenu-container {
    padding-top: 50px;
}

.submenu {
    display: none;
    position: absolute;
    background: #0f0f0f;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1170px;
    margin-top: 0px;
    padding: var(--Numbers-24, 24px);
    min-height: 250px;
}

.navbar-menu li:hover .submenu {
    display: block;
    opacity: 1;
}

.submenu .row .col-md-4,
.submenu .row .col-md-8,
.submenu .row .col-md-6 {
    padding: 0px;
}

.submenu-ls {
    position: relative;
}

.submenu-ls::after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    right: 24px;
    top: 0px;
    background: var(--Dark-mode-colours-Line, rgba(255, 255, 255, 0.10));
}

.submenu-ls .nav {
    padding-right: 24px;
    margin-right: 24px;
}

.submenu-btns {
    gap: var(--Numbers-12, 12px);
}

.submenu-btns button {
    background-color: transparent !important;
    text-align: left;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><path d="M8.83325 5L13.8333 10L8.83325 15" stroke="white" stroke-width="1.5"/></svg>');
    background-repeat: no-repeat;
    background-position: right center;
    color: var(--dark-mode-colors-title-body-text, #FFF);
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    padding: 8px var(--Numbers-8, 8px) 8px 16px;
}

.submenu-btns button.active,
.submenu-btns button:hover {
    color: var(--Primary-Sky, #51B8E5) !important;
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><path d="M8.83325 5L13.8333 10L8.83325 15" stroke="%2351B8E5" stroke-width="1.5"/></svg>');
}

.submenu-links {
    display: flex;
    flex-flow: column;
    gap: var(--Numbers-12, 12px);
    /* justify-content: space-between; */
    height: 100%;
}

.submenu-links li {
    /* padding: 8px var(--Numbers-8, 8px) 8px 16px; */
    margin: 0px;
    height: auto;
}

.submenu-links li a {
    padding: 8px var(--Numbers-8, 8px) 8px 16px;
    color: var(--dark-mode-colors-title-body-text, #FFF);
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
}

.submenu-mobile-title {
    display: none;
}

.uae-menu-covers {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 250px;
}

.uae-menu-covers div {
    width: calc(100% - 24px);
    height: 100%;
    min-height: 250px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.ksa-menu-covers {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 250px;
}

.ksa-menu-covers div {
    width: calc(100% - 24px);
    height: 100%;
    min-height: 250px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.submenu-2 {
    max-width: 638px;
    min-height: 198px;
}

.events-menu-covers {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 150px;
}

.events-menu-covers div {
    width: calc(100% - 12px);
    height: 100%;
    min-height: 150px;
    position: absolute;
    left: 0px;
    top: 0px;
}

/* Banner Video */
.banner {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

#bannerVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.banner-content {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: white;
    text-align: center;
}

.banner-content h1 {
    color: #FFF;
    font-family: Poppins;
    font-size: 120px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.section-seperator {
    background: var(--Primary-Land, #F9A280);
    height: 1px;
    display: flex;
    justify-content: space-between;
}

.section-seperator::before {
    content: "";
    width: 33.3%;
    background: var(--Primary-Sky, #51B8E5);
    height: 1px;
    display: block;
}

.section-seperator::after {
    content: "";
    width: 33.3%;
    background: var(--Primary-Sea, #29B7B0);
    height: 1px;
    display: block;
}

.who-we-are-section {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #0f0f0f;
}

.who-we-are-section .accordion-tab.active .accordion-tab-header .wwa-img-white{
    display: none;
}

.who-we-are-section .accordion-tab .accordion-tab-header .wwa-img-color{
    display: none;
}

.who-we-are-section .accordion-tab.active .accordion-tab-header .wwa-img-color{
    display: block;
}

.who-we-are-desc {
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.who-we-are-desc h2 {
    color: var(--Shades-White, #FFF);
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px);
    /* 150% */
    letter-spacing: -0.96px;
    margin-bottom: 48px;
}

.who-we-are-desc p {
    color: var(--Shades-White, #FFF);
    font-family: Inter;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    line-height: 28px;
    /* 140% */
    text-align: left;
    max-width: 512px;
}

.who-we-are-quote-icon {
    position: relative;
    margin-bottom: 48px;
}

.who-we-are-quote-icon svg {
    position: absolute;
    right: calc(100% + 12px);
    top: 0px;
}

.accordion-container {
    display: flex;
    width: auto;
    height: 480px;
    overflow: hidden;
    border-radius: var(--Numbers-0, 0px);
    border: 1px solid var(--Dark-mode-colours-Line, rgba(255, 255, 255, 0.10));
}

.accordion-tab {
    /* flex: 1; */
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: flex-start;
    background-color: #1c1c1c;
    transition: all 1s ease;
    position: relative;
    width: 100px;
    overflow: hidden;
}

.accordion-tab.active {
    flex: 3;
}

.accordion-tab-header {
    color: #00aeef;
    background-color: #1c1c1c;
    position: relative;
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-right: 1px solid rgba(255, 255, 255, 0.10);
}

.accordion-tab-header-unique {
    padding: var(--Numbers-52, 52px) var(--Numbers-16, 16px) var(--Numbers-16, 16px) var(--Numbers-16, 16px);
}

.accordion-tab-header-sustainable {
    padding: var(--Numbers-82, 82px) var(--Numbers-16, 16px) var(--Numbers-16, 16px) var(--Numbers-16, 16px);
}

.accordion-tab-header-meaningful {
    padding: var(--Numbers-82, 82px) var(--Numbers-16, 16px) var(--Numbers-16, 16px) var(--Numbers-16, 16px);
}

.accordion-tab.active .accordion-tab-header {
    background-color: #0f0f0f;
}

.accordion-tab-unique.active .accordion-tab-header {
    border-right: 1px solid var(--Primary-Sky, #51B8E5);
}

.accordion-tab-sustainable.active .accordion-tab-header {
    border-right: 1px solid var(--Primary-Land, #F9A280);
}

.accordion-tab-meaningful.active .accordion-tab-header {
    border-right: 1px solid var(--Primary-Sea, #29B7B0);
}

.accordion-tab-content {
    padding: 0px;
    /*opacity: 0;*/
    /*display: none;*/
    transition: all 1s ease;
    /* max-width: 450px; */
    z-index: 1;
    height: 100%;
    width: 0%;
    overflow: hidden;
}

.accordion-tab-content-container{
    width: 0%;
}

.accordion-tab.active .accordion-tab-content {
    background-color: #0f0f0f;
}

.accordion-tab.active .accordion-tab-content {
    opacity: 1;
    display: flex;
    width: 100%;
}

.accordion-tab.active .accordion-tab-content-container{
    width: 100%;
    display: flex;
}


.accordion-image {
    flex: 2;
    overflow: hidden;
    position: relative;
}

.accordion-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.accordion-tab-title {
    transform: rotate(-90deg);
    color: var(--Dark-mode-colours-Hin-text, rgba(255, 255, 255, 0.50));
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.accordion-tab-content-desc {
    display: flex;
    width: 447px;
    padding: var(--Numbers-16, 16px) var(--Numbers-32, 32px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /* gap: var(--Numbers-24, 24px); */
    align-self: stretch;
    transition: all ease 1s;
    height: 100%;
    position: absolute;
    left: 100px;
}

.accordion-tab-content h2 {
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 8px;
}

.accordion-tab-content p {
    color: var(--Dark-mode-colours-Body-text, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    transition: all ease 1s;
}

.accordion-tab-content-img {
    width: calc(100% - 547px);
    height: 478px;
    transition: all ease 1s;
    position: absolute;
    right: 0px;
}

.accordion-tab-content img {
    width: calc(100% - 447px);
}

.accordion-tab.active .accordion-tab-header-unique .accordion-tab-title {
    color: var(--Primary-Sky, #51B8E5);
}

.accordion-tab.active .accordion-tab-header-sustainable .accordion-tab-title {
    color: var(--Primary-Land, #F9A280);
}

.accordion-tab.active .accordion-tab-header-meaningful .accordion-tab-title {
    color: var(--Primary-Sea, #29B7B0);
}

.accordion-tab-unique.active .highlight {
    color: var(--Primary-Sky, #51B8E5);
}

.accordion-tab-sustainable.active .highlight {
    color: var(--Primary-Land, #F9A280);
}

.accordion-tab-meaningful.active .highlight {
    color: var(--Primary-Sea, #29B7B0);
}

.accordion-tab-unique.active svg path {
    fill: var(--Primary-Sky, #51B8E5);
    fill-opacity: 1;
}

.accordion-tab-sustainable.active svg path {
    fill: var(--Primary-Land, #F9A280);
    fill-opacity: 1;
}

.accordion-tab-meaningful.active svg path {
    fill: var(--Primary-Sea, #29B7B0);
    fill-opacity: 1;
}

.discover-destination-start {
    background: var(--bg-colors-bg-2, #1B1B1B);
    display: flex;
    padding-top: var(--Numbers-100, 100px);
    padding-bottom: var(--Numbers-48, 48px);
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.discover-destination-title {
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px);
    /* 150% */
    letter-spacing: -0.96px;
    text-align: center;
}


.uaeFolder {
    padding: var(--Numbers-60, 60px) 0px 600px 0px;
    position: sticky;
    top: 0px;
}

.uaeFolder h2 {
    color: var(--Shades-White, #FFF);
    /* Heading/H4/SemiBold */
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
    /* 150% */
}

.uaeFolder p {
    color: var(--Shades-White, #FFF);
    /* Subtitle/Small/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 125% */
}

.uaeFolder a {
    border-radius: var(--Numbers-0, 0px);
    background: var(--Shades-White, #FFF);
    /* Shadows/S */
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    padding: var(--Numbers-9, 9px) var(--Numbers-24, 24px) var(--Numbers-8, 8px) var(--Numbers-36, 36px);
    text-decoration: none;
    margin-top: 16px;
    display: flex;
    color: var(--Cod-Gray-900, #000);
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    align-items: center;
    width: fit-content;
    gap: 5px;
}

.uaeFolder a:hover {
    background: var(--Primary-Sky, #51B8E5);
}

.ksaFolder {
    padding: var(--Numbers-60, 60px) 0px 600px 0px;
    position: sticky;
    top: 205px;
}

.ksaFolder h2 {
    color: var(--Shades-White, #FFF);
    /* Heading/H4/SemiBold */
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
    /* 150% */
}

.ksaFolder p {
    color: var(--Shades-White, #FFF);
    /* Subtitle/Small/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 125% */
}

.ksaFolder a {
    border-radius: var(--Numbers-0, 0px);
    background: var(--Shades-White, #FFF);
    /* Shadows/S */
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    padding: var(--Numbers-8, 8px) var(--Numbers-24, 24px) var(--Numbers-8, 8px) var(--Numbers-36, 36px);
    text-decoration: none;
    margin-top: 16px;
    display: inline-block;
    color: var(--Cod-Gray-900, #000);
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
}

.ksaFolder a:hover {
    background: var(--Primary-Sky, #51B8E5);
}

.services-start {
    background: var(--bg-colors-bg-1, #0F0F0F);
    display: flex;
    padding-top: var(--Numbers-100, 100px);
    padding-bottom: var(--Numbers-48, 48px);
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.services-title {
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px);
    /* 150% */
    letter-spacing: -0.96px;
    text-align: center;
}

.service-section {
    display: flex;
    height: 600px;
    padding: var(--Numbers-24, 24px) var(--Numbers-0, 0px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-10, 10px);
    align-self: stretch;
    border-radius: var(--Numbers-0, 0px);
    margin-bottom: 24px;
}

.service-section h2 {
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-32, 32px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-32, 32px);
    /* 150% */
    letter-spacing: -0.96px;
    margin-bottom: 16px;
    white-space: nowrap;
}

.service-section img{
    display: none;
}

.service-desc {
    display: flex;
  flex-flow: column;
  gap: 16px;
  width: 30%;
  /*direction: ltr;*/
  /*text-align: left;*/
}

.service-section p {
    color: var(--Shades-White, #FFF);
    /* Paragraph/Medium/Regular */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
}

.service-section a {
    display: flex;
    padding: var(--Numbers-8, 8px) var(--Numbers-24, 24px) var(--Numbers-8, 8px) var(--Numbers-36, 36px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-4, 4px);
    border-radius: var(--Numbers-0, 0px);
    background: var(--Primary-Sky, #51B8E5);
    /* Shadows/S */
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    width: fit-content;
    margin-top: 32px;
    color: var(--Cod-Gray-900, #000);
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    text-decoration: none;
    direction: ltr;
}

.rs-service {
    text-align: right;
    direction: rtl;
}

.rs-service p{
        direction: ltr;
}


.partners-section {
    padding: 100px 0;
    margin-top: 76px;
    background: var(--bg-colors-bg-2, #1B1B1B);
    text-align: center;
}

.partners-section h2 {
    color: var(--Shades-White, #FFF);

    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px);
    /* 150% */
    letter-spacing: -0.96px;
    margin-bottom: 60px;
}

.partners-mobile{
    display: none;
}

.carousel-container {
    max-width: 80vw;
    margin: 0 auto;
}

.partners-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.partners-logo img {
    width: 80px;
    filter: grayscale(100%);
    opacity: 0.5;
    transition: filter 0.3s ease;
}

.partners-logo img:hover {
    filter: grayscale(0%);
    opacity: 1;
}

.working-with-us-section {
    padding: var(--Numbers-80, 80px) 0px;
    background: linear-gradient(0deg, rgba(27, 27, 27, 0.40) 0%, rgba(27, 27, 27, 0.40) 100%), url('../images/working-with-us-bg.jpg') lightgray 0px -293.916px / 100% 441.152% no-repeat;
    /*background-attachment: -webkit-fixed;*/
    
    /* Mozilla Firefox */
    /*background-attachment: -moz-fixed;*/
    
    /* Opera */
    /*background-attachment: -o-fixed;*/
    
    /* Internet Explorer and Edge */
    /*background-attachment: -ms-fixed;*/
    
    /* Standard syntax */
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center 40%;
    text-align: center;
}

.working-with-us-section h2 {
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px);
    /* 150% */
    letter-spacing: -0.96px;
}

.working-with-us-section p {
    color: var(--Shades-White, #FFF);
    /* Paragraph/Medium/Regular */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
}

.working-with-us-section a {
    border-radius: var(--Numbers-0, 0px);
    background: var(--Shades-White, #FFF);
    /* Shadows/S */
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    padding: var(--Numbers-12, 12px) var(--Numbers-40, 40px);
    color: var(--Cod-Gray-900, #000);
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    margin: 32px auto 0 auto;
    display: block;
    width: fit-content;
    /* 150% */

}

.working-with-us-section a:hover{
        background: var(--Primary-Sky, #51B8E5);
}

footer{
    background-color: #0F0F0F;
    padding: var(--Numbers-32, 32px) var(--Numbers-0, 0px) var(--Numbers-0, 0px) var(--Numbers-0, 0px);
}

.footer-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-logo img{
    width: 104px;
    height: auto;
}

.footer-social-icons{
    display: flex;
    align-items: center;
}

.footer-social-icons a{
    text-decoration: none;
}

.footer-social-icons a svg{
    fill: #fff;
    fill-opacity: 0.5;
}

.footer-social-icons a:hover svg{
    fill: var(--Primary-Sky, #51B8E5);
    fill-opacity: 1;
}

footer .experience-container {
    display: flex;
    /* grid-template-columns: repeat(5, 1fr); */
    justify-content: space-between;
    margin: 32px auto 16px auto;
}

footer .experience-section {

}

.experience-title.active svg{
    transform: rotate(180deg);
}

footer .experience-section h4 {
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Label/Large/Light */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px; /* 142.857% */
    margin-bottom: 8px;
    opacity: 0.6;
}

footer .experience-section h4 svg{
    display: none;
}

footer .experience-section ul {
    list-style-type: disc;
    list-style-position: inside;
}

footer .experience-section ul li {
    padding: 8px 0px;
}

footer .experience-section ul li a{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    text-decoration: none;
}

footer .experience-section ul li a:hover{
    color: var(--Primary-Sky, #51B8E5)
}

.footer-seperator{
    border-top: 1px solid var(--Dark-mode-colors-Line, rgba(255, 255, 255, 0.10));
    width: 100%;
}

.footer-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--Numbers-20, 20px) var(--Numbers-0, 0px);
}

.footer-copyright{
    color: var(--Dark-mode-colours-Body-text, #FFF);

/* Label/Large/Light */
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px; /* 142.857% */
opacity: 0.6;
}

.footer-links ul{
    display: flex;
    align-items: center;
    list-style-type: none;
    list-style-position: inside;
    gap: 40px;
}

.footer-links ul li a{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    text-decoration: none;
}

.footer-links ul li a:hover{
    color: var(--Primary-Sky, #51B8E5)
}

.inner-banner-desktop{
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
}

.inner-banner-mobile{
    display: none;
}

.infoSection-imgFirst{
    background: var(--bg-colors-bg-2, #1B1B1B);
    padding: var(--Numbers-100, 100px) var(--Numbers-48, 48px) var(--Numbers-100, 100px);
}

.infoSection-rs{
    padding-left: 17px;
}

.infoSection-imgFirst h2{
    color: var(--Shades-White, #FFF);
    /* Subtitle/Small/Semibold */
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 125% */
}

.infoSection-imgFirst .infoSection-desc{
    display: flex;
    flex-flow: column;
    gap: 16px;
    margin-top: 16px;
}

.infoSection-imgFirst p{
    color: var(--Shades-White, #FFF);

    /* Paragraph/Large/Regular */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 140% */
}

.uaeExp-section{
    padding: var(--Numbers-100, 100px) 0px;
}

.uaeExp-section h2{
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px); /* 150% */
    letter-spacing: -0.96px;
    text-align: center;
}

.uaeExp-carousel-col{
    padding: 0 0 0 24px;
    margin: 48px 0 0 0;
}

.custom-nav-uaeExp{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 9;
    width: calc(100% + 200px) !important;
    left: -100px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.custom-nav-uaeExp .prev-uaeExp{
    display: flex;
    padding: var(--small-312-px, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-10, 10px);
    /*border-radius: var(--small-312-px,12px);*/
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(15px);
    width: 40px;
    height: 40px;
    left: 50px;
    position: relative;
}

.custom-nav-uaeExp .next-uaeExp{
    display: flex;
    padding: var(--small-312-px, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-10, 10px);
    /*border-radius: var(--small-312-px,12px);*/
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(15px);
    width: 40px;
    height: 40px;
    right: 50px;
    position: relative;
}

.custom-nav-uaeExp .prev-uaeExp:hover{
    border: 1px solid var(--Primary-Sky, #51B8E5);
}

.custom-nav-uaeExp .next-uaeExp:hover{
    border: 1px solid var(--Primary-Sky, #51B8E5);
}

.ksaExp-section{
    padding: var(--Numbers-100, 100px) 0px;
    background: var(--bg-colors-bg-2, #1B1B1B);
}

.ksaExp-section h2{
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px); /* 150% */
    letter-spacing: -0.96px;
    text-align: center;
}

.ksaExp-carousel-col{
    padding: 0 24px 0 24px;
    margin: 48px 0 0 0;
}

.custom-nav-ksaExp{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 9;
    width: calc(100% + 200px) !important;
    left: -100px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.custom-nav-ksaExp .prev-ksaExp{
    display: flex;
    padding: var(--small-312-px, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-10, 10px);
    /*border-radius: var(--small-312-px,12px);*/
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(15px);
    width: 40px;
    height: 40px;
    left: 50px;
    position: relative;
}

.custom-nav-ksaExp .next-ksaExp{
    display: flex;
    padding: var(--small-312-px, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-10, 10px);
    /*border-radius: var(--small-312-px,12px);*/
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(15px);
    width: 40px;
    height: 40px;
    right: 50px;
    position: relative;
}

.custom-nav-ksaExp .prev-ksaExp:hover{
    border: 1px solid var(--Primary-Sky, #51B8E5);
}

.custom-nav-ksaExp .next-ksaExp:hover{
    border: 1px solid var(--Primary-Sky, #51B8E5);
}

.genExp-card{
    position: relative;
}

.genExp-card-desc{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 24px 24px 38px 24px;
    background: linear-gradient(180deg, rgba(8, 3, 23, 0.00) 0%, rgba(8, 3, 23, 0.80) 100%);
    transition: all ease 0.5s;
    /*text-wrap: nowrap;*/
}

.genExp-card-desc h3{
    color: var(--Shades-White, #FFF);
    /* Subtitle/Small/Light */
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px; /* 125% */
    margin-bottom: 4px;
}

.genExp-card-desc p{
    color: var(--Shades-White, #FFF);
    /* Paragraph/Large/Regular */
    font-family: Inter;
    font-size:16px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px; /* 140% */
    opacity: 0;
}

.genExp-card-desc a{
    color: var(--Shades-White, #FFF);
    border: 1px solid var(--Shades-White, #FFF);
    padding: 12px 38px;
    margin-top: 16px;
    text-decoration: none;
    display: block;
    width: fit-content;
    font-size: 18px;
    opacity: 0;
}

.genExp-card-desc a:hover{
    border: 1px solid var(--Primary-Sky, #51B8E5);
    background: var(--Primary-Sky, #51B8E5);
    color: var(--Cod-Gray-900, #000);
}

/*.genExp-card:hover .genExp-card-desc{*/
/*    height: 182px;*/
/*}*/

.genExp-card:hover .genExp-card-desc p{
    opacity: 1;
}

.genExp-card:hover .genExp-card-desc a{
    opacity: 1;
}

.custom-dots {
    width: fit-content;
    margin: 50px auto 0;
    display: flex;
    z-index: 9;
    position: relative;
}

.custom-dots .dot {
    display: inline-block;
    width: 24px;
    height: 4px;
    margin: 0 3px;
    opacity: 0.2;
    background: var(--dark-mode-colors-title-body-text, #FFF);
    cursor: pointer;
}

.custom-dots .dot.active {
    background: var(--dark-mode-colors-title-body-text, #FFF);
    opacity: 1;
}

.expFolder {
    padding: var(--Numbers-50, 50px) 0px 600px 0px;
    position: sticky;
    background-color: #003043;
    border-bottom: 0 solid transparent;
    display: flex;
    height: 100vh;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 0;
}

.expFolder h2 {
    color: var(--Shades-White, #FFF);
    /* Heading/H4/SemiBold */
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
    /* 150% */
}

.expFolder p {
    color: var(--Shades-White, #FFF);
    /* Subtitle/Small/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 125% */
}

.expFolder a {
    border-radius: var(--Numbers-0, 0px);
    background: var(--Shades-White, #FFF);
    /* Shadows/S */
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    padding: var(--Numbers-8, 8px) var(--Numbers-24, 24px) var(--Numbers-8, 8px) var(--Numbers-36, 36px);
    text-decoration: none;
    margin-top: 16px;
    display: inline-block;
    color: var(--Cod-Gray-900, #000);
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
}

.destinationsFolder-inner{
    margin-top: 25px;
    margin-bottom: 25px;
}

.expFolder a:hover {
    background: var(--Primary-Sky, #51B8E5);
}

.expFolder1{
    top: 0px;
    /*height: calc(100vh + 225.03168px + 17.574vw);*/
    /*height: calc(24vh + 234.44px + 17vw);*/
    height: calc(100vh + 345.03168px + 17.574vw);
}

.expFolder2{
    top: 267px;
    /*height: calc(100vh + 150.02112px + 11.716vw);*/
    height: calc(100vh + 240.02112px + 11.716vw);
    top: calc(125.01056px + 5.858vw);
    /*margin-top: -75.8vh;*/
}

.expFolder3{
    top: 534px;
    /*height: calc(100vh + 75.01056px + 5.858vw);*/
    height: calc(100vh + 125.01056px + 5.858vw);
    top: calc(240.02112px + 11.716vw);
}

.expFolder4{
    top: 801px;
    height: 100vh;
    top: calc(225.03168px + 17.574vw);
}

.counters-section{
    padding: var(--Numbers-100, 100px) var(--Numbers-0, 0px) var(--Numbers-100, 100px);
    background: rgba(255, 255, 255, 0.02);
}

.counters-container{
    display: flex;
    flex-flow: column;
    gap: 48px;
}

.counters{
    display: flex;
    gap: 48px;
    justify-content: space-between;
    align-items: center;
}

.counters div{
    width: 50%;
}

.events-counter{
    font-family: Poppins;
    font-size: 150px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.events-counter-desc h3{
    color: var(--Shades-White, #FFF);
    /* Subtitle/Small/Semibold */
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 125% */
    margin-bottom: 12px;
}

.events-counter-desc p{
    color: var(--Shades-White, #FFF);
    /* Paragraph/Large/Regular */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 140% */
}

.ec-one{
    color: var(--Primary-Land, #F9A280);
}

.ec-two{
    color: var(--Primary-Sea, #29B7B0);
}

.events-area-start {
    background: var(--bg-colors-bg-2, #1B1B1B);
    display: flex;
    padding-top: var(--Numbers-100, 100px);
    padding-bottom: var(--Numbers-48, 48px);
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.events-area-title {
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px);
    /* 150% */
    letter-spacing: -0.96px;
    text-align: center;
}

.events-area-section {
    display: flex;
    height: 600px;
    padding: var(--Numbers-24, 24px) var(--Numbers-0, 0px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-10, 10px);
    align-self: stretch;
    border-radius: var(--Numbers-0, 0px);
    margin-bottom: 24px;
}

.events-area-section h2 {
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-32, 32px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px);
    /* 150% */
    letter-spacing: -0.96px;
    margin-bottom: 16px;
    white-space: nowrap;
}

.events-area-section img{
    display: none;
}

.events-area-desc {
    display: flex;
    flex-flow: column;
    gap: 16px;
    width: 30%;
    /*direction: ltr;
  text-align: left;*/
}

.events-area-section p {
    color: var(--Shades-White, #FFF);
    /* Paragraph/Medium/Regular */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
}

.events-area-section a {
    display: flex;
    padding: var(--Numbers-8, 8px) var(--Numbers-24, 24px) var(--Numbers-8, 8px) var(--Numbers-36, 36px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-4, 4px);
    border-radius: var(--Numbers-0, 0px);
    background: var(--Primary-Sky, #51B8E5);
    /* Shadows/S */
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    width: fit-content;
    margin-top: 20px;
    color: var(--Cod-Gray-900, #000);
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    text-decoration: none;
    direction: ltr;
}

.rs-events-area {
    text-align: right;
    direction: rtl;
}

.rs-events-area p{
    direction: ltr;
}

.events-sections{
    background: var(--bg-colors-bg-2, #1B1B1B);
    padding-bottom: 100px;
}

#lightbox-modal {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.lightbox-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
}

.lightbox-content {
    position: relative;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lightbox-image {
    width: auto;
    height: 90vh;
}

.lightbox-close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 30px;
    color: white;
    cursor: pointer;
}

.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    font-size: 30px;
    color: white;
    transform: translateY(-50%);
    user-select: none;
}

.prev {
    left: 10px;
}

.next {
    right: 10px;
}

.prev:hover, .next:hover {
    color: #f1f1f1;
}

/* Masonry Styles */
.masonry-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*border-radius: 5px;*/
    /* cursor: pointer; */
}

.masonry {
    background: var(--bg-colors-bg-1, #0F0F0F);
    width: 100%;
    height: 100vh;
    padding: 24px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(12, 1fr);
    row-gap: 24px;
    column-gap: 0px;
}

.masonry-gallery .col-md-12 {
    padding: 0px;
}

.cell-1 {
    grid-column: 1 / 5;
    grid-row: 1 / 5;
    width: calc(25vw - 32px);
}

.cell-2 {
    grid-column: 5 / 9;
    grid-row: 1 / 5;
        width: calc(25vw - 32px);
}

.cell-3 {
    grid-column: 9 / 13;
    grid-row: 1 / 9;
        width: calc(25vw - 32px);
}

.cell-4 {
    grid-column: 13 / 17;
    grid-row: 1 / 5;
        width: calc(25vw - 32px);
}

.cell-5 {
    grid-column: 1 / 5;
    grid-row: 5 / 9;
        width: calc(25vw - 32px);
}

.cell-6 {
    grid-column: 5 / 9;
    grid-row: 5 / 13;
        width: calc(25vw - 32px);
}

.cell-7 {
    grid-column: 13 / 17;
    grid-row: 5 / 9;
        width: calc(25vw - 32px);
}

.cell-8 {
    grid-column: 1 / 5;
    grid-row: 9 / 13;
        width: calc(25vw - 32px);
}

.cell-9 {
    grid-column: 9 / 13;
    grid-row: 9 / 13;
        width: calc(25vw - 32px);
}

.cell-10 {
    grid-column: 13 / 17;
    grid-row: 9 / 13;
        width: calc(25vw - 32px);
}

.event-banner-btn{
    border-radius: var(--Numbers-0, 0px);
    background: var(--Primary-Sky, #51B8E5);
    /* Shadows/S */
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    display: flex;
    padding: var(--Numbers-8, 8px) var(--Numbers-24, 24px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-4, 4px);
    color: var(--Cod-Gray-900, #000);
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    text-decoration: none;
    position: absolute;
    bottom: 85px;
    min-width: 270px;
}

.infoSection-descFirst{
    background: var(--bg-colors-bg-1, #0F0F0F);
    padding: var(--Numbers-100, 100px) var(--Numbers-48, 48px) var(--Numbers-100, 100px);
}

.infoSection-descFirst h2{
    color: var(--Shades-White, #FFF);
    /* Subtitle/Small/Semibold */
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px; /* 125% */
}

.infoSection-descFirst .infoSection-desc{
    display: flex;
    flex-flow: column;
    gap: 16px;
    margin-top: 16px;
}

.infoSection-descFirst p{
    color: var(--Shades-White, #FFF);

    /* Paragraph/Large/Regular */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 140% */
}

.event-inner-gallery .masonry{
    background: var(--bg-colors-bg-2, #1B1B1B);
}

.reviews-section{
    padding: var(--Numbers-100, 100px) var(--Numbers-0, 0px);
    background: var(--bg-colors-bg-1, #0F0F0F);
}

.reviews-section h2{
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px); /* 150% */
    letter-spacing: -0.96px;
    margin-bottom: 48px;
    text-align: center;
}

.rev-card{
    border-radius: var(--Numbers-0, 0px);
    border: 1px solid var(--Dark-mode-colors-Line, rgba(255, 255, 255, 0.10));
    padding: 24px 20px 20px 20px;
}

.rev-card h3{
    color: var(--dark-mode-colors-title-body-text, #FFF);
    /* Paragraph/Large/Light */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px; /* 140% */
    margin-bottom: 4px;
}

.rev-card p{
    color: var(--dark-mode-colors-title-body-text, #FFF);
    /* Paragraph/Small/Light */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px; /* 125% */
}

.rev-card span{
    color: var(--dark-mode-colors-title-body-text, #FFF);
    /* Paragraph/Medium/Light */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px; /* 144.444% */
    margin-top: 16px;
    opacity: 0.5;
    display: block;
}

.rev-card svg{
    width: 45.342px;
    height: var(--Numbers-40, 40px);
    position: absolute;
    right: 19.656px;
    bottom: 20px;
}


.custom-nav-reviews{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 9;
    width: calc(100% + 200px) !important;
    left: -100px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.custom-nav-reviews .prev-review{
    display: flex;
    padding: var(--small-312-px, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-10, 10px);
    /*border-radius: var(--small-312-px,12px);*/
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(15px);
    width: 40px;
    height: 40px;
    left: 50px;
    position: relative;
}

.custom-nav-reviews .next-review{
    display: flex;
    padding: var(--small-312-px, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-10, 10px);
    /*border-radius: var(--small-312-px,12px);*/
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(15px);
    width: 40px;
    height: 40px;
    right: 50px;
    position: relative;
}

.custom-nav-reviews .prev-review:hover{
    border: 1px solid var(--Primary-Sky, #51B8E5);
}

.custom-nav-reviews .next-review:hover{
    border: 1px solid var(--Primary-Sky, #51B8E5);
}

.cta-form{
    display: flex;
    width: 100%;
    max-width: 570px;
    padding: var(--Numbers-24, 24px);
    flex-direction: column;
    align-items: center;
    background: var(--bg-colors-bg-1, #0F0F0F);
    box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.12), 0px 24px 24px 0px rgba(0, 0, 0, 0.12);
    gap: 20px;
    margin: 32px auto 0 auto;
}

.cta-form input{
    padding: var(--Numbers-12, 12px) var(--Numbers-16, 16px);
    border: 1.5px solid var(--Dark-mode-colours-Border, rgba(255, 255, 255, 0.20));
    color: var(--Dark-mode-colours-Hin-text, rgba(255, 255, 255, 0.50));
    /* Paragraph/Small/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    background: transparent;
    height: 48px;
    width: 100%;
}

.cta-form textarea{
    padding: var(--Numbers-12, 12px) var(--Numbers-16, 16px);
    border: 1.5px solid var(--Dark-mode-colours-Border, rgba(255, 255, 255, 0.20));
    color: var(--Dark-mode-colours-Hin-text, rgba(255, 255, 255, 0.50));
    /* Paragraph/Small/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    background: transparent;
    height: 112px;
    width: 100%;
    resize: none; 
}

.cta-form button{
    display: flex;
    padding: var(--Numbers-12, 12px) var(--Numbers-40, 40px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-10, 10px);
    align-self: stretch;
    border-radius: var(--Numbers-0, 0px);
    background: var(--Primary-Sky, #51B8E5);
    /* Shadows/S */
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    color: var(--Cod-Gray-900, #000);

    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    margin-top: 12px;
    border: 0px solid;
}

.accordion-section{
    border-radius: var(--Numbers-0, 0px);
    background: var(--bg-colors-bg-2, #1B1B1B);
    padding: var(--Numbers-100, 100px) var(--Numbers-0, 0px);
}

.accordion-section h2.section-title{
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px); /* 150% */
    letter-spacing: -0.96px; 
    margin-bottom: 48px;
    text-align: center;
}

.inner-accordion{
    gap: 24px;
    display: flex;
    flex-flow: column;
}

.inner-accordion .accordion-item{
    background: transparent;
    border-radius: var(--Numbers-0, 0px);
    border: 1px solid var(--Dark-mode-colours-Line, rgba(255, 255, 255, 0.10));
}

.inner-accordion .accordion-item .accordion-header{
    display: flex;
    padding: var(--small-416-px, 16px);
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.inner-accordion .accordion-item .accordion-header .accordion-button{
    background: transparent;
    padding: 0px;
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Medium/Regular */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
    border: 0px solid #fff!important;
    box-shadow: none;
}

.inner-accordion .accordion-item .accordion-header .accordion-button::after{
    background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220%200%2024%2024%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M3 5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5ZM13 7V11H17V13H16.0129C16.0086 13.0001 16.0043 13.0001 16 13.0001H13V17H11V13.0001H8C7.99568 13.0001 7.99137 13.0001 7.98706 13H7V11H11V7H13Z%22 fill%3D%22%2351B8E5%22%2F%3E%3C%2Fsvg%3E');
    background-size: cover;
    background-repeat: no-repeat;
}

.inner-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after{
    background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220%200%2024%2024%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M3 5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5ZM7 11H17V13H7V11Z%22 fill%3D%22%2351B8E5%22%2F%3E%3C%2Fsvg%3E');
    background-size: cover;
    background-repeat: no-repeat;
}

.inner-accordion .accordion-item .accordion-body{
    display: flex;
    padding: var(--small-416-px, 16px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--Numbers-16, 16px);
    align-self: stretch;
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    border-top: 1px solid var(--Dark-mode-colours-Line, rgba(255, 255, 255, 0.10));
}

.inner-accordion .accordion-item .accordion-body p{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    text-align:left;
}

.inner-accordion .accordion-item .accordion-body li{
    text-align:left;
}

.event-inner-gallery-fixed{
    background: var(--bg-colors-bg-2, #0f0f0f);
    padding: 100px 0;
}

.event-inner-gallery-fixed .masonry{
    background: var(--bg-colors-bg-2, #0f0f0f);
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    padding: 12px;
    gap: 0px;
}

.event-inner-gallery-fixed .masonry .cell-1 {
    grid-column: 1 / 3;
    grid-row: 1 / 4;
    margin: 12px;
    overflow: hidden;
}

.event-inner-gallery-fixed .masonry .cell-2 {
    grid-column: 3 / 6;
    grid-row: 1 / 2;
    margin: 12px;
    overflow: hidden;
}

.event-inner-gallery-fixed .masonry .cell-3 {
    grid-column: 1 / 3;
    grid-row: 4 / 6;
    margin: 12px;
    overflow: hidden;
}

.event-inner-gallery-fixed .masonry .cell-4 {
    grid-column: 3 / 6;
    grid-row: 2 / 6;
    margin: 12px;
    overflow: hidden;
}

.awards-section{
    padding: var(--Numbers-100, 100px) 0px;
    background: var(--bg-colors-bg-2, #1B1B1B);
}

.awards-section h2{
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px); /* 150% */
    letter-spacing: -0.96px;
    text-align: center;
}

.awards-tabs{
    gap: 16px;
    justify-content: center;
    margin: 48px 0;
}

.awards-tabs li button{
    padding: var(--small-28-px, 8px) var(--Numbers-24, 24px);
    background-color: transparent!important;
    color: var(--Dark-mode-colours-Hin-text, rgba(255, 255, 255, 0.50));
    /* Label/Large/Light */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px; /* 142.857% */
    border-radius: var(--Numbers-0, 0px)!important;
    border: 1px solid var(--Dark-mode-colours-Line, rgba(255, 255, 255, 0.10));
    min-width: 180px;
}

.awards-tabs li button.nav-link:focus, .awards-tabs li button.nav-link:hover{
       color: var(--Primary-Sky, #51B8E5)!important; 
}

    .awards-tabs li button.active{
        border-radius: var(--Numbers-0, 0px);
    border: 1px solid var(--Primary-Sky, #51B8E5)!important;
    color: var(--Primary-Sky, #51B8E5)!important;

    /* Label/Large/Regular */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    }

    .awards-logos img{
        border: 1px solid rgba(255, 255, 255, 0.10);
    }

    .awards-logos .row div{
        padding: 0 12px;
    }

    .awards-logos .row{
        gap: 24px 0;
    }

    .timeline-section{
        padding: var(--Numbers-100, 100px) var(--Numbers-30, 30px);
    }

    .timeline-section h2{
        color: var(--Shades-White, #FFF);
        text-align: center;

        /* Heading/H3/Regular */
        font-family: Poppins;
        font-size: var(--Numbers-48, 48px);
        font-style: normal;
        font-weight: 400;
        line-height: var(--Numbers-72, 72px); /* 150% */
        letter-spacing: -0.96px;
        text-align: center;
      }

      .timeline-section p{
        color: var(--Shades-White, #FFF);
        text-align: center;

        /* Paragraph/Large/Regular */
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 140% */
        text-align: center;
      }

      .timeline-section-title{
        margin-bottom: 48px;
      }

    
.timeline {
    position: relative;
    white-space: nowrap;
    padding: 0 0px;
    margin: 0 auto;
  }

  .timeline ol::after{
    content: "";
    width: calc(var(--ol-width) - 330px); /* Use the width set by JavaScript */
    height: 2px;
    margin-top: -2px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1740" height="2" viewBox="0 0 1740 2" fill="none"><path d="M0 1L8743 1.00076" stroke="%2351B8E5" stroke-width="2" stroke-dasharray="10 10"/></svg>');
    background-repeat: repeat-x;
    background-size: contain;
    position: relative;
    display: block;
    left: 150px;
    z-index: -1;
    background-position: 5px 0px;
  }
  
  /* .timeline::before,
  .timeline::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 30px;
    width: 100px;
    z-index: 2;
  }
  
  .timeline::after {
    right: 0;
    background: linear-gradient(270deg, var(--timeline-gradient));
  }
  
  .timeline::before {
    left: 340px;
    background: linear-gradient(90deg, var(--timeline-gradient));
  } */
  
  .timeline .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 40px;
    color: var(--white);
    background: var(--midnight-green);
    white-space: normal;
    border-radius: 10px;
  }
  
  .timeline .info img {
    margin-bottom: 20px;
  }
  
  .timeline .info p {
    margin-top: 10px;
    color: var(--crystal);
  }
  
  .timeline .info a {
    text-decoration: none;
  }
  
  .timeline ol::-webkit-scrollbar {
    height: 6px;
    width:10px;
    border-radius: 0px;
  }
  
  .timeline ol::-webkit-scrollbar-thumb,
  .timeline ol::-webkit-scrollbar-track {
    border-radius: 0px;
  }
  
  .timeline ol::-webkit-scrollbar-thumb {
    background: var(--midnight-green);
  }
  
  .timeline ol::-webkit-scrollbar-track {
    background: var(--yellow);
  }
  
  .timeline ol::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 20px;
	background-color: #272727;
}

 .timeline ol::-webkit-scrollbar
{
	width: 10px;
	background-color: #272727;
}

 .timeline ol::-webkit-scrollbar-thumb
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #939393;
}
  
  .timeline ol {
    font-size: 0;
    padding: 322px 0 350px 0;
    transition: all 1s;
    overflow-x: scroll;
    overflow-y: hidden;
    
  }
  
  .timeline ol li {
    position: relative;
    display: inline-block;
    list-style-type: none;
    width: 210px;
    height: 5px;
    background: var(--white);
    scroll-snap-align: start;
  }
  
  .timeline ol li:last-child {
    width: 340px;
  }
  
  .timeline ol li:not(:first-child) {
    /* margin-left: 14px; */
  }
  
  .timeline ol li div::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1px;
    height: 40px;
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 1;
    background: var(--Primary-Sky, #51B8E5);
  }
  
  .timeline ol li div.timeline-highlight::after {
    background: var(--Primary-Sky, #51B8E5) !important;
  }
  

  .timeline ol li:nth-child(odd) div::after {
    top: -42px;
    background: var(--Primary-Sky, #1a1a1a);
  }

  .timeline ol li:nth-child(even) div::after {
    top: calc(100% + 2px);
    background: var(--Primary-Sky, #1a1a1a);
  }
  
  .timeline ol li div {
    position: absolute;
    left: 0px;
    width: 300px;
    padding: 20px;
    /* font-size: 1rem; */

    white-space: normal;
    color: var(--black);
    background: transparent;
    /* border-radius: 0 10px 10px 10px; */
    text-align: center;

    color: var(--Shades-White, #FFF);
    text-align: center;

    /* Paragraph/Small/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */

    border: 1px solid var(--Dark-mode-colours-Line, rgba(255, 255, 255, 0.10));

  }
  
  .timeline ol li div::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 24px;
    height: 24px;
    border-style: solid;
    transform: translateX(-50%);
    background: #081B23;
    stroke-width: 2px;
    stroke: var(--Primary-Sky, #51B8E5);
    border: 2px solid #51B8E5;
    border-radius: 100%;
    z-index: 99;
  }
  
  .timeline ol li:nth-child(even) div {
    /* top: -16px; */
    transform: translateY(calc(-100% - 50px));
    /* border-radius: 10px 10px 10px 0; */
  }
  
  .timeline ol li:nth-child(even) div::before {
    top: calc(100% + 42px);
    /* border-width: 8px 8px 0 0;
    border-color: var(--white) transparent transparent transparent; */
  }
  
  .timeline ol li:nth-child(odd) div {
    top: calc(100% + 50px);
  }
  
  .timeline ol li:nth-child(odd) div::before {
    top: -65px;
    /* border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent var(--white); */
  }
  
  .timeline time {
    display: block;
    width: 100%;
    color: var(--Shades-White, #FFF);
    text-align: center;
    
    /* Subtitle/Small/Semibold */
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 125% */
    margin-bottom: 8px;
  }

  .timeline ol li div.timeline-highlight{
    border: 1px solid var(--Primary-Sky, #51B8E5);
  }
  



.team-section{
    padding: var(--Numbers-100, 100px) var(--Numbers-0, 0px);
    background: var(--bg-colors-bg-1, #1b1b1b);
}

.team-section h2{
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px); /* 150% */
    letter-spacing: -0.96px;
    margin-bottom: 48px;
    text-align: center;
}

.team-carousel-area{
    padding: 0 0 0 24px;
}

.team-card{
    border-radius: var(--Numbers-0, 0px);
    /* border: 1px solid var(--Dark-mode-colors-Line, rgba(255, 255, 255, 0.10)); */
    padding: 0px;
    position: relative;
}

.team-card h3{
    color: var(--Shades-White, #FFF);
    /* Paragraph/Medium/Semibold */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 144.444% */
    margin-bottom: 4px;
}

.team-card p{
    color: var(--Shades-White, #FFF);
    /* Label/Large/Medium */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

.team-card span{
    color: var(--dark-mode-colors-title-body-text, #FFF);
    /* Paragraph/Medium/Light */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px; /* 144.444% */
    margin-top: 16px;
    opacity: 0.5;
    display: block;
}

.team-card svg{
    width: 45.342px;
    height: var(--Numbers-40, 40px);
    position: absolute;
    right: 19.656px;
    bottom: 20px;
}

.custom-nav-team{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 9;
    width: calc(100% + 200px) !important;
    left: -100px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.custom-nav-team .prev-team{
    display: flex;
    padding: var(--small-312-px, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-10, 10px);
    /*border-radius: var(--small-312-px,12px);*/
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(15px);
    width: 40px;
    height: 40px;
    left: 50px;
    position: relative;
}

.custom-nav-team .next-team{
    display: flex;
    padding: var(--small-312-px, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-10, 10px);
    /*border-radius: var(--small-312-px,12px);*/
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(15px);
    width: 40px;
    height: 40px;
    right: 50px;
    position: relative;
}

.custom-nav-team .prev-team:hover{
    border: 1px solid var(--Primary-Sky, #51B8E5);
}

.custom-nav-team .next-team:hover{
    border: 1px solid var(--Primary-Sky, #51B8E5);
}

.team-card .team-card-info{
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
}

.team-card .team-card-info-full{
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -100%;  
    transition: all ease 0.5s;
}


.team-card .team-card-info-full h4{
    color: var(--Shades-White, #FFF);
    /* Label/Small/Medium */
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
}

.team-card .team-card-info-full .nationality{
    color: var(--Shades-White, #FFF);
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    margin-bottom: 16px;
}

.team-card .team-card-info-full p{
    color: var(--Shades-White, #FFF);
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    margin-bottom: 16px;
}

.team-card-overlay{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.25) 84.91%, rgba(0, 0, 0, 0.75) 100%);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transition: all ease 0.5s;
}




.spotlight-mobile{
    display: none;
}

.spotlight-section{
    padding: var(--Numbers-100, 100px) 0px;
    background: var(--bg-colors-bg-2, #1B1B1B);
}

.spotlight-row{
    gap: 24px 0;
}

.spotlight-row .col-md-12{
    padding: 0 12px;
}

.spotlight-row .col-md-4{
    padding: 0 12px;
}

.spotlight-section h2{
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px); /* 150% */
    letter-spacing: -0.96px;
    margin-bottom: 48px;
    text-align: center;
}

.hero-spotlight-horizontal{
    display: flex;
}

.hero-spotlight-vertical{
    display: flex;
    flex-flow: column;
}

.hero-spotlight-horizontal .spotlight-info{
    padding: 30px;
}

.hero-spotlight-vertical .spotlight-info{
    padding: 14px 24px 24px 24px;
}

.hero-spotlight{
    border: 1px solid var(--Dark-mode-colours-Line, rgba(255, 255, 255, 0.10));
}

.spotlight-info span{
    display: flex;
    padding: var(--Numbers-8, 8px) var(--Numbers-12, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-10, 10px);
    background: var(--Dark-mode-colours-Line, rgba(255, 255, 255, 0.10));
    width: fit-content;
    color: var(--Dark-mode-colours-Body-text, #FFF);
    text-align: center;
    /* Label/Large/Medium */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    margin-bottom: 24px;
}

.spotlight-info h3{
    color: var(--Shades-White, #FFF);
    /* Subtitle/Small/Semibold */
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 125% */
    margin-bottom: 8px;
}

.spotlight-info p{
    color: var(--Shades-White, #FFF);
    /* Paragraph/Medium/Medium */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 144.444% */
}

.hero-spotlight-bottom{
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    align-items: center;
    height: calc(150px - 100px);
}

.hero-spotlight-author{
    display: flex;
    align-items: center
}

.hero-spotlight-author img{
    margin-right: 12px;
}

.hero-spotlight-author div p{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    margin-bottom: 4px;
}

.hero-spotlight-author div{
    color: var(--Primary-Sky, #fff);
    /* Label/Small/Medium */
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
}

.hero-spotlight-author div svg{
    margin-right: 4px;
}

.hero-spotlight-bottom .hero-spotlight-date{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    text-align: right;
    /* Label/Large/Regular */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.spotlight-section a{
    text-decoration: none;
}

.spotlight-loadmore{
    border-radius: var(--Numbers-0, 0px);
    display: flex;
    padding: var(--Numbers-8, 8px) var(--Numbers-24, 24px) var(--Numbers-8, 8px) var(--Numbers-36, 36px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-4, 4px);
    color: var(--Primary-Sky, #51B8E5);
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    margin-top: 24px;
    cursor: pointer;
}





.celebrities-section{
    padding: var(--Numbers-100, 100px) var(--Numbers-0, 0px);
    background: var(--bg-colors-bg-1, #0F0F0F);
}

.celebrities-section h2{
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px); /* 150% */
    letter-spacing: -0.96px;
    margin-bottom: 48px;
    text-align: center;
}

.celebrities-carousel-area{
    padding: 0 0 0 24px;
}

.celebrity-card{
    border-radius: var(--Numbers-0, 0px);
    /* border: 1px solid var(--Dark-mode-colors-Line, rgba(255, 255, 255, 0.10)); */
    padding: 0px;
    position: relative;
}

.celebrity-card h3{
    color: var(--Shades-White, #FFF);
    /* Paragraph/Medium/Semibold */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 144.444% */
    margin-bottom: 4px;
}

.celebrity-card p{
    color: var(--Shades-White, #FFF);
    /* Label/Large/Medium */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

.celebrity-card svg{
    width: 45.342px;
    height: var(--Numbers-40, 40px);
    position: absolute;
    right: 19.656px;
    bottom: 20px;
}

.custom-nav-celebrities{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 9;
    width: calc(100% + 200px) !important;
    left: -100px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.custom-nav-celebrities .prev-celebrities{
    display: flex;
    padding: var(--small-312-px, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-10, 10px);
    /*border-radius: var(--small-312-px,12px);*/
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(15px);
    width: 40px;
    height: 40px;
    left: 50px;
    position: relative;
}

.custom-nav-celebrities .next-celebrities{
    display: flex;
    padding: var(--small-312-px, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-10, 10px);
    /*border-radius: var(--small-312-px,12px);*/
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(15px);
    width: 40px;
    height: 40px;
    right: 50px;
    position: relative;
}

.celebrity-card .celebrity-card-info{
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
}

.celebrity-card .celebrity-card-info-full{
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -100%;  
    transition: all ease 0.5s;
}

.celebrity-card:hover .celebrity-card-info{
    opacity: 0;
    transition: all ease 0.5s;
}

.celebrity-card:hover .celebrity-card-info-full{
    bottom: 20px;  
}

.celebrity-card .celebrity-card-info-full h4{
    color: var(--Shades-White, #FFF);
    /* Paragraph/Medium/Semibold */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 144.444% */
    margin-bottom: 4px;
}

.celebrity-card .celebrity-card-info-full span{
    color: var(--Shades-White, #FFF);
    /* Label/Large/Medium */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    margin-bottom: 24px;
    display: block;
}

.celebrity-card .celebrity-card-info-full p{
    color: var(--Shades-White, #FFF);
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.celebrity-card-overlay{
    background: linear-gradient(180deg, rgba(27, 27, 27, 0.00) 0%, rgba(27, 27, 27, 0.25) 84.91%, rgba(27, 27, 27, 0.85) 100%);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transition: all ease 0.5s;
}

.celebrity-card:hover .celebrity-card-overlay{
    background: rgba(15, 15, 15, 0.80);
}

.medikit-list{
    margin: 0px;
    gap: 24px 0;
}


.medikit-list .col-md-4{
    padding: 0px;
}

.medikit-list .col-md-6{
    padding: 0px;
}

.medikit-btn{
    color: var(--Primary-Sky, #51B8E5);
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    display: flex;
    align-items: center;
    gap: 8px;
    padding: var(--Numbers-12, 12px) var(--Numbers-24, 24px) var(--Numbers-12, 12px) var(--Numbers-16, 16px);
    text-decoration: none;
    white-space: nowrap;
}

.medikit-btn:hover{
    background-color: #1f2325;
}

.contact-section{
    background: var(--bg-colors-bg-2, #1B1B1B);
    padding: var(--Numbers-100, 100px) 0px;
}

.contact-info{
    gap: 8px;
}

.contact-item{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    text-decoration: none;
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Light */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px; /* 125% */
}

form.contacts-form {
    display: flex;
    flex-direction: column;
    margin-top: 48px;
}

form.contacts-form .form-group {
    margin-bottom: 20px;
}

form.contacts-form input[type="text"],
form.contacts-form input[type="tel"],
form.contacts-form input[type="email"],
form.contacts-form textarea {
    width: 100%;
    padding: var(--Numbers-12, 12px) var(--Numbers-16, 16px);
    background: var(--Dark-mode-colours-Line, rgba(255, 255, 255, 0.10));
    border: none;
    border-radius: 0px;
    color: #fff;
    color: var(--Dark-mode-colours-Hin-text, rgba(255, 255, 255, 0.50));
    /* Paragraph/Small/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

form.contacts-form select {
  background-color: rgba(50, 50, 50, 1) !important;
    color: var(--Dark-mode-colours-Hin-text, rgba(255, 255, 255, 0.50));
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

form.contacts-form > select > option {
  background-color: rgba(50, 50, 50, 1) !important;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

select {
  background: transparent;
  width: 100%;
    padding: var(--Numbers-12, 12px) var(--Numbers-16, 16px);
    color: var(--Dark-mode-colours-Hin-text, rgba(255, 255, 255, 0.50));
font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
#reason option {
  background: rgba(50, 50, 50, 1);
  padding: var(--Numbers-12, 12px) var(--Numbers-16, 16px);
}
select.solid {
  background: #333;
}

form.contacts-form textarea {
    height: 100px;
    resize: none;
}

form.contacts-form button {
    padding: var(--Numbers-12, 12px) var(--Numbers-40, 40px);
    background-color: #51B8E5;
    border: none;
    color: var(--Cod-Gray-900, #000);
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    margin-top: 12px;
}

form.contacts-form button:hover {
    background-color: #66bde0;
}

.custom-select {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-select select {
    appearance: none; /* Remove default arrow in most browsers */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #333;
    color: #fff;
    padding: 15px;
    padding-right: 40px; /* Space for the custom arrow */
    border: none;
    width: 100%;
    font-size: 14px;
    border-radius: 5px;
}

/* Custom SVG arrow */
.select-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Prevents clicking on the SVG */
}

.ddac-title h1{
    font-size: 80px;
    white-space: pre-line !important;
}

.inner-info-text-section{
    background: var(--bg-colors-bg-2, #1B1B1B);
    padding: var(--Numbers-100, 100px) var(--Numbers-0, 0px);
}

.inner-info-text-section h2{
    color: var(--Shades-White, #FFF);
    text-align: center;
    /* Subtitle/Large/Semibold */
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px; /* 125% */
    text-align: center;
}

.inner-info-text-section p{
    color: var(--Shades-White, #FFF);
    /* Paragraph/Medium/Regular */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
    margin-top: 16px;
}

.inner-custom-list-section{
    padding: var(--Numbers-100, 100px) 0px;
}

.inner-custom-list-section h2{
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px); /* 150% */
    letter-spacing: -0.96px;
    text-align: center;
    margin-bottom: 48px;
}

.inner-custom-list-elements{
    gap: 30px 0;
}

.inner-custom-list-elements .col-md-6{
    padding: 0px 15px!important;
}

.inner-custom-list-item{
    display: flex;
    border: 1px solid var(--Dark-mode-colours-Line, rgba(255, 255, 255, 0.10));
    padding: 24px;
    gap: 16px;
    align-items: flex-start;
    height: 100%;
}

.inner-custom-list-item svg{
    width: 64px !important;
    height: 64px !important;
    min-width: 64px;
    min-height: 64px;
}

.inner-custom-list-item h3{
    color: var(--dark-mode-colors-title-body-text, #FFF);
    /* Paragraph/Large/Semibold */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 140% */
    margin-bottom: 4px;
}

.inner-custom-list-item p{
    color: var(--Dark-mode-colors-Label-text, rgba(255, 255, 255, 0.50));
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}





.whyus-area-start {
    background: var(--bg-colors-bg-2, #1B1B1B);
    display: flex;
    padding-top: var(--Numbers-100, 100px);
    padding-bottom: var(--Numbers-48, 48px);
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.whyus-area-title {
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px);
    /* 150% */
    letter-spacing: -0.96px;
    text-align: center;
}

.whyus-area-section {
    display: flex;
    height: 600px;
    padding: var(--Numbers-24, 24px) var(--Numbers-0, 0px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-10, 10px);
    align-self: stretch;
    border-radius: var(--Numbers-0, 0px);
    margin-bottom: 24px;
}

.whyus-area-section h2 {
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px; /* 125% */
    /* 150% */
    letter-spacing: -0.96px;
    margin-bottom: 16px;
}

.whyus-area-section img{
    display: none;
}

.whyus-area-desc {
    display: flex;
    flex-flow: column;
    gap: 16px;
    width: 30%;
}

.whyus-area-section p {
    color: var(--Shades-White, #FFF);
    /* Paragraph/Medium/Regular */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
    direction: ltr;
}

.whyus-area-desc ul{
    list-style: disc;
    margin-left: 20px;
}

.whyus-area-desc ul li{
    color: var(--Shades-White, #FFF);
    /* Paragraph/Medium/Regular */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
}

.whyus-area-section a {
    display: flex;
    padding: var(--Numbers-8, 8px) var(--Numbers-24, 24px) var(--Numbers-8, 8px) var(--Numbers-36, 36px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-4, 4px);
    border-radius: var(--Numbers-0, 0px);
    background: var(--Primary-Sky, #51B8E5);
    /* Shadows/S */
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    width: fit-content;
    margin-top: 32px;
    color: var(--Cod-Gray-900, #000);
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    text-decoration: none;
    direction: ltr;
}

.rs-whyus-area {
    text-align: right;
    direction: rtl;
}

.whyus-sections{
    background: var(--bg-colors-bg-2, #1B1B1B);
    padding-bottom: 100px;
}

.ddac-cta{
    padding: 24px 0 0 0;
}

.ddac-cta h2{
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px); /* 150% */
    letter-spacing: -0.96px;
    text-align: center;
    margin-bottom: 8px;
}

.ddac-cta h2 span{
    color: var(--Primary-Land, #F9A280);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px);
    letter-spacing: -0.96px;
}

.ddac-cta p{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    text-align: center;
    /* Paragraph/Small/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.ddac-cta .cta-btn{
    display: flex;
    width: 270px;
    padding: var(--Numbers-12, 12px) var(--Numbers-40, 40px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-10, 10px);
    border-radius: var(--Numbers-0, 0px);
    background: var(--Primary-Sky, #51B8E5);
    /* Shadows/S */
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    margin: 24px auto 0 auto;
    color: var(--Cod-Gray-900, #000);
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}





.ddac-gallery-fixed{
    background: var(--bg-colors-bg-2, #0f0f0f);
    padding: 100px 0;
}

.ddac-gallery-fixed .masonry{
    background: var(--bg-colors-bg-2, #0f0f0f);
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    padding: 12px;
    gap: 0px;
    height: 768px;
}
.ddac-gallery-fixed .masonry .cell-1 {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    margin: 12px;
    overflow: hidden;
}

.ddac-gallery-fixed .masonry .cell-2 {
    grid-column: 3 / 6;
    grid-row: 0 / 2;
    margin: 12px;
    overflow: hidden;
}

.ddac-gallery-fixed .masonry .cell-3 {
    grid-column: 1 / 3;
    grid-row: 3 / 6;
    margin: 12px;
    overflow: hidden;
}

.ddac-gallery-fixed .masonry .cell-4 {
    grid-column: 3 / 6;
    grid-row: 2 / 6;
    margin: 12px;
    overflow: hidden;
}

.globe-section{
    padding: var(--Numbers-100, 100px) 0px var(--Numbers-100, 100px) 0px;
}

.globe-section h2{
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px); /* 150% */
    letter-spacing: -0.96px;
    text-align: center;
}

.globe-section p{
    color: var(--Shades-White, #FFF);
    /* Paragraph/Medium/Regular */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
}

.edu-desc p{
    text-align: left;
    margin-bottom: 8px;
}

#rotatingGlobe{
    width: 1170px;
    height: 1170px;
    cursor: move;
    margin-left: 150px;
    margin-top: 48px;
}

.heros-card-info-full h4{
    color: var(--Shades-White, #FFF)!important;
    /* Paragraph/Medium/Semibold */
    font-family: Inter!important;
    font-size: 18px!important;
    font-style: normal!important;
    font-weight: 600!important;
    line-height: 26px!important; /* 144.444% */
}

.heros-card-info-full span{
    color: var(--Shades-White, #FFF)!important;
    /* Label/Large/Medium */
    font-family: Inter!important;
    font-size: 14px!important;
    font-style: normal!important;
    font-weight: 500!important;
    line-height: 20px!important; /* 142.857% */
    margin-bottom: 24px!important;
    margin-top: 0px!important;
    opacity: 1!important;
    display: block!important;
}

.heros-card-info-full p{
    color: var(--Shades-White, #FFF)!important;
    /* Paragraph/Small/Medium */
    font-family: Inter!important;
    font-size: 16px!important;
    font-style: normal!important;
    font-weight: 500!important;
    line-height: 24px!important; /* 150% */
}

.legal-banner{
    max-height: 540px;
}

.legal-info{
    display: flex;
    padding: var(--Numbers-100, 100px) var(--Numbers-0, 0px);
    flex-direction: column;
    align-items: center;
    gap: var(--Numbers-48, 48px);
    align-self: stretch;
    background: var(--bg-colors-bg-2, #1B1B1B);
}

.legal-info h2{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Semibold */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    text-align: center;
    margin-bottom: 48px;
}


.legal-info ol li {
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    display: flex;
    width: 100%;
}

.legal-info ul {
    margin-left: 40px;
}

.legal-info ul li {
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.legal-info p, .legal-info li {
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.list-level2{
    margin-left: 20px;
}

.list-level3{
    margin-left: 40px;
}

.careers-list{
    display: flex;
    padding: var(--Numbers-100, 100px) var(--Numbers-0, 0px);
    flex-direction: column;
    align-items: center;
    gap: var(--Numbers-48, 48px);
    align-self: stretch;
    background: var(--bg-colors-bg-2, #1B1B1B);
}

.careers-list h2{
    color: var(--Shades-White, #FFF);
    /* Heading/H3/Regular */
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px); /* 150% */
    letter-spacing: -0.96px;
    text-align: center;
    margin-bottom: 48px;
}
.career-card{
    border-radius: var(--Numbers-0, 0px);
    border: 1px solid var(--Dark-mode-colors-Line, rgba(255, 255, 255, 0.10));
    padding: var(--Numbers-24, 24px);
    margin-bottom: 32px;
}

.career-card-line{
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: 0.1;
    margin: 24px 0;
}

.career-card p{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 24px;
}

.career-card h4{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    text-transform: uppercase;
    margin-bottom: 8px;
}

.career-card ul{
    list-style: disc;
    list-style-position: outside;
    padding-left: 20px;
}

.career-card ul li{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.career-card .career-card-btn{
    display: flex;
    width: fit-content;
    height: var(--Numbers-40, 40px);
    padding: var(--Numbers-8, 8px) var(--Numbers-24, 24px) var(--Numbers-8, 8px) var(--Numbers-36, 36px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-4, 4px); 
    border-radius: var(--Numbers-0, 0px);
    border: 1.5px solid var(--Primary-Sky, #51B8E5);
    color: var(--Primary-Sky, #51B8E5);
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    text-decoration: none;
    margin-top: 24px;
}


.career-card .career-card-btn:hover{
    background-color: #51B8E5;
    color: var(--Cod-Gray-900, #000);
}

.career-card-top{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.career-card-top h3{
    color: var(--dark-mode-colors-title-body-text, #FFF);
    /* Subtitle/Small/Semibold */
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 125% */
    margin-bottom: 8px;
}

.career-card-top span{
    color: var(--Dark-mode-colours-Hin-text, rgba(255, 255, 255, 0.50));
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.career-card-top p{
    color: var(--Dark-mode-colours-Hin-text, rgba(255, 255, 255, 0.50));
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    margin-bottom: 0px!important;
}

.career-popup{
    padding: 48px 0;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: var(--bg-colors-bg-1, #0F0F0F);
    overflow-y: auto;
    z-index: 9999;
    display: none;
}

.career-popup h2{
    color: var(--dark-mode-colors-title-body-text, #FFF);
    /* Subtitle/Small/Semibold */
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 125% */ 
    margin-bottom: 50px;
}

.career-popup .company-info{
    gap: 8px 0px;
    margin-bottom: 40px;
}

.career-popup .company-info p{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin: 0px;
}

.career-popup .company-info p span{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Semibold */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    margin-right: 8px;
}

.career-popup h3{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Semibold */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */ 
    margin-bottom: 8px;
}

.career-popup p{
    color: var(--Dark-mode-colours-Body-text, #FFF);

    /* Paragraph/Small/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 24px;
}

.career-popup ul{
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 20px;
}

.career-popup ul li{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
}

.career-popup ul li span{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Small/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.career-popup ul li a{
    color: var(--Primary-Sky, #51B8E5);
    /* Paragraph/Small/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.close-career-popup{
    position: absolute;
    top: 0px;
    right: 0px;
}



.world-outline {
  fill: none;
  stroke: rgba(0, 0, 0, 0.1);
  stroke-width: 1.0px;
}

.back-country {
  fill: #1b1b1b;
  stroke: #fff;
  stroke-width: 0.0px;
  stroke-linejoin: round;
}

.back-line {
  fill: none;
  stroke: #000;
  stroke-opacity: .05;
  stroke-width: .5px;
} 

.country {
  fill: #3b3b3b;
  stroke: rgba(0,0,0,0.5);
  stroke-width: 0.1px;
  stroke-linejoin: round;
}

.line {
  fill: none;
  stroke: #000;
  stroke-opacity: .08;
  stroke-width: .5px;
} 

.earth-visual {
    /*position: sticky;*/
    /*top: 100px;*/
    margin-top: 50px;
}

.earth-visual svg{
    /*width: 1170px;*/
    /*height: 1170px;*/
    background: #1b1b1b;
    border-radius: 100%;
}

.earth-visual text {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-anchor: middle;
  fill: #fff!important;
  position: absolute;
  bottom: 0px;
}

.destFolderstart{one
    padding: var(--Numbers-60, 60px) 0px 600px 0px;
    position: sticky;
    top: 0px;
}

.destFolderend{
    padding: var(--Numbers-60, 60px) 0px 600px 0px;
    position: sticky;
    top: 0px;
}

.mainmenu-desktop{
        display: flex;
    }
    
    .mainmenu-mobile{
        display: none;
    }
    
    .custom-dots-ksa{
        display: none;
    }
    
        .custom-nav-ksaExp{
            display: none;
        }
    
    .bottom-custom-navigation {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

.explorebtn{
    transition: all ease 0.5s;
}

.dropdown .btn#languageDropdown{
    display: none;
}

.partners-section-dark-bg{
    background: transparent!important;
}

.ff-poppins {
    font-family: "Poppins", sans-serif;
}

.ff-inter {
    font-family: "Inter", sans-serif;
}


.pb-100 {
    padding-bottom: 100px;
    }

    .pt-100 {
    padding-top: 100px;
    }

    .main{
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    }


    .thanks .row {
    top: 42%;
    left: 0;
    }


   .thanks h1 {
        font-size: 64px;
        font-family: "Poppins" !important;
        font-weight: 600;
        color: #fff;
        display: block;
        text-align: center;
        letter-spacing: -2px;
        margin-bottom: 16px;
        line-height: 92px;
    }

    .thanks p {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    text-align: center;
    margin: 0 80px 0 80px;
    }

    .thank-btn {
        position: relative;
        bottom: -50px;
    }

    .thank-btn a{
    color: var(--Primary-Sky, #000);
    border: 1px solid var(--Primary-Sky, #51B8E5);
    background-color: #51B8E5;
    border-radius: 0;
    }

    .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
        color: var(--Primary-Sky, #000);
        border: 1px solid var(--Primary-Sky, #51B8E5);
        background-color: #51B8E5;
    }

    .btn:hover{
        color: var(--Primary-Sky, #000);
        border: 1px solid var(--Primary-Sky, #51B8E5);
        background-color: #51B8E5;
    }


    @media (max-width: 1181px){
        .thanks h1 {
            font-size: 54px;
            font-family: "Poppins" !important;
            font-weight: 600;
            color: #fff;
            display: block;
            text-align: center;
            letter-spacing: -2px;
            margin-bottom: 16px;
            line-height: 92px;
          }

          .thanks p {
            font-size: 20px;
            font-weight: 400;
            line-height: 30px;
            color: #fff;
            text-align: center;
            margin: 0 80px 0 80px;
          }

          .thank-btn {
            position: relative;
            bottom: 0px;
          }

    }


    @media (max-width: 769px){

        .thanks .row {
            top: 35%;
            left: 0;
        }

        .thank-txt {
            margin: 0 52px 0 52px;
          }

        .thanks h1 {
        font-size: 32px;
        font-family: "Poppins" !important;
        font-weight: 500;
        color: #fff;
        display: block;
        text-align: center;
        letter-spacing: 0;
        margin-bottom: 10px;
        line-height: 40px;
            } 

        .thanks p {
            font-size: 16px;
            font-weight: 400;
            line-height: 30px;
            color: #fff;
            text-align: center;
            margin: auto;
            }

            .thank-btn {
                position: relative;
                bottom: -50px;
            }

    }


.who-we-are-desc, .discover-destination-start .discover-destination-title, .uaeFolder .desttitle, .uaeFolder .destinationcountryFolder-rs, .ksaFolder .desttitle, .ksaFolder .destinationcountryFolder-rs, .expFolder1 .desttitle, .expFolder1 .destinationcountryFolder-rs, .expFolder2 .desttitle, .expFolder2 .destinationcountryFolder-rs, .expFolder3 .desttitle, .expFolder3 .destinationcountryFolder-rs, .expFolder4 .desttitle, .expFolder4 .destinationcountryFolder-rs, .services-start .services-title, .service-section .service-desc{
    opacity: 0;
}


.fade-in {
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-12-5 18:48:0
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.fade-in-left, .fade-in-right {
opacity: 0; /* Start hidden */
transform: translateX(20px); /* Adjust the direction */
transition: all 0.5s ease-in-out; /* Smooth animation */
}

.fade-in-left {
transform: translateX(-20px); /* Slide from the left */
}

.fade-in-left.visible, .fade-in-right.visible {
opacity: 1; /* Fully visible */
transform: translateX(0); /* Reset position */
}


.fade-in-left {
	-webkit-animation: fade-in-left 1s ease-in-out both;
	        animation: fade-in-left 1s ease-in-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-12-5 19:3:56
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}


.fade-in-right {
	-webkit-animation: fade-in-right 1s ease-in-out both;
	        animation: fade-in-right 1s ease-in-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-12-5 19:6:1
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}



#spotlight-list .col-md-12 a .spotlight-img {
    width:50%;
}

#spotlight-list .col-md-12 a .spotlight-img img{
    height: 100%;
    object-fit: cover;
}

#spotlight-list .col-md-12 a .spotlight-info {
   width: 50% !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.col-md-4 .hero-spotlight img {
    height: 280px;
    object-fit: cover;
    object-position: center;
}

.col-md-4 .spotlight-info h3 {

    height: 50px;
    line-height: 24px !important;
    font-size:20px;
    font-weight: 500;
    display: flex;
    align-items: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.spotlight-info p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.reviews-section .bottom-custom-navigation {
    position: relative;
    width: auto;
    margin: 0 auto;
}

.reviews-section .custom-nav-reviews {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 9;
    width: calc(100% + 220px) !important;
    left: -110px !important;
    top: -190px !important;
    transform: translateY(-50%) !important;
}


.case_studies{
    padding: var(--Numbers-70, 70px) var(--Numbers-0, 0px);
    /*background: var(--bg-colors-bg-1, #1b1b1b);*/
}

.case_studies .head-section h2 {
    color: var(--Shades-White, #FFF);
    font-family: Poppins;
    font-size: var(--Numbers-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px);
    letter-spacing: -0.96px;
    margin-bottom: 0px;
    text-align: center;
}

.case_studies .head-section p{
    font-size: 20px;
    line-height: 28px;
}

.case_studies-desc h2 {
    color: var(--Shades-White, #FFF);
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 18px;
}

.case_studies-desc p{
    color: var(--Shades-White, #FFF);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
.case_studies-desc a{
    display: flex;
    padding: var(--Numbers-8, 8px) var(--Numbers-24, 24px) var(--Numbers-8, 8px) var(--Numbers-36, 36px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-4, 4px);
    border-radius: var(--Numbers-0, 0px);
    background: var(--Primary-Sky, #51B8E5);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    width: fit-content;
    margin-top: 16px;
    color: var(--Cod-Gray-900, #000);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    direction: ltr;
    width: 50%;
    }

    .order-1 {
     order: 1 !important;
    }
    
    .order-2 {
     order: 2 !important;
    }
    
    .accordion-section .accordion-body ul {
      list-style: disc;
      padding-left: 16px;
    }
    
    


@media (max-width: 768px){
    
    .reviews-section .bottom-custom-navigation {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    }
    
    .reviews-section .custom-nav-reviews {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 9;
    width: calc(100% + 200px) !important;
    left: -100px !important;
    top: 10px !important;
    transform: translateY(-50%) !important;
    }
    
    .case_studies{
        padding-top:48px; 
        padding-bottom:0px;
    }
    
    .case_studies .head-section h2 {
    color: var(--Shades-White, #FFF);
    font-family: Poppins;
    font-size: var(--Numbers-32, 32px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-48, 48px);
    letter-spacing: -0.96px;
    margin-bottom: 0px;
    text-align: center;
    }
    
    .case_studies .head-section p {
        font-size: 18px;
        line-height: 26px;
    }
    
    .case_studies-desc h2 {
    color: var(--Shades-White, #FFF);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 18px;
    margin-top: 20px;
    }
    
    .case_studies-desc p {
    color: var(--Shades-White, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    }
    
    .order-sm-1 {
     order: 1 !important;
    }
    
    .order-sm-2 {
     order: 2 !important;
    }
    
    .case_studies-desc a{
        width:100%;
    }
    
    .p-sm{
        padding-top:16px !important; 
        padding-bottom:16px !important;
    }
    
    .infoSection-descFirst h2{
        text-align:left !important;
    }
    
}

.tilte-case p{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}


.pb-lg{
        padding-bottom:4rem;
    }