@font-face {
    font-family: "QF";
    src: url("../fonts/QF-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "QF";
    src: url("../fonts/QF-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "QF";
    src: url("../fonts/QF-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-white: #ffffff;
    --color-light-200: #ebebeb;
    --color-brand-500: #2689c3;
    --color-brand-600: #237db1;
    --color-hero-accent: #9fddff;
    --color-header-bg: rgba(7, 23, 85, 0.88);

    --site-width: 1512px;
    --site-margin: 48px;
    --site-gutter: 32px;

    --space-1: 8px;
    --space-2: 12px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 32px;
    --space-6: 40px;
    --space-7: 48px;
    --space-8: 64px;

    --radius-small: 16px;
    --radius-main: 30px;
    --radius-round: 99999px;

    --font-xs: 14px;
    --font-sm: 16px;
    --font-main: 18px;
    --font-lg: 20px;
    --font-h5: 24px;
    --font-h4: 32px;
    --font-h3: 48px;
    --font-h2: 64px;
    --font-h1: 80px;

    --header-height: 108px;
    --transition: 220ms ease;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    min-width: 320px;
    overflow-x: hidden;
    font-family: "QF", Arial, sans-serif;
    color: var(--color-white);
    /* background: #081b69; */
    -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    padding:14px 26px;

    border-radius:var(--radius-round,99999px);
    border:var(--border-width-main,1.5px) solid var(--button-primary-border,#2689C3);

    background:var(--button-primary-background,#2689C3);

    color:#FFF;

    text-decoration:none;

    white-space:nowrap;

    font-size:18px;
    font-weight:500;
    line-height:1;

    transition:all .3s ease;

}

.btn img,
.btn svg{

    width:18px;
    height:18px;

    flex-shrink:0;

    transition:transform .3s ease;

}

.btn:hover img,
.btn:hover svg{

    transform:translateX(4px);

}
.skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 9999;
    padding: 10px 16px;
    border-radius: 8px;
    color: #111;
    background: #fff;
    transform: translateY(-160%);
    transition: transform var(--transition);
}
.skip-link:focus { transform: translateY(0); }

.site-container {
    width: min(calc(100% - (var(--site-margin) * 2)), var(--site-width));
    margin-inline: auto;
}

.site-header {
    position: absolute;
    inset: 0 0 auto;
    z-index: 50;
    transition: background var(--transition), box-shadow var(--transition);
}
.site-header.is-scrolled {
    position: fixed;
    background: var(--color-header-bg);
    backdrop-filter: blur(16px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
}
.header-inner {
    min-height: var(--header-height);
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: var(--space-6);
}
.site-logo { width: 164px; flex: 0 0 auto; }
.site-logo img { width: 100%; height: auto; }

.site-navigation { justify-self: center; }
.site-navigation__list {
    display: flex;
    align-items: center;
    gap: 34px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.site-navigation a {
    position: relative;
    display: block;
    padding: 8px 0;
    font-size: var(--font-main);
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}
.site-navigation a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    height: 1.5px;
    background: var(--color-white);
    transition: right var(--transition);
}
.site-navigation a:hover::after,
.site-navigation a:focus-visible::after { right: 0; }

.header-actions {
    display: flex;
    align-items: center;
    gap: var(--space-4);
}
.header-socials { display: flex; align-items: center; gap: 14px; }
.header-socials a {
    width: 18px;
    height: 18px;
    opacity: 0.96;
    transition: opacity var(--transition), transform var(--transition);
}
.header-socials img { width: 100%; height: 100%; object-fit: contain; }
.header-socials a:hover { opacity: 0.72; transform: translateY(-1px); }

.header-mobile-actions {
    display: none;
    align-items: center;
    gap: 18px;
}

.header-register {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 92px;
    height: 42px;

    padding: 0 22px;

    border-radius: 999px;

    color: #fff;
    background: #590076;

    font-size: 15px;
    font-weight: 500;
    line-height: 1;

    transition:
        background .3s ease,
        transform .3s ease;
}

.header-register:hover {
    color: #fff;
    background: #730097;
    transform: translateY(-1px);
}
.language-switcher { position: relative; }
.language-switcher__button {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0;
    border: 0;
    color: var(--color-white);
    background: transparent;
    font-size: var(--font-main);
    font-weight: 500;
    cursor: pointer;
}
.language-switcher__button img {
    width: 17px;
    transition: transform var(--transition);
}
.language-switcher.is-open .language-switcher__button img { transform: rotate(180deg); }
.language-switcher__menu {
    position: absolute;
    top: calc(100% + 18px);
    right: -16px;
    min-width: 170px;
    padding: 8px;
    border-radius: var(--radius-small);
    background: var(--color-white);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity var(--transition), transform var(--transition), visibility var(--transition);
    text-align: center;
}
.language-switcher__menu::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 24px;
    width: 14px;
    height: 14px;
    background: var(--color-white);
    transform: rotate(45deg);
}
.language-switcher__menu a {
    position: relative;
    z-index: 1;
    display: block;
    padding: 11px 14px;
    border-radius: 10px;
    color: #1f1d1e;
    font-size: var(--font-sm);
}
.language-switcher__menu a:hover { background: #f3f5f7; }
.language-switcher.is-open .language-switcher__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.search-button {
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}
.search-button img { width: 100%; height: 100%; object-fit: contain; }

.menu-toggle {
    display: none;
    width: 32px;
    height: 26px;
    padding: 0;
    border: 0;
    background: transparent;
}
.menu-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    margin: 6px 0;
    background: var(--color-white);
}
.mobile-menu { display: none; }

.hero {
    position: relative;

    height: 92vh;

    min-height: 780px;
    max-height: 980px;

    overflow: hidden;
    isolation: isolate;

    background: #081b69;
}
.hero__background {
    position: absolute;
    inset: 0;
    z-index: -3;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.02)),
        url("../images/hero-bg.png") center center / cover no-repeat;
}
.agenda-cs {
    color:#404040;
    text-align: center;
    font-size: 18px;
}
.hero__globe {
    position: absolute;
    right: -131px;
    bottom: -231px;
    z-index: -1;
    width: min(42vw, 647px);
    height: auto;
    pointer-events: none;
    user-select: none;
}
.hero__container {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero__content {
    width: min(100%, 980px);
    padding-top: 104px;
    transform: translateY(42px);
}
.hero__eyebrow {
    margin: 0 0 12px;
    color: #A4E1F7;
    font-size: clamp(48px, 80px, 80px);
    font-weight: 700;
    line-height: 1;

}
.hero__title {
    margin: 0;
    color: var(--color-white);
    font-size: clamp(64px, 80px, 80px);
    font-weight: 600;
    line-height: 0.98;
    letter-spacing: -0.025em;
    text-transform: uppercase;
}
.hero__meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin-top: 28px;
    color: var(--color-light-200);
    font-size: clamp(22px, 32px, 32px);
    font-weight: 400;
    line-height: 1.2;
}
.hero__dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
}
.hero__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 184px;
    min-height: 58px;
    margin-top: 58px;
    padding: 14px 34px;
    border: 1.5px solid var(--color-brand-500);
    border-radius: var(--radius-round);
    color: var(--color-white);
    background: #2689C3;
    font-size: var(--font-lg);
    font-weight: 500;
    line-height: 1;
    transition: background var(--transition), border-color var(--transition), transform var(--transition), box-shadow var(--transition);
}
.hero__cta:hover,
.hero__cta:focus-visible {
    color: #2689C3;
    background: #fff;
    border-color: var(--color-brand-600);
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}

/* ==========================================================
   About Section
========================================================== */

.about-section{

    position:relative;

    padding:140px 0;

    background-image:url("../images/about-background.png");
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;

}

.section-title{

    display:flex;

    align-items:center;

    margin-bottom:30px;

}

.section-title h2{

    margin:0;

    color:#fff;

    font-size:48px;

    font-weight:700;

    line-height:1;

    flex-shrink:0;

}

.section-title-path{

    flex:1;

    margin-left:48px;

}

.section-title-path img{

    width:100%;

    display:block;

}

.about-content{

    max-width:100%;

}

.site-container .about-container {
    width:80%;
    margin:0 auto;
}
.about-content p{

    color:rgba(255,255,255,.72);

    font-size:24px;

    font-weight:400;

    line-height:130%;

    margin-bottom:56px;

}

.about-content p:last-child{

    margin-bottom:0;

}


/* summit track */
/*==================================================
SUMMIT TRACKS
==================================================*/

.summit-tracks{

    background:#fff;

    padding:120px 0;

    padding-bottom: 90px;

}
.summit-tracks .section-title h2{

    color:#000;

}

.summit-tracks .section-title-path{

    margin-left:48px;

}
.section-subtitle{

    margin:18px 0 45px;

    color:#444;

    font-size:20px;

}

