@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://use.typekit.net/xwg1boc.css");

:root {

    --suad-primary-white: #ffffff;
    --suad-primary-black: #05122E;
    --suad-primary-navy: #071B47;
    --suad-light-gray: #f3f3f9;

    --suad-primary-red: #de3831;
    --suad-primary-red-1: #b01414;
    --suad-primary-red-2: #bf1f1f;
    --suad-primary-red-3: #f77570;
    --suad-primary-red-4: #fca8a6;

    --suad-secondary-red: #962940;
    --suad-secondary-red-1: #601a29;
    --suad-secondary-red-2: #802337;
    --suad-secondary-red-3: #c03552;
    --suad-secondary-red-4: #d35f78;

    --suad-primary-blue: #002376;
    --suad-primary-blue-1: #031230;
    --suad-primary-blue-2: #031a4a;
    --suad-primary-blue-3: #1c3bd9;
    --suad-primary-blue-4: #3b70f7;

    --suad-secondary-blue: #54b8e5;
    --suad-secondary-blue-1: #1d8fc3;
    --suad-secondary-blue-2: #209cd5;
    --suad-secondary-blue-3: #83cbec;
    --suad-secondary-blue-4: #a6daf2;

    --suad-neutral-dark: #404052;
    --suad-neutral-dark-1: #24242e;
    --suad-neutral-dark-2: #363845;
    --suad-neutral-dark-3: #575973;
    --suad-neutral-dark-4: #8c8fa6;

    --suad-primary-gold: #ffad0a;
    --suad-primary-gold-1: #b87a00;
    --suad-primary-gold-2: #e09600;
    --suad-primary-gold-3: #ffbb33;
    --suad-primary-gold-4: #ffc95c;

    --suad-neutral-light: #fffcf7;
    --suad-neutral-light-1: #ebe0d6;
    --suad-neutral-light-2: #f7f0e8;
    --suad-neutral-light-4: #fffffc;
    --suad-neutral-light-5: #ffffff;

    --suad-secondary-light: #dac9af;
    --suad-secondary-light-1: #c5aa81;
    --suad-secondary-light-2: #d2bd9d;
    --suad-secondary-light-3: #ece3d5;
    --suad-secondary-light-4: #f9f6f1;

    --suad-primary-silver: #B4B4B4;
    --suad-primary-bronze: #AD8A56;

    --suad-primary-green: #00A651;

}

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
}

body {
    line-height: 1;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-size: 14px;
    overflow-x: hidden;
}

ol,
ul {
    list-style: none
}

ol li,
ul li{
    display: list-item!important;
}

blockquote,
q {
    quotes: none
}

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "aktiv-grotesk";
}

a {
    text-decoration: none;
}

.suad-primary-white {
    color: var(--suad-primary-white);
}

.suad-primary-white-bg {
    background-color: var(--suad-primary-white);
}

.suad-primary-black {
    color: var(--suad-primary-black);
}

.suad-primary-black-bg {
    background-color: var(--suad-primary-black);
}

.suad-light-gray {
    color: var(--suad-light-gray);
}

.suad-light-gray-bg {
    background-color: var(--suad-light-gray);
}

.suad-primary-navy {
    color: var(--suad-primary-navy);
}

.suad-primary-navy-bg {
    background-color: var(--suad-primary-navy);
}

/* Primary Red */
.suad-primary-red {
    color: var(--suad-primary-red);
}

.suad-primary-red-bg {
    background-color: var(--suad-primary-red);
}

.suad-primary-red-1 {
    color: var(--suad-primary-red-1);
}

.suad-primary-red-1-bg {
    background-color: var(--suad-primary-red-1);
}

.suad-primary-red-2 {
    color: var(--suad-primary-red-2);
}

.suad-primary-red-2-bg {
    background-color: var(--suad-primary-red-2);
}

.suad-primary-red-3 {
    color: var(--suad-primary-red-3);
}

.suad-primary-red-3-bg {
    background-color: var(--suad-primary-red-3);
}

.suad-primary-red-4 {
    color: var(--suad-primary-red-4);
}

.suad-primary-red-4-bg {
    background-color: var(--suad-primary-red-4);
}

/* Secondary Red */
.suad-secondary-red {
    color: var(--suad-secondary-red);
}

.suad-secondary-red-bg {
    background-color: var(--suad-secondary-red);
}

.suad-secondary-red-1 {
    color: var(--suad-secondary-red-1);
}

.suad-secondary-red-1-bg {
    background-color: var(--suad-secondary-red-1);
}

.suad-secondary-red-2 {
    color: var(--suad-secondary-red-2);
}

.suad-secondary-red-2-bg {
    background-color: var(--suad-secondary-red-2);
}

.suad-secondary-red-3 {
    color: var(--suad-secondary-red-3);
}

.suad-secondary-red-3-bg {
    background-color: var(--suad-secondary-red-3);
}

.suad-secondary-red-4 {
    color: var(--suad-secondary-red-4);
}

.suad-secondary-red-4-bg {
    background-color: var(--suad-secondary-red-4);
}

/* Primary Blue */
.suad-primary-blue {
    color: var(--suad-primary-blue);
}

.suad-primary-blue-bg {
    background-color: var(--suad-primary-blue);
}

.suad-primary-blue-1 {
    color: var(--suad-primary-blue-1);
}

.suad-primary-blue-1-bg {
    background-color: var(--suad-primary-blue-1);
}

.suad-primary-blue-2 {
    color: var(--suad-primary-blue-2);
}

.suad-primary-blue-2-bg {
    background-color: var(--suad-primary-blue-2);
}

.suad-primary-blue-3 {
    color: var(--suad-primary-blue-3);
}

.suad-primary-blue-3-bg {
    background-color: var(--suad-primary-blue-3);
}

.suad-primary-blue-4 {
    color: var(--suad-primary-blue-4);
}

.suad-primary-blue-4-bg {
    background-color: var(--suad-primary-blue-4);
}

/* Secondary Blue */
.suad-secondary-blue {
    color: var(--suad-secondary-blue);
}

.suad-secondary-blue-bg {
    background-color: var(--suad-secondary-blue);
}

.suad-secondary-blue-1 {
    color: var(--suad-secondary-blue-1);
}

.suad-secondary-blue-1-bg {
    background-color: var(--suad-secondary-blue-1);
}

.suad-secondary-blue-2 {
    color: var(--suad-secondary-blue-2);
}

.suad-secondary-blue-2-bg {
    background-color: var(--suad-secondary-blue-2);
}

.suad-secondary-blue-3 {
    color: var(--suad-secondary-blue-3);
}

.suad-secondary-blue-3-bg {
    background-color: var(--suad-secondary-blue-3);
}

.suad-secondary-blue-4 {
    color: var(--suad-secondary-blue-4);
}

.suad-secondary-blue-4-bg {
    background-color: var(--suad-secondary-blue-4);
}

/* Neutral Dark */
.suad-neutral-dark {
    color: var(--suad-neutral-dark);
}

.suad-neutral-dark-bg {
    background-color: var(--suad-neutral-dark);
}

.suad-neutral-dark-1 {
    color: var(--suad-neutral-dark-1);
}

.suad-neutral-dark-1-bg {
    background-color: var(--suad-neutral-dark-1);
}

.suad-neutral-dark-2 {
    color: var(--suad-neutral-dark-2);
}

.suad-neutral-dark-2-bg {
    background-color: var(--suad-neutral-dark-2);
}

.suad-neutral-dark-3 {
    color: var(--suad-neutral-dark-3);
}

.suad-neutral-dark-3-bg {
    background-color: var(--suad-neutral-dark-3);
}

.suad-neutral-dark-4 {
    color: var(--suad-neutral-dark-4);
}

.suad-neutral-dark-4-bg {
    background-color: var(--suad-neutral-dark-4);
}

/* Primary Gold */
.suad-primary-gold {
    color: var(--suad-primary-gold);
}

.suad-primary-gold-bg {
    background-color: var(--suad-primary-gold);
}

.suad-primary-gold-1 {
    color: var(--suad-primary-gold-1);
}

.suad-primary-gold-1-bg {
    background-color: var(--suad-primary-gold-1);
}

.suad-primary-gold-2 {
    color: var(--suad-primary-gold-2);
}

.suad-primary-gold-2-bg {
    background-color: var(--suad-primary-gold-2);
}

.suad-primary-gold-3 {
    color: var(--suad-primary-gold-3);
}

.suad-primary-gold-3-bg {
    background-color: var(--suad-primary-gold-3);
}

.suad-primary-gold-4 {
    color: var(--suad-primary-gold-4);
}

.suad-primary-gold-4-bg {
    background-color: var(--suad-primary-gold-4);
}

.suad-primary-silver {
    color: var(--suad-primary-silver);
}

.suad-primary-silver-bg {
    background-color: var(--suad-primary-silver);
}

.suad-primary-bronze {
    color: var(--suad-primary-bronze);
}

.suad-primary-bronze-bg {
    background-color: var(--suad-primary-bronze);
}

/* Neutral Light */
.suad-neutral-light {
    color: var(--suad-neutral-light);
}

.suad-neutral-light-bg {
    background-color: var(--suad-neutral-light);
}

.suad-neutral-light-1 {
    color: var(--suad-neutral-light-1);
}

.suad-neutral-light-1-bg {
    background-color: var(--suad-neutral-light-1);
}

.suad-neutral-light-2 {
    color: var(--suad-neutral-light-2);
}

.suad-neutral-light-2-bg {
    background-color: var(--suad-neutral-light-2);
}

.suad-neutral-light-4 {
    color: var(--suad-neutral-light-4);
}

.suad-neutral-light-4-bg {
    background-color: var(--suad-neutral-light-4);
}

.suad-neutral-light-5 {
    color: var(--suad-neutral-light-5);
}

.suad-neutral-light-5-bg {
    background-color: var(--suad-neutral-light-5);
}

/* Secondary Light */
.suad-secondary-light {
    color: var(--suad-secondary-light);
}

.suad-secondary-light-bg {
    background-color: var(--suad-secondary-light);
}

.suad-secondary-light-1 {
    color: var(--suad-secondary-light-1);
}

.suad-secondary-light-1-bg {
    background-color: var(--suad-secondary-light-1);
}

.suad-secondary-light-2 {
    color: var(--suad-secondary-light-2);
}

.suad-secondary-light-2-bg {
    background-color: var(--suad-secondary-light-2);
}

.suad-secondary-light-3 {
    color: var(--suad-secondary-light-3);
}

.suad-secondary-light-3-bg {
    background-color: var(--suad-secondary-light-3);
}

.suad-secondary-light-4 {
    color: var(--suad-secondary-light-4);
}


.suad-secondary-light-4-bg {
    background-color: var(--suad-secondary-light-4);
}

.suad-btn-blue-bg-hover:hover {
    background-color: var(--suad-primary-blue);
}

.suad-btn-white-color-hover:hover {
    color: var(--suad-primary-white);
}

.suad-primary-red-border {
    border-color: var(--suad-primary-red)
}

.btn-border {
    border-width: 2px;
    border-style: solid;
}

.suad-primary-blue-border-hover:hover {
    border-color: var(--suad-primary-blue)
}

.btn-fs-18 {
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.083px;
}

.btn-fs-regular {
    font-weight: normal;
    letter-spacing: 0.083px;
}

.main-header {
    padding: 24px 0px 20px 0px;
    min-height: 150px;
    position: relative;
    z-index: 99;
}

.header-top-area {
    margin-bottom: 5px;
}

.header-top-menu button {
    border: 0px solid;
    background: transparent;
    color: #fff;
    padding: 0px;
}

.header-top-menu,
.header-top-menu-icons {
    gap: 16px;
    align-items: center;
}

.header-top-menu a,
.header-top-menu-icons a{
    text-decoration: none!important;
}

