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


    --suad-blue: #022169;
      --suad-muted: #6B7280;
      --pill-bg-blue: #EEF2FF;
      --pill-text-blue: #1E3A8A;
      --pill-bg-green: #ECFDF5;
      --pill-text-green: #065F46;
      --pill-bg-orange: #FFF7ED;
      --pill-text-orange: #9A3412;
      --radius: 0.75rem;

}

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
}

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #fff!important;}

html {
    overflow-x: hidden;
}

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

ol,
ul {
    /*list-style: none*/
    padding-left: 20px;
}

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

.auth-desktop-form .sign-up-btn{
    background-color: #071b47 !important;
    border: 1px solid rgb(221 56 49) !important;
}

.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;
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0px;
}

.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: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
}

.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-home-1::after {
    border: 5px solid var(--suad-primary-blue-4);
    border-right: 0px solid;
    border-bottom: 0px solid;
}

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

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

.main-banner-rs-visual-sc-4::after {
    border: 5px solid var(--suad-secondary-light-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: 10px 40px;
    align-items: center;
    justify-content: start;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.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-light-1-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    background: url(../images/pattern/pattern-light-1.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);
}

.pattern-primary-secondary-light-1-fade-top-bottom::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: #c5aa81;
    background: -moz-linear-gradient(180deg, rgba(197, 170, 129, 1) 0%, rgba(197, 170, 129, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(197, 170, 129, 1) 0%, rgba(197, 170, 129, 0) 100%);
    background: linear-gradient(180deg, rgba(197, 170, 129, 1) 0%, rgba(197, 170, 129, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c5aa81", endColorstr="#c5aa81", 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: 14px;
    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% - 50px);
    margin: 0 auto;
    border-radius: 24px;
    margin-top: -100px;
    transition: all ease 0.5s;
    height: fit-content;
}

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

.school-card-info p {
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    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;
    display: flex;
    justify-content: center;
}

/*.event-card .event-card-top img{*/
/*    height: 150px;*/
/*}*/

.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-types {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.event-card .event-card-bottom .event-types .badge {
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 12px;
    text-transform: capitalize;
}

.event-card .event-card-bottom .event-types .badge-warning {
    background-color: #ffc107;
    color: #000;
}

.event-card .event-card-bottom .event-types .badge-success {
    background-color: #28a745;
    color: #fff;
}

.event-card .event-card-bottom .event-types .badge-info {
    background-color: #17a2b8;
    color: #fff;
}

.event-card .event-card-bottom .event-types .badge-secondary {
    background-color: #6c757d;
    color: #fff;
}

.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;
    justify-content: space-between;
}

.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 {
    position: relative;
    z-index: 0;
}

.footer-logo-area {
    z-index: 99999;
    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);
    min-width: 429px;
}

.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 li{
    list-style: none;
}

.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;
    z-index: 999;
    position: relative;
    padding-left:0px;
    text-shadow: 0px 0px 2px #012276, 0px 0px 2px #012276, 0px 0px 2px #012276, 0px 0px 2px #012276, 0px 0px 1px #012276, 0px 0px 2px #012276, 0px 0px 2px #012276, 0px 0px 2px #012276, 0px 0px 2px #012276, 0px 0px 2px #012276, 0px 0px 2px #012276, 0px 0px 2px #012276, 0px 0px 2px #012276, 0px 0px 2px #012276, 0px 0px 2px #012276, 0px 0px 2px #012276, 0px 0px 2px #012276, 0px 0px 2px #012276;
}

footer ul li,
.inner-main-banner-breadcrumb li {
    list-style: none;
}

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: hidden;
    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;*/
    margin-bottom: 20px;
}

.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;*/
    margin-bottom: 20px;
}

.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;
    /*margin-bottom: 20px;*/
}

.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;
    background-size: cover;
}

.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;
    list-style: none;
}