.summit-card{

    background:url("../images/summit-tracks-background.png") center center / cover no-repeat;

    border-radius:14px;

    padding:40px;

    display:grid;

    grid-template-columns:46% 54%;

    gap:45px;

    overflow:hidden;

}
.summit-card{

    padding:32px;

    display:grid;

    grid-template-columns:minmax(420px, 1fr) minmax(520px, 1.15fr);

    gap:32px;

    align-items:center;

    background:url("../images/summit-tracks-background.png") center/cover no-repeat;

    border-radius:16px;

}

.tracks-list{

    display:flex;

    flex-direction:column;

    justify-content:space-evenly;

}

.track{

    display:grid;

    grid-template-columns:55px 1fr 48px;

    align-items:center;

    min-height:74px;

    background:none;

    border:none;

    border-bottom:1px solid rgba(255,255,255,.18);

    color:#fff;

    text-align:left;

    cursor:pointer;

    transition:.25s;

}

.track:last-child{

    border-bottom:none;

}

.track-number{

    font-size:18px;

    opacity:.75;

}

.track-title{

    font-size:24px;

    font-weight:700;

}

.track-arrow{

    display:flex;

    justify-content:flex-end;

    opacity:0;

    transition:.25s;

}

.track-arrow img{

    width:34px;

}

.track.active .track-arrow{

    opacity:1;

}

.track:hover{

    color:#7fd8ff;

}

.track-preview{

    position:relative;

    border-radius:12px;

    overflow:hidden;

    max-height:600px;

    height:100%;

}

.track-preview img{

    width:100%;

    height:100%;

    max-height:600px;

    object-fit:cover;

    object-position:center;

    display:block;

    transition:opacity .3s ease;
    /* border: 1px solid #000; */
    border-radius: 16px;

}

.track-overlay{

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    min-height:42%;

    display:flex;

    align-items:flex-end;

    padding:32px;

    background:linear-gradient(
        180deg,
        rgba(21,75,107,0) 0%,
        #154B6B 100%
    );

}

.track-overlay p{

    margin:0;


    color:#fff;

    font-size:24px;

    line-height:130%;

    font-weight:400;

}
/* eof summit tracks */

/* agenda */
/*==================================================
AGENDA
==================================================*/

.agenda-section{

    padding:0;

    background:#fff;

}

.agenda-header{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:60px;

    margin-bottom:48px;

}

.agenda-header .section-title h2{
    color:#000;
}

.agenda-intro{

    max-width:760px;

}

.agenda-intro .section-subtitle{

    margin-top:18px;

    font-size:18px;

    line-height:1.5;

    color:#404040;

}

.agenda-buttons{

    display:flex;

    gap:16px;

    margin-top:56px;

}

.btn-agenda{

    height:48px;

    padding:0 24px;

    border-radius:999px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    color:#fff;

    text-decoration:none;

    font-size:17px;

    font-weight:500;

    transition:.3s;

}

.btn-agenda span{

    font-size:22px;

}

.btn-agenda-primary{

    background:#2E8ACB;

}

.btn-agenda-secondary{

    background:#6A0D91;

}

.btn-agenda:hover, .btn-partner-with-us:hover{

    opacity:.9;
    color:#fff;
    background:#000;
    border-color:#000;

}

/* Card */

.agenda-card{

    border:1px solid #D9D9D9;

    border-radius:20px;

    overflow:hidden;

    background:#fff;

}

/* Date */

.agenda-date-bar{

    background:#EAF5FD;

    height:97px;

    display:grid;

    grid-template-columns:80px 1fr 80px;

    align-items:center;

    padding:0 40px;

    border-bottom:1px solid #D9D9D9;

}

.agenda-date-bar h3{

    margin:0;

    text-align:center;

    font-size:28px;

    font-weight:700;

    color:#222;

}

.agenda-nav{

    width:64px;
    height:64px;

    display:flex;
    justify-content:center;
    align-items:center;

    padding:0;

    border:1px solid #BFC8CF;
    border-radius:50%;

    background:transparent;

    cursor:pointer;

    transition:all .3s ease;

}

.agenda-nav img{

    width:18px;
    height:auto;

    display:block;

    transition:transform .3s ease, filter .3s ease;

}

.agenda-prev img{

    transform:rotate(180deg);

}

/* Hover */

.agenda-nav:hover{

    background:#000;
    border-color:#000;

}

.agenda-nav:hover img{

    filter:brightness(0) invert(1);
    transform:scale(1.08);

}

.agenda-prev:hover img{

    transform:rotate(180deg) scale(1.08);

    filter:brightness(0) invert(1);

}

/* Table */

.agenda-table-head,

.agenda-row{

    display:grid;

    grid-template-columns:26% 38% 36%;

}

.agenda-table-head{

    display:grid;

    grid-template-columns:26% 38% 36%;

    background:#fff;

}

.agenda-table-head > div{

    display:flex;

    align-items:center;

    gap:14px;

    padding:32px 38px;

    border-right:1px solid #E2E2E2;

    font-size:18px;

    font-weight:700;

    color:#2A2A2A;

}

.agenda-table-head > div:last-child{

    border-right:none;

}

/* Time */

.agenda-table-head > div:nth-child(1){

    justify-content:flex-start;

}

/* Session */

.agenda-table-head > div:nth-child(2){

    justify-content:center;

}

/* Location */

.agenda-table-head > div:nth-child(3){

    justify-content:center;

}

.agenda-table-head img{

    width:24px;

    height:24px;

    flex-shrink:0;

    display:block;

}
.agenda-table-head>div,

.agenda-row>div{

    padding:23px 13px;

    border-right:1px solid #D9D9D9;

}

.agenda-table-head>div:last-child,

.agenda-row>div:last-child{

    border-right:none;

}

.agenda-row{

    border-top:1px solid #D9D9D9;

    color:#666;

    font-size:17px;

    line-height:1.6;

}

.agenda-row>div:nth-child(2),

.agenda-row>div:nth-child(3){

    text-align:center;

}

.agenda-table-head i{

    color:#2E8ACB;

    margin-right:12px;

    font-size:20px;

}
.agenda-row{

    display:grid;
    grid-template-columns:26% 38% 36%;

    transition:background-color .25s ease;

}

/* Odd rows */
.agenda-row:nth-child(odd){

    background:#FFFFFF;

}

/* Even rows */
.agenda-row:nth-child(even){

    background:#F9F9F9;

}

/* Hover */
.agenda-row:hover{

    background:#B4D5E7;

}

.agenda-row > div{

    padding:23px 13px;

    border-right:1px solid #E2E2E2;

    transition:color .25s ease;

}

.agenda-row > div:last-child{

    border-right:none;
    

}
.btn-agenda{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;

}

.btn-agenda img{

    width:18px;
    height:auto;

    display:block;

    filter:brightness(0) invert(1);

    transition:transform .3s ease;

}

.btn-agenda:hover img{

    transform:translateX(4px);

}
/* eof agenda */
/* speakers */
/*==================================================
SPEAKERS
==================================================*/

.speakers-section{

    position:relative;

    overflow:hidden;

    padding:90px 0;

    
    margin-top:90px;

}

.speakers-section::after{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.08);

    z-index:2;

    pointer-events:none;

}

.speakers-section .container{

    position:relative;

    z-index:5;

}
/*=========================
Backgrounds
=========================*/

.speakers-background{

    position:absolute;

    inset:0;

    background-size:cover;

    background-position:center;

    opacity:0;

    transition:opacity .45s ease;

    z-index:1;

}

.speakers-background.is-active{

    opacity:1;

}

.speakers-background--recent{

    background-image:url("../images/speakers/recent-speakers-background.jpg");

}

.speakers-background--upcoming{

    background-image:url("../images/speakers/upcoming-speakers-background.jpg");

}

.speakers-section .container{

    position:relative;

    z-index:5;

}

/*=========================
Tabs
=========================*/

.speakers-tabs{

    display:flex;

    gap:46px;

    margin-bottom:34px;

}

.speakers-tab{

    background:none;

    border:none;

    border-bottom:3px solid rgba(255,255,255,.20);

    color:rgba(255,255,255,.45);

    padding:0 0 18px;

    display:flex;

    align-items:center;

    gap:14px;

    cursor:pointer;

    transition:.3s;

}

.speakers-tab__label{

    font-size:32px;

    font-weight:600;

}

.speakers-tabs{

    display:flex;

    gap:44px;

    margin-bottom:34px;

}

.speakers-tab{

    border-bottom:3px solid rgba(255,255,255,.22);

    padding-bottom:14px;

}



.speakers-tab__arrow{

    width:33px;

    filter:brightness(0) invert(1);

    opacity:0;

    transform:translateX(-6px);

    transition:.3s;

}

.speakers-tab.is-active{

    color:#FFF;

}

.speakers-tab.is-active .speakers-tab__arrow{

    opacity:1;

    transform:none;

}

/*=========================
Panels
=========================*/

.speakers-panel{

    display:none;

}

.speakers-panel.is-active{

    display:block;

}