.header-top-menu .header-top-menu-icons .dropdown .dropdown-menu {
    transition: all ease 0.5s;
    padding: 16px;
    border-radius: 16px;
    border: 0px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.header-top-menu .header-top-menu-icons .dropdown .dropdown-menu p {
    font-size: 14px;
    color: #999;
    margin-bottom: 16px;
    line-height: normal;
}

.header-top-menu .header-top-menu-icons .dropdown .dropdown-menu input {
    border: 0px solid #fff;
    border-radius: 10px;
    background-color: #f3f3f9;
    font-size: 14px;
    height: 41px;
    padding: 0 16px;
}

.header-top-menu .header-top-menu-icons .dropdown .dropdown-menu button {
    background: var(--suad-primary-blue);
    position: absolute;
    right: 21px;
    bottom: 21px;
    height: 31px;
    width: 31px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-top-menu-burger-btn {
    background: var(--suad-primary-red);
    /* width: 46px; */
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0px;
    border-radius: 30px;
    cursor: pointer;
    transition: all ease 0.5s;
    padding: 0px 15px;
}

.header-top-menu-burger-btn:hover {
    background: var(--suad-primary-red-1);
}

.header-top-menu-burger-btn-close {
    background: var(--suad-primary-red);
    /* width: 46px; */
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0px;
    border-radius: 30px;
    cursor: pointer;
    transition: all ease 0.5s;
    padding: 0px 15px;
}

.header-top-menu-burger-btn-close:hover {
    background: var(--suad-primary-red-1);
}

.header-top-apply-btn {
    background-color: var(--suad-primary-red);
    text-align: center;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    color: #fff!important;
    text-decoration: none!important;
    border-radius: 50px;
    transition: all ease 0.5s;
}

.header-top-apply-btn:hover {
    background: var(--suad-primary-red-1);
}

.language-menu {
    padding: 0px;
    overflow: hidden;
    top: 15px !important;
    border-radius: 0px !important;
}

.language-menu li {
    border-bottom: 1px solid #f3f3f9;
}

.language-menu li:last-child {
    border-bottom: 0px solid #f3f3f9;
}

.language-menu li a {
    padding: 15px 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all ease 0.5s;
}

.language-menu li a img {
    width: 24px;
    border-radius: 100%;
    border: 2px solid transparent;
}

.language-menu li a:hover {
    background-color: var(--suad-primary-red);
    color: var(--suad-primary-white);
}

.language-menu li a:hover img {
    border: 2px solid var(--suad-primary-white);
}

.suad-main-logo {
    width: 150px;
    position: relative;
    top: 0px;

}

.main-menu::before {
    content: "";
    opacity: 0.5;
    background: #FFF;
    height: 1px;
    width: 100%;
    position: relative;
    top: 0px;
    display: block;
}

.main-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.main-menu>ul {
    display: flex;
    gap: 20px;
}

.main-menu ul li {
    position: relative;
}

.main-menu ul li a {
    text-decoration: none;
    display: block;
    color: #fff;
    transition: background 0.3s ease-in-out;
    padding: 10px 0;
    white-space: nowrap;
}

.main-menu ul li a.mm-lvl1:hover {
    color: var(--suad-primary-gold);
}

.main-menu ul li ul li {
    border-bottom: 1px solid #f3f3f9;
}

.main-menu ul li ul li:last-child {
    border-bottom: 0px solid #f3f3f9;
}

.main-menu ul li ul li a {
    padding: 15px 15px;
    color: #414141;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 50px;
    font-size: 14px;
}

.main-menu ul li ul li a:hover {
    background: var(--suad-primary-red);
    color: #fff;
}

/* .main-menu ul li ul li:first-child a{
    border-radius: 5px 5px 0 0;
}
.main-menu ul li ul li:last-child a{
    border-radius: 0 0 5px 5px;
}
.main-menu ul li ul li ul li:first-child a{
    border-radius: 5px 5px 0 0;
}
.main-menu ul li ul li ul li:last-child a{
    border-radius: 0 0 5px 5px;
} */
.main-menu ul li ul li a.have-submenu::after {
    content: "";
    width: 20px;
    height: 20px;
    position: relative;
    display: block;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_289_949)"%3E%3Cpath d="M9.75583 6C9.75583 6.56 10.2037 7 10.751 7H16.3139L5.47663 17.89C5.08852 18.28 5.08852 18.91 5.47663 19.3C5.86475 19.69 6.4917 19.69 6.87981 19.3L17.7171 8.41V14C17.7171 14.55 18.165 15 18.7123 15C19.2596 15 19.7075 14.55 19.7075 14V6C19.7075 5.45 19.2596 5 18.7123 5H10.751C10.2037 5 9.75583 5.45 9.75583 6Z" fill="black"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_289_949"%3E%3Crect width="23.8839" height="24" fill="black" transform="translate(0.799805)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.2;
}

.main-menu ul li ul li a.have-submenu:hover::after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_289_949)"%3E%3Cpath d="M9.75583 6C9.75583 6.56 10.2037 7 10.751 7H16.3139L5.47663 17.89C5.08852 18.28 5.08852 18.91 5.47663 19.3C5.86475 19.69 6.4917 19.69 6.87981 19.3L17.7171 8.41V14C17.7171 14.55 18.165 15 18.7123 15C19.2596 15 19.7075 14.55 19.7075 14V6C19.7075 5.45 19.2596 5 18.7123 5H10.751C10.2037 5 9.75583 5.45 9.75583 6Z" fill="white"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_289_949"%3E%3Crect width="23.8839" height="24" fill="white" transform="translate(0.799805)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
    opacity: 1;
}

.main-menu ul li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    border-radius: 0px;
    min-width: fit-content;
    opacity: 0;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    transform: translateY(10px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.main-menu ul li:hover>ul {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.main-menu ul li ul li {
    position: relative;
}

.main-menu ul li ul li ul {
    left: 100%;
    top: 0;
}

/* Main Banner */

.main-banner {
    position: relative;
    width: 100%;
    height: calc(100vh - 150px);
    overflow: hidden;
}

.inner-banner {
    height: calc(70vh - 150px);
    overflow: hidden
}

.main-banner-wrapper {
    display: flex;
    width: 300%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
}

.main-banner-slide {
    width: 100vw;
    height: calc(100vh - 150px);
    background-size: cover;
    background-position: top;
    flex-shrink: 0;
    position: relative;
    background-repeat: no-repeat;
    overflow: hidden;
}

.main-banner-caption {
    position: relative;
    top: 15%;
    left: 4.1665vw;
    color: #fff;
    width: 80%;
}

.main-banner-caption h1 {
    color: var(--White, #FFF);
    font-family: "aktiv-grotesk";
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.main-banner-caption p {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    margin-top: 32px;
}

.main-banner-nav {
    position: relative;
    top: -80px;
    left: 0;
    transform: translateX(0%);
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 32px;
    z-index: 9;
    height: 0px;
}

.main-banner-nav span {
    cursor: pointer;
    padding: 0px;
}

.main-banner-btn {
    color: #FFF;
    text-align: center;
    font-family: "aktiv-grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.11px;
    text-decoration: none;
    background-color: var(--suad-primary-red);
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-width: 165px;
    height: 46px;
    border-radius: 50px;
    margin-top: 54px;
    transition: all ease 0.5s;
    gap: 10px;
}

.main-banner-btn:hover {
    background: var(--suad-primary-red-1);
}

.main-banner-btn img {
    width: auto !important;
}

.main-banner-rs-visual {
    position: relative;
    min-height: 100vh;
    border-radius: 300px 0 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
}

.main-banner-rs-visual img {
    border-radius: 300px 0 0 0;
}

.main-banner-rs-visual::after {
    content: "";
    border: 5px solid var(--suad-primary-red);
    border-right: 0px solid;
    border-bottom: 0px solid;
    width: calc(100% + 40px);
    height: 100%;
    position: absolute;
    top: 40px;
    right: 0px;
    border-radius: 300px 0 0 0;
}

.main-banner-rs-visual-sc-1::after {
    border: 5px solid var(--suad-primary-gold-2);
    border-right: 0px solid;
    border-bottom: 0px solid;
}

.main-banner-rs-visual-sc-2::after {
    border: 5px solid var(--suad-secondary-blue-1);
    border-right: 0px solid;
    border-bottom: 0px solid;
}

.main-banner-rs-visual-sc-3::after {
    border: 5px solid var(--suad-secondary-red-3);
    border-right: 0px solid;
    border-bottom: 0px solid;
}

.scale-1-5 {
    transform: scale(1.5);
}

.main-banner-video-slide::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
}

.inner-main-banner-caption {
    position: relative;
    top: 35%;
    left: 4.1665vw;
    color: #fff;
    width: 80%;
    transform: translateY(-40%);
}

.inner-main-banner-caption h1 {
    color: var(--White, #FFF);
    font-family: "aktiv-grotesk";
    font-size: 62px;
    font-style: normal;
    font-weight: 700;
    line-height: 70px;
}

.inner-main-banner-breadcrumb {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: start;
    margin-bottom: 20px;
}

.inner-main-banner-breadcrumb li {
    position: relative;
}

.inner-main-banner-breadcrumb li:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--suad-primary-white);
    position: absolute;
    left: -23px;
    top: 4px;
    border-radius: 100%;
}

.inner-main-banner-breadcrumb li:first-child::before {
    display: none;
}

.inner-main-banner-breadcrumb a {
    color: var(--suad-primary-white)!important;
    text-decoration: none!important;
    white-space: nowrap;
}

.z-index-9 {
    z-index: 9;
}

section,
.container-fluid {
    position: relative;
}

.section-padding {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section-padding-sm {
    padding-top: 40px;
    padding-bottom: 40px;
}

.section-half-padding {
    padding-top: 66px;
    padding-bottom: 66px;
}

.pattern-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    background: url(../images/pattern/pattern-blue.svg);
    background-repeat: repeat;
    background-size: 25%;
    opacity: 0.5;
}

.pattern-gold-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    background: url(../images/pattern/pattern-gold.svg);
    background-repeat: repeat;
    background-size: 25%;
    opacity: 1;
}

.pattern-light-blue-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    background: url(../images/pattern/pattern-light-blue.svg);
    background-repeat: repeat;
    background-size: 25%;
    opacity: 1;
}

.pattern-light-red-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    background: url(../images/pattern/pattern-light-red.svg);
    background-repeat: repeat;
    background-size: 25%;
    opacity: 1;
}

.pattern-red-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    background: url(../images/pattern/pattern-red.svg);
    background-repeat: repeat;
    background-size: 25%;
    opacity: 1;
}

.pattern-light-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    background: url(../images/pattern/pattern-light.svg);
    background-repeat: repeat;
    background-size: 25%;
    opacity: 1;
}

