@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;
}

button{
    border:0;
}

.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;
}

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: var(--Cod-Gray-900, #000);
    /* 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;
}

.navbar-menu li a:hover {
    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: .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: 202px;
}

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

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

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

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

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

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

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

.banner-bg-desktop{
    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;
}

.header-content{
    position: absolute;
    bottom: 150px;
    width: 100%;
    text-align: center;
}

.header-content span{
    color: var(--Dark-mode-colours-Body-text, #FFF);
text-align: center;
/* Subtitle/Small/Medium */
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 125% */
}

.header-content h1{
    color: var(--Dark-mode-colours-Body-text, #FFF);
text-align: center;

/* Heading/H4/Semibold */
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 60px; /* 150% */
margin-bottom: 24px;
}

.header-content p{
    color: var(--Dark-mode-colours-Body-text, #FFF);
text-align: center;

/* Subtitle/Small/Medium */
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 125% */
margin-bottom: 8px;
}


.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: 172px;
    padding-bottom: 172px;
    position: relative;
}

.who-we-are-bg{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.who-we-are-section img{
    display: none;
}

.who-we-are-section .container{
    position: relative;
    z-index: 9;
}

.who-we-are-desc p{
    color: var(--Shades-White, #FFF);

    /* Subtitle/Small/Medium */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 125% */
    margin-bottom: 16px;
}

.who-we-are-desc p:last-child{
    margin-bottom: 0px;
}

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

.whats-happening-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;
    margin-bottom: 48px;
}

.wh-tabs{
    display: flex;
    gap: 24px;
}

.wh-top-btns{
    margin-bottom: 48px;
}

.wh-tabs .nav-link {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  border-radius: var(--Numbers-0, 0px);
  border: 1px solid var(--Primary-Sky, #51B8E5);
  display: flex;
  padding: var(--small-28-px, 10px) var(--Numbers-24, 24px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  color: var(--Primary-Sky, #51B8E5);
  background-color: unset;
}

.wh-tabs .nav-link.active{
    color: var(--Primary-Sky, #000);
  border: 1px solid var(--Primary-Sky, #51B8E5);
  background-color: #51B8E5;
}

.allevents-btn{
    display: flex;
    align-items: center;
    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;
    justify-content: end;
}

.allevents-btn svg{
    margin-right: 8px;
}

.wh-card{
    width: 100%;
    height: 480px;
    position: relative;
}

.wh-card .wh-card-img{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.wh-card .wh-card-overlay{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 60%, rgba(0, 0, 0, 0.90) 100%);
}

.wh-card .left-label{
    position: absolute;
    top: 20px;
    left: 20px;
    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% */
    background: var(--Shades-Black, #000);
    padding: var(--Numbers-8, 8px) var(--Numbers-16, 16px);
}

.wh-card .right-label{
    position: absolute;
    display: flex;
    width: var(--Numbers-36, 36px);
    height: var(--Numbers-36, 36px);
    padding: var(--Numbers-0, 0px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-0, 0px);
    top: 20px;
    right: 20px;
}

.wh-card .right-label img{
    width: 24px;
    height: 24px;
}

.wh-card .right-label.orange-label{
    background: var(--Primary-Land, #F9A280);
}

.wh-card .right-label.green-label{
    background: var(--Primary-Sea, #29B7B0);
}

.wh-card-bottom{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 20px;
}

.wh-card-bottom h2{
    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;
}

.wh-card-bottom 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% */
    margin-bottom: 12px;
}

.wh-rate{
    display: flex;
    gap: 2px;
    align-items: center;
    width: fit-content;
}

.wh-rate img{
    width: 18px;
    height: 18px;
}

.wh-explore-btn{
    display: none;
    align-items: center;
    gap: 8px;
    color: var(--Shades-White, #FFF);
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    margin-top: 12px;
    text-decoration: none;
    opacity: 0;
    transition: all ease 1s;
}

.wh-card:hover .wh-explore-btn{
    display: flex;
    opacity: 1;
}

.wh-desktop-area{

}

.wh-desktop-area .col-md-4{
    padding: 12px;
}

.wh-loadmore{
    color: var(--Primary-Sky, #51B8E5);
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    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);
    width: fit-content;
    justify-content: center;
    margin: 36px auto 48px auto;
    cursor: pointer;
}

.wh-loadmore:hover{
    background: rgba(81, 184, 229, 0.05);
}

.wh-mobile-area{
    display: none;
}

.wh-bottom-labels{
    display: flex;
    align-items: center;
    gap: 12px;
}

.wh-bottom-label{
    display: flex;
    width: var(--Numbers-36, 36px);
    height: var(--Numbers-36, 36px);
    padding: var(--Numbers-0, 0px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-0, 0px);
}

.wh-bottom-label.green-label {
    background: var(--Primary-Sea, #29B7B0);
}

.wh-bottom-label.orange-label {
    background: var(--Primary-Land, #F9A280);
}

.rate-info{
    display: flex;
    gap: 12px;
    color: var(--Shades-White, #FFF);
    justify-content: end;
    /* Label/Large/Medium */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

.call-to-action{
    padding: 60px 0;
    position: relative;

}

.call-to-action-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.call-to-action .container{
    position: relative;
    z-index: 9;
}

.call-to-action p{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    text-align: justify;
    /* Subtitle/Small/Semibold */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 125% */
}

.call-to-action button{
    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);
    display: flex;
    width: 170px;
    padding: var(--Numbers-8, 8px) var(--Numbers-40, 40px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-4, 4px);
    text-decoration: none;
    color: var(--Cod-Gray-900, #000);
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.call-to-action button:hover{
    background-color: var(--Primary-Sky, #51B8E5);;
}

.tickets {
    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;
}

.tickets-title {
  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, 60px);
  letter-spacing: -0.96px;
  text-align: center;
  margin-bottom: 10px;
}

.tickets-des{
    font-size: 18px;
    color: #fff;
}

.ticket-card{
    display: flex;
    padding: var(--Numbers-40, 40px);
    flex-direction: column;
    align-items: center;
    /* gap: var(--Numbers-24, 24px); */
    flex: 1 0 0;
    border-radius: var(--Numbers-0, 0px);
    border: 1px solid var(--Dark-mode-colors-Line, rgba(255, 255, 255, 0.10));
}

.ticket-card h3{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    text-align: center;

    /* Heading/H6/Semibold */
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 150% */
    display: flex;
    height: var(--Numbers-60, 60px);
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    margin-bottom: 12px;
}

.ticket-card h3 span{
    margin-bottom: 0px;
}

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

.ticket-card span{
    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% */
    margin-bottom: 12px;
}

.ticket-card .price{
    text-align: center;
    min-width: auto;
    /*min-width: 133px;*/
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.ticket-card .price-old{
    text-decoration: line-through;
}

.ticket-card .price p{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Paragraph/Large/Semibold */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 140% */
    margin-bottom: 16px;
}

.ticket-card .price span{
    color: var(--Dark-mode-colours-Hin-text, rgba(255, 255, 255, 0.50));
    /* Label/Medium/Regular */
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 138.462% */
    margin-bottom: 16px;
}

.ticket-card button{
    display: flex;
    padding: var(--Numbers-8, 8px) var(--Numbers-40, 40px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-4, 4px);
    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);
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    text-decoration: none;
    margin-top: 24px;
}

.partners-section {
    padding: 100px 0;
    /* 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-desktop{
    margin-bottom: 48px!important;
}

.partners-section p{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    text-align: center;

    /* Paragraph/Medium/Medium */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 144.444% */
    margin-bottom: 0px;
}

.partners-section a{
    color: var(--Primary-Sky, #51B8E5);

/* Paragraph/Medium/Medium */
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 26px;
text-decoration-line: underline;
}



.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-100, 100px) 0px;
    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 {
    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% */
    display: flex;
    gap: 16px;
    align-items: center;
    text-decoration: none;
}

.working-with-us-section a img{
    width: 40px;
    height: 40px;
    background: var(--Dark-mode-colours-Line, rgba(255, 255, 255, 0.10));
    padding: 8px;
}

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

.wwu-contact{
    margin-top: 48px;
}

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: disc;
    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;
}

.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;
}

.genExp-card {
    position: relative;
}

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

.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-Land, #f6ba67);
    background: var(--Primary-Land, #f6ba67);
    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 {
    text-align: center;
    margin-top: 48px;
}

.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-60, 60px) 0px 600px 0px;
    position: sticky;
}

.expFolder h2 {
    color: var(--Shades-White, #FFF);
    /* Heading/H4/SemiBold */
    font-family: Poppins;
    font-size: 40px;
    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: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 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;
}

.expFolder2 {
    top: 267px;
}

.expFolder3 {
    top: 534px;
}

.expFolder4 {
    top: 0px;
}

.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-48, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Numbers-72, 72px);
    /* 150% */
    letter-spacing: -0.96px;
    margin-bottom: 16px;
}

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

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

.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: 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-events-area {
    text-align: right;
    direction: rtl;
}

.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: 24px;
}

.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-2, #1B1B1B);
    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;
    margin-bottom: 24px;
    /* 125% */
}

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

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

    /* Subtitle/Small/Regular */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 125% */
    margin-bottom: 12px;
}

.infoSection-desc a{
 color: var(--Primary-Sky, #51B8E5);
/* Paragraph/Medium/Medium */
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 26px;
text-decoration-line: underline;
}

.infoSection-descFirst p b{
    color: var(--Dark-mode-colours-Body-text, #FFF);
    /* Subtitle/Small/Semibold */
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

.infoSection-descFirst 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% */
}

.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: calc(50% - 32px);
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    left: 0px;
}

.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(--Numbers-0, 0px);
    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: 48px;
    height: 48px;
    left: -60px;
    position: relative;
}

.custom-nav-reviews .prev-review:hover {
    border: 1px solid #51B8E5;
}

.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(--Numbers-0, 0px);
    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: 48px;
    height: 48px;
    right: -60px;
    position: relative;
}

.custom-nav-reviews .next-review:hover {
    border: 1px solid #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% */
}

.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.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: 12px;
}

.timeline ol::-webkit-scrollbar-thumb,
.timeline ol::-webkit-scrollbar-track {
    border-radius: 92px;
}

.timeline ol::-webkit-scrollbar-thumb {
    background: var(--midnight-green);
}

.timeline ol::-webkit-scrollbar-track {
    background: var(--yellow);
}

.timeline ol {
    font-size: 0;
    padding: 322px 0 350px 0;
    transition: all 1s;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-color: var(--yellow) var(--midnight-green);
}

.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:nth-child(odd) div::after {
    top: -42px;
}

.timeline ol li:nth-child(even) div::after {
    top: calc(100% + 2px);
}

.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, #0F0F0F);
}

.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: calc(50% - 32px);
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    left: 0px;
    z-index: 9;
}

.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(--Numbers-0, 0px);
    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: 48px;
    height: 48px;
    left: 50px;
    position: relative;
}

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

.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(--Numbers-0, 0px);
    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: 48px;
    height: 48px;
    right: 50px;
    position: relative;
}

.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:hover .team-card-info {
    opacity: 0;
    transition: all ease 0.5s;
}

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

.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(3, 22, 30, 0.00) 0%, rgba(3, 22, 30, 0.25) 84.91%, rgba(3, 22, 30, 0.75) 100%);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transition: all ease 0.5s;
}

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