.speakers-intro{

    margin-bottom:36px;

    color:rgba(255,255,255,.72);

    font-size:20px;

}

/*=========================
Swiper
=========================*/

.speakers-swiper{

    overflow:visible;

}

.speakers-swiper .swiper-slide{

    width:188px;

}

.speakers-swiper .swiper-slide:first-child{

    width:218px;

}

/*=========================
Cards
=========================*/

.speakers-grid{

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;

    align-items:start;

}

.speaker-card{

    display:flex;
    flex-direction:column;
    align-items:center;

    align-self:start;

    padding:18px;

    border:1px solid rgba(255,255,255,.18);
    border-radius:20px;

    background:transparent;

    min-height:255px;

    transition:
        background .35s ease,
        border-color .35s ease,
        color .35s ease;

}

.speaker-card__image-wrap{

    width:176px;
    height:176px;

    border-radius:50%;

    overflow:hidden;

    margin-bottom:18px;

}

.speaker-card__image{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    border-radius:50%;

    filter:grayscale(100%);

    transition:
        filter .35s ease,
        transform .35s ease;

}
.speaker-card__content{

    text-align:center;

    width:100%;

}

.speaker-card__name{

    margin:0;

    color:#FFF;

    font-size:20px;
    font-weight:700;
    line-height:1.25;

    transition:color .35s ease;

}

.speaker-card__position{

    margin-top:8px;

    color:#6D6D6D;

    font-size:15px;
    line-height:1.35;

    opacity:0;

    max-height:0;

    overflow:hidden;

    transition:
        opacity .3s ease,
        max-height .35s ease,
        margin-top .35s ease;

}

/*=========================
Pagination
=========================*/

.speakers-pagination{

    margin-top:42px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:14px;

}

.speakers-pagination__dot{

    width:11px;

    height:11px;

    border-radius:50%;

    border:none;

    padding:0;

    background:rgba(255,255,255,.35);

    cursor:pointer;

    transition:.3s;

}

.speakers-pagination__dot.is-active{

    background:#FFF;

}

.speakers-pagination__track{

    width:76px;

    height:10px;

    border-radius:999px;

    background:rgba(255,255,255,.22);

    overflow:hidden;

}

.speakers-pagination__progress{

    display:block;

    width:50%;

    height:100%;

    border-radius:999px;

    background:#FFF;

    transition:.35s;

}

/*=========================
Upcoming
=========================*/

.upcoming-speakers{

    height:460px;

    display:flex;

    justify-content:center;

    align-items:center;

}

.upcoming-speakers__title{

    margin:0;

    color:#FFF;

    text-align:center;

    font-size:64px;

    font-weight:700;

    line-height:1.18;

}
.speakers-swiper{

    overflow:hidden;

}
.speakers-swiper .swiper-slide{

    width:188px;

}

.speakers-swiper .swiper-slide:first-child{

    width:220px;

}

.speaker-card__image-wrap{

    width:168px;

    height:168px;

}
.speaker-card--featured .speaker-card__image-wrap{

    width:176px;

    height:176px;

}
.speaker-card__name{

    font-size:20px;

    font-weight:700;

    line-height:1.3;

}

.speaker-card__position{

    font-size:16px;

    line-height:1.35;

}

.speaker-card:hover{

    background:#FFF;

    border-color:#FFF;

}
.speaker-card:hover .speaker-card__name{

    color:#101010;

}

.speaker-card:hover .speaker-card__position{

    opacity:1;

    max-height:70px;

}

.speaker-card:hover .speaker-card__image{

    filter:grayscale(0%);

    transform:scale(1.03);

}
.speakers-pagination__progress{

    width:50%;

    transition:.4s ease;

}




.speakers-inner{
    position: relative;
    z-index: 5;
}

/* eof speakers */
/* Reports */
/*==================================================
REPORTS
==================================================*/

.reports-section{

    padding:120px 0;

    background:#F7F7F7;

}

/*==================================
Header
==================================*/

.reports-header{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:40px;

    margin-bottom:56px;

}

.reports-header__content{

    max-width:650px;

}

.reports-header__content .section-title{

    margin-bottom:16px;
    font-size: 48px;
    color:#000;
    font-weight: 700;

}

.reports-header__content .section-description{

    margin-bottom:0;

    color:#666;
    font-size: 18px;

}

/*==================================
List
==================================*/

.reports-list{

    display:flex;

    flex-direction:column;

    gap:18px;

}

/*==================================
Card
==================================*/

.report-card{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:48px;
    

    padding:26px 28px;

    border-radius:20px;

    background:#FFF;

    transition:
        background .35s ease,
        transform .35s ease,
        box-shadow .35s ease;

}

.report-card:hover{

    background:#C8DFF0;

    transform:translateY(-2px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}

/*==================================
Content
==================================*/

.report-card__content{

    flex:1;

    min-width:0;

}

.report-card__title{

    margin:0 0 22px;

    font-size:20px;

    font-weight:700;

    line-height:1.25;

    color:#111;

}

.report-card__meta{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    font-size:16px;

    color:#4D4D4D;

}

.report-card__meta img{

    width:22px;

    height:22px;

}

.report-card__meta strong{

    font-weight:700;

    color:#111;

}

.separator{

    width:1px;

    height:18px;

    background:#999;

    margin:0 4px;

}

/*==================================
Buttons
==================================*/

.report-card__actions{

    width:420px;

    display:flex;

    justify-content:flex-end;

    gap:14px;

    flex-shrink:0;

    opacity:0;

    visibility:hidden;

    transform:translateX(20px);

    transition:
        opacity .35s ease,
        transform .35s ease,
        visibility .35s;

}

.report-card:hover .report-card__actions{

    opacity:1;

    visibility:visible;

    transform:translateX(0);

}
.btn img{
    width:18px;
    height:18px;

    display:block;

    flex-shrink:0;

    filter: brightness(0) invert(1);

    transition:
        transform .3s ease,
        filter .3s ease;
}

/*==================================
Buttons
==================================*/

.report-card .btn{

    white-space:nowrap;

}

/*==================================
Hover Arrow
==================================*/

.report-card .btn img{

    transition:transform .3s ease;

}

.report-card .btn:hover img{

    transform:translateX(4px);

}

.btn-secondary {
    background: #267fb7;
    border-color:#267fb7;
}
.btn-purple {
    background: #4e0668;
    border-color: #4e0668;
}
.btn:hover {
    background-color:#1f1d1e;
    border-color: #1f1d1e;
    color:#fff;
}
/*==================================
Responsive
==================================*/

@media (max-width:1200px){

    .report-card{

        flex-direction:column;

        align-items:flex-start;

    }

    .report-card__actions{

        width:100%;

        justify-content:flex-start;

        opacity:1;

        visibility:visible;

        transform:none;

    }

}

@media (max-width:768px){

    .reports-header{

        flex-direction:column;

    }

    .report-card{

        padding:24px;

    }

    .report-card__title{

        font-size:24px;

    }

    .report-card__meta{

        font-size:16px;

    }

    .report-card__actions{

        flex-direction:column;

        width:100%;

    }

    .report-card__actions .btn{

        width:100%;

        justify-content:center;

    }

}
/* eof reports */

/* feautres cards */
/*==================================================
FEATURE CARDS
==================================================*/

.feature-cards-section{

    background:#2C8BC5;

    padding:120px 0;

}

.feature-cards-section .site-container{

    display:flex;

    flex-direction:column;

    gap:42px;

}


/*==================================================
CARD
==================================================*/

.feature-card{

    display:flex;

    align-items:center;

    gap:80px;

    background:#FFF;

    border-radius:36px;

    padding:56px;

}

.feature-card--reverse{

    flex-direction:row-reverse;

}


/*==================================================
IMAGE
==================================================*/

.feature-card__image{

    width:47%;

    flex-shrink:0;

}

.feature-card__image img{

    width:100%;

    display:block;

    border-radius:24px;

}


/*==================================================
CONTENT
==================================================*/

.feature-card__content{

    flex:1;
    

}

.feature-card__title{

    font-size:48px;
    color:#000;
    line-height:1.05;

    font-weight:700;

    margin-bottom:32px;
    letter-spacing: -1.44px;



}

.feature-card__content p{

    font-size:18px;

    line-height:150%;

    color:#666;

    margin-bottom:34px;

}

.feature-card__content strong{

    color:#333;

    font-weight:700;

}

.feature-card__content a{

    color:#58A8E6;

    font-weight:700;

}


/*==================================================
EXPANDABLE CONTENT
==================================================*/



.feature-card.is-open .feature-card__more{

    opacity:1;

}


/*==================================================
BUTTON
==================================================*/

.feature-card__toggle{

    border:none;

    background:none;

    padding:0;

    cursor:pointer;

    color:#222;

    font-size:18px;

    font-weight:500;

    border-bottom:2px solid #69A9D8;

}

.feature-card__toggle:hover{

    color:#2689C3;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1200px){

    .feature-card{

        gap:50px;

    }

    .feature-card__title{

        font-size:48px;

    }

}

@media(max-width:992px){

    .feature-card,

    .feature-card--reverse{

        flex-direction:column;

    }

    .feature-card__image{

        width:100%;

    }

    .feature-card{

        padding:32px;

    }

    .feature-card__title{

        font-size:40px;

    }

}
.feature-card__more{
    height:0;
    overflow:hidden;
    opacity:0;
    transition:
        height .45s ease,
        opacity .3s ease;
}

.feature-card.is-open .feature-card__more{
    opacity:1;
}



/* eof features cards */
@media (max-width: 1499.98px) {
    :root { --site-margin: 36px; }
    .header-inner { gap: 26px; }
    .site-navigation__list { gap: 24px; }
    .site-navigation a { font-size: 16px; }
    .header-actions { gap: 18px; }
    .header-socials { gap: 11px; }
    .hero__globe { width: min(56vw, 900px); }
}



@media (max-width: 1199.98px) {

    :root {
        --site-margin: 24px;
        --header-height: 88px;
    }

    .site-navigation,
    .header-actions {
        display: none;
    }

    .header-inner {
        grid-template-columns: auto auto;
        justify-content: space-between;
        gap: 24px;
    }

    .header-mobile-actions {
        display: flex;
    }

    .menu-toggle {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 6px;

        width: 30px;
        height: 30px;

        padding: 0;

        border: 0;
        background: transparent;

        cursor: pointer;
    }

    .menu-toggle span {
        display: block;

        width: 24px;
        height: 2px;

        margin: 0;

        border-radius: 99px;

        background: #fff;

        transition:
            transform .3s ease,
            opacity .3s ease;
    }

    .menu-toggle[aria-expanded="true"] span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .menu-toggle[aria-expanded="true"] span:nth-child(2) {
        opacity: 0;
    }

    .menu-toggle[aria-expanded="true"] span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    .mobile-menu {
        display: block;

        max-height: 0;
        overflow: hidden;

        background: rgba(7, 23, 85, .98);

        transition: max-height .35s ease;
    }

    .mobile-menu.is-open {
        max-height: 420px;
    }

    .mobile-menu .site-container {
        display: grid;

        padding-top: 12px;
        padding-bottom: 26px;
    }

    .mobile-menu a {
        padding: 14px 0;

        border-bottom: 1px solid rgba(255, 255, 255, .12);

        color: #fff;

        font-size: 18px;
        font-weight: 500;
    }

    .mobile-menu a:last-child {
        border-bottom: 0;
    }

    .hero { min-height: 760px; }
    .hero__content { transform: translateY(20px); }
    .hero__globe { width: 68vw; }
}

@media (max-width: 767.98px) {
    :root { --site-margin: 20px; }
    .site-logo { width: 142px; }
    .hero { min-height: 720px; height: 100svh; }
    .hero__background { background-position: center top; }
    .hero__content { padding-top: 88px; transform: none; }
    .hero__eyebrow { font-size: 40px; }
    .hero__title { font-size: clamp(42px, 11vw, 58px); line-height: 1.02; }
    .hero__meta { flex-direction: column; gap: 7px; margin-top: 20px; font-size: 20px; }
    .hero__dot { display: none; }
    .hero__cta { min-height: 54px; margin-top: 38px; font-size: 18px; }
    .hero__globe { width: 98vw; right: -18vw; }
}


/* sponsorship */
/*==================================================
SPONSORSHIP
==================================================*/

.sponsorship-section{

    position:relative;

    min-height:680px;

    display:flex;

    align-items:flex-end;

    padding:80px 0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.10) 0%,
            rgba(0,0,0,.20) 40%,
            rgba(0,0,0,.75) 100%
        ),
        url('../images/sponsorship.png') center center / cover no-repeat;

}