.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-primary-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-left-side ul li a.button-list {
    color: var(--suad-primary-blue);
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 50px;
    /* 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 30px;
    background-size: 24px;
    transition: all ease 0.5s;
}

.department-left-side ul li a.button-list: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 30px;
    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 h2 {
    color: var(--suad-primary-blue);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /*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;
    background-position: 0px center;
}

.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;
    font-weight: 600;
}

.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: center;
    gap: 10px;
}

.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: 9999;
    top: 0;
    width: 100%;
    background: #012377;
    height: 0vh;
    overflow: auto;
    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;
    padding-top: 150px;
    display: none;
    opacity: 0;
}

.burger-menu.open {
    height: 100vh;
    display: block;
    opacity: 1;
}

/* 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;
}

.menu-right-side-info .footer-social-icons {
    margin-bottom: 50px;
}

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


.filter-view {
    float: none !important;
}

.event-speakers-section .partners-logos-carousel .partner-logo-item {
    background-color: var(--suad-light-gray);
    padding: 5px;
    border-radius: 8px;
}

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


.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: relative;
        top: 0px;
       width: 40px;
        height: 40px;
        right: 0px;
        overflow: hidden;
    }

    .header-top-menu-burger-btn-close p{
        position: absolute;
        font-size: 0px;
        }

    .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: fit-content;
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 0 16px;
        z-index: 999999;
    }

    .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%;
        padding: 0 16px;
        text-align: center;
    }

    .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: 5px solid var(--suad-secondary-blue-1);
        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(-20%);
        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: 0px;
        margin-top: -110px;
    }

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

    .section-title {
        flex-flow: column;
        align-items: start;
        text-align: left;
        gap: 20px;
        margin-bottom: 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: 4px 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%;
        padding: 0px 32px;
    }

    .inner-main-banner-breadcrumb {
        justify-content: center;
        flex-wrap: wrap;
        line-height: normal;
        gap: 10px 40px;
    }

    .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.5);
        top: 0px;
        width: 100vw;
        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%);
        display: none;
    }

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

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

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

    .burger-menu-list>li>a {
        font-size: 20px;
        padding: 15px 0px;
        font-weight: 500;
        min-height: 40px;
    }

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

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

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

    .burger-menu-list .submenu li a {
        min-height: 40px;
    }

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



}

@media (max-width: 767px){
.header-top-menu-burger-btn-close p{
position: absolute;
font-size: 0px;
}
}

@media (max-width: 430px){
.dropdown.d-flex.align-items-center.d-lg-flex.gap-2.lang-menu {
    flex-direction: column;
    gap: 10px;
    align-items: start !important;
    margin: 4px auto;
}
}

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

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

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

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

    .submenu.active {
        display: flex;
        overflow: scroll;
        max-height: 325px;
    }
}

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

a.btn img {
    margin-bottom: 0px;
}

/*.header-top-area-fixed{*/
/*    position: fixed;*/
/*    width: 100%;*/
/*}*/

.text-center-cards-title .team-card h3 {
    text-align: center;
}

.why-suad-cards .team-card {
    min-height: 369px;
}

.media-nav ul {
    flex-wrap: wrap;
}

.event-card-list {
    gap: 24px 0;
}

.event-info .card.event-info-closed {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.full-width-btns .section-title-btn {
    width: 100%;
}

.information-section-content .sdgs ul li {
    list-style: none;
}

.sdgs li {
    list-style: none;
}

.news-carousel-nav span#carousel-counter {
    display: none;
}

.prog-ls-area,
.prog-rs-area {
    position: sticky;
    top: 120px
}

.scroll-disabled {
    overflow: hidden;
}

section.bg-size-25 {
    background-size: 25% !important;
}

.w-fit-content {
    width: fit-content;
}

.news-carousel-wrapper .news-card {
    min-height: fit-content;
}

.department-main-info ul p {
    padding: 16px 16px;
}

.program-structure-list ul li br {
    display: none;
}

.program-structure-list ul li {
    padding: 16px 16px 16px 32px;
}

.program-structure-list ul li::before {
    top: 14px;
    left: -16px;
}

.program-structure-list table thead tr th {
    padding: 16px;
}

.global-form h2 {
    font-size: 26px;
    margin-bottom: 16px;
}






/* ===== Design tokens for quick tweaks ===== */
:root {
  --exam-bg: #ffffff;
  --exam-text: #0f172a;          /* slate-900 */
  --exam-muted: #64748b;         /* slate-500 */
  --exam-border: #e5e7eb;        /* gray-200 */
  --exam-header-bg: #f8fafc;     /* slate-50 */
  --exam-header-text: #111827;   /* gray-900 */
  --exam-row-alt: #fbfdff;       /* very light */
  --exam-row-hover: #f1f5f9;     /* slate-100 */
  --exam-accent: #2563eb;        /* blue-600 (not used for CTA) */
  --exam-cta: #ef4444;           /* red-500 */
  --exam-cta-text: #ffffff;
  --exam-radius: 12px;
  --exam-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

/* ===== Table shell ===== */
.exam-table {
  width: 100%;
  margin: 1rem 0;
  border-collapse: collapse;
  background: var(--exam-bg);
  color: var(--exam-text);
  border-radius: var(--exam-radius);
  overflow: hidden;
  box-shadow: var(--exam-shadow);
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 50px;
}

/* Header */
.exam-table thead th {
  background: var(--exam-header-bg);
  color: var(--exam-header-text);
  font-weight: 600;
  text-align: left;
  padding: 16px 20px;
  border-bottom: 1px solid var(--exam-border);
}

.exam-table thead th:last-child{
    text-align: right;
}

.exam-table thead th:first-child{
    text-align: left;
}

/* Rows */
.exam-table tbody tr {
  border-bottom: 1px solid var(--exam-border);
  transition: background-color .15s ease, transform .15s ease;
}
.exam-table tbody tr:nth-child(even) {
  background: var(--exam-row-alt);
}
.exam-table tbody tr:hover {
  background: var(--exam-row-hover);
}

/* Cells */
.exam-table td {
  padding: 16px 20px;
  vertical-align: middle;
}

/* ===== Mobile card style with header labels ===== */
.exam-table thead th { display: none; }
.exam-table td { display: block; }
.exam-table td:first-child { padding-top: 14px; }
.exam-table td:last-child { padding-bottom: 14px; }

.exam-table td::before {
  content: attr(data-th) " :";
  font-weight: 600;
  color: var(--exam-muted);
  display: inline-block;
  min-width: fit-content; /* room for label */
  margin-right: 8px;
}

/* ===== Desktop layout ===== */
@media (min-width: 640px) {
  .exam-table thead th { display: table-cell; }
  .exam-table td { display: table-cell; }
  .exam-table td::before { display: none; }
  .exam-table td:last-child { text-align: right;}
  .exam-table td:last-child .section-title-btn { float: right;}
}

/* ===== CTA button (pill) ===== */
.exam-btn {
  display: inline-block;
  padding: 10px 20px;
  background: var(--exam-cta);
  color: var(--exam-cta-text);
  border-radius: 9999px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
  white-space: nowrap;
}
.exam-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(239, 68, 68, 0.28);
  opacity: 0.95;
}
.exam-btn:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);
}