.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: 48px;
}

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

.hero-spotlight .spotlight-info {
    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: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    /* 144.444% */
}

.hero-spotlight-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    align-items: center;
}

.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, #51B8E5);
    /* 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: calc(50% - 32px);
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    left: 0px;
    z-index: 9;
}

.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(--Numbers-0, 0px);
    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: 48px;
    height: 48px;
    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(--Numbers-0, 0px);
    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: 48px;
    height: 48px;
    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(3, 22, 30, 0.00) 0%, rgba(3, 22, 30, 0.25) 84.91%, rgba(3, 22, 30, 0.75) 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-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;
}

.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 select,
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 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: 90px;
}

.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;
}

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

.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-0, 0px) 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;
}

.tickets-content-mobile{
    display: none;
}

#faq ul{}

#faq ul li{
    list-style: disc;
    list-style-position: inside;
}

#faq a{
    color: var(--Primary-Sky, #51B8E5);
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    text-decoration-line: underline;
}

.getnow-btn{
    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);
    color: var(--Cod-Gray-900, #000);
    
    /* Button/Lowercase */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    
    display: flex;
    padding: var(--Numbers-8, 8px) var(--Numbers-40, 40px);
    justify-content: center;
    align-items: center;
    gap: var(--Numbers-4, 4px);
    
    text-decoration: none;
    
    white-space: nowrap;
    width: fit-content;
}

.getnow-btn:hover {
    background: #00bfff;
}