.sponsorship-content{

    max-width:560px;

    color:#FFF;

}

.sponsorship-content h2{

    font-size:48px;

    line-height:1.05;

    font-weight:700;

    margin-bottom:24px;

    color:#FFF;

    letter-spacing:-2px;

}

.sponsorship-content p{

    font-size:20px;

    line-height:1.35;

    color:rgba(255,255,255,.82);

    margin-bottom:42px;

}


@media (max-width:991px){

    .sponsorship-section{

        /* min-height:520px; */

        padding:80px 0;

        background-position:85% center;

    }

    .sponsorship-content{

        max-width:100%;

    }

    .sponsorship-content h2{

        font-size:42px;

    }

    .sponsorship-content p{

        font-size:22px;

    }

}
/* eof sponsorshop */


/* partners */
/*==================================================
PARTNERS
==================================================*/

.partners-section{

    position:relative;

    overflow:hidden;

    background: linear-gradient(270deg, #BCDAEC 38.86%, #6EB0D7 100.33%);

    /* padding:120px 0; */

}

.partners-mobile{
    display:none;
}

.partners-section{

    position: relative;

    overflow: hidden;

    /* padding: 120px 0; */
    padding: 0 60px;

    background: linear-gradient(270deg, #BCDAEC 38.86%, #6EB0D7 100.33%);

}
.partners-decoration{

    position: absolute;

    width: 263px;
    height: 295px;
    left: 0;
    bottom: 0;
    

    background: url('../images/globe2.svg') no-repeat;

    background-size: contain;

    pointer-events: none;

    opacity: 1;

    z-index: 1;


}

.partners-section .site-container{

    display:grid;

    grid-template-columns:1fr 440px;

    gap:80px;

    align-items:center;

}


/*==================================================
LEFT
==================================================*/

.partners-content h2{

    font-size:48px;

    line-height:1.05;

    color:#103A52;

    font-weight:700;


    letter-spacing: -1.44px;


    max-width:650px;

}


/*==================================================
RIGHT
==================================================*/

.partners-marquees{

    position: relative;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:28px;

}
.partners-marquees::before{

    content:"";

    position:absolute;

    top:0;
    right:0;

    width:100%;
    height:170px;

    z-index:5;

    pointer-events:none;

    background:linear-gradient(
        180deg,
        #BCDAEC 0%,
        rgba(188,218,236,0) 100%
    );

}

.partners-marquees::after{

    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:170px;

    z-index:5;

    pointer-events:none;

    background:linear-gradient(
        180deg,
        rgba(188,218,236,0) 0%,
        #BCDAEC 100%
    );

}


/*==================================================
COLUMN
==================================================*/

.partners-column{

    height:560px;

    overflow:hidden;

}


/*==================================================
TRACK
==================================================*/

.partners-track{

    display:flex;

    flex-direction:column;

    gap:28px;

}


/*==================================================
CARD
==================================================*/

.partner-card{

    height:170px;

    background:#FFF;

    border-radius:28px;

    display:flex;

    justify-content:center;

    align-items:center;

    /* padding:36px; */

    box-shadow:
        0 10px 30px rgba(0,0,0,.06);

    transition:.35s;

}

.partner-card:hover{

    /* transform:translateY(-6px); */

    box-shadow:
        0 20px 50px rgba(0,0,0,.10);

}

.partner-card img{

    max-width:100%;

    max-height:140px;

    object-fit:contain;

}


/*==================================================
ANIMATION
==================================================*/

.partners-track-up{

    animation:partnerUp 28s linear infinite;

}

.partners-track-down{

    animation:partnerDown 34s linear infinite;

}

@keyframes partnerUp{

    from{

        transform:translateY(0);

    }

    to{

        transform:translateY(calc(-50% - 14px));

    }

}

@keyframes partnerDown{

    from{

        transform:translateY(calc(-50% - 14px));

    }

    to{

        transform:translateY(0);

    }

}


/*==================================================
PAUSE ON HOVER
==================================================*/

.partners-column:hover .partners-track{

    animation-play-state:paused;

}

.partners-section{

    position:relative;

    overflow:hidden;

    background:linear-gradient(
        180deg,
        #75B7E3 0%,
        #BCDAEC 100%
    );

}

/* Top Fade */

/* .partners-section::before{

    content:"";

    position:absolute;

    top:0;
    right:0;

    width:100%;
    height:180px;

    background:linear-gradient(
        180deg,
        #BCDAEC 0%,
        rgba(188,218,236,0) 100%
    );

    

    z-index:5;

    pointer-events:none;

} */

/* Bottom Fade */

/* .partners-section::after{

    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:180px;

    background:linear-gradient(
        180deg,
        rgba(188,218,236,0) 0%,
        #BCDAEC 100%
    );

    z-index:5;

    pointer-events:none;

} */
/*==================================================
RESPONSIVE
==================================================*/

/* @media(max-width:1200px){

    .partners-section .site-container{

        grid-template-columns:1fr;

    }

    .partners-content{

        text-align:center;

    }

    .partners-content h2{

        margin:auto;

        font-size:52px;

    }

    .partners-marquees{

        max-width:500px;

        margin:auto;

    }

}

@media(max-width:768px){

    .partners-marquees{

        grid-template-columns:1fr;

    }

    .partners-column{

        height:520px;

    }

    .partners-content h2{

        font-size:38px;

    }

} */
/* partners */

/* discover qatar */
/*==================================================
DISCOVER QATAR
==================================================*/

.discover-qatar-section{

    position:relative;

    min-height:900px;

    overflow:hidden;

    background:
        linear-gradient(
            90deg,
            rgba(44,55,71,.65) 0%,
            rgba(44,55,71,.50) 22%,
            rgba(44,55,71,.22) 42%,
            rgba(44,55,71,0) 70%
        ),
        var(--bg) center center / cover no-repeat;

}

.discover-qatar-section .site-container{

    position:relative;

    height:100%;

    padding-top:80px;

    padding-bottom:80px;

}

.discover-qatar-content{

    max-width:600px;

    color:#FFF;

}

.discover-qatar-content h2{

    color:#FFF;

    font-size:48px;

    font-weight:700;

    line-height:1.05;

    letter-spacing:-2px;

    margin-bottom:36px;

}

.discover-qatar-content p{

    color:rgba(255,255,255,.88);

    font-size:16px;

    line-height:150%;

    margin-bottom:28px;

}

.discover-qatar-content .btn{

    margin-top:18px;

}
.discover-qatar-section{

    position:relative;

    background:var(--bg) center/cover no-repeat;

}

.discover-qatar-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(44,55,71,.65) 0%,
        rgba(44,55,71,.50) 22%,
        rgba(44,55,71,.22) 42%,
        rgba(44,55,71,0) 70%
    );

    pointer-events:none;

}