.pattern-primary-blue-fade-top-bottom::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: rgb(0, 35, 118);
    background: -moz-linear-gradient(180deg, rgba(0, 35, 118, 1) 0%, rgba(0, 35, 118, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0, 35, 118, 1) 0%, rgba(0, 35, 118, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 35, 118, 1) 0%, rgba(0, 35, 118, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002376", endColorstr="#002376", GradientType=1);
}

.pattern-secondary-red-fade-top-bottom::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: rgb(150, 41, 64);
    background: -moz-linear-gradient(180deg, rgba(150, 41, 64, 1) 0%, rgba(150, 41, 64, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(150, 41, 64, 1) 0%, rgba(150, 41, 64, 0) 100%);
    background: linear-gradient(180deg, rgba(150, 41, 64, 1) 0%, rgba(150, 41, 64, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#962940", endColorstr="#962940", GradientType=1);
}

.pattern-primary-gold-fade-top-bottom::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: rgb(255, 173, 10);
    background: -moz-linear-gradient(180deg, rgba(255, 173, 10, 1) 0%, rgba(255, 173, 10, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 173, 10, 1) 0%, rgba(255, 173, 10, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 173, 10, 1) 0%, rgba(255, 173, 10, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad0a", endColorstr="#ffad0a", GradientType=1);
}

.pattern-secondary-blue-fade-top-bottom::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: rgb(84, 184, 229);
    background: -moz-linear-gradient(180deg, rgba(84, 184, 229, 1) 0%, rgba(84, 184, 229, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(84, 184, 229, 1) 0%, rgba(84, 184, 229, 0) 100%);
    background: linear-gradient(180deg, rgba(84, 184, 229, 1) 0%, rgba(84, 184, 229, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#54b8e5", endColorstr="#54b8e5", GradientType=1);
}

.section-title {
    margin-bottom: 44px;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.section-title span {
    font-size: 21px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    /* 114.286% */
    margin-bottom: 8px;
}

.section-title h2 {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* 100% */
    letter-spacing: 0px;
}

.section-title-btn {
    color: #FFF;
    text-align: center;
    font-family: "aktiv-grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.11px;
    text-decoration: none;
    background-color: var(--suad-primary-red);
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-width: 165px;
    height: 46px;
    border-radius: 50px;
    transition: all ease 0.5s;
    gap: 10px;
    padding: 0 30px;
}

.section-title-btn:hover {
    background: var(--suad-primary-red-1);
}

.section-title-btn-blue-bg {
    background-color: var(--suad-primary-blue);
}

.dark-section-title span {
    color: var(--suad-primary-red);
}

.dark-section-title h2 {
    color: var(--suad-primary-blue);
}

.light-section-title span {
    color: var(--suad-primary-red-4);
}

.light-section-title h2 {
    color: var(--suad-primary-white);
}

.service-card {
    padding: 32px;
    display: flex;
    flex-flow: column;
    align-items: center;
    border-radius: 24px;
    border: 3px solid rgba(0, 35, 119, 0.30);
    background: rgba(246, 240, 233, 0.30);
    position: relative;
    transition: all ease 0.5s;
    height: 100%;
}

.service-card-icon {
    width: 72px;
    height: 72px;
    margin-bottom: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.service-card-icon-hover {
    display: none;
}

.service-card h3 {
    color: var(--suad-primary-blue);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* 100% */
    margin-bottom: 24px;
    transition: all ease 0.5s;
}

.service-card p {
    color: var(--suad-primary-black);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    /* 150% */
    margin-bottom: 24px;
}

.service-card-btn {
    display: flex;
    padding: 15px;
    width: 54px;
    height: 54px;
    justify-content: end;
    align-items: center;
    gap: 8px;
    border-radius: 44px;
    background: var(--suad-primary-blue);
    box-shadow: 2px 6px 17px 0px rgba(0, 0, 0, 0.10);
    position: absolute;
    bottom: -27px;
    transition: all ease 0.5s;
    overflow: hidden;
    text-decoration: none;
}

.service-card-btn img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
}

.service-card-btn p {
    opacity: 0;
    transition: all ease 0.5s;
    color: #fff;
    margin: 0px;
}

.service-card:hover {
    border: 3px solid rgba(222, 56, 49, 0.30);
    background: rgba(253, 219, 218, 0.30);
}

.service-card:hover h3 {
    color: var(--suad-primary-red);
}

.service-card:hover .service-card-btn {
    background: var(--suad-primary-red);
    width: 200px;
    justify-content: space-between;
    padding: 15px 30px;
}

.service-card:hover .service-card-btn p {
    opacity: 1;
}

.service-card:hover .service-card-icon-original {
    display: none;
}

.service-card:hover .service-card-icon-hover {
    display: block;
}

.school-card img {
    border-radius: 900px 900px 0 0;
    transition: all ease 0.5s;
}

.school-card-info {
    padding: 24px 48px 24px 24px;
    display: flex;
    flex-flow: column;
    gap: 16px;
    position: relative;
    width: calc(100% - 60px);
    margin: 0 auto;
    border-radius: 24px;
    top: -100px;
    transition: all ease 0.5s;
    height: calc(50% - 100px);
}

.school-card-info h3 {
    color: var(--suad-primary-blue);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 100%;
}

.school-card-info p {
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 0px;
    color: var(--suad-primary-black);
        overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.school-card-info .school-card-btn {
    display: flex;
    width: 54px;
    height: 54px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background-color: var(--suad-primary-red);
    border: 2px solid var(--suad-primary-red);
    border-radius: 44px;
    box-shadow: 2px 6px 17px 0px rgba(0, 0, 0, 0.10);
    position: absolute;
    right: 35px;
    top: -27px;
    transition: all ease 0.5s;
}

.school-card:hover .school-card-btn {
    transform: scale(1.5);
    background-color: var(--suad-primary-blue);
    border: 2px solid var(--suad-primary-white);
}

.school-card:hover .school-card-info {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.school-card:hover img {
    border-radius: 900px 900px 50px 50px;
}

.event-card {
    transition: all ease 0.5s;
    border: 4px solid transparent;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 27px;
}

.event-card .event-card-content {
    position: relative;
    display: block;
    border-radius: 24px;
    overflow: hidden;
    height: 100%;
}

.event-card .event-card-top {
    position: relative;
}

.event-card .event-card-top .event-date {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 12px 15px;
    border-radius: 5px;
    background-color: var(--suad-primary-white);
    position: absolute;
    left: 20px;
    bottom: 20px;
    line-height: 0;
    gap: 5px;
    transition: all ease 0.5s;
}

.event-card .event-card-top .event-date .event-day {
    color: var(--suad-primary-red);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    line-height: 16px;
    transition: all ease 0.5s;

}

.event-card .event-card-top .event-date .event-month {
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    line-height: 12px;
    color: var(--suad-primary-black);
    transition: all ease 0.5s;

}

.event-card .event-card-bottom {
    padding: 16px;
    display: flex;
    flex-flow: column;
    gap: 10px;
    /*position: relative;*/
}

.event-card .event-card-bottom h4 {
    color: var(--suad-primary-blue);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 125% */
    transition: all ease 0.5s;

}

.event-card .event-card-bottom .event-time {
    display: flex;
    align-items: center;
    gap: 12px;
}

.event-card .event-card-bottom .event-time p {
    margin: 0px;
    color: var(--suad-primary-black);
    font-size: 14px;
}

.event-card .event-card-bottom .event-location {
    display: flex;
    align-items: center;
    gap: 12px;
}

.event-card .event-card-bottom .event-location p {
    margin: 0px;
    color: var(--suad-primary-black);
    font-size: 14px;
}

.event-card .event-card-bottom .event-card-btn {
    background-color: var(--suad-primary-red);
    width: 54px;
    height: 54px;
    border-radius: 24px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 1px;
    bottom: 1px;
    transition: all ease 0.5s;
}

.event-card:hover {
    box-shadow: 0 0 0 1px var(--suad-primary-red);
}

.event-card:hover .event-card-bottom .event-card-btn {
    background-color: var(--suad-primary-blue);
    border-radius: 100px;
    right: 20px;
    bottom: 30px;
    border: 3px solid var(--suad-primary-white);
    transform: scale(1.3);
}

.event-card:hover .event-card-bottom h4 {
    color: var(--suad-primary-red);
}

.event-card:hover .event-card-top .event-date {
    background-color: var(--suad-primary-red);
    box-shadow: 0 0 0 3px var(--suad-primary-white);
}

.event-card:hover .event-card-top .event-date .event-day {
    color: var(--suad-primary-white);
}

.event-card:hover .event-card-top .event-date .event-month {
    color: var(--suad-primary-white);
}

#research-slider {
    position: relative;
    /* height: calc(100vh - 200px); */
}

.research-slider-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: translateX(60px);
    transition: opacity 0.6s ease, transform 0.6s ease;
    pointer-events: none;
    z-index: 0;
    align-items: center;
}

.research-slider-slide.active {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
    z-index: 1;
}

.research-slider-slide img.research-hero-img {
    width: 100%;
    border-radius: 0 750px 750px 0;
}

.research-slider-content {
    padding-right: 5%;
}

.research-slider-content span {
    color: var(--suad-primary-red-4);
    font-size: 21px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    /* 114.286% */
    margin-bottom: 8px;
    display: block;
}

.research-slider-content h2 {
    color: var(--suad-neutral-light);
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    /* 100% */
    letter-spacing: -1.68px;
    margin-bottom: 32px;
}

.research-slider-content p {
    color: var(--suad-primary-white);
    margin-bottom: 34px;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    /* 150% */
}

.inner-research-slider-content {
    padding-right: 10%;
}

.inner-research-slider-content span {
    color: var(--suad-primary-red-4);
    font-size: 21px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    /* 114.286% */
    margin-bottom: 8px;
    display: block;
}

.inner-research-slider-content h2 {
    color: var(--suad-neutral-light);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    /* 100% */
    letter-spacing: -1.68px;
    margin-bottom: 32px;
}

.inner-research-slider-content p {
    color: var(--suad-primary-white);
    margin-bottom: 34px;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    /* 150% */
}

.research-slider-btn {
    color: #FFF;
    text-align: center;
    font-family: "aktiv-grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.11px;
    text-decoration: none;
    background-color: var(--suad-primary-red);
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-width: 165px;
    height: 46px;
    border-radius: 50px;
    transition: all ease 0.5s;
    gap: 10px;
}

.research-slider-btn img {
    width: 24px;
    height: 24px;
}

.research-slider-btn:hover {
    background-color: var(--suad-primary-red-2);
}

.research-slider-btn-outline {
    background-color: transparent;
    border: 3px solid var(--suad-primary-red);
    padding: 0 20px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--suad-primary-white);
    width: fit-content;
    transition: all ease 0.5s;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.11px;
    height: 46px;
    justify-content: center;
}

.research-slider-btn-outline img {
    width: 24px;
    height: 24px;
}

.research-slider-btn-outline:hover {
    background-color: var(--suad-primary-red-2);
}

.research-btns-area {
    display: flex;
    gap: 24px;
}

.research-slider-nav {
    text-align: center;
    margin-top: 0px;
    display: flex;
    gap: 50px;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    bottom: -60px;
}

.research-slider-nav span img {
    width: 32px;
    height: 32px;
}

.research-slider-counter {
    color: var(--suad-primary-white);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    /* 150% */
}

.news-card {
    background-color: var(--suad-primary-white);
    border-radius: 24px;
    overflow: hidden;
    display: block;
    flex: 0 0 100%;
    box-sizing: border-box;
    transition: transform 0.6s ease;
}

.news-card .news-card-info {
    padding: 24px;
}

.news-card .news-card-info .news-card-info-top {
    display: flex;
    gap: 25px;
    margin-bottom: 4px;
}

.news-card .news-card-info .news-card-info-top img {
    width: 18px;
}

.news-card-info-date {
    display: flex;
    gap: 8px;
    align-items: center;
}

.news-card-info-date p {
    color: var(--suad-neutral-dark);
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    /* 168.75% */
    letter-spacing: 0.074px;
    margin: 0px;
}

.news-card-info-category {
    display: flex;
    gap: 12px;
    align-items: center;
}

.news-card-info-category p {
    color: var(--suad-neutral-dark);
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    /* 168.75% */
    letter-spacing: 0.074px;
    margin: 0px;
}

.news-card .news-card-info {
    position: relative;
}

.news-card .news-card-info h4 {
    color: var(--suad-primary-blue);
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 30px;
    /* 125% */
    letter-spacing: 0.11px;
    margin-bottom: 16px;
    transition: all ease 0.5s;
        overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-card:hover .news-card-info h4 {
    /* margin-bottom: 46px; */
}

.news-card .news-card-info .news-card-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all ease 0.5s;
}

.news-card .news-card-info .news-card-btn p {
    color: var(--suad-primary-red);
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.064px;
    transition: all ease 0.5s;
    z-index: 9;
    position: relative;
}

.news-card .news-card-info .news-card-btn .news-card-btn-arrow {
    width: 54px;
    height: 54px;
    background-color: transparent;
    border: 2px solid transparent;
    z-index: 9;
    position: absolute;
    background-image: url(../images/global/arrow-up-right-red.svg);
    background-repeat: no-repeat;
    background-size: 50%;
    border-radius: 44px;
    background-position: center;
    transition: all ease 0.5s;
    right: 30px;
    bottom: 5px;
}

.news-card:hover .news-card-info .news-card-btn .news-card-btn-arrow {
    bottom: calc(100% - 26px);
    border: 2px solid var(--suad-primary-white);
    background-color: var(--suad-primary-red);
    background-image: url(../images/global/arrow-up-right-wh.svg);
}

.news-card:hover .news-card-info .news-card-btn {
    /* margin-top: 0px; */
}

.news-card:hover .news-card-info .news-card-btn p {
    /* color: var(--suad-primary-white) */
}

.news-card:hover .news-card-info .news-card-btn .news-card-btn-arrow {
    /* background-image: url(../images/global/arrow-up-right.svg); */
}

.news-card .news-card-info .news-card-btn::before {
    /* content: ""; */
    background-color: var(--suad-primary-red);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0px;
    transition: all ease 0.5s;
}

.news-card:hover .news-card-info .news-card-btn::before {
    /* content: ""; */
    background-color: var(--suad-primary-red);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 70px;
}

.news-carousel-wrapper {
    position: relative;
    overflow: hidden;
}

.news-carousel {
    display: flex;
    transition: transform 0.6s ease;
    will-change: transform;
    gap: 24px;
}

.news-carousel-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    margin-top: 50px;
}

.news-carousel-nav img {
    width: 32px;
}

.news-carousel-nav span {
    margin: 0 10px;
    cursor: pointer;
    user-select: none;
}

@media (min-width: 768px) {
    .news-card {
        flex: 0 0 calc(33.3333% - 20px);
        /* 24px gap between 3 cards = 2 gaps (48px total), divided across 3 cards */
    }
}

.numbers-card {
    display: flex;
    flex-flow: column;
    align-items: center;
}

.numbers-card h2 {
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    /* 100% */
    letter-spacing: -1.68px;
    color: var(--suad-primary-white);
    margin-bottom: 16px;
}

.numbers-card p {
    color: var(--suad-primary-gold);
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    /* 100% */
}

.newsletter-input {
    border-bottom: 1px solid var(--suad-neutral-light);
    height: 80px;
}

.newsletter-input input {
    color: var(--suad-neutral-light);
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: 30px;
    /* 125% */
    letter-spacing: 0.11px;
    background: transparent;
    border: none;
    width: 100%;
    height: 80px;
}

.newsletter-input input:focus,
.newsletter-input input:hover,
.newsletter-input input:visited {
    outline: none;
}

.newsletter-input input::placeholder {
    color: var(--suad-neutral-light);
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: 30px;
    /* 125% */
    letter-spacing: 0.11px;
}

.footer-padding {
    padding: 80px 0;
}

.footer-logo-area {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.footer-logo-area::before {
    content: "";
    position: absolute;
    left: -80%;
    top: 0px;
    width: 170%;
    height: 140%;
    border-radius: 900px 900px 0px 0px;
    border: 3px solid var(--suad-primary-red);
}

.footer-logo-area div {
    display: flex;
    flex-flow: column;
    gap: 24px;
    margin-top: 140px;
}

.footer-logo-area div img {
    width: 50%;
}

.footer-social-icons {
    display: flex;
    flex-flow: row;
    gap: 16px;
}

.footer-social-icons a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--suad-primary-white);
    border-radius: 100%;
    transition: all ease 0.5s;
}

.footer-social-icons a img {
    width: 24px;
    height: 24px;
    transition: all ease 0.5s;
    top: 0px;
}

.footer-social-icons a:hover {
    background-color: #fff;
}

.footer-social-icons a:hover img {
    filter: invert(1);
}

footer h4 {
    color: var(--suad-primary-white);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* 125% */
    letter-spacing: 0.11px;
    margin-bottom: 40px;
}

footer ul {
    display: flex;
    flex-flow: column;
    gap: 16px;
}

footer ul li a {
    color: var(--suad-primary-white)!important;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    /* 150% */
    display: flex;
    align-items: flex-start;
    gap: 8px;
    transition: all ease 0.5s;
    text-decoration: none!important;
}

footer ul li a img {
    position: relative;
    top: 4px;
}

footer ul li a:hover {
    color: var(--suad-primary-gold);
}

.footer-bottom {
    background-color: var(--suad-primary-navy);
    border-top: 1px solid var(--suad-secondary-light);

}

.footer-copyright {
    color: var(--suad-primary-white);
    text-align: center;
    /* Main Text/P2 400 */
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    /* 133.333% */
    padding: 20px 0;
}

.sticky-schools {
    position: fixed;
    bottom: 24px;
    right: 24px;
    display: flex;
    flex-flow: column;
    gap: 16px;
    align-items: end;
    z-index: 9;
}

.sticky-school {
    border-radius: 50px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 4px;
    overflow: hidden;
    justify-content: end;
    transition: all ease 0.5s;
}

.sticky-school p {
    white-space: nowrap;
}

.sticky-school-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    min-height: 52px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 0.5s;
}

.sticky-school-icon img {
    width: 30px;
    height: 30px;
}

.sticky-school-icon-original {
    display: block;
}

.sticky-school-icon-hover {
    display: none;
}

.sticky-school:hover {
    width: 450px;
    justify-content: space-between;
    padding-left: 34px;
}

.sticky-school:hover .sticky-school-icon {
    background-color: var(--suad-primary-white);
}

.sticky-school:hover .sticky-school-icon-original {
    display: none;
}

.sticky-school:hover .sticky-school-icon-hover {
    display: block;
}

.arts-humanities-school-st {
    background-color: var(--suad-primary-gold);
}

.arts-humanities-school-st p {
    color: var(--suad-primary-blue);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}

.science-engineering-school-st {
    background-color: var(--suad-secondary-blue);
}

.science-engineering-school-st p {
    color: var(--suad-primary-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}

.law-economics-business-school-st {
    background-color: var(--suad-secondary-red);
}

.law-economics-business-school-st p {
    color: var(--suad-primary-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}

.team-card {
    padding: 16px;
    display: flex;
    flex-flow: column;
    border-radius: 24px;
    border: 3px solid transparent;
    background: var(--suad-primary-white);
    position: relative;
    transition: all ease 0.5s;
    height: 100%;
    /* align-items: center; */
}

.team-card img {
    width: 100%;
    height: auto;
    margin-bottom: 26px;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.team-card h3 {
    color: var(--suad-primary-blue);
    text-align: left;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    /* 100% */
    margin-bottom: 12px;
    transition: all ease 0.5s;
}

.team-card p {
    color: var(--suad-primary-black);
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    /* 150% */
    margin-bottom: 34px;
}

.team-card-btn {
    display: flex;
    padding: 15px;
    width: 54px;
    height: 54px;
    justify-content: end;
    align-items: center;
    gap: 8px;
    border-radius: 44px;
    background: var(--suad-primary-blue);
    box-shadow: 2px 6px 17px 0px rgba(0, 0, 0, 0.10);
    position: absolute;
    bottom: -27px;
    transition: all ease 0.5s;
    overflow: auto;
    text-decoration: none;
    left: 50%;
    transform: translateX(-50%);
}

.team-card-btn img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    margin-bottom: 0px;
    border: 0px solid #ddd;
    border-radius: 0px;
}

.team-card-btn p {
    opacity: 0;
    transition: all ease 0.5s;
    color: #fff;
    margin: 0px;
    white-space: nowrap;
}

.team-card:hover {
    border: 3px solid rgba(222, 56, 49, 0.30);
}

.team-card:hover h3 {
    color: var(--suad-primary-red);
}

.team-card:hover .team-card-btn {
    background: var(--suad-primary-red);
    width: 200px;
    justify-content: space-between;
    padding: 15px 30px;
    color: #fff!important;
}

.team-card:hover .team-card-btn p {
    opacity: 1;
    color: #fff!important;
}

.events-team-card{
    display: flex;
    gap: 14px;
    align-items: start;
    position: relative;
}

.events-team-card::after{
    content:"";
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -22px;
}

.events-team-card h3{
    margin-bottom: 8px!important
}

.events-team-card .paragraph{
    margin: 0;
    color: #555;
    font-size: 14px;
    line-height: 22px;
    width: 75%;
}

.events-team-card img{
    max-width: 155px;
}

.events-team-card .team-card-btn{
    position: absolute;
    right: 0;
    transform: translateY(50%);
    bottom: 50%;
    margin-top: 0px;
    width: fit-content;
    height: fit-content;
    padding: 12px 24px;
    left: unset;
    z-index: 9;
}

.events-team-card .team-card-btn p{
    opacity: 1;
    color: #fff;
}

.event-speakers-section .col-md-11:last-child .events-team-card::after{
    display: none;
}

.gap-v-44 {
    gap: 44px 0px;
}

.gap-v-57 {
    gap: 57px 0px;
}

.information-section-content {
    /* position: sticky;
    top: 0px; */
}

.information-section-content h2 {
    color: var(--suad-primary-blue);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* 100% */
    letter-spacing: 0px;
    margin-bottom: 50px;
}

.information-section-content h3 {
    color: var(--suad-primary-blue);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 100% */
    margin-bottom: 50px;
}

.information-section-content h4{
    color: var(--suad-primary-blue);
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 100% */
    margin-bottom: 50px;
}

.information-section-content p,
.information-section-content .text {
    color: var(--suad-primary-black);
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    /* 150% */
}

.information-section-content p b,
.information-section-content .text b {
    font-weight: bold;
}

.information-section-content p a,
.information-section-content .text a {
    font-weight: bold;
    text-decoration: underline;
    color: var(--suad-primary-black);
}

.information-section-content .sdgs {
    display: flex;
    gap: 16px;
}

.information-section-content .sdgs img {
    width: 80px;
    height: 80px;
    border-radius: 12px;
}

.information-section-visual img {
    border-radius: 25px 25px;
}

.download-card {
    display: flex;
    flex-flow: column;
    gap: 24px;
}

.download-card img {
    border-radius: 24px;
}

.download-card h3 {
    color: var(--suad-primary-blue);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* 100% */
}

.download-card a {
    background-color: var(--suad-primary-red);
    display: flex;
    justify-content: space-between;
    height: 60px;
    align-items: center;
    padding: 0 32px;
    color: var(--suad-primary-white);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    /* 125% */
    letter-spacing: 0.11px;
    border-radius: 30px;
    transition: all ease 0.5s;
}

.download-card a img {
    width: 24px;
    height: 24px;
}

.download-card a:hover {
    background-color: var(--suad-primary-blue);
}




.department-card {
    padding: 50px;
    display: flex;
    align-items: center;
    border-radius: 24px;
    border: 3px solid rgba(0, 35, 119, 0.30);
    background: rgba(246, 240, 233, 0.30);
    position: relative;
    transition: all ease 0.5s;
    height: 100%;
    gap: 88px;
}

.department-card-icon {
    width: 120px;
    height: 120px;
    margin-bottom: 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.department-card-icon-hover {
    display: none;
}

.department-card h3 {
    color: var(--suad-primary-blue);
    text-align: left;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 100% */
    margin-bottom: 24px;
    transition: all ease 0.5s;
}

.department-card p {
    color: var(--suad-primary-black);
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    /* 150% */
    margin-bottom: 24px;
}

.department-card-btn {
    display: flex;
    padding: 15px;
    width: 54px;
    height: 54px;
    justify-content: end;
    align-items: center;
    gap: 8px;
    border-radius: 44px;
    background: var(--suad-primary-blue);
    box-shadow: 2px 6px 17px 0px rgba(0, 0, 0, 0.10);
    position: absolute;
    bottom: -27px;
    transition: all ease 0.5s;
    overflow: auto;
    text-decoration: none;
}

.department-card-btn img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
}

.department-card-btn p {
    opacity: 0;
    transition: all ease 0.5s;
    color: #fff;
    margin: 0px;
}

.department-card:hover {
    border: 3px solid rgba(222, 56, 49, 0.30);
    background: rgba(253, 219, 218, 0.30);
}

.department-card:hover h3 {
    color: var(--suad-primary-red);
}

.department-card:hover .department-card-btn {
    background: var(--suad-primary-red);
    width: 200px;
    justify-content: space-between;
    padding: 15px 30px;
}

.department-card:hover .department-card-btn p {
    opacity: 1;
}

.department-card:hover .department-card-icon-original {
    display: none;
}

.department-card:hover .department-card-icon-hover {
    display: block;
}

.departent-tabs {
    background-color: var(--suad-primary-blue);
    display: flex;
    justify-content: center;
    border-radius: 230px;
    box-shadow: 0 0 0 10px var(--suad-primary-white);
    position: relative;
    z-index: 9;
    margin-top: -49px;
}

.departent-tabs li {
    display: block;
}

.departent-tabs a {
    padding: 38px 24px;
    color: var(--suad-primary-white);
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    display: block;
    transition: all ease 0.5s;
}

.departent-tabs a.active,
.departent-tabs a:hover {
    background-color: var(--suad-secondary-red);
}

.departent-tabs-mobile {
    background-color: var(--suad-primary-blue);
    border-radius: 30px;
}

.departent-tabs-mobile button {
    color: #fff;
}

.departent-tabs-menu {
    padding: 0px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.departent-tabs-menu li a {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 15px 25px;
    font-size: 14px;
}

.departent-tabs-menu li:last-child a {
    border-bottom: 0px solid #eee;
}

.departent-tabs-menu li a.active {
    background: var(--suad-primary-blue);
    color: #fff;
}

.department-left-side h4 {
    color: var(--suad-primary-blue);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* 125% */
    letter-spacing: 0.11px;
    margin-bottom: 24px;
}

.department-left-side ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
}

.department-left-side ul li a.program {
    color: var(--suad-primary-blue);
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    /* 150% */
    padding: 16px 34px 16px 0px;
    display: block;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6L15 12L9 18' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px;
    background-size: 24px;
    transition: all ease 0.5s;
}

.department-left-side ul li a.program:hover {
    color: var(--suad-primary-red);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6L15 12L9 18' stroke='red' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px;
    background-size: 24px;
}

.department-main-info h3 {
    color: var(--suad-primary-blue);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 100% */
    margin-bottom: 32px;
}

.department-main-info p,
.department-main-info .text {
    color: var(--suad-primary-black);
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    /* 150% */
}

.department-video-thumb {
    height: 200px;
    border-radius: 20px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
}

.department-video-thumb::before {
    content: "";
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.department-video-thumb::after {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/global/play-video-icon.svg) rgba(0, 0, 0, 0.7);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: all ease 0.5s;
    border: 3px solid transparent;
}

.department-video-thumb:hover::after {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background: url(../images/global/play-video-icon.svg) var(--suad-primary-red);
    background-repeat: no-repeat;
    background-position: center;
    border: 3px solid var(--suad-primary-white);
}

.program-chair {
    background: var(--suad-light-gray);
    padding: 16px;
    border-radius: 20px;
    display: flex;
    gap: 16px;
    align-items: center;
    transition: all ease 0.5s;
    margin-bottom: 24px;
}

.program-chair .program-chair-profile {
    width: 93px;
    height: 93px;
    border-radius: 15px;
    overflow: hidden;
}

.program-chair .program-chair-name {
    display: flex;
    flex-flow: column;
    gap: 10px;
    width: calc(100% - 125px);
}

.program-chair .program-chair-name span {
    color: var(--suad-primary-black);
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.064px;
}

.program-chair .program-chair-name p {
    color: var(--suad-primary-black);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.074px;
}

.program-chair:hover {
    background: var(--White);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.programme-info-card {
    background: var(--suad-light-gray);
    border-radius: 20px;
    margin-bottom: 24px;
}

.programme-info-card div {
    display: flex;
    justify-content: space-between;
    padding: 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.2)
}

.programme-info-card div:last-child,
.programme-info-card div:first-child {
    border-top: 0px solid rgba(0, 0, 0, 0.2)
}

.programme-info-card div span {
    display: flex;
    align-items: center;
    gap: 14px;
}

.programme-info-card div p {
    color: var(--suad-primary-black);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.074px;
}

.programme-info-card div span img {
    width: 18px;
    height: 18px;
}

.programme-info-card div a {
    background-color: #e5dfd9;
    padding: 12px;
    border-radius: 50px;
    width: 48%;

    color: var(--suad-primary-black);
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.074px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 0.5s;
}

.programme-info-card div a:hover {
    background: var(--suad-primary-red);
    color: var(--suad-primary-white);
}

.department-btns-area {
    display: flex;
    flex-flow: column;
    gap: 24px;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-radius: 30px;
    height: 46px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 125% */
    letter-spacing: 0.11px;
    padding: 0px 16px;
}

.programme-card {
    background-color: var(--suad-neutral-light-2);
    border-radius: 24px;
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
}

.programme-card img {
    width: 100%;
}

.programme-card h4 {
    padding: 24px;
    color: var(--suad-primary-blue);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* 125% */
    letter-spacing: 0.11px;
    width: 90%;
    transition: all ease 0.5s;
}

.programme-card .programme-card-btn {
    position: absolute;
    bottom: 24px;
    right: 24px;
    width: 24px;
    height: 24px;
}

.programme-card:hover h4 {
    color: var(--suad-primary-red);
}

.accordion-button {
    background-color: var(--suad-neutral-light-2);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    /* 136.364% */
    letter-spacing: 0.101px;
    color: var(--suad-primary-blue);
    border-radius: 15px !important;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #f4f0ec;
    box-shadow: none;
}

.accordion-item {
    border: none;
    background-color: transparent;
    margin-bottom: 24px;
}

.accordion-body {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0px !important;
}

.accordion-body ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 0px;
    padding-bottom: 0;
}

.accordion-body li {
    border-bottom: 1px solid #eee;
    padding: 16px 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    color: var(--suad-primary-blue);
    display: flex;
    gap: 12px;
}

.accordion-body li::before {
    content: "";
    min-width: 4px;
    min-height: 4px;
    background-color: var(--suad-neutral-dark-4);
    display: block;
    top: 11px;
    position: relative;
    border-radius: 10px;
    max-width: 4px;
    max-height: 4px;
}

.accordion-body li:last-child {
    border-bottom: 0px solid;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    transform: rotate(180deg);
}

.accordion-button.collapsed::after {
    transform: rotate(0deg);
}

.header-top-menu-burger-close {
    display: none;
}

@media screen and (min-device-width: 1536px) and (max-device-width: 1792px) {
    .main-banner-caption {
        width: 100%;
        /* padding-left: 10%; */
    }

    .inner-main-banner-caption {
        width: 100%;
        /* padding-left: 10%; */
    }
}

@media (min-width: 769px) {
    .footer-logo-area div img {
        width: 200px;
    }
}

.department-left-side .sdgs {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.department-left-side .sdgs li {
    border-bottom: 0px solid;
}

.department-left-side .sdgs img {
    width: 40px;
    height: 40px;
    border-radius: 3px;
}

.text-limit-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.text-limit-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.text-limit-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.text-limit-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.text-limit-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.school-ranking-area {
    padding: 16px;
    border-radius: 20px;
    margin-bottom: 30px;
}

.school-ranking-area h4 {
    color: #fff;
    text-align: center;
}

.school-ranking-area img {
    width: 50px;
}

.school-ranking-area h6 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    margin-top: 10px;
}

.school-ranking-area p {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    margin-top: 10px;
}

.school-ranking-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.school-ranking-box {
    text-align: center;
    width: 45%;
}

.cb-scroller {
    position: absolute;
    bottom: 60px;
    left: 25%;
    display: flex;
    gap: 16px;
    align-items: center;
    z-index: 9;
}

.cb-scroller p {
    margin: 0px;
    color: #fff;
}

.cb-scroller svg {
    height: 41px;
    -webkit-transition: opacity .4s ease-in-out .9s;
    transition: opacity .4s ease-in-out .9s;
}

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

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

.cb-scroller svg path {
    fill: rgba(255, 255, 255, 0);
    stroke: #FFF;
    stroke-dasharray: 51, 0;
    stroke-dashoffset: 109;
    -webkit-transition: stroke-dasharray 1.3s cubic-bezier(.74, .05, .12, .99) .9s;
    transition: stroke-dasharray 1.3s cubic-bezier(.74, .05, .12, .99) .9s;
}

.cb-scroller svg circle {
    fill: #FFF;
    -webkit-animation: cb-scroller-mouse-circle ease-in-out 1.9s infinite;
    animation: cb-scroller-mouse-circle ease-in-out 1.9s infinite;
}

@keyframes cb-scroller-mouse-circle {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }

    40% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
        opacity: 0;
    }
}

/* Burger Menu Container */
.burger-menu {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
    background: #012377;
    height: 0vh;
    overflow: hidden;
    transition: all ease 1s;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.burger-menu.open {
    height: 100vh;
}

/* Menu Text (SUAD Vertical) */
.burger-menu .menu-text {
    position: absolute;
    height: 100vh;
    left: 0;
    top: 0;
    width: 10vw;
}

.burger-menu .menu-text div {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    transition: all .5s;
}

.burger-menu .menu-text div h2 {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 10vw;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    opacity: .05;
    color: #ffffff;
}

.burger-menu .menu-text:after {
    content: '';
    width: 1px;
    height: 200vh;
    background: rgba(255, 255, 255, 0.05);
    position: absolute;
    right: 0;
    bottom: -75vh;
    transition: all 1s ease;
}

/* Common List Structure */
.burger-menu-list,
.submenu {
    display: none;
    flex-direction: column;
    padding: 16px 4px;
    position: relative;
    width: max-content;
    left: 0px;
    width: 100%;
}

.burger-menu-list.active,
.submenu.active {
    display: flex;
}

.burger-menu-list li,
.submenu li {
    list-style: none;
    position: relative;
}

.burger-menu-list li a,
.submenu li a {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 17px 0px;
    min-height: 45px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.11px;
    text-decoration: none;
    opacity: 0.7;
    border: 0;
    line-height: normal;
}

.burger-menu-list li a:hover,
.submenu li a:hover {
    color: var(--suad-primary-gold) !important;
    opacity: 1;
}

/* Top Level Items */
.burger-menu-list>li>a {
    font-size: 30px;
    font-weight: 600;
    padding-left: 0px;
    opacity: 1;
}

/* Arrows for items with submenus */
.burger-menu-list li a.have-submenu::after,
.submenu li a.have-submenu::after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_289_949)"%3E%3Cpath d="M9.75583 6C9.75583 6.56 10.2037 7 10.751 7H16.3139L5.47663 17.89C5.08852 18.28 5.08852 18.91 5.47663 19.3C5.86475 19.69 6.4917 19.69 6.87981 19.3L17.7171 8.41V14C17.7171 14.55 18.165 15 18.7123 15C19.2596 15 19.7075 14.55 19.7075 14V6C19.7075 5.45 19.2596 5 18.7123 5H10.751C10.2037 5 9.75583 5.45 9.75583 6Z" fill="white"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_289_949"%3E%3Crect width="23.8839" height="24" fill="white" transform="translate(0.799805)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.5;
}

.burger-menu-list li a.have-submenu:hover::after,
.submenu li a.have-submenu:hover::after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_289_949)"%3E%3Cpath d="M9.75583 6C9.75583 6.56 10.2037 7 10.751 7H16.3139L5.47663 17.89C5.08852 18.28 5.08852 18.91 5.47663 19.3C5.86475 19.69 6.4917 19.69 6.87981 19.3L17.7171 8.41V14C17.7171 14.55 18.165 15 18.7123 15C19.2596 15 19.7075 14.55 19.7075 14V6C19.7075 5.45 19.2596 5 18.7123 5H10.751C10.2037 5 9.75583 5.45 9.75583 6Z" fill="%23ffad0a"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_289_949"%3E%3Crect width="23.8839" height="24" fill="%23ffad0a" transform="translate(0.799805)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
    opacity: 1;
}