/* ===== Compact density option (optional) ===== */
.exam-table.is-compact td,
.exam-table.is-compact thead th {
  padding-top: 12px;
  padding-bottom: 12px;
}

/* ===== Subtle rounded corners for first/last rows on desktop ===== */
@media (min-width: 640px) {
  .exam-table tbody tr:first-child td:first-child { border-top-left-radius: var(--exam-radius); }
  .exam-table tbody tr:first-child td:last-child  { border-top-right-radius: var(--exam-radius); }
  .exam-table tbody tr:last-child td:first-child  { border-bottom-left-radius: var(--exam-radius); }
  .exam-table tbody tr:last-child td:last-child   { border-bottom-right-radius: var(--exam-radius); }
}

/* ===== High-contrast mode support (prefers-contrast) ===== */
@media (prefers-contrast: more) {
  :root {
    --exam-border: #d1d5db;
    --exam-row-hover: #e5e7eb;
  }
  .exam-btn { box-shadow: none; }
}


/* Base style */
.suad-tabs .nav-link {
  border: none;
  border-radius: 8px 8px; /* nice rounded top */
  color: var(--suad-primary-white);
  font-weight: 500;
  padding: 10px 18px;
  background: var(--suad-primary-blue-4);
  transition: all 0.25s ease;
}

/* Active tab */
.suad-tabs .nav-link.active {
  background: var(--suad-primary-red);
  color: #fff;
}

/* Hover */
.suad-tabs .nav-link:hover {
  background: var(--suad-primary-blue);
  color: #fff;
}

/* Remove Bootstrap's default focus/active border */
.suad-tabs .nav-link:focus {
  box-shadow: none;
}

/* Tablist container (optional – make the whole bar neat) */
.suad-tabs {
  border-bottom: 0px solid #e5e7eb; /* light gray line */
  gap: 6px; /* space between tabs */
}