.discover-qatar-section .site-container{

    position:relative;

    z-index:2;

}
@media (max-width:991px){

    .discover-qatar-section{

        min-height:auto;

        background-position:65% center;

    }

    .discover-qatar-section .site-container{

        padding:80px 0;

    }

    .discover-qatar-content{

        max-width:100%;

    }

    .discover-qatar-content h2{

        font-size:46px;

    }

    .discover-qatar-content p{

        font-size:18px;

    }

}
/* eof discover qatar */


/* follow us */
/*==================================================
FOLLOW US
==================================================*/

.follow-section{

    padding:120px 0;

    background:#FFF;

}

.follow-wrapper{
    position:relative;

    display:flex;
    align-items:center;

    overflow:hidden;

    min-height:590px;

    border-radius:36px;
}

/* background layer */
.follow-wrapper::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        url('../images/followus-bg.png')
        center / cover
        no-repeat;

    z-index:0;
}

/*==================================================
CONTENT
==================================================*/

.follow-content{

    position:relative;

    z-index:5;

    width:470px;

    padding:0 70px;

}

.follow-content h2{

    color:#FFF;

    font-size:48px;

    font-weight:700;

    line-height:1.05;

    margin-bottom:24px;

}

.follow-content p{

    color:rgba(255,255,255,.82);

    font-size:18px;

    line-height:1.5;

    margin-bottom:42px;

}


/*==================================================
SOCIAL
==================================================*/

.follow-socials{

    display:flex;

    align-items:center;

    gap:18px;

}

.follow-socials a{

    transition:.3s;
    height: 24px;
    width: 24px;

}

.follow-socials a:hover{

    transform:translateY(-5px);

}

.follow-socials img{

    display:block;

    width:30px;

}


/*==================================================
RIGHT IMAGE
==================================================*/

.follow-images{

    position:absolute;

    top:0;

    right:0;

    width:58%;

    height:100%;

    display:flex;

    justify-content:flex-end;

    align-items:center;

    pointer-events:none;

}

.follow-images img{

    width:100%;

    max-width:760px;

    height:auto;

    display:block;

}

.follow-images{

    position:absolute;

    top:-30px;

    right:-40px;

    width:58%;

    height:calc(100% + 60px);

}

.follow-socials{

    display:flex;

    align-items:center;

    gap:20px;

}

.follow-socials a{

    width:24px;

    height:24px;

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;

    transition:.3s;

}

.follow-socials img{

    display:block;

    width:100%;
    height:100%;

    object-fit:contain;

}

.follow-socials a:hover{

    transform:translateY(-4px);

}

.follow-images{

    position:absolute;

    top:0;
    right:40px;

    width:56%;
    height:100%;

}

.follow-images img{

    position:absolute;

    right:0;
    bottom:0;

    height:100%;
    width:auto;

    max-width:none;

    display:block;

}

@media (max-width:1200px){

    .follow-wrapper{

        min-height:auto;

        padding-bottom:420px;

    }

    .follow-content{

        width:100%;

        padding:70px;

    }

    .follow-images{

        width:100%;

        height:420px;

        top:auto;

        bottom:0;

        justify-content:center;

    }

    .follow-images img{

        width:90%;

    }

}

@media (max-width:768px){

    .follow-content{

        padding:40px;

    }

    .follow-content h2{

        font-size:42px;

    }

    .follow-content p{

        font-size:18px;

    }

}
/* eof follow us */

/* footer */
/*==================================================
FOOTER
==================================================*/

.site-footer{

    background:#EBEBEB;

    padding:80px 0 50px;

}

.site-footer hr{

    margin:48px 0;

    border:0;

    border-top:1px solid rgba(0,0,0,.15);

}
.footer-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

}

.footer-logo img{

    width:234px;

    display:block;

}
.footer-main-btn{

    display:inline-flex;

    align-items:center;

    gap:14px;

    padding:16px 28px;

    border-radius:999px;

    background:#FFF;

    color:#2689C3;

    font-weight:500;

    text-decoration:none;

    transition:.3s;

    font-size: 18px;

}

.footer-main-btn img{

    width:22px;

    transition:.3s;

}

