/*
1* FONTS
2* INITIAL RESETS
2.1* SELECTION
2.2* SCROLLBAR
2.3* TRANSITIONS
3* LINKS
4* TYPOGRAPHY
5* LAYOUT STYLES
6* MISC RESETS
7* SWITCH COLOURS
8* FONT-WEIGHT RESETS
9* PADDING RESETS
10* MARGIN RESETS
11* FOOTER
12* ACCCORDION

13* SALIENT FEATURES


*/
/*--------------1* FONTS------------*/


/*--------------2* INITIAL RESETS------------*/

/*----2.1* SELECTION----*/
*::-moz-selection {
  background:#CCD9E4;
  color: #000;
}
*::-webkit-selection {
  background:#CCD9E4;
  color: #000;
}
*::-ms-selection {
  background:#CCD9E4;
  color: #000;
}
*::selection {
  background: #CCD9E4;
  color: #000;
}

/*----2.2* SCROLLBAR----*/
::-webkit-scrollbar:not(.content-box) {
  display: none;
}
::-ms-scrollbar {
  display: none;
}
::-moz-scrollbar {
  display: none;
}
::scrollbar {
  display: none;
}
body::-webkit-scrollbar {
  height: 0px;
  width: 0px;
  background: transparent;
}
@-moz-document url-prefix() {
  html {
    scrollbar-width: none;
  }
}
.scroll-col::-webkit-scrollbar {
  width: 10px;
	display: block;
}
.scroll-col::-webkit-scrollbar-track {
  box-shadow: inset 1px 1px 5px #ccc;
  border-radius: 20px;
  background: rgba(70, 2, 52, 0.15);
}
.scroll-col::-webkit-scrollbar-thumb {
  background: #460234;
  border-radius: 10px;
  max-height: 5px;
  height: 30px;
  margin: 45px;
  padding: 30px;
}
.scroll-col::-webkit-scrollbar-thumb:hover {
  background: rgba(70, 2, 52, 0.75); 
}

.no-wrap{white-space: nowrap}
html {
  position: absolute;
  height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none; /* IE 11 */
  width: 100%;
  scroll-behavior: smooth;
  font-size: 62.5%;
}
body {
  overflow: auto;
  line-height: 1.6;
  height: 100%;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
body, input, select, textarea, button, tspan {
 font-family: "gill-sans-nova";
}
hr {
  width: 100%
}
input, input:focus, select, select:focus {
  outline: none;
  border: 0;
}



/*--------------3* LINKS------------*/
a, a:focus {
  color: #064181;
  text-decoration: none;
  outline: 0;
}
a:hover {
  text-decoration: none;
  color: #333;
}




/*--------------4* TYPOGRAPHY------------*/
h1 {
  margin-bottom: 20px;
  margin-top: 0;
  font-size: clamp(1.8rem, calc(1.8 / 80 * 100vw), 3.2rem);
  position: relative;
  z-index: 1;
  font-weight:normal;
}
h1 span {
}
h2 {
  color: #000;
}
h3 {
  color: #000;
  font-size: 35px;
  font-weight: 400;
  margin: 40px 0 15px 0;
  line-height:1.2;
  text-transform: uppercase;
}
h4 {
  color: #000;
  font-size: 25px;
  font-weight: 600;
  margin: 0 0 0px 0;
  line-height:1.1;
  margin-top:20px;
}
h5 {
  color: #000;
  font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.8rem);
  font-weight: 600;
  line-height:1.1; 
  margin-bottom:0px; 
  margin-top:15px;
}

h6 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
   line-height:1.1; 
   margin-bottom:0px;
   margin-top:0px;
}

b, strong {
  font-weight: 600;
  line-height: 1;
}

sup, sub {
  vertical-align: super;
  position: relative;
  top: -3px;
  font-size: 10px;
}

sub {
  top: 12px;
}

body {
  font-family: "gill-sans-nova";
  font-weight: 300;
  color: #4C4D4F;
  margin: 0;
  width: 100%;
  background:#fff /*#F3F4F4*/;
}