/* 🎯 MacBook Pro 13" Retina (1440px wide, DPR = 2) */
@media only screen and (device-width: 1440px) and (-webkit-min-device-pixel-ratio: 2) {

    .col-md-9 {
        flex: 0 0 auto;
        width: 95%;
    }

    .school-card-info h3 {
        font-size: 16px;
    }

    .school-card-info p {
        font-size: 14px;
        line-height: 18px;
    }

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

    .school-card-info .school-card-btn {
        width: 44px;
        height: 44px;
        right: 15px;
        top: -27px;
    }

    .burger-menu .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }


}

/* 🎯 MacBook 13" Non-Retina (1280px wide, DPR = 1) */
@media only screen and (device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1) {

    .col-md-9 {
        flex: 0 0 auto;
        width: 95%;
    }

    .school-card-info h3 {
        font-size: 16px;
    }

    .school-card-info p {
        font-size: 14px;
        line-height: 18px;
    }

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

    .school-card-info .school-card-btn {
        width: 44px;
        height: 44px;
        right: 15px;
        top: -27px;
    }

    .burger-menu .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

}

@media (min-width: 769px) and (max-width: 1024.99px) {
    .inner-main-banner-caption h1 {
        font-size: 32px;
        line-height: 42px;
    }
}

@media (min-width: 1025px) and (max-width: 1599.99px) {
    .inner-main-banner-caption h1 {
        font-size: 42px;
        line-height: 52px;
    }
}

@media (max-width: 767.98px) {

    /* ===== NESTED CONTAINERS (normal + fluid) ===== */
    .container .container,
    .container .container-fluid,
    .container-fluid .container,
    .container-fluid .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* ===== NESTED ROWS ===== */
    .container .row .row,
    .container-fluid .row .row,
    .container .row .container,
    .container .row .container-fluid,
    .container-fluid .row .container,
    .container-fluid .row .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        /* reset Bootstrap negative margins */
        margin-right: 0 !important;
    }

    /* ===== NESTED COLS ===== */
    .container [class^="col-"] [class^="col-"],
    .container [class^="col-"] .container,
    .container [class^="col-"] .container-fluid,
    .container .row [class^="col-"] .row,
    .container-fluid [class^="col-"] [class^="col-"],
    .container-fluid [class^="col-"] .container,
    .container-fluid [class^="col-"] .container-fluid,
    .container-fluid .row [class^="col-"] .row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

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

    .information-section-content h3 {
        margin-bottom: 20px;
    }

    .information-section-visual img {
        margin-bottom: 20px;
    }

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

    .team-card {
        margin-bottom: 44px;
    }

    .filter-view {
        width: 100%;
    }

    .filter-view a {
        width: 50%;
    }

    .events-calendar-filter-area {
        gap: 16px 0;
    }


    .event-card-list {
        gap: 12px 0;
    }

    .fc-theme-standard th.fc-col-header-cell {
        padding: 4px 2px;
    }

    .fc .fc-col-header-cell-cushion {
        font-size: 10px;
        line-height: 15px;
    }

    .departent-tabs-menu li a {
        width: 100%;
        clear: both;
        font-weight: 400;
        color: var(--bs-dropdown-link-color);
        text-align: inherit;
        text-decoration: none;
        white-space: nowrap;
        border: 0;
        border-radius: var(--bs-dropdown-item-border-radius, 0);
        =background: #fff;
        border-bottom: 1px solid #eee;
        padding: 15px 25px;
        font-size: 14px;
        display: block;
    }

    .department-main-info h3 {
        margin-bottom: 12px;
    }

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

    .school-card-border .school-card-info {
        border: 1px solid #f7f0e8;
    }

    .school-card-info {
        margin-bottom: 20px;
    }

    .about-schools .col-6 {
        width: 100%;
    }

    .info-section-img-top .col-md-5 {
        order: 1;
    }

    .info-section-img-top .col-md-6 {
        order: 2;
    }

    .full-width-btns .section-title-btn {
        margin-bottom: 16px;
        justify-content: space-between;
    }

    .team-card-btn {
        transition: all ease 0.01s;
    }

    body {
        padding-top: 92px;
    }

    .burger-menu .main-header {
        position: relative;
    }

    .burger-menu {
        padding-top: 0px;
    }

    .footer-bottom {
        padding-bottom: 200px;
    }

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

    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12 {
        width: 100%;
    }

    .information-section-content p ol,
    .information-section-content .text ol {
        padding-left: 20px;
    }

    .information-section-content p ol li p,
    .information-section-content .text ol li p {
        padding-left: 0px;
        margin-left: 0px !important;
    }

    .exam-table td .section-title-btn{ width: 100%; margin-top: 20px; }

}