.footer-main-btn:hover{

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.footer-main-btn:hover img{
    transform:translateX(-4px);
}

.footer-nav{

    display:grid;

    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;

    align-items:center;

    text-align:center;

}

.footer-nav span{

    color:#C9C9C9;

}

.footer-nav a{
    font-size: 16px;

    color:#1F1D1E;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

    position:relative;
    line-height: 150%;

    

    

}

.footer-nav a span {
    color:#1F1D1E;
    border-bottom: 0.5px solid  #1F1D1E;
    padding:10px 0;
}



.footer-nav a:hover{

    color:#1683D9;

}

.footer-nav a:hover::after{

    background:#1683D9;

}
.footer-bottom{

    display:grid;

    grid-template-columns:1fr auto 1fr;

    align-items:center;

    /* gap:30px; */

}

.footer-copy{

    font-size:16px;

    color:#1F1D1E;

}
.footer-socials{

    display:flex;

    align-items:center;

    gap:18px;

}

.footer-socials span{

    color:#1683D9;

}

.footer-socials a{

    width:24px;

    height:24px;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.3s;

}

.footer-socials img{

    width:100%;

    height:100%;

    object-fit:contain;

}

.footer-socials img{

    width:100%;
    height:100%;

    object-fit:contain;

    filter: brightness(0) saturate(100%) invert(44%) sepia(95%) saturate(1058%) hue-rotate(173deg) brightness(92%) contrast(91%);
}

.footer-socials a:hover{

    transform:translateY(-3px);

}
.footer-top-link{

    justify-self:end;

    color:#1F1D1E;

    text-decoration:none;

    font-weight:500;

    position:relative;

    padding: 10px 0;

    line-height: 150%;


    border-bottom: 0.5px solid  #1F1D1E;



}



.footer-top-link:hover{

    color:#1683D9;

}

.footer-top-link:hover::after{

    background:#1683D9;

}
/* eof footer */

.register-button{

    position:fixed;
    right:2rem;
    bottom:2rem;

    width:90px;
    height:90px;

    border-radius:9999px;

    background:#590076;

    box-shadow:0 4px 12px rgba(0,0,0,.10);

    display:flex;
    justify-content:center;
    align-items:center;

    overflow:hidden;

    text-decoration:none;

    transition:

        transform .35s cubic-bezier(.22,1,.36,1),

        box-shadow .35s ease;

    will-change:transform;

    z-index: 999999;

}

.register-button__icon{

    position:absolute;

    width:36px;
    height:36px;

    transition:
        opacity .25s ease,
        transform .35s ease;

}

.register-button__text{

    position:absolute;

    color:#FFF;

    /* font-size:18px; */
    font-weight:600;
    font-size: 12px;
    text-align: center;

    white-space:nowrap;

    opacity:0;

    transform:translateY(8px);

    transition:
        opacity .25s ease,
        transform .35s ease;

}

.register-button:hover{

    width:117px;
    height:117px;
    transform:scale(1.1);

}

.register-button:hover .register-button__icon{

    opacity:0;
    transform:scale(.6);

}

.register-button{

    transition:
        transform .45s cubic-bezier(.16,1,.3,1),
        box-shadow .35s ease;

}

.register-button:hover .register-button__text{
    

    opacity:1;
    transform:translateY(0);

}

[dir="rtl"] .agenda-table-head>div:last-child, [dir="rtl"] .agenda-row>div:last-child {
    border-right: 1px solid #D9D9D9;
}

[dir="rtl"] .upcoming-speakers__title {
    font-size: 56px;
}

/*==================================================
REPORT DESCRIPTION
==================================================*/

.report-card__description{

    height:0;

    overflow:hidden;

    opacity:0;

    transition:
        height .4s ease,
        opacity .3s ease;

}

.report-card__description-inner{

    padding-top:24px;

}

.report-card__description-inner p{

    margin:0 0 16px;

    color:#555;

    font-size:16px;

    line-height:1.6;

}

.report-card__description-inner p:last-child{

    margin-bottom:0;

}

.report-card.is-expanded .report-card__description{

    opacity:1;

}
.report-card.is-expanded{

    background:#C8DFF0;

}

.report-card.is-expanded .report-card__actions{

    opacity:1;

    visibility:visible;

    transform:none;

}

/*==================================================
REPORT MODAL
==================================================*/

.report-modal{

    position:fixed;

    inset:0;

    z-index:999999;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:24px;

    background:rgba(0,0,0,.45);

    opacity:0;

    visibility:hidden;

    transition:
        opacity .25s ease,
        visibility .25s ease;

}

.report-modal.is-open{

    opacity:1;

    visibility:visible;

}

.report-modal__dialog{

    position:relative;

    width:min(100%, 440px);

    padding:42px 36px 34px;

    border-radius:20px;

    background:#FFF;

    text-align:center;

    transform:translateY(12px) scale(.98);

    transition:transform .3s ease;

}

.report-modal.is-open .report-modal__dialog{

    transform:none;

}

.report-modal__close{

    position:absolute;

    top:14px;

    right:18px;

    width:34px;

    height:34px;

    padding:0;

    border:0;

    background:transparent;

    color:#1F1D1E;

    font-size:28px;

    line-height:1;

    cursor:pointer;

}

.report-modal__dialog h3{

    margin:0 0 12px;

    color:#111;

    font-size:28px;

    font-weight:700;

}

.report-modal__dialog p{

    margin:0 0 26px;

    color:#666;

    font-size:17px;

    line-height:1.5;

}

.report-modal__button{

    min-width:120px;

}
[dir="rtl"] .report-modal__close{

    right:auto;

    left:18px;

}
@media (max-width:767.98px){

    .report-info-toggle__text{
        display:none;
    }

    .report-card.is-expanded{
        background:#FFF;
    }

    .report-card__description-inner{
        padding-top:18px;
    }

    .report-card__description-inner p{
        font-size:14px;
        line-height:1.55;
    }

}
/*==================================================
AGENDA MODAL
==================================================*/

.agenda-modal{
    position:fixed;
    inset:0;

    z-index:999999;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:24px;

    background:rgba(0,0,0,.45);

    opacity:0;
    visibility:hidden;

    transition:
        opacity .25s ease,
        visibility .25s ease;
}

.agenda-modal.is-open{
    opacity:1;
    visibility:visible;
}

.agenda-modal__dialog{
    position:relative;

    width:min(100%,440px);

    padding:46px 36px 34px;

    border-radius:20px;

    background:#FFF;

    text-align:center;

    transform:translateY(12px) scale(.98);

    transition:transform .3s ease;
}

.agenda-modal.is-open .agenda-modal__dialog{
    transform:none;
}

.agenda-modal__dialog p{
    margin:0 0 28px;

    color:#1F1D1E;

    font-size:20px;
    font-weight:600;
    line-height:1.45;
}

.agenda-modal__close{
    position:absolute;

    top:14px;
    right:18px;

    width:34px;
    height:34px;

    padding:0;

    border:0;

    background:transparent;

    color:#1F1D1E;

    font-size:28px;
    line-height:1;

    cursor:pointer;
}

.agenda-modal__button{
    min-width:120px;
}

/* RTL */
[dir="rtl"] .agenda-modal__close{
    right:auto;
    left:18px;
}
/* ==================================================
   MOBILE HEADER + HERO
================================================== */

@media (max-width: 767.98px) {

    :root {
        --site-margin: 10px;
        --header-height: 64px;
    }

    /* ----------------------------------------------
       Header
    ---------------------------------------------- */

    .site-header {
        /* border-top: 3px solid #8edcff; */
    }

    .site-header.is-scrolled {
        background: rgba(8, 27, 105, .96);
    }

    .header-inner {
        min-height: var(--header-height);
        gap: 12px;
    }

    .site-logo {
        width: 128px;
    }

    .header-mobile-actions {
        gap: 14px;
    }

    .header-register {
        min-width: 78px;
        height: 36px;

        padding: 0 18px;

        font-size: 13px;
    }

    .menu-toggle {
        width: 26px;
        height: 28px;
    }

    .menu-toggle span {
        width: 21px;
    }

    .mobile-menu {
        position: absolute;
        top: 100%;
        left: 0;

        width: 100%;

        box-shadow: 0 15px 30px rgba(0, 0, 0, .15);
    }

    .mobile-menu .site-container {
        padding-top: 8px;
        padding-bottom: 20px;
    }

    .mobile-menu a {
        padding: 13px 0;
        font-size: 16px;
    }

    /* Hide desktop floating CTA on mobile */
    .register-button {
        display: none;
    }

    /* ----------------------------------------------
       Hero
    ---------------------------------------------- */

    .hero {
        height: 100svh;
        min-height: 780px;
        max-height: none;

        background: #081b69;
    }

    .hero__background {
        background:
            linear-gradient(
                180deg,
                rgba(0, 0, 0, .04) 0%,
                rgba(0, 0, 0, 0) 50%
            ),
            url("../images/hero-bg.png")
            center top / cover no-repeat;
    }

    .hero__container {
        align-items: flex-start;
    }

    .hero__content {
        width: 100%;

        padding-top: 30vh;

        transform: none;
    }

    .hero__eyebrow {
        margin-bottom: 4px;

        color: #A4E1F7;

        font-size: 48px;
        font-weight: 700;
        line-height: 1;
    }

    .hero__title {
        max-width: 340px;

        margin-inline: auto;

        font-size: 48px;
        font-weight: 600;
        line-height: 1.04;
        letter-spacing: -.02em;
    }

    .hero__meta {
        flex-direction: column;
        gap: 7px;

        margin-top: 10px;

        color: rgba(255, 255, 255, .78);

        font-size: 28px;
        line-height: 1.2;
    }

    .hero__dot {
        display: none;
    }

    .hero__cta {
        min-width: 138px;
        min-height: 48px;

        margin-top: 22px;
        padding: 12px 24px;

        font-size: 16px;
    }

    .hero__globe {
        right: -24%;
        bottom: -130px;

        width: 104%;
        max-width: none;
    }
}

@media (max-width: 380px) {

    .site-logo {
        width: 118px;
    }

    .header-mobile-actions {
        gap: 10px;
    }

    .header-register {
        min-width: 72px;
        height: 34px;

        padding-inline: 14px;

        font-size: 12px;
    }

    .hero__content {
        padding-top: 150px;
    }

    .hero__eyebrow {
        font-size: 32px;
    }

    .hero__title {
        max-width: 300px;
        font-size: 29px;
    }

    .hero__globe {
        right: -48%;
        width: 152%;
    }
}

@media (max-width: 1199.98px) {

    body.menu-open {
        overflow: hidden;
    }
}

/* responsive */
@media (max-width:767.98px){

    .about-section{

        padding:64px 0;

    }

    .site-container .about-container{

        width:100%;

    }

    .about-section .section-title{

        display:flex;
        flex-direction:column;
        align-items:flex-start;

        margin-bottom:24px;

    }

    .about-section .section-title-path{

        width:100%;

        margin:18px 0 0;

    }

    .about-section .section-title h2{

        font-size:36px;

    }

    .about-content p{

        font-size:20px;

        margin-bottom:28px;

    }

    /*==================================================
    SUMMIT TRACKS - MOBILE
    ==================================================*/

    .summit-tracks{

        padding:64px 0;

    }

    .summit-tracks .section-title{

        display:flex;
        flex-direction:column;
        align-items:flex-start;

        margin-bottom:18px;

    }

    .summit-tracks .section-title h2{

        font-size:32px;

    }

    .summit-tracks .section-title-path{

        width:100%;

        margin:18px 0 0;

    }

    .summit-tracks .section-subtitle{

        margin:20px 0 28px;

        font-size:16px;

        line-height:1.5;

    }

    .summit-card{

        display:flex;

        flex-direction:column;

        gap:24px;

        padding:20px;

    }

    .tracks-list{

        width:100%;

    }

    .track{

        grid-template-columns:38px 1fr;

        min-height:54px;

    }

    .track-arrow{

        display:none;

    }

    .track-number{

        font-size:14px;

    }

    .track-title{

        font-size:16px;

        line-height:1.3;

    }

    .track-preview{

        width:100%;

        height:auto;

        aspect-ratio:1 / 1;

    }

    .track-preview img{

        width:100%;

        height:100%;

        object-fit:cover;

    }

    .track-overlay{

        padding:18px;

        min-height:auto;

    }

    .track-overlay p{

        font-size:16px;

        line-height:1.45;

    }
    

    /*==================================================
    AGENDA MOBILE
    ==================================================*/

    .agenda-section{

        padding:64px 0;
        padding-top:0;
        padding-bottom: 0;

    }

    .agenda-header{

        display:flex;
        flex-direction:column;
        gap:30px;

    }

    .agenda-header .section-subtitle {
        margin-bottom: 0;
    }

    .agenda-intro{

        max-width:100%;

    }

    .agenda-intro .section-title{

        margin-bottom:18px;

    }

    .agenda-intro h2{

        font-size:36px;

    }

    .agenda-intro .section-subtitle{

        font-size:20px;
        line-height:120%;

    }

    .agenda-buttons {
        margin-top:20px
    }

    /* Buttons */

    .agenda-buttons{

        display:flex;
        flex-direction:column;
        gap:12px;

        width:100%;

    }

    .btn-agenda{

        width:100%;
        justify-content:center;
    }

    .btn-agenda-primary{

        order:2;

    }

    .btn-agenda-secondary{

        order:1;

    }

    /* Container */

    .agenda-card{

        background:transparent;
        border:none;
        box-shadow:none;
        padding:0;

    }

    /* Date */

    .agenda-date-bar{

        padding:14px 0;
        height: auto;

    }

    .agenda-date-bar h3{

        font-size:14px;

    }

    .agenda-nav{

        width:42px;
        height:42px;

    }

    /* Hide desktop header */

    .agenda-table-head{

        display:none;

    }

    /* Cards */

    .agenda-table{

        display:flex;
        flex-direction:column;

        gap:10px;

        padding-top:16px;

    }

    .agenda-row{

        display:block;

        background:#fff;

        border:1px solid #D8D8D8;

        border-radius:10px;

        padding:12px;

    }

    .agenda-row>div{

        width:100%;

    }

    /* Time */

    .agenda-row>div:first-child{

        color:#1F1D1E;

        font-size:12px;

        margin-bottom:6px;
        padding:0;

        opacity: 0.6;


    }

    /* Session */

    .agenda-row>div:nth-child(2){

        color:#1F1D1E;

        font-size:16px;

        line-height:1.3;

        margin-bottom:10px;
        padding:0;
        text-align: start;

    }

    /* Location */

    .agenda-location{

        display:flex;
        align-items:center;
        gap:8px;

        color:#1F1D1E;
        font-weight: 500;

        font-size:14px;
        padding: 0;

    }

    .agenda-location::before{

        content:"";

        width:15px;
        height:15px;

        flex:none;

        background:url("../images/icons/location.svg") center/contain no-repeat;

    }

    .agenda-date-bar{

        padding:14px 8px;
    
    }

    .agenda-row>div:nth-child(2),

    .agenda-row>div:nth-child(3){

        padding:0;

    }


    /* speakers mobile */
    /*==================================================

    SPEAKERS MOBILE

    ==================================================*/

    .speakers-section {

        padding: 64px 0;

        margin-top: 64px;

    }

    .speakers-tabs {

        flex-direction: column;

        align-items: flex-start;

        gap: 16px;

        margin-bottom: 28px;

    }

    .speakers-tab {

        width: auto;

        padding-bottom: 14px;

    }

    .speakers-tab__label {

        font-size: 28px;

    }

    .speakers-tab__arrow {

        width: 22px;

    }

    .speakers-intro {

        margin-bottom: 26px;

        font-size: 18px;

        line-height: 1.5;

    }

    .speakers-carousel {

        width: 100%;

    }

    .speakers-swiper {

        width: 100%;

        overflow: hidden;

    }

    .speakers-swiper .swiper-wrapper {

        align-items: stretch;

    }

    .speakers-swiper .swiper-slide {

        width: 100%;

        height: auto;

    }

    /*

     * Mobile cards are always displayed in their

     * highlighted state because hover is unavailable.

     */

    .speakers-swiper .speaker-card {

        width: 100%;

        height: 100%;

        min-height: 0;

        padding: 18px 14px 16px;

        background: #fff;

        border-color: #fff;

        border-radius: 14px;

    }

    .speakers-swiper .speaker-card__image-wrap {

        width: 100%;

        height: auto;

        aspect-ratio: 1 / 1;

        margin-bottom: 16px;

    }

    .speakers-swiper .speaker-card__image {

        filter: grayscale(0%) brightness(1);

        transform: none;

    }

    .speakers-swiper .speaker-card__name {

        color: #111;

        font-size: 20px;

        line-height: 1.25;

    }

    .speakers-swiper .speaker-card__position {

        max-height: none;

        overflow: visible;

        margin-top: 5px;

        color: #6d6d6d;

        font-size: 16px;

        line-height: 1.35;

        opacity: 1;

        transform: none;

    }

    .speakers-pagination {

        margin-top: 28px;

    }
    /* eof speakers mobile */

    /* reports mobile */
    /*==================================================

    REPORTS

    ==================================================*/

    .reports-section{

        padding:64px 0;

    }

    .reports-header{

        display:block;

        margin-bottom:34px;

    }

    .reports-header__content{

        max-width:none;

    }

    .reports-header__content .section-title{

        margin-bottom:12px;

        font-size:36px;

        line-height:1.15;

    }

    .reports-header__content .section-description{

        font-size:16px;

        line-height:1.5;

    }

    .reports-header__action{

        display:none;

    }

    /*==================================================

    LIST

    ==================================================*/

    .reports-list{

        gap:14px;

    }

    /*==================================================

    CARD

    ==================================================*/

    .report-card{

        display:block;

        padding:16px;

        border-radius:10px;

        background:#FFF;

        box-shadow:none;

    }

    .report-card:hover{

        background:#FFF;

        transform:none;

        box-shadow:none;

    }

    /*==================================================

    CONTENT

    ==================================================*/

    .report-card__title{

        margin-bottom:14px;

        font-size:18px;

        line-height:1.45;

    }

    .report-card__meta{

        display:flex;

        flex-wrap:wrap;

        align-items:center;

        gap:5px;

        font-size:14px;

        line-height:1.45;

    }

    .report-card__meta img{

        width:16px;

        height:16px;

    }

    .report-card__meta strong{

        font-size:14px;

    }

    .separator{

        width:1px;

        height:14px;

        margin:0 3px;

    }

    /*==================================================

    BUTTONS

    ==================================================*/

    .report-card__actions{

        display:flex;

        flex-direction:row;

        align-items:center;

        gap:10px;

        width:100%;

        margin-top:18px;

        opacity:1;

        visibility:visible;

        transform:none;

    }

    /* Blue circular button */

    .report-card__actions .btn-secondary{

        width:46px;

        min-width:46px;

        height:46px;

        padding:0;

        border-radius:50%;

        justify-content:center;

        /* font-size:0; */

    }

    .report-card__actions .btn-secondary span{

        display:none;
    
    }

    .report-card__actions .btn-secondary img{

        width:18px;

        height:18px;

        margin:0;

    }

    /* Purple button */

    .report-card__actions .btn-purple{

        flex:1;

        height:46px;

        justify-content:center;

        border-radius:999px;

        font-size:15px;

    }

    /*==================================================

    HOVER

    ==================================================*/

    .report-card .btn:hover{

        background-color:#1f1d1e;

        border-color:#1f1d1e;

    }

    /*==================================================

    EXTRA

    ==================================================*/

    .btn-purple img{

        width:18px;

        height:18px;

    }
    /* eof reports mobile */

    /* partner with us */
    .sponsorship-section{

        min-height:520px;

        padding:28px 0;

        align-items:flex-end;

        /* background-position:center; */
        background-position:75% center;

    }

    .sponsorship-content{

        max-width:100%;

    }

    .sponsorship-content h2{

        font-size:36px;

        line-height:1.15;

        margin-bottom:10px;

        letter-spacing:-.02em;

    }

    .sponsorship-content p{

        font-size:14px;

        line-height:1.45;

        margin-bottom:18px;

    }

    .btn-partner-with-us{

        width:100%;

        justify-content:center;

    }
    .sponsorship-section{

        aspect-ratio:1/1.8;

        min-height:auto;

    }
    /* eof partner with us */

    /* partners */
    /*==================================================

    PARTNERS

    ==================================================*/

    .partners-section{

        padding:40px 0;

    }

    .partners-marquees{
        display:none;
    }
    
    .partners-mobile{
        display:block;
    
        position:relative;
    
        width:100vw;
    
        margin-left:calc(50% - 50vw);
    
        overflow:hidden;
    }

    .partners-section .site-container{

        display:block;

    }

    .partners-content{

        margin-bottom:34px;
        padding:0 var(--site-margin);

    }

    .partners-content h2{

        margin:0;

        max-width:70%;

        line-height:1.15;

        text-align:left;
        font-size: 36px;
        font-weight: 700;

    }

    /* Globe */

    .partners-decoration{

        width:210px;

        height:210px;

        left:-18px;

        bottom:-30px;

        opacity:.45;

    }

    /* No fade on mobile */

    /* .partners-marquees::before,

    .partners-marquees::after{

        display:none;

    } */

    /* One row */

    /* .partners-marquees{

        display:block;
        width:100vw;

    margin-left:calc(50% - 50vw);
    position: relative;
    overflow: hidden;

    } */
    .partners-marquees::before{

        content:"";
    
        position:absolute;
    
        left:0;
        top:0;
        bottom:0;
    
        width:40px;
    
        z-index:10;
    
        pointer-events:none;
    
        background:linear-gradient(
            to right,
            rgba(188,218,236,1) 0%,
            rgba(188,218,236,.9) 25%,
            rgba(188,218,236,0) 100%
        );
    
    }
    
    .partners-marquees::after{
    
        content:"";
    
        position:absolute;
    
        right:0;
        top:0;
        bottom:0;
    
        width:40px;
    
        z-index:10;
    
        pointer-events:none;
    
        background:linear-gradient(
            to left,
            rgba(110,176,215,1) 0%,
            rgba(110,176,215,.9) 25%,
            rgba(110,176,215,0) 100%
        );
    
    }
    .partner-card{

        width:140px;
    
        height:140px;
    
        border-radius:16px;
    
        flex:0 0 auto;
    
    }

    /* Hide second column */

    .partners-column:last-child{

        display:none;

    }

    .partners-column{

        height:auto;

        overflow-x:auto;

        overflow-y:hidden;

        scrollbar-width:none;

        -webkit-overflow-scrolling:touch;

    }

    .partners-column::-webkit-scrollbar{

        display:none;

    }

    .partners-track{

        display:flex;

        flex-direction:row;

        gap:16px;

        width:max-content;

        animation:none !important;

    }

    .partner-card{

        width:140px;

        height:140px;

        border-radius:14px;

        flex:none;

    }

    .partner-card img{

        max-width:80%;

        max-height:80%;

    }
    .partners-mobile-track{

        display:flex;
        align-items:center;
    
        gap:16px;
    
        width:max-content;
    
        padding:0 20px;
    
        animation:partnersMobile 28s linear infinite;
    
    }
    
    .partners-mobile-track::-webkit-scrollbar{
    
        display:none;
    
    }
    .partners-mobile::before,
    .partners-mobile::after{

        content:"";

        position:absolute;

        top:0;
        bottom:0;

        width:42px;

        z-index:10;

        pointer-events:none;

    }

    .partners-mobile::before{

        left:0;

        background:linear-gradient(
            to right,
            rgba(188,218,236,1),
            rgba(188,218,236,0)
        );

    }

    .partners-mobile::after{

        right:0;

        background:linear-gradient(
            to left,
            rgba(188,218,236,1),
            rgba(188,218,236,0)
        );


    }
    @keyframes partnersMobile{

        from{
    
            transform:translateX(0);
    
        }
    
        to{
    
            transform:translateX(calc(-50% - 8px));
    
        }
    
    }
    /* eof partners */

    /*==================================================
    DISCOVER QATAR
    ==================================================*/

    .discover-qatar-section{

        min-height:750px;

        background:
            linear-gradient(
                180deg,
                rgba(44,55,71,.75) 0%,
                rgba(44,55,71,.55) 30%,
                rgba(44,55,71,.25) 60%,
                rgba(44,55,71,0) 100%
            ),
            var(--bg) 62% center / cover no-repeat;

    }
    .discover-qatar-section .site-container {
        padding:36px 0;
    }
    .discover-qatar-content h2 {
        font-size: 36px;

    }
    .discover-qatar-content p {
        font-size: 14px;
    }
    .discover-qatar-content .btn {
        font-size: 16px;
    }

    /* follow us */
    .follow-section {
        padding:60px 0;
    }
    .follow-content h2 {
        font-size: 36px;
        margin-bottom: 8px;
    }

    .follow-content p {
        font-size: 16px;
        opacity: 0.7;
        margin-bottom: 16px;
    }
    .follow-socials a {
        width: 16px;
        height: 16px;
    }
    /*==================================================
    FOLLOW US
    ==================================================*/

    .follow-wrapper{

        min-height:620px;

        align-items:flex-start;

    }

    .follow-content{

        width:100%;

        padding:40px 28px 0;

    }

    /* Image */

    .follow-images{

        position:absolute;

        inset:auto 0 0 auto;

        width:100%;

        height:450px;

        right:0;

        top:auto;

        pointer-events:none;

    }

    .follow-images picture{

        display:block;

        width:100%;

        height:100%;

    }

    .follow-images img{

        position:absolute;

        right:0;

        bottom:0;

        width:auto;

        height:100%;

        max-width:none;

        object-fit:contain;

        object-position:right bottom;

    }

    /*==================================================
    FOOTER
    ==================================================*/

    .site-footer{

        padding:48px 0 40px;

    }

    .site-footer hr{

        margin:28px 0;

    }

    /*------------------------------------
    Top
    ------------------------------------*/

    .footer-top{

        flex-direction:column;

        justify-content:center;

        gap:36px;

    }

    .footer-logo img{

        width:234px;

        margin:0 auto;

    }

    .footer-main-btn{

        width:100%;

        justify-content:center;

        padding:14px 20px;

        font-size:16px;

        gap:10px;

    }

    .footer-main-btn img{

        width:18px;

    }

    /*------------------------------------
    Navigation
    ------------------------------------*/

    .footer-nav{

        display:flex;

        flex-direction:column;

        align-items:stretch;

    }

    .footer-nav > span{

        display:none;

    }

    .footer-nav a{

        display:block;

        text-align:center;

        font-size:15px;

    }

    .footer-nav a span{

        display:block;

        width:100%;

        padding:14px 0;

        border-bottom:.5px solid rgba(31,29,30,.45);

    }

    /*------------------------------------
    Bottom
    ------------------------------------*/

    .footer-bottom{

        display:flex;

        flex-direction:column;

        align-items:center;

        gap:16px;

    }

    .footer-copy{

        order:1;

        text-align:center;

        font-size:14px;

    }

    .footer-socials{

        order:2;

        gap:10px;

    }

    .footer-socials span{

        font-size:12px;

    }

    .footer-socials a{

        width:18px;

        height:18px;

    }

    .footer-top-link{

        order:3;

        justify-self:auto;

        font-size:15px;

        padding:6px 0;

    }

    .site-footer hr {
        color:  rgba(31, 29, 30, 0.20);
    }


    
    

}

.agenda-date-bar{
    display: grid;
    grid-template-columns: 42px 1fr 42px;
    align-items: center;
}

.agenda-date-bar h3{
    text-align: center;
    margin: 0;
}

.agenda-prev{
    justify-self: start;
}

.agenda-next{
    justify-self: end;
}



[dir="rtl"] .track-title, [dir="rtl"] .track {
    text-align: right;
}

[dir="rtl"] .track-arrow, [dir="rtl"] .btn img, [dir="rtl"] .agenda-nav, [dir="rtl"] .register-button__icon,
[dir="rtl"] .btn-agenda img, [dir="rtl"] .report-card .btn:hover img, [dir="rtl"] .speakers-tab.is-active .speakers-tab__arrow,
[dir="rtl"] .section-title-path img,
[dir="ltr"]  .reverse-icon {
    transform: scaleX(-1);
}

[dir="rtl"] .summit-tracks .section-title-path,
[dir="rtl"] .section-title-path {
    margin-left: 0;
    margin-right: 40px;
}

[dir="rtl"] .register-button__text {
    font-size:1rem;
}

[dir="rtl"] .follow-images{
    right:auto;
    left:40px;
}

[dir="rtl"] .follow-images img{
    right:auto;
    left:0;
}
[dir="rtl"] .follow-wrapper::before{
    transform:scaleX(-1);
}

[dir="rtl"] .register-button {
    right: auto;
    left:2rem;

}
[dir="ltr"] .reverse-icon{
    transform:scaleX(-1);
}

[dir="ltr"] .footer-main-btn:hover .reverse-icon{
    transform:scaleX(-1) translateX(-4px);
}

.report-card.is-expanded .report-info-toggle img{

    transform:rotate(90deg);

}
[dir="rtl"] .report-info-toggle img{
    transform:scaleX(-1);
}
[dir="rtl"] .report-info-toggle img{
    transform:scaleX(-1);
}

[dir="rtl"] .report-card.is-expanded .report-info-toggle img{
    transform:scaleX(-1) rotate(90deg);
}