p {
  font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem);
  margin-bottom: 15px;
  line-height: 1.5;
  font-family: "gill-sans-nova";
  font-style: normal;
  font-weight: 300;
  color: #4C4D4F;
  margin-top: 0px;
}



/*--------------5* LAYOUT STYLES------------*/
header {
    position: relative;
}

header article {
    display: flex;
    margin: 0 auto;
    width: 100%;
    max-width: 1660px;
    padding: 10px 0;
}

header article .logo {
}

header article .logo a{
    display: flex;
    align-items: baseline;
    gap: 40px;
}
header article .logo a img{
    height:fit-content;
}
header article .header-end-col {
    flex-basis: 15%;
    align-content: flex-end;
    margin-left: 60px;
}
header article .header-end-col ul{list-style:none;padding: 0;}
header article .header-end-col ul li{font-size: 15px;}
header article .header-end-col ul li a{
    position: relative;
}

header article .header-end-col ul li a:after{
  position:absolute;
  right: -20px;
  content: '\e944';
  font-family: "icomoon";
}

header article .header-end-col li:first-of-type a{color: #EA6723;}
header article .header-end-col li:last-of-type a{color: #2F5AD1;}

header article .nav-col {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

header article .nav-col ul.nav-list {
    list-style: none;
    display: flex;
    gap: 45px;
    padding: 0;
    margin-right: 30px;
    flex-basis: 100%;
    justify-content: center;
}

header article .nav-col .link-btn{border:0;background: #081072;background: linear-gradient(90deg,rgba(8, 16, 114, 1) 0%, rgba(47, 90, 209, 1) 100%);padding: 10px;min-width: 170px;}
header article .nav-col .link-btn a{color:#fff;}

header article .nav-col ul.nav-list li{font-size: 18px;}
header article .nav-col ul.nav-list li a{color: #191919;}

/*--------------6* MISC RESETS------------*/
.center-block, .obj-c {
  display: block;
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
}
.img-responsive{ max-width: 100%}







/*--------------7* PAGE STYLES------------*/ 
section article {
    max-width: 1360px;
    padding: 0 90px;
    margin: 0 auto;
    position: relative;
}



/*--------------7.1* HOME LAYOUT------------*/
.home-banner{background: url("../images/home-top-banner.jpg");background-size: cover;background-repeat: no-repeat;min-height: 100%;background-position: right;}
.home-banner article{
    max-width: 1550px;
    min-height: 100vh;
    display: flex;
}


.home-banner-cont {
    width: 100%;
    align-content: end;
}

.home-banner-cont h3 {
    color: #fff;
    margin-bottom: 40px;
    font-size: 25px;
    text-transform: none;
    max-width: 60%;
    font-weight: 700;
}

.home-banner-cont .event-information {
    position: relative;
    width: 100%;
    min-height: 150px;
    display: flex;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 17px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    font-family: Arial, sans-serif;
    color: #ffffff;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.event-information__countdown {
    position: relative;
    padding: 30px;
    overflow: hidden;
    background: linear-gradient(90deg, rgba(195, 118, 181, 1) 0%, rgba(156, 31, 134, 1) 100%);
    box-sizing: border-box;
    flex-basis: 25%;
}

.event-information__block {
    position: relative;
    min-width: 0;
    padding: 11px 20px 13px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-left: 1px solid rgba(255, 255, 255, 0.38);
    box-sizing: border-box;
   
}
.event-information__location{ flex-basis: 30%;}
.event-information__date{ flex-basis: 15%;}
.event-information__time{ flex-basis: 30%;}
.event-information__icon {
    position: absolute;
    top: 25px;
    left: 20px;
    width: 30px;
    height: 30px;
    display: block;
    font-size: 30px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.9);
}

.event-information__countdown .event-information__icon {
    left: 27px;
}

.event-countdown {
    height: 100%;
    padding-top: 27px;
    display: flex;
    align-items: end;
    gap: 30px;
    box-sizing: border-box;
}

.event-countdown__item {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.event-countdown__item strong {
    margin: 0;
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
}

.event-countdown__item span {
    margin-top: 5px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.event-information__large-text {
    display: block;
    margin: 0 0 5px;
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.7px;
}

.event-information__time-text {
    display: block;
    margin: 0 0 8px;
    white-space: nowrap;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.5px;
}

.event-information__location-text {
    display: block;
    margin: 0 0 9px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

.event-information__small-text {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
}


section.coming-soon-row {background: url(../images/coming-soon-banner.jpg);padding:30px;background-size: cover;background-repeat: no-repeat;background-position: center;}

.coming-soon {
    border: 1px solid #AA37C4;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    position: relative;
    padding: 45px;
    margin: 90px 0;
    background: rgba(255, 255, 255, 0.1);
}

.coming-soon:after {
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 17px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    content: '';
}

.coming-soon h3 {
    color: #fff;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 600;
    font-family: "gill-sans-nova";
}


section.mid-two-col {
    padding: 90px;
}

.col-img {
    flex-basis: 50%;
}

.col-img img {
    box-shadow: rgba(0, 0, 0, 0.5) 20px 10px 15px;
}

.col-cont {
    flex-basis: 50%;
    padding: 60px;
    box-sizing: border-box;
    margin-left: -140px;
    background: #fff;
    border-radius: 20px;
    margin-top: 18%;
}

.col-cont h3 {
    color: #AA37C4;
    margin-top: 0;
    text-transform: none;
    font-weight: 600;
}

.col-cont p.switch-purple {
    color: #AA37C4;
    font-weight: 400;
}





.leadership-accordion,
.leadership-accordion * {
    box-sizing: border-box;
}

.leadership-accordion {
    width: 100%;
    font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
    color: #29252b;
}

.leadership-accordion__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 30px;
    row-gap: 40px;
    align-items: start;
}

.leadership-card-item {
    position: relative;
    min-width: 0;
}

.leadership-card {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: visible;
    appearance: none;
    background: #ffffff;
    border: 1px solid #c600d7;
    border-radius: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition:
        transform 250ms ease,
        box-shadow 250ms ease,
        border-color 250ms ease;
}

.leadership-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

.leadership-card:focus-visible {
    outline: 3px solid rgba(198, 0, 215, 0.25);
    outline-offset: 4px;
}

.leadership-card.is-active {
    border-color: #bd00ce;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
}

.leadership-card__image {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 18px 18px 0 0;
    background: url(../images/directors/dir-bg.png);
    background-size: cover;
}

.leadership-card__image img {
    display: block;
    transition: transform 400ms ease;
    max-width: 100%;
    margin: 0 auto;
}

.leadership-card:hover .leadership-card__image img {
    transform: scale(1.025);
}

.leadership-card__information {
    display: block;
    min-height: 150px;
    padding: 18px 16px 20px;
    background: #ffffff;
    border-radius: 0 0 18px 18px;
}

.leadership-card__name {
    display: block;
    margin: 0 0 2px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.3px;
}

.leadership-card__position {
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
}

.leadership-card__toggle {
    position: absolute;
    left: 50%;
    bottom: -16px;
    z-index: 5;
    display: block;
    width: 32px;
    height: 32px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) scale(0.75);
    background: #ffffff;
    border: 1px solid #bd00ce;
    border-radius: 50%;
    transition:
        opacity 200ms ease,
        visibility 200ms ease,
        transform 200ms ease;
}

.leadership-card__toggle::before,
.leadership-card__toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    background: #bd00ce;
    transform: translate(-50%, -50%);
    transition: transform 250ms ease;
}

.leadership-card__toggle::before {
    width: 10px;
    height: 1px;
}

.leadership-card__toggle::after {
    width: 1px;
    height: 10px;
}

.leadership-card.is-active .leadership-card__toggle {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) scale(1);
}

.leadership-card.is-active .leadership-card__toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.leadership-card-content {
    display: none;
}

.leadership-accordion__details {
    display: none;
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    background: #ffffff;
    border: 1px solid #c600d7;
    border-radius: 18px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14);
}

.leadership-accordion__details-inner {
    padding: 45px 60px 45px;
}

.leadership-details__content {
    width: 100%;
    max-width: 800px;
}

.leadership-details__content h3 {
    margin: 0 0 2px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
}

.leadership-details__position {
    display: block;
    margin: 8px 0 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
}

.leadership-details__content p {
    margin: 0 0 13px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
}

.leadership-details__content p:last-child {
    margin-bottom: 0;
}


section.speakers {
    padding: 60px 0;
}

section.speakers article > h3{ color: #016EB3; font-size: 40px;}


.leadership-accordion > h3{ text-transform: none; color: #9C1F86}







.summit-agenda__introduction-content h4 {
    color: #9C1F86;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 0;
}


.summit-agenda,
.summit-agenda * {
    box-sizing: border-box;
}

.summit-agenda {
    width: 100%;
    overflow: hidden;
    color: #9b9b9b;
}

.summit-agenda__heading {
    padding: 0 0 32px;
}

.summit-agenda__heading h2 {
    margin: 0;
    color: #008ed3;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.1;
}

.summit-agenda__header {
    display: grid;
    grid-template-columns: 130px minmax(280px, 1fr) minmax(300px, 0.9fr);
    column-gap: 25px;
    align-items: end;
    padding: 0 8px 13px;
    color: #3F3F3F;
    font-size: 13px;
    font-weight: 700;
}

.summit-agenda__row {
    display: grid;
    grid-template-columns: 130px minmax(280px, 1fr) minmax(300px, 0.9fr);
    column-gap: 25px;
    align-items: start;
    min-height: 72px;
    padding: 16px 8px;
    border-bottom: 1px solid #DADADA;
}

.summit-agenda__row--accent {
    border-top: 2px solid #9C1F86;
    border-bottom: 1px solid #9C1F86;
}

.summit-agenda__row--large {
    padding-top: 20px;
    padding-bottom: 22px;
}

.summit-agenda__row--final {
    border-top: 1px solid #c400a5;
    border-bottom: 2px solid #a71b91;
}

.summit-agenda__time {
    padding-top: 2px;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.summit-agenda__topic {
    min-width: 0;
}

.summit-agenda__topic h3 {
    margin: 0;
    color: #3F3F3F;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.summit-agenda__topic h3.summit-agenda__magenta {
    color: #9C1F86;
}

.summit-agenda__topic p {
    margin: 2px 0 0;
    max-width: 640px;
    color: #3F3F3F;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
}

.summit-agenda__topic p + p {
    margin-top: 13px;
}

.summit-agenda__speaker {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

.summit-agenda__speaker strong {
    display: block;
    margin: 0 0 3px;
    color: #9C1F86;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
}

.summit-agenda__speaker strong:not(:first-of-type) {
    margin-top: 11px;
}

.summit-agenda__speaker span {
    display: block;
    color: #3F3F3F;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
    text-transform: uppercase;
}

.summit-agenda__speaker .summit-agenda__moderator {
    margin: 0 0 7px;
    color: #3F3F3F;
    font-size: 12px;
    text-transform: none;
}

.summit-agenda__introduction {
    display: grid;
    grid-template-columns: 130px minmax(280px, 1fr) minmax(300px, 0.9fr);
    column-gap: 25px;
    min-height: 135px;
    padding: 28px 8px;
    background: #F5E9F3;
    border-bottom: 2px solid #b8b8b8;
    border-top: 2px solid #CB85DB;
}

.summit-agenda__introduction-content {
    grid-column: 2;
}

.summit-agenda__introduction-content p {
    width: 100%;
    max-width: 550px;
    margin: 0;
    color: #313131;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}








.top-two-col{
    padding: 60px 0;
}
.top-two-col .row{gap: 30px;}
.top-two-col .col-left{flex-basis: 100%;}
.top-two-col .col-left h3{color:#016EB3;font-size: 30px;text-transform: none;font-weight: 600;}
.top-two-col .col-left p{}
.top-two-col .col-right{flex-basis: 100%;}
.top-two-col .col-right .col-block{box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px;border-radius: 22px;padding: 60px;}
.top-two-col .col-right .col-block p{
    color: #000;
    font-size: 20px;
    font-weight: 500;
}
.top-two-col .col-right .col-block button{border: 0;background: #081072;background: linear-gradient(90deg, rgba(195, 118, 181, 1) 0%, rgba(156, 31, 134, 1) 100%);padding: 10px;margin-bottom: 10px;}
.top-two-col .col-right .col-block button a{ color: #fff;}



.summit-agenda__speaker strong.summit-agenda__speaker-link {
    display: inline-block;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

.summit-agenda__speaker strong.summit-agenda__speaker-link:hover {
    opacity: 0.7;
    transform: translateX(3px);
}

.summit-agenda__speaker strong.summit-agenda__speaker-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}










@media screen and (max-width: 1050px) {
    .summit-agenda__header,
    .summit-agenda__row,
    .summit-agenda__introduction {
        grid-template-columns: 105px minmax(230px, 1fr) minmax(250px, 0.85fr);
        column-gap: 20px;
    }

    .summit-agenda__topic h3 {
        font-size: 14px;
    }

    .summit-agenda__topic p {
        font-size: 12px;
    }

    .summit-agenda__speaker strong {
        font-size: 13px;
    }

    .summit-agenda__speaker span {
        font-size: 9px;
    }
}

@media screen and (max-width: 800px) {
    .summit-agenda__heading {
        padding-bottom: 22px;
    }

    .summit-agenda__heading h2 {
        font-size: 28px;
    }

    .summit-agenda__header {
        display: none;
    }

    .summit-agenda__row {
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 13px;
        min-height: 0;
        padding: 21px 20px;
    }

    .summit-agenda__time {
        width: fit-content;
        padding: 5px 10px;
        background: #252525;
        border-radius: 4px;
        color: #d4d4d4;
        font-size: 12px;
    }

    .summit-agenda__topic h3 {
        font-size: 17px;
        line-height: 1.3;
    }

    .summit-agenda__topic p {
        max-width: none;
        font-size: 13px;
        line-height: 1.5;
    }

    .summit-agenda__speaker {
        padding-top: 12px;
        border-top: 1px solid #333333;
    }


    .summit-agenda__speaker strong {
        font-size: 15px;
    }

    .summit-agenda__speaker span {
        font-size: 10px;
        line-height: 1.45;
    }

    .summit-agenda__speaker .summit-agenda__moderator {
        margin-bottom: 8px;
        font-size: 12px;
    }

    .summit-agenda__introduction {
        display: block;
        min-height: 0;
        padding: 30px 20px;
    }

    .summit-agenda__introduction-content {
        width: 100%;
    }

    .summit-agenda__introduction-content p {
        max-width: none;
        font-size: 14px;
        line-height: 1.5;
    }
}

@media screen and (max-width: 480px) {
    .summit-agenda__heading h2 {
        font-size: 25px;
    }

    .summit-agenda__row {
        padding: 19px 15px;
    }

    .summit-agenda__time {
        font-size: 11px;
    }

    .summit-agenda__topic h3 {
        font-size: 16px;
    }

    .summit-agenda__topic p {
        font-size: 12px;
    }

    .summit-agenda__speaker strong {
        font-size: 14px;
    }

    .summit-agenda__introduction {
        padding: 27px 15px;
    }

    .summit-agenda__introduction-content p {
        font-size: 13px;
    }
}


/*--------------7.1* FLEX LAYOUT------------*/
/* Basic Grid Container */
.row {display: flex; gap: 10px; margin: 0 auto; width: 100%;}



/* Column Widths */
.col-10 {  flex-basis: 10%;}
.col-20 {  flex-basis: 20%;}
.col-25 {  flex-basis: 25%;}
.col-30 {  flex-basis: 30%;}
.col-33 {  flex-basis: 33.33%;}
.col-40 {  flex-basis: 40%;}
.col-50 {  flex-basis: 50%;}
.col-60 {  flex-basis: 60%;}
.col-66 {  flex-basis: 66.66%;}
.col-70 {  flex-basis: 70%;}
.col-75 {  flex-basis: 75%;}
.col-80 {  flex-basis: 80%;}
.col-90 {  flex-basis: 90%;}
.col-full {  flex-basis: 100%;}


.gap-10 {  gap: 10px;}
.gap-15 {  gap: 20px;}
.gap-20 {  gap: 20px;}
.gap-25 {  gap: 20px;}
.gap-30 {  gap: 30px;}
.gap-40 {  gap: 40px;}
.gap-50 {  gap: 50px;}
.gap-60 {  gap: 60px;}
.gap-70 {  gap: 70px;}
.gap-80 {  gap: 80px;}
.gap-90 {  gap: 90px;}
.gap-100 {  gap: 100px;}



/*--------------8* SWITCH COLOURS------------*/
.switch-white{ color: #fff!important}
.switch-black{ color: #000!important}



/*--------9* FONT-WEIGHT RESETS----------*/
.B100 { font-weight: 100!important;}
.B200 { font-weight: 200!important;}
.B300 { font-weight: 300!important;}
.B400 { font-weight: 400!important;}
.B500 { font-weight: 500!important;}
.B600 { font-weight: 600!important;}



/*-----------10* PADDING RESETS------------*/
.no-padding  { padding: 0 !important;}
.no-paddingT { padding-top: 0 !important;}
.no-paddingB { padding-bottom: 0 !important;}
.no-paddingL { padding-left: 0 !important;}
.no-paddingR { padding-right: 0 !important;}
.padding-60  { padding: 60px !important;}
.padding-60L { padding-left: 60px !important;}
.padding-60R { padding-right: 60px !important;}
.padding-60T { padding-top: 60px !important;}
.padding-60B { padding-bottom: 60px !important;}
.padding-50  { padding: 50px !important;}
.padding-50L { padding-left: 50px !important;}
.padding-50R { padding-right: 50px !important;}
.padding-50T { padding-top: 50px !important;}
.padding-50B { padding-bottom: 50px !important;}
.padding-40  { padding: 40px !important;}
.padding-40L { padding-left: 40px !important;}
.padding-40R { padding-right: 40px !important;}
.padding-40T { padding-top: 40px !important;}
.padding-40B { padding-bottom: 40px !important;}
.padding-30  { padding: 30px !important;}
.padding-30L { padding-left: 30px !important;}
.padding-30R { padding-right: 30px !important;}
.padding-30T { padding-top: 30px !important;}
.padding-30B { padding-bottom: 30px !important;}
.padding-25  { padding: 25px !important;}
.padding-25L { padding-left: 25px !important;}
.padding-25R { padding-right: 25px !important;}
.padding-25T { padding-top: 25px !important;}
.padding-25B { padding-bottom: 25px !important;}
.padding-20  { padding: 20px !important;}
.padding-20L { padding-left: 20px !important;}
.padding-20R { padding-right: 20px !important;}
.padding-20T { padding-top: 20px !important;}
.padding-20B { padding-bottom: 20px !important;}
.padding-15  { padding: 15px !important;}
.padding-15L { padding-left: 15px !important;}
.padding-15R { padding-right: 15px !important;}
.padding-15T { padding-top: 15px !important;}
.padding-15B { padding-bottom: 15px !important;}
.padding-10  { padding: 10px !important;}
.padding-10L { padding-left: 10px !important;}
.padding-10R { padding-right: 10px !important;}
.padding-10T { padding-top: 10px !important;}
.padding-10B { padding-bottom: 10px !important;}
.padding-5   { padding: 5px !important;}
.padding-5L  { padding-left: 5px !important;}
.padding-5R  { padding-right: 5px !important;}
.padding-5T  { padding-top: 5px !important;}
.padding-5B  { padding-bottom: 5px !important;}





/*------------11* MARGIN RESETS-------------*/
.no-margin  {margin: 0 !important;padding: 0;}
.no-marginT { margin-top: 0 !important;}
.no-marginB { margin-bottom: 0 !important;}
.no-marginL { margin-left: 0 !important;}
.no-marginR { margin-right: 0 !important;}
.margin-60  { margin: 60px !important;}
.margin-60L { margin-left: 60px !important;}
.margin-60R { margin-right: 60px !important;}
.margin-60T { margin-top: 60px !important;}
.margin-60B { margin-bottom: 60px !important;}
.margin-50  { margin: 50px !important;}
.margin-50L { margin-left: 50px !important;}
.margin-50R { margin-right: 50px !important;}
.margin-50T { margin-top: 50px !important;}
.margin-50B { margin-bottom: 50px !important;}
.margin-40  { margin: 40px !important;}
.margin-40L { margin-left: 40px !important;}
.margin-40R { margin-right: 40px !important;}
.margin-40T { margin-top: 40px !important;}
.margin-40B { margin-bottom: 40px !important;}
.margin-30  { margin: 30px !important;}
.margin-30L { margin-left: 30px !important;}
.margin-30R { margin-right: 30px !important;}
.margin-30T { margin-top: 30px !important;}
.margin-30B { margin-bottom: 30px !important;}
.margin-25  { margin: 25px !important;}
.margin-25L { margin-left: 25px !important;}
.margin-25R { margin-right: 25px !important;}
.margin-25T { margin-top: 25px !important;}
.margin-25B { margin-bottom: 25px !important;}
.margin-20  { margin: 20px !important;}
.margin-20L { margin-left: 20px !important;}
.margin-20R { margin-right: 20px !important;}
.margin-20T { margin-top: 20px !important;}
.margin-20B { margin-bottom: 20px !important;}
.margin-15  { margin: 15px !important;}
.margin-15L { margin-left: 15px !important;}
.margin-15R { margin-right: 15px !important;}
.margin-15T { margin-top: 15px !important;}
.margin-15B { margin-bottom: 15px !important;}
.margin-10  { margin: 10px !important;}
.margin-10L { margin-left: 10px !important;}
.margin-10R { margin-right: 10px !important;}
.margin-10T { margin-top: 10px !important;}
.margin-10B { margin-bottom: 10px !important;}
.margin-5   { margin: 5px !important;}
.margin-5L  { margin-left: 5px !important;}
.margin-5R  { margin-right: 5px !important;}
.margin-5T  { margin-top: 5px !important;}
.margin-5B  { margin-bottom: 5px !important;}


/*--------------11* FOOTER------------*/


#back-to-top {display: none;position: fixed;width: 50px;height: 50px;bottom: 200px;right: 30px;z-index: 99;outline: none;background-color: #EBEBED;background: linear-gradient(90deg, rgba(195, 118, 181, 1) 0%, rgba(156, 31, 134, 1) 100%);cursor: pointer;border-radius: 50%;border: 1px solid #fff;}
#back-to-top:after {content: '\e941';font-family: "icomoon";position: absolute;font-size: 20px;color: #fff;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#back-to-top:hover { background-color: #CF212B; color: #fff}
#back-to-top:hover:after { color: #fff}
	
footer {background: #EFEFEF;background: url(../images/footer.jpg);box-sizing: border-box;padding: 60px;background-size: contain;background-repeat: no-repeat;min-height: 252px;}


/*--------------12* ACCORDION------------*/





@media (max-width: 1770px) {

footer {min-height: 233px;}
	
	
}


@media (max-width: 1470px) {
.home-banner {background-position: center;}
footer {min-height: 193px;}
header article {
    padding: 10px 30px;
    box-sizing: border-box;
}	
	
.event-information__large-text {font-size: 40px;}	
.event-information__block {padding: 50px 20px 13px;}	
.event-information__date {
    flex-basis: 18%;
}	
	
	
}

@media (max-width: 1280px) {
footer { min-height: 168px;}
	
.event-countdown__item strong {font-size: 28px;}	
.event-information__small-text {font-size: 14px;}	
.event-information__large-text {font-size: 30px;}	
.event-information__time-text {font-size: 30px;}	
.event-information__icon { top: 20px; font-size: 20px;}	
.col-cont {margin-left: -80px;}	
	
.home-banner-cont h3 {font-size: 17px;}	
	
.home-banner article {
    max-width: 1550px;
    min-height: 80vh;
    display: flex;
}	
	
.home-banner {background-position: center; min-height: 80%; }	

.col-cont h3 {font-size: 22px;}	
.col-cont { margin-left: -80px; padding: 30px;}
	
.coming-soon h3 {margin-top: 0;}	
	
	
	
}
	
@media (max-width: 1023px) {

header article .header-end-col {flex-basis: 22%;}	
footer {min-height: 135px;}	
section.mid-two-col {padding: 45px;}	

.event-information__time-text {font-size: 22px;}	
.event-information__location-text {font-size: 20px;}	
.event-information__countdown {flex-basis: 35%;}
.event-information__date {flex-basis: 20%;}	
.home-banner-cont h3 {font-size: 17px;max-width: 75%;}


	
}






.home-banner-cont img.ai{ display: none;}
	



@media (max-width: 850px) {

.home-banner {background-position: -89px;min-height: 91%;background: url(../images/coming-soon-banner.jpg);}
header article .header-end-col {flex-basis: 27%;}
section article {padding: 0 45px;}
.home-banner article {min-height: 100vh;display: flex;}
.home-banner-cont h3 {font-size: 17px;max-width: 100%;}
.home-banner-cont .event-information {flex-wrap: wrap;}
.event-information__countdown, .event-information__block {min-height: 96px;}
.event-information__countdown {flex-basis: 50%;}
.event-information__date {flex-basis: 50%;}
.event-information__time {flex-basis: 50%;padding-top: 56px;}
.event-information__location {flex-basis: 50%;}
.home-banner-cont img.ai{ display: block; margin: 0 auto; max-width: 100%}
.event-information {}
.event-information__countdown,
.event-information__block {min-height: 96px;}
.event-information__time {border-left: 0;border-top: 1px solid rgba(255, 255, 255, 0.38);}
.event-information__location {border-top: 1px solid rgba(255, 255, 255, 0.38);}

.leadership-accordion__grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
.leadership-accordion__details-inner {padding: 30px 40px 34px;}
.leadership-details__content {max-width: 100%;}
	
}




@media (max-width: 768px) {

.col-img { flex-basis: 100%; box-shadow: none; background: transparent;}
.col-img img{ box-shadow: none;}
.col-cont { margin-left: auto; margin-right: auto; padding: 30px; flex-basis: 80%; margin-top: -12%; box-shadow: rgba(0, 0, 0, 0.5) 20px 10px 15px; }
.home-banner-cont img.ai {display: block;margin: 0 auto;max-width: 60%;}
footer {min-height: 101px; padding: 0;}
.row {flex-wrap: wrap;}	
.coming-soon h3 { margin-top: 0; font-size: 25px; }	 
header article .logo a { display: flex; align-items: baseline; gap: 40px; justify-content: center;}
header article .nav-col { display: flex; align-items: center; gap: 10px; margin-left: auto; flex-basis: 100%; margin: 30px auto; justify-content: center;}	
header article .header-end-col ul li { text-align: center;}		
header article .header-end-col { flex-basis: 100%;margin-left: 0;justify-content: center;}	
header article .nav-col {align-items: center;gap: 10px;margin-left: auto;flex-basis: 100%;margin: 30px auto;justify-content: center;display: flex;flex-wrap: wrap;}	
header article {flex-wrap: wrap;}	
header article .logo { flex-basis: 100%;}		
.top-two-col .row{gap: 30px;}
.top-two-col .col-left{flex-basis: 100%;}
.top-two-col .col-right{flex-basis: 100%;}


    
}




@media screen and (max-width: 560px) {
header article .nav-col ul.nav-list {
    list-style: none;
    display: flex;
    gap: 45px;
    padding: 0;
    margin-right: 0;
    flex-basis: 100%;
    justify-content: center;
}
    
.leadership-accordion__grid { grid-template-columns: 1fr; row-gap: 26px;}
.leadership-card__image { height: auto; aspect-ratio: 1.2 / 1;}
.leadership-card__information {min-height: 90px;}
.leadership-accordion__details-inner { padding: 28px 22px 30px;}
.leadership-details__content h3 {font-size: 18px;}
.leadership-details__content p {font-size: 11px; line-height: 1.5;}
}



@media (max-width: 450px) {
.event-information__countdown, .event-information__block { min-height: 125px; }	
.event-information__location { flex-basis: 100%;}
.event-information__time {flex-basis: 100%; padding-top: 56px; }
.event-information__date {flex-basis: 100%;}
.event-information__countdown {flex-basis: 100%;}
.col-cont {flex-basis: 90%;}
	
}