@media (min-width: 960px) {
    .team-card {
        min-height: 330px;
    }
}




/******************************Team Member********************************************/

.school h5{
    font-family: 'Outfit';
    font-size: 20px;
    text-transform: capitalize;
    white-space: nowrap;
}

.school-info {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 5px;
}

.school-info span {
    background-color: rgb(205 205 205 / 50%);
    padding: 8px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
}

.school-info span a{
color: var(--bs-body-color);
}


.phd h5{
    font-family: 'Outfit';
    font-size: 20px;
    text-transform: capitalize;
    white-space: nowrap;
}

.phd-info {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 5px;
}

.phd-info span {
    background-color: rgb(205 205 205 / 50%);
    padding: 8px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
}

.phd-info span a{
    color: var(--bs-body-color);
}

.emp-type h5{
    font-family: 'Outfit';
    font-size: 20px;
    text-transform: capitalize;
    white-space: nowrap;
}

.emp-type-info{
    padding: 5px;
    font-size: 18px;
    font-weight: 600;
}

.emp-type-info a{
    color: #002376;
}


.research-team h5{
    font-family: 'Outfit';
    font-size: 20px;
    text-transform: capitalize;
    white-space: nowrap;
}

.research-team-info {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 5px;
}

.research-team-info span{
    background-color: rgb(205 205 205 / 50%);
    padding: 8px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
}

.research-team-info span a{
    color: var(--bs-body-color);
}

.hal-orcid img{
    width: 30px;
}

.hal-orcid a{
    font-family: 'Outfit';
    font-size: 20px;
    text-transform: capitalize;
    white-space: nowrap;
    color: #002376;
}

.light-bg {
    background-color: #f3f3f9;
}

.footer-social-icons.team  {
    display: flex;
    flex-flow: row;
    gap: 10px;
    padding: 0;
}

.footer-social-icons.team li{
    list-style: none;
}

.footer-social-icons.team a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 100%;
    transition: all ease 0.5s;
    filter: brightness(0.3);
}

.footer-social-icons.team a:hover {
    filter: unset;
    background: none;
    border: 1px solid #000;
}


.contact-box.team img {
    height: 40px;
    width: 40px;
    opacity: 0.3;
    border: 1px solid #ddd;
    padding: 4px;
    border-radius: 5px;
    background-color: unset;
    transition: all ease 0.5s;
}

.contact-box.team:hover img {
    background-color: unset;
    opacity: 1;
    border: 1px solid #000;
}