/* Active Links */
.burger-menu-list li.active>a,
.submenu li.active>a {
    color: var(--suad-primary-gold) !important;
    opacity: 1 !important;
}

/* Back Button + Title Header */
.burger-menu-header {
    background-color: #012377;
    padding: 15px 0px 30px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: none;
}

.burger-menu-header .back-btn {
    color: var(--suad-primary-gold);
    text-decoration: none;
    font-weight: bold;
    display: block;
    margin-bottom: 16px;
    font-size: 18px;
}

.burger-menu-header .menu-title {
    color: white;
    font-size: 24px;
    font-weight: 600;
}

.menu-right-side-info {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 30px;
}

.menu-right-side-info h3 {
    font-size: 30px;
    color: var(--suad-secondary-light-4);
    margin-bottom: 16px;
    margin-top: 30px;
}

.menu-right-side-info h3:first-child {
    margin-top: 0px;
}

.menu-right-side-info p,
.menu-right-side-info p a {
    color: var(--suad-secondary-light-3);
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 2px;
    text-decoration: none!important;
}

.menu-right-side-info p a:hover {
    color: var(--suad-primary-gold);
    text-decoration: none;
}

.menu-right-side-info iframe {
    margin-top: 30px;
    border-radius: 16px;
}

.contact-box{
    display: flex;
    align-items: center;
}

.contact-box img{
    height: 60px;
    width: 60px;
    opacity: 0.3;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 10px;
    background-color: var(--suad-primary-white);
    transition: all ease 0.5s;
}

.contact-box{
    gap: 10px;
}

.contact-box h4{
    font-weight: bold;
    font-size: 18px;
    opacity: 0.5;
    margin-bottom: 12px;
    transition: all ease 0.5s;
}

.contact-box p a{
    color: var(--suad-neutral-dark);
}

.contact-box:hover img{
    background-color: var(--suad-primary-gold);
    opacity: 1;
    border: 1px solid var(--suad-primary-gold);
}

.contact-box:hover h4{
    opacity: 1;
    color: var(--suad-primary-gold-2);
}

.contact-box:hover p a{
    color: var(--suad-primary-blue);
}

.global-form {
    /* font-family: 'Segoe UI', sans-serif;
    background: #f9f9f9;
    padding: 20px; */
}

.global-form .form-container {
    margin: auto;
}

.global-form .form-container h2 {
    margin-bottom: 20px;
    font-size: 16px;
    color: var(--suad-neutral-dark-1);
    font-weight: 300;
    opacity: 0.75;
    line-height: normal;
}

.global-form .form-group {
    margin-bottom: 15px;
}

.global-form select,
.global-form input,
.global-form textarea {
    font-family: "Montserrat", sans-serif;
    width: 100%;
    padding: 12px 15px;
    border: 1px solid var(--suad-light-gray);
    border-radius: 5px;
    background-color: var(--suad-primary-white);
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s;
}