.faculty_profile-container {
      margin: 0 auto;
      padding: 3rem 1rem;
    }

    /* Left side - photo */
    .faculty_profile-photo {
        width: fit-content;
        margin: auto;
        position: sticky;
        top: 90px;
    }
    .faculty_profile-photo img {
      width: 100%;
      border-radius: 1rem;
      box-shadow: 0 8px 20px rgba(0,0,0,0.06);
      max-height: 500px;
      object-fit: cover;
    }

    /* Right side - info */
    .faculty_profile-info h1 {
      margin: 0;
      font-size: 1.9rem;
      font-weight: 700;
      color: var(--suad-blue);
    }
    .faculty_profile-info .faculty_profile-role {
      font-size: 1rem;
      color: var(--suad-muted);
      margin-bottom: 2rem;
    }

    .faculty_profile-section {
      margin-bottom: 1.5rem;
    }
    .faculty_profile-section h2 {
      font-size: 1rem;
      font-weight: 600;
      margin: 0 0 .5rem;
      color: #111827;
    }

    /* Pills */
    .faculty_profile-pills {
      display: flex;
      flex-wrap: wrap;
      gap: .5rem;
    }
    .faculty_profile-pill {
      display: inline-block;
      padding: 0.35rem 0.9rem;
      font-size: 0.85rem;
      border-radius: 999px;
      font-weight: 500;
    }
    .faculty_profile-pill.blue { background: var(--pill-bg-blue); color: var(--pill-text-blue); }
    .faculty_profile-pill.green { background: var(--pill-bg-green); color: var(--pill-text-green); }
    .faculty_profile-pill.orange { background: var(--pill-bg-orange); color: var(--pill-text-orange); }

    /* Bottom wrapper */
    .faculty_profile-bottom {
      border-top: 1px solid #E5E7EB;
      padding-top: 1.5rem;
      margin-top: 2rem;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 2rem;
    }

    /* ID Block (3 lines stacked) */
    .faculty_profile-idblock {
      flex: 1;
      min-width: 260px;
      display: flex;
      flex-direction: column;
      gap: .5rem;
      font-size: 0.95rem;
    }

    .faculty_profile-idline {
      display: flex;
      align-items: center;
      gap: .6rem;
    }

    .faculty_profile-idblock span {
      color: var(--suad-blue);
      font-weight: 600;
    }

    .faculty_profile-idbadge {
      background: #A7D633;
      color: white;
      font-size: 0.85rem;
      font-weight: 700;
      padding: .35rem .75rem;
      border-radius: 1rem;
    }

    .faculty_profile-idblock img {
      height: 28px;
      width: auto;
    }

    /* Right block (socials above, contact below) */
    .faculty_profile-right {
      flex: 1;
      min-width: 260px;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 1rem;
    }

    .faculty_profile-socials {
      display: flex;
      gap: 1rem;
    }
    .faculty_profile-socials a {
      font-size: 1.2rem;
      color: #6B7280;
      transition: color .2s;
    }
    .faculty_profile-socials a:hover { color: var(--suad-blue); }

    .faculty_profile-contact {
      text-align: right;
    }
    .faculty_profile-contactitem {
      display: flex;
      align-items: center;
      gap: .5rem;
      justify-content: flex-end;
      margin-bottom: .5rem;
      font-size: .95rem;
      color: #374151;
    }
    .faculty_profile-contactitem i {
      color: var(--suad-blue);
    }

    /* Responsive */
    @media (max-width: 768px) {
      .faculty_profile-container {
        grid-template-columns: 1fr;
        text-align: left; /* align all text left on mobile */
      }
      .faculty_profile-photo img {
        max-height: 300px;
        margin-bottom: 30px;
      }
      .faculty_profile-bottom {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
      }
      .faculty_profile-right {
        align-items: flex-start;
      }
      .faculty_profile-contact {
        text-align: left;
      }
      .faculty_profile-contactitem {
        justify-content: flex-start;
      }

      .faculty_profile-photo {
            width: auto;
            margin: auto;
        }
    }

  /* Quick links - fixed to bottom, force single-line links on all viewports; keep the label sticky left */
    .menu-quick-links{
        background:#021f6c;
        border-top: 1px solid rgba(255,255,255,0.1);
        color:#fff;
        font-family:inherit;
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        width:100%;
        z-index:9999;
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        padding-bottom: env(safe-area-inset-bottom);
    }
    /* Ensure sticky works - don't clip children */
    .menu-quick-links-wrap{
        display:flex;
        align-items:center;
        position:relative;
        overflow:visible; /* allow sticky to be visible */
        padding:0.25rem 0rem; /* slight padding so links aren't flush to edges */
    }
    .menu-quick-links-label{
        flex:0 0 auto;
        display:flex;
        align-items:center;
        gap:.5rem;
        padding:.75rem 0rem;
        background:linear-gradient(90deg,rgba(0,0,0,0.06),transparent);
        z-index:3;
        color:#fff;
        font-weight:600;
        position:sticky;
        left:0;
        white-space:nowrap;
    }
    .menu-quick-links-label .ql-name{
        display:inline-block;
        font-size:18px !important;
    }
    .menu-quick-links-list{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        white-space:nowrap;
        padding:.25rem .75rem;
        margin-left:0;
        flex:1 1 auto;
    }
    /* Always keep links on one line */
    .menu-quick-links-list .mq-items{
        display:flex;
        gap:1rem;
        padding:0;
        margin:0;
        flex-wrap:nowrap;
        align-items:center;
    }
    .menu-quick-links-list .mq-item{flex:0 0 auto}
    .menu-quick-links-list a{
        color:#fff;
        text-decoration:none;
        padding:.45rem .6rem;
        display:inline-block;
        border-radius:6px;
        white-space:nowrap;
        font-size: 18px !important;
    }
    .menu-quick-links-list a:hover,.menu-quick-links-list a:focus{background:rgba(255,255,255,0.06)}
    .menu-quick-links-list::-webkit-scrollbar{height:8px}
    .menu-quick-links-list::-webkit-scrollbar-track{background:transparent}
    .menu-quick-links-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.12);border-radius:8px}
    /* Keep exact same behavior across breakpoints - no stacking */
    @media (min-width:992px){
        .menu-quick-links-label{position:static;background:transparent;padding-right:0}
    }