.global-form select:focus,
.global-form input:focus,
.global-form textarea:focus {
    border-color: var(--suad-primary-blue);
    background-color: var(--suad-neutral-light-1);
}

.global-form .select2-container .select2-selection--single {
    height: 43px;
    padding: 12px 15px;
    border-radius: 5px;
    background: #f1f0ef;
    border: 1px solid #ccc;
}

.global-form .select2-selection__rendered {
    color: #444;
    font-size: 14px;
    line-height: 17px!important;
    padding-left: 0px!important;
}

.global-form .select2-selection__arrow {
    height: 100%!important;
    right: 10px!important;
}

.global-form textarea {
    resize: vertical;
    min-height: 120px;
}

.global-form .captcha {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.global-form .submit-btn {
    display: block;
    width: 100%;
    background-color: #e53e3e;
    color: #fff;
    padding: 14px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
}

.global-form .submit-btn:hover {
    background-color: #c53030;
}

.partners-logos-carousel .partner-logo-item{
    background-color: var(--suad-light-gray);
    padding: 20px;
    border-radius: 16px;
}

.partners-logos-carousel .partner-logo-item img{
    height: auto;
    width: 100%;
}

.partners-logos-carousel .partner-logo-item-title{
    text-align: center;
    display: flex;
    justify-content: center;
    color: #000;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
}

.sponsor-card-tag{
    position: relative;
    border-radius: 30px;
    text-align: center;
    padding: 10px;
}

.sponsor-card-tag h3{
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    bottom: 99%;
    width: 100%;
    text-align: left;
    line-height: 30px;
    opacity: 1;
    z-index: -1;
    left: 25px;
    letter-spacing: 3px;
}

.sponsor-card-tag .sponsor-card-tag-icon{
    position: relative;
    z-index: 9;
    background: #fff;
    border-radius: 22px;
}

.sponsor-card-tag .sponsor-card-tag-icon img{
    max-height: 150px;
}

.sponsor-card-tag.gold-sponsor h3{
    color: var(--suad-primary-gold);
}

.sponsor-card-tag.silver-sponsor h3{
    color: var(--suad-primary-silver);
}


.sponsor-card-tag.bronze-sponsor h3{
    color: var(--suad-primary-bronze);
}

.library-search-area{
    margin-top: -69px;
}

.library-search-area .nav-tabs{
    z-index: 99;
    position: relative;
    border: 0;
    top: -30px;
}

.library-search-area .nav-tabs .nav-link {
    border: none;
    border-radius: 50px;
    color: white;
    background-color: #555;
    margin-right: 5px;
}

.library-search-area .nav-tabs .nav-link.active {
    background-color: #d9534f;
    color: white;
}

.library-search-area .search-wrapper {
    padding: 20px;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;

    background-color: var(--suad-primary-blue);
    display: flex;
    justify-content: center;
    border-radius: 230px;
    box-shadow: 0 0 0 10px var(--suad-primary-white);
    position: relative;
    z-index: 9;
    /* margin-top: -49px; */
}

.library-search-area .search-wrapper select,
.library-search-area .search-wrapper input[type="text"] {
    padding: 10px;
    height: 48px;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.library-search-area .search-wrapper select {
    width: 180px;
    border-radius: 50px;
}

.library-search-area .search-wrapper input[type="text"] {
    flex: 1;
    border-radius: 50px;
}

.library-search-area .search-wrapper button {
    background-color: var(--suad-primary-red);
    text-align: center;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    color: #fff!important;
    text-decoration: none!important;
    border-radius: 50px;
    border: none !important;
    transition: all ease 0.5s;
}

.library-search-area .search-wrapper a {
    background-color: var(--suad-primary-gold);
    text-align: center;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    color: #fff!important;
    text-decoration: none!important;
    border-radius: 50px;
    transition: all ease 0.5s;
}

.library-search-area .summon-search-widget {
    padding: 20px;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;

    background-color: var(--suad-primary-blue);
    display: flex;
    justify-content: center;
    border-radius: 230px;
    box-shadow: 0 0 0 10px var(--suad-primary-white);
    position: relative;
    z-index: 9;
    /* margin-top: -49px; */
}

.library-search-area .summon-search-box {
    display: contents;
}

.library-search-area .summon-search-widget input[type="text"] {
    padding: 10px;
    height: 48px;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.library-search-area .summon-search-widget input[type="text"] {
    flex: 1;
    border-radius: 50px;
}

.library-search-area .summon-search-widget button {
    background-color: var(--suad-primary-red);
    text-align: center;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    color: #fff!important;
    text-decoration: none!important;
    border-radius: 50px;
    border: none !important;
    transition: all ease 0.5s;
}

.library-search-area .summon-search-widget a {
    background-color: var(--suad-primary-gold);
    text-align: center;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    color: #fff!important;
    text-decoration: none!important;
    border-radius: 50px;
    transition: all ease 0.5s;
}


.exam-table-container {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
    padding: 0px;
    max-width: 100%;
    margin: auto;
}

.exam-table-container h2 {
    margin-top: 0px;
    color: #012377;
    font-size: 22px;
    border-left: 6px solid #012377;
    padding-left: 10px;
}

.exam-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    margin-bottom: 40px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    border-radius: 16px;
    overflow: hidden;
}

.exam-table thead {
    background-color: #f2f4f8;
}

.exam-table th,
.exam-table td {
    text-align: left;
    padding: 12px 16px;
    border-bottom: 1px solid #e0e0e0;
}

.exam-table td[rowspan] {
    vertical-align: top;
    background-color: #fff;
    font-weight: bold;
    border: 1px solid #e0e0e0;
}

.exam-table td:first-child[rowspan] {
    border-left: 0px solid #e0e0e0;
}

.exam-table td:last-child[rowspan] {
    border-right: 0px solid #e0e0e0;
}

.exam-table th {
    color: #555;
    font-weight: 600;
}

.exam-table tr:last-child td {
    border-bottom: none;
}

.event-info .card{
    background-color: #f3f3f9;
    border: 0px;
}

.event-info label {
    font-weight: 600;
    display: block;
    margin-top: 16px;
    color: #2c3e50;
}

.event-info .card-title{
    font-size: 12px;
}
.event-info p {
    margin: 0;
    color: #555;
    font-size: 14px;
}
.event-carousel-container {
    position: relative;
}
.event-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    padding: 0 15px;
}

.event-carousel .owl-nav img{
    width: 24px;
    height: 24px;
}

.event-carousel .owl-nav button {
    background: transparent;
    border-radius: 0px;
    padding: 0px;
    border: none;
    display: flex;
    justify-content: center;
}

.event-carousel .owl-nav button:hover{
    background-color: #fff!important;
}

.event-carousel .owl-nav span:hover{
    background-color: #fff;
}

.event-carousel .owl-nav button span{
    padding: 0px;
    width: 40px;
    height: 40px;
    border-radius: px;
    border: 0px;
    display: flex;
    justify-content: center;
}

.event-carousel img{
    border-radius: var(--bs-border-radius) !important;
}

.thumbs {
    display: flex;
    gap: 8px;
    margin-top: 15px;
}

.thumbs img {
    width: 80px;
    height: 50px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 6px;
    opacity: 0.7;
    border: 2px solid transparent;
}

.thumbs img.active {
    opacity: 1;
    border-color: #007bff;
}



.event-ticket-card {
    padding: 32px;
    display: flex;
    flex-flow: column;
    align-items: center;
    border-radius: 24px;
    border: 3px solid rgba(0, 35, 119, 0.30);
    background: rgba(246, 240, 233, 0.30);
    position: relative;
    transition: all ease 0.5s;
    height: 100%;
}

.event-ticket-card-icon {
    width: 72px;
    height: 72px;
    margin-bottom: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    right: 24px;
    top: 24px;
}

.event-ticket-card-icon-hover {
    display: none;
}

.event-ticket-card h3 {
    color: var(--suad-primary-blue);
    text-align: left;
    width: 100%;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    /* 100% */
    margin-bottom: 8px;
    transition: all ease 0.5s;
}

.event-ticket-card h2 {
    color: var(--suad-primary-blue);
    text-align: left;
    width: 100%;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* 100% */
    margin-bottom: 0px;
    transition: all ease 0.5s;
}

.event-ticket-card hr{
    width: 100%;
}

.event-ticket-card p {
    color: var(--suad-primary-black);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    /* 150% */
    margin-bottom: 24px;
}

.event-ticket-card ul{
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 24px;
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 8px;
}

.event-ticket-card ul li{
    color: var(--suad-primary-black);
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
    /* 150% */
    width: 100%;
}

.event-ticket-card-btn {
    display: flex;
    padding: 15px;
    width: 54px;
    height: 54px;
    justify-content: end;
    align-items: center;
    gap: 8px;
    border-radius: 44px;
    background: var(--suad-primary-blue);
    box-shadow: 2px 6px 17px 0px rgba(0, 0, 0, 0.10);
    position: absolute;
    bottom: -27px;
    transition: all ease 0.5s;
    overflow: hidden;
    text-decoration: none;
}

.event-ticket-card-btn img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
}

.event-ticket-card-btn p {
    opacity: 0;
    transition: all ease 0.5s;
    color: #fff;
    margin: 0px;
}

.event-ticket-card:hover {
    border: 3px solid rgba(222, 56, 49, 0.30);
    background: rgba(253, 219, 218, 0.30);
}

.event-ticket-card:hover h3 {
    color: var(--suad-primary-red);
}

.event-ticket-card:hover .event-ticket-card-btn {
    background: var(--suad-primary-red);
    width: 200px;
    justify-content: space-between;
    padding: 15px 30px;
}

.event-ticket-card:hover .event-ticket-card-btn p {
    opacity: 1;
}

.event-ticket-card:hover .event-ticket-card-icon-original {
    display: none;
}

.event-ticket-card:hover .event-ticket-card-icon-hover {
    display: block;
}

.card-custom {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 20px;
    background-color: #fff;
}
.summary-card {
    border-radius: 10px;
    padding: 20px;
    background-color: #f3f3f9;
    border: 1px solid #eee;
}

.summary-card h2{
    font-size: 18px;
    font-weight: 600;
}

.order-summary {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
}
.order-summary th {
    background-color: #f3f4f6;
    font-weight: 600;
    padding: 14px;
    color: #333;
}
.order-summary td {
    background-color: #fff;
    padding: 14px;
    color: #444;
}
.order-summary tbody tr:not(:last-child) td {
    border-bottom: 1px solid #e0e0e0;
}
.order-summary .fw-bold td {
    font-weight: 700;
    background-color: #f9fafb;
}

.order-summary-title h2{
    font-size: 22px;
    font-weight: bold;
}

.ticket-quantity{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ticket-quantity .quantity-button {
    background: var(--suad-primary-blue);
    color: #fff;
    border: none;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
}

.ticket-quantity .quantity-button:hover {
    background: var(--suad-primary-gold);
}
.ticket-quantity .quantity-button:disabled {
    background: #ccc;
    cursor: not-allowed;
}
.ticket-quantity .quantity-display {
    font-size: 16px;
    color: var(--suad-primary-blue);
    font-weight: bold;
}
.ticket-quantity .quantity-input {
    font-size: 16px;
    color: var(--suad-primary-blue);
    font-weight: bold;
    text-align: center;
    border: 1px solid var(--suad-primary-blue);
    border-radius: 5px;
    padding: 5px;
}
.ticket-quantity .quantity-input:focus {
    outline: none;
    border-color: var(--suad-primary-gold);
}
.ticket-quantity .quantity-input::-webkit-inner-spin-button,
.ticket-quantity .quantity-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.ticket-quantity .quantity-input[type="number"] {
    -moz-appearance: textfield;
}
.ticket-quantity .quantity-input[type="number"]::-webkit-inner-spin-button,
.ticket-quantity .quantity-input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.ticket-quantity .quantity-input[type="number"] {
    -moz-appearance: textfield;
}
.ticket-quantity .quantity-input[type="number"]::-webkit-inner-spin-button,
.ticket-quantity .quantity-input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.ticket-quantity .quantity-input[type="number"] {
    -moz-appearance: textfield;
}

.ticket-quantity .quantity-input {
    width: 50px;
    height: 30px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 0 5px;

}

.stage {
    background-color: var(--suad-primary-blue-2);
    color: white;
    text-align: center;
    padding: 40px;
    margin-bottom: 30px;
    border-radius: 15px 15px 200px 200px;
    font-weight: bold;
    font-size: 24px;
}
.seat {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #ddd;
    transition: all 0.2s ease;
    display: inline-block;
}
.seat-wrapper {
    display: inline-block;
    margin: 0 0px;
}
.seat-section {
    white-space: nowrap;
    display: inline-block;
}
.scrollable-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 10px 0;
    border: 0px solid #eee;
    width: 100%;
}
#combined-rows {
    min-width: 768px;
}
.left-align-right { text-align: right; }
.right-align-left { text-align: left; }

/* States */
.seat:hover { background-color: var(--suad-secondary-blue-1) !important; }
.seat.selected { background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' stroke-width='1.5' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23ffffff'%3E%3Cpath d='M5 13L9 17L19 7' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-color: var(--suad-primary-green) !important;
    background-size: 100%;
    background-repeat: no-repeat;
}
.seat.disabled {
    background-color: var(--suad-neutral-dark-4) !important;
    pointer-events: none;
}

.seat-label {
    font-size: 12px;
    color: var(--suad-primary-blue, #0d6efd);
    font-weight: normal;
    background: transparent !important;
    pointer-events: none;
    position: relative;
    top: -3px;
}

.tier-1.hovered .seat:not(.disabled):not(.selected) { background-color: var(--suad-primary-red-3) !important; }
.tier-2.hovered .seat:not(.disabled):not(.selected) { background-color: var(--suad-secondary-blue-3) !important; }
.tier-3.hovered .seat:not(.disabled):not(.selected) { background-color: var(--suad-secondary-light) !important; }
.tier-4.hovered .seat:not(.disabled):not(.selected) { background-color: var(--suad-secondary-light-2) !important; }

/* Tier highlights */
.tier-1.hovered .seat-label:not(.disabled):not(.selected) { background-color: transparent !important; }
.tier-2.hovered .seat-label:not(.disabled):not(.selected) { background-color: transparent !important; }
.tier-3.hovered .seat-label:not(.disabled):not(.selected) { background-color: transparent !important; }
.tier-4.hovered .seat-label:not(.disabled):not(.selected) { background-color: transparent !important; }

.tier-guide {
    display: flex;
    gap: 20px;
    margin-top: 40px;
    justify-content: center;
    flex-wrap: wrap;
}
.tier-item {
    padding: 10px 20px;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,0.05);
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-weight: 500;
}
.tier-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.dot-1 { background: var(--suad-primary-red); }
.dot-2 { background: var(--suad-secondary-blue); }
.dot-3 { background: var(--suad-secondary-light); }
.dot-4 { background: var(--suad-secondary-light-2); }

.ticket-footer {
    position: fixed;
    bottom: 16px;
    width: 100%;
    background: transparent;
    z-index: 1000;
}

.ticket-footer-content {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    padding: 16px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1000;
    border-radius: 50px 50px;
}

.ticket-icon {
    display: flex;
    align-items: center;
}

.ticket-icon img {
    width: 40px;
    margin-right: 8px;
}

.order-details-panel {
    width: 350px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    background: #fff;
    padding: 0;
    position: absolute;
    bottom: 90px;
    left: 120px;
    max-height: 520px;
    overflow-y: auto;
    display: none;
    z-index: 1100;
}

.order-details-header {
    position: sticky;
    top: 0;
    background-color: #f3f3f9;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px 15px 20px;
    border-bottom: 1px solid #e0e0e0;
}

.btn-clear {
    color: #0d6efd;
    background: none;
    border: none;
    cursor: pointer;
}

.ticket-list {
    padding: 20px;
}

.ticket-card {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 10px;
    background: #fff;
}

.ticket-card:hover {
    background-color: #f8f9fa;
}

.ticket-card .delete-btn {
    cursor: pointer;
    color: red;
}

.time-remaining {
    color: #555;
    margin-left: 20px;
    font-size: 14px;
}

.next-btn {
    background-color: #29a6ff;
    border: none;
    padding: 10px 30px;
    font-weight: 600;
}

.btn-order-toggle {
    margin-left: 15px;
    font-weight: 500;
    color: #0d6efd;
    background: none;
    border: none;
}

.rs-ticket-box {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 0px;
    overflow: hidden;
}

.rs-ticket-card {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px 16px;
    border-bottom: 1px dotted #ccc;
}

.rs-ticket-card:last-child {
    border-bottom: none;
}

.rs-ticket-info {
    display: flex;
    flex-direction: column;
}

.rs-ticket-title {
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 8px;
}

.rs-ticket-price {
    font-weight: bold;
    color: var(--suad-secondary-blue-1);
    font-size: 15px;
}

.rs-quantity-control {
    display: flex;
    align-items: center;
    gap: 8px;
}

.rs-quantity-control input {
    width: 40px;
    text-align: center;
}

.rs-quantity-control button {
    width: 22px;
    height: 22px;
    padding: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: none;
    color: var(--suad-neutral-dark-4);
    font-family: math;
}

.rs-total-amount-box {
    margin-top: 0px;
    padding: 22px 16px 16px 16px;
    background-color: var(--suad-light-gray);
    border-radius: 0 0 0 0;
    font-weight: bold;
    font-size: 18px;
}

.rs-total-amount-box span{
    color: var(--suad-neutral-dark-4);
}

.rs-total-amount-box span#grand-total {
    color: #0d3c91;
}

.rs-total-amount-box span#grand-total span{
   color: #0d3c91;
}

.rs-select-date-box {
    background-color: var(--suad-light-gray);
    border-radius: 12px;
    padding: 16px;
    font-weight: bold;
    font-size: 14px;
    color: var(--suad-neutral-dark-4);
}

.rs-select-date-label {
    font-size: 13px;
    color: var(--suad-neutral-dark-4);
}

.rs-date-input {
    width: 160px;
    font-size: 13px;
    padding: 4px 8px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.event-sidebar h3{
    color: var(--suad-neutral-dark-1);
}

.mailing-card {
    background: #1e246e;
    color: #fff;
    border-radius: 24px;
    width: 100%;
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 32px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.mailing-card::before {
    content: '';
    position: absolute;
    width: 160px;
    height: 160px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    top: -40px;
    left: -40px;
}

.mailing-card::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
    bottom: 20px;
    right: 20px;
}

.mailing-title {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 24px;
    text-align: left;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}

.mailing-title span {
    display: block;
}

.mailing-title .highlight {
    color: #f4d84a;
}

.mail-icon {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 30px;
    right: 33px;
    z-index: 1;
    opacity: 0.9;
}



/* Responsive Styles */
/* Mobile Styles */

@media (max-width: 768px) {

    body {
        overflow-x: hidden !important;
    }

    .main-header {
        padding: 20px 0px;
        min-height: unset;
    }

    .main-menu {
        position: fixed;
        background: var(--suad-primary-blue);
        z-index: 9;
        width: 100vw;
        height: 100vh;
        top: 0px;
        left: 0px;
        display: none!important;
    }

    .main-menu ul {
        flex-flow: column;
        gap: 0px;
    }

    .header-top-menu-burger-btn {
        position: absolute;
        top: -65px;
        /* width: 40px; */
        height: 40px;
        right: 12px;
        z-index: 9;
    }

    .header-top-menu-burger-btn-close {
        position: absolute;
        top: -65px;
        /* width: 40px; */
        height: 40px;
        right: 12px;
    }

    .header-top-apply-btn {
        height: 40px;
        padding: 0px 20px;
        font-size: 12px;
        position: absolute;
        bottom: -60px;
        width: calc(100% - 32px);
        left: 16px;
    }

    .header-top-menu {
        justify-content: space-between;
        display: flex;
        width: 100%;
        position: absolute;
        top: 75px;
        left: 0px;
        padding: 0 16px;
    }

    .main-banner-section {
        overflow-x: hidden;
    }

    .main-banner {
        height: auto;
    }

    .suad-main-logo {
        width: 125px;
        position: relative;
        top: 0px;
        margin-top: 0px;
    }

    .main-banner-slide {
        background-size: auto;
        flex-flow: column-reverse;
        height: auto;
    }

    .main-banner-caption {
        position: relative;
        top: unset;
        left: unset;
        width: 100%;
    }

    .main-banner-caption h1 {
        margin-top: 30px;
        font-size: 42px;
        line-height: 46px;
        text-align: center;
    }

    .main-banner-caption p {
        text-align: center;
    }

    .main-banner-btn {
        font-size: 20px;
        min-width: 185px;
        height: 46px;
        margin: 30px auto 100px auto;
    }

    .main-banner-rs-visual::after {
        content: "";
        border: 5px solid var(--suad-primary-red);
        border-left: 0px solid;
        border-top: 0px solid;
        width: calc(100% + 40px);
        height: 100%;
        position: absolute;
        top: 0px;
        right: 30px;
        border-radius: 0 0 300px 300px;
    }

    .main-banner-nav {
        bottom: 0px;
        left: 50%;
        transform: translateX(-25%);
        gap: 40px;
        top: -50px;
    }

    .main-banner-rs-visual {
        border-radius: 0 0px 200px 200px;
        height: 60vh;
        min-height: unset;
    }

    .main-banner-rs-visual img {
        border-radius: 0 0px 200px 200px;
    }

    .section-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section-title h2 {
        font-size: 36px;
        line-height: 38px;
    }

    .gap-mb-40 {
        gap: 40px;
    }

    .school-card-info {
        width: calc(100% - 0px);
        border-radius: 0 0 24px 24px;
        top: -40px;
        margin-top: -110px;
    }

    .school-card-info h3 {
        width: 100%;
    }

    .section-title {
        flex-flow: column;
        align-items: start;
        text-align: left;
        gap: 20px;
    }

    .research-slider-slide {
        left: 16px;
        width: calc(100% - 32px);
    }

    .research-slider-slide img.research-hero-img {
        border-radius: 20px;
        margin-bottom: 30px;
    }

    .research-slider-content h2 br {
        display: none;
    }

    .numbers-row {
        gap: 30px;
    }

    .numbers-row .col-md-3 {
        width: 45%;
    }

    .numbers-card h2 {
        font-size: 36px;
    }

    .numbers-card p {
        font-size: 18px;
        line-height: normal;
    }

    .footer-padding {
        padding: 40px 12px;
    }

    .footer-logo-area {
        margin-bottom: 50px;
        height: fit-content;
    }

    .footer-social-icons {
        margin-bottom: 0px;
    }

    .footer-logo-area::before {
        display: none;
    }

    footer h4 {
        margin-bottom: 20px;
    }

    footer ul {
        margin-bottom: 30px;
    }

    #research-slider {
        overflow: hidden;
    }

    .sticky-school-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
        min-height: 42px;
    }

    .sticky-school {
        width: 50px;
        height: 50px;
    }

    .event-card {
        border: 14px solid transparent;
    }

    .newsletter-input input {
        text-align: left;
    }

    .newsletter-area .section-title-btn {
        margin: 40px 0 0 0;
        width: 100%;
    }

    .inner-main-banner-caption {
        position: unset;
        transform: none;
        margin: 40px 0;
        text-align: center;
        width: 100%;
    }

    .inner-main-banner-breadcrumb {
        justify-content: center;
    }

    .sticky-schools {
        bottom: 8px;
        right: 8px;
    }

    .information-section-visual-left img {
        border-radius: 25px 25px;
        margin-top: 16px;
    }

    .information-section-visual-right img {
        border-radius: 25px 25px;
        margin-bottom: 16px;

    }

    .information-section-content h2 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 30px;
    }

    .download-card {
        margin-bottom: 16px;
    }

    .download-card h3 {
        text-align: center;
    }

    .information-section-content .sdgs {
        flex-wrap: wrap;
    }

    .department-card {
        flex-flow: column;
        gap: 0;
        padding: 16px;
    }

    .inner-main-banner-caption h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .departent-tabs {
        top: 16px;
        border-radius: 10px;
        flex-wrap: wrap;
        overflow: hidden;
        justify-content: start;
    }

    .departent-tabs li {
        width: 50%;
    }

    .department-video-thumb {
        margin-top: 30px;
    }

    .department-left-side h4 {
        margin-top: 30px;
    }

    .departent-tabs a {
        margin: 5px;
        padding: 18px 20px;
        border-radius: 5px;
        font-size: 16px;
    }

    .main-menu ul li a {
        padding: 20px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    .main-menu ul li ul {
        position: relative;
    }

    .main-menu .suad-main-logo {
        left: 15px;
    }

    .main-menu ul li ul li ul {
        left: 0%;
    }

    .main-menu {
        overflow: auto;
    }

    .main-menu.menu-opened {
        display: block;
    }

    .header-top-menu-burger-close {
        position: absolute;
        color: #fff;
        background: var(--suad-primary-red);
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0px;
        right: 0px;
    }

    .footer-logo-area div {
        margin-top: 0px;
    }

    .sd-area {
        top: 30vh;
        bottom: unset;
    }

    .video-banner {
        transform: scale(1.0);
        top: 0px;
        width: 100%;
        height: calc(100vh + 150px);
    }

    .main-banner-video-slide .main-banner-caption {
        position: relative;
        top: 60vh;
        left: unset;
        width: 100%;
    }

    .main-banner-video-slide .col-md-4 {
        height: calc(100vh + 150px);
    }

    .cb-scroller {
        bottom: 70vh;
        left: 50%;
        transform: translateX(-50%);
    }

    .shortcut-menu {
        display: none !important;
    }

    .menu-right-side-info {
        display: none;
    }

    .burger-menu .menu-text {
        display: none;
    }

    .burger-menu-list>li>a {
        font-size: 24px;
        padding: 15px 0px;
    }

    .burger-menu .main-header {
        min-height: 201px;
    }

    .header-top-area {
        margin-bottom: 0px;
    }

    .burger-menu-list li a,
    .submenu li a {
        padding: 5px 0px;
    }

    .library-search-area {
        margin-top: 10px;
    }

    .library-search-area .nav-tabs{
        top: 0px;
        display: flex;
        flex-wrap: nowrap;
    }

    .library-search-area .nav-tabs .nav-link{
        min-height: 44px;
        border-radius: 10px;
        line-height: normal;
        height: 100%;
        text-align: left;
    }

    .library-search-area .search-wrapper{
        border-radius: 12px;
        margin-top: 10px;
        padding: 6px;
        gap: 6px;
    }

    .library-search-area .search-wrapper select{
        width: 100%;
        border-radius: 8px;
    }

    .library-search-area .search-wrapper input[type="text"]{
        width: 100%;
        flex: unset;
        border-radius: 8px;
    }

    .library-search-area .summon-search-widget{
        border-radius: 12px;
        margin-top: 10px;
        padding: 6px;
        gap: 6px;
    }

    .library-search-area .summon-search-widget input[type="text"]{
        width: 100%;
        flex: unset;
        border-radius: 8px;
    }

    .event-info{
        margin-bottom: 30px;
    }

    .ticket-footer {
        bottom: 16px;
        padding: 0 0px;
    }

    .ticket-footer-content {
        flex-direction: column;
        gap: 10px;
        padding: 16px;
        border-radius: 20px;
        align-items: flex-start;
    }

    .ticket-icon span {
        font-size: 16px;
    }

    .btn-order-toggle {
        margin-left: 0;
        padding: 8px 0;
    }

    .time-remaining {
        margin-left: 0;
        font-size: 13px;
    }

    .order-details-panel {
        width: calc(100% - 32px);
        left: 16px;
        bottom: 200px;
        border-radius: 20px;
        max-height: 40vh;
    }

    .order-details-header {
        padding: 12px 16px;
    }

    .ticket-card {
        padding: 12px;
        font-size: 14px;
    }

    .ticket-list {
        padding: 16px;
    }

    .next-btn,
    .ticket-footer-content .btn {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .ticket-footer-content .d-flex.align-items-center {
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }

    .ticket-footer-content > .d-flex {
        width: 100%;
        justify-content: space-between;
    }



}
.tooltip {
    white-space: nowrap;
    max-width: none !important;
}

.team-card-btn{

}

.event-speakers-section{
    box-shadow: -500px 0 0 0px #f7f0e8;
}

.event-speakers-section .section-padding{
    padding: 40px 0 70px 0;
}

.event-speakers-section h3{
    font-size: 22px;
    margin-bottom: 20px;
}

.event-speakers-section section h2{
    margin-bottom: 0px;
}

.event-partners-section .section-padding{
    padding: 40px 0;
}

.event-partners-section section h2{
    margin-bottom: 0px;
}

.event-partners-section .partner-logo-item{
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-rs-message{
    font-size: 14px!important;
    border: 1px solid #eee;
    border-radius: 7px;
    padding: 16px;
    margin-bottom: 16px!important;
}
.events-regesteration-form{
        background-color: #f3f3f9;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 16px;
}

.sticky-top-50{
    position: sticky;
    top: 50px;
}

.partners-section h2{
    color: #8c8fa6;
    font-size: 20px;
}

.user-dashboard-profile-form{
    background: #f3f3f9;
    padding: 32px;
    border-radius: 24px;
}

.user-dashboard-profile-form button{
    float: right;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.user-dashboard-booking-area{
  background: #f3f3f9;
    padding: 32px;
    border-radius: 24px;
}

    .user-dashboard-events-table-card {
      background: #ffffff;
      border: none;
      border-radius: 12px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
      overflow-x: auto;
    }

    .user-dashboard-events-table {
      min-width: 800px;
    }

    .user-dashboard-events-table thead {
      background-color: #2c3e50; /* Muted navy */
      font-weight: 600;
      color: #ffffff;
    }

    .user-dashboard-events-table td,
    .user-dashboard-events-table th {
      vertical-align: middle;
      padding: 1rem;
      font-size: 0.95rem;
      white-space: nowrap;
      background: transparent;
    }

    .user-dashboard-events-table th {
        color: #ffffff;
    }

    .user-dashboard-events-table tr td{
        border-bottom: 1px solid #f3f3f9;
    }

    .status-badge {
      padding: 0.4em 0.8em;
      font-size: 0.8rem;
      font-weight: 500;
      border-radius: 1rem;
    }

    .status-confirmed {
      background-color: #d1f1e0;
      color: #198754;
    }

    .status-pending {
      background-color: #fff3cd;
      color: #b8860b;
    }

    .status-cancelled {
      background-color: #f8d7da;
      color: #dc3545;
    }

    .status-paid {
        background-color: #d1f1e0;
        color: #198754;
    }

    .address-card {
      transition: box-shadow 0.2s ease;
    }
    .address-card:hover {
      box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);
    }
    .address-card.active {
      border: 2px solid #0d6efd;
    }
    .address-card .badge.active {
      background-color: #e7f1ff;
      color: #0d6efd;
    }


    .inner-banner .main-banner-slide {
        height: calc(70vh - 150px);
    }

    .inner-banner .main-banner-slide .main-banner-rs-visual{
        min-height: calc(70vh - 150px);
        height: calc(70vh - 150px);
    }


    @media (max-width: 767.98px) {

        .user-dashboard-booking-area {
            background: transparent;
            padding: 0px;
            border-radius: 0;
        }

      .user-dashboard-events-table thead {
        display: none;
      }
      .user-dashboard-events-table,
      .user-dashboard-events-table tbody,
      .user-dashboard-events-table tr,
      .user-dashboard-events-table td {
        display: block;
        width: 100%;
        min-width: 100%;
      }
      .user-dashboard-events-table tr {
        background: #ffffff;
        border-radius: 12px;
        border: 1px solid #ddd;
        padding: 1rem;
        margin-bottom: 1rem;
      }
      .user-dashboard-events-table td {
        padding: 0.5rem 0;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #f1f1f1;
      }
      .user-dashboard-events-table td:last-child {
        border-bottom: none;
      }
      .user-dashboard-events-table td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #6c757d;
      }

      .user-dashboard-events-table-card{
          box-shadow: none;
      }
    }

    .suad-select{
        position: relative;
        padding-right: 40px;
        background-image: url('data:image/svg+xml;utf8,<svg width="24px" height="24px" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.30711 8.71299C5.4232 8.43273 5.69668 8.25 6.00002 8.25H18C18.3034 8.25 18.5768 8.43273 18.6929 8.71299C18.809 8.99324 18.7449 9.31583 18.5304 9.53033L12.5304 15.5303C12.2375 15.8232 11.7626 15.8232 11.4697 15.5303L5.46969 9.53033C5.25519 9.31583 5.19103 8.99324 5.30711 8.71299Z" fill="%23000000"/></svg>');
        background-position: calc(100% - 8px);
        background-repeat: no-repeat;
        background-size: 6%;
    }


.events-calendar-section, .events-calendar-section .container-fluid{
    position: unset;
}

.fc-toolbar-title {
    font-size: 1.35rem;
    font-weight: 600;
    color: #022169;
}

.fc-toolbar-chunk{
    display: flex;
}

.fc .fc-button{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px solid;
}
.fc .fc-button-primary {
    background-color: #e0e7ff;
    border-color: #ccd8ff;
    color: #022169;
    border-radius: 6px;
    padding: 0.35rem 0.8rem;
    font-weight: 500;
    font-size: 0.875rem;
}
.fc .fc-button-primary:not(:disabled):hover {
    background-color: #cdd8ff;
}

.fc .fc-button-primary:disabled {
    background-color: #ccc;
    border-color: #ccc;
}

.fc .fc-timegrid-axis-cushion {
    font-size: 12px;
}

.fc .fc-timegrid-slot-label {
    background: #f3f3f9;
}

.fc .fc-timegrid-slot-label-cushion {
    padding: 0px 8px;
    font-size: 12px;
}

.fc-theme-standard td {
    border: 1px solid #f3f3f9;
}

.fc-theme-standard th{
    border: 1px solid #eff6ff;
    box-shadow: 0 0 0 1px #eff6ff;
    border-radius: 6px;
}

.fc-theme-standard th.fc-col-header-cell {
    padding: 14px;
    background-color: rgb(239, 246, 255);
    border: 1px solid #fff;
}

.fc-theme-standard .fc-scrollgrid{
    border-radius: 6px;
}

.form-select {
    border-radius: 6px;
    padding: 0.45rem 0.75rem;
    font-size: 0.875rem;
    color: #022169;
    background-color: #f6f9ff;
    border: 1px solid #d8e1ff;
}
.tooltip-card {
    position: absolute;
    z-index: 1050;
    display: none;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border-radius: 14px;
    overflow: hidden;
    width: 280px;
    transition: all 0.2s ease-in-out;
    border: 1px solid #e2e6f0;
}
.tooltip-card img.event-calendar-card-img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.tooltip-card-body {
    padding: 16px;
}
.tooltip-card-body h6 {
    margin-bottom: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    color: rgb(30, 58, 138);
}
.tooltip-card-body p {
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: 8px;
}

.tooltip-card-body #tooltipTime::before{
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' stroke-width='1.5' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000000'%3E%3Cpath d='M12 6L12 12L18 12' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin: 0px 4px 0 0;
    position: relative;
    top: 2px;
}

.tooltip-card-body #tooltipLocation::before{
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' stroke-width='1.5' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000000'%3E%3Cpath d='M20 10C20 14.4183 12 22 12 22C12 22 4 14.4183 4 10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10Z' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M12 11C12.5523 11 13 10.5523 13 10C13 9.44772 12.5523 9 12 9C11.4477 9 11 9.44772 11 10C11 10.5523 11.4477 11 12 11Z' fill='%23000000' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin: 0px 4px 0 0;
    position: relative;
    top: 2px;
}

.tooltip-card-body .section-title-btn {
    width: 100%;
    margin-top: 12px;
    height: 32px;
    font-weight: normal;
    font-size: 12px;
}

.tooltip-card-body .section-title-btn img{
    width: 16px;
    height: 16px;
}

.tooltip-card-body .btn:hover {
    background-color: #00194a;
}
.fc-daygrid-event {
    border-radius: 5px !important;
    padding: 2px 6px;
    font-size: 11.5px;
    font-weight: 500;
    border: none !important;
}
.fc-daygrid-day-number {
    font-size: 0.875rem;
    font-weight: 500;
    color: #1a1a1a;
}
.fc-col-header-cell-cushion {
    font-size: 0.9rem;
    font-weight: 600;
    color: #022169;
}

.fc-theme-standard .fc-scrollgrid {
    border: 0px solid var(--fc-border-color);
}

.fc .fc-view-harness{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
}

.fc .fc-daygrid-day-number{
    padding: 12px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end{
    margin-right: 12px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-start{
    margin-left: 12px;
}

@media (max-width: 767px) {
    .fc-header-toolbar{
        flex-flow: column;
        gap: 12px;
    }
}

.suffix-title{
    font-size: xx-large !important;
}


.section-separator h1{
    font-family: "aktiv-grotesk";
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

.section-separator h2{
    font-family: "aktiv-grotesk";
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

.section-separator h3{
    font-family: "aktiv-grotesk";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

.section-separator h4{
    font-family: "aktiv-grotesk";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

.section-separator h5{
    font-family: "aktiv-grotesk";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

.section-separator h6{
    font-family: "aktiv-grotesk";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    padding: 12px;
    margin-bottom: 16px!important;
}