/*
*	DESTINY - WEDDING HTML TEMPLATE
* 	Copyright 2016
* 	www.mutationmedia.net
* 	Created by : mutationthemes
*
*/
/* Table of Content
==================================================
	1.Preloader
	2.Site wrapper
	3.Hero section
	4.About section
	5.Speakers section
	6.Topics section
	7.Schedule section
	8.Countdown section
	9.Tickets section
	10.Registry section
	11.Sponsors section
	12.Contact section
	13.Accommodation section
	14.FAQ section
	15.Gallery section
	16.Fat footer section
	17.Mediaqueries





/*Preloader*/

.loader {
    background: #111111;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.loader-inner {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.loading-spinner {
    width: 100px;
    height: 100px;
    animation: spinner-rotate 2s ease-in-out infinite;
    -webkit-animation: spinner-rotate 2s ease-in-out infinite;
    -moz-animation: spinner-rotate 2s ease-in-out infinite;
    -ms-animation: spinner-rotate 2s ease-in-out infinite;
    -o-animation: spinner-rotate 2s ease-in-out infinite;
}

.spinner {
    animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
    -webkit-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
    -moz-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
    -ms-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
    -o-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
    stroke-linecap: round;
}

@keyframes spinner-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: trotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

@keyframes spinner-color {

    0%,
    100% {
        stroke: #399bff;
    }

    20% {
        stroke: #ee71f9;
    }

    40% {
        stroke: #399bff;
    }

    60% {
        stroke: #ee71f9;
    }

    80% {
        stroke: #399bff;
    }

    100% {
        stroke: #ee71f9;
    }
}

@keyframes spinner-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 90, 200;
        stroke-dashoffset: -125px;
    }
}

/*End preloader*/


/*Site wrapper*/

.wrapper {
    position: relative;
    background: #000000;
}

.wrapper,
header {
    max-width: 1600px;
    margin: 0 auto;
}

/*End site wrapper*/


/* Hero Section*/

section.hero {
    background: #05052c;
    padding: 0;
    position: relative;
    overflow: hidden;
}

section.single-hero {
    min-height: 400px;
}

.background-img img {
    display: none;
}

.background-img {
    width: 100%;
    height: 100%;
}

.background-img {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #05052c;
    background-image: none;
    background-origin: padding-box;
    background-position: 50% 50% !important;
    background-repeat: repeat;
    background-size: cover !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

#about .background-img,
#committee .background-img {
    background-color: #05052c;
}

.overlay:before {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */

    background: -moz-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */

    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    content: "";
}

.overlay.soft:before {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
}

section.hero .inner-hero {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 10;
}

.header {
    padding: 5px 0;
    background-color: rgba(5, 5, 35, 0.8);
    left: 0;
    right: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: all .3s;
}

.header:hover {
    background-color: rgba(5, 5, 35, 1);
}

.main-slider .slides li {
    height: 700px;
}

.header .logo {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -2px;
    position: relative;
}

.header .logo h2 {
    padding: 5px 0;
    text-transform: none;
}

.header .logo img {
    width: 100%;
    max-width: 160px;
}

.mobile-but {
    display: inline-block;
    height: 24px;
    position: absolute;
    right: 15px;
    top: -30px;
    z-index: 1000;
    display: none;
}

.mobile-but .lines {
    transform: translate(0px, 10px) rotate(0deg);
    -webkit-transform: translate(0px, 10px) rotate(0deg);
    -ms-transform: translate(0px, 10px) rotate(0deg);
    -moz-transform: translate(0px, 10px) rotate(0deg);
}

.mobile-but .lines,
.mobile-but .lines:after,
.mobile-but .lines:before {
    height: 1px;
    width: 22px;
}

.mobile-but .lines:after,
.mobile-but .lines:before {
    content: " ";
    display: block;
}

.mobile-but .lines:after {
    transform: translate(0px, 4px) rotate(0deg);
    -webkit-transform: translate(0px, 4px) rotate(0deg);
    -ms-transform: translate(0px, 4px) rotate(0deg);
    -moz-transform: translate(0px, 4px) rotate(0deg);
}

.mobile-but .lines:before {
    transform: translate(0px, -4px) rotate(0deg);
    -webkit-transform: translate(0px, -4px) rotate(0deg);
    -ms-transform: translate(0px, -4px) rotate(0deg);
    -moz-transform: translate(0px, -4px) rotate(0deg);
}

.mobile-but .lines:after,
.mobile-but .lines:before {
    background: #ffffff;
}

.toggle-mobile-but.active .mobile-but .lines:after {
    transform: translate(0px, 0px) rotate(45deg);
    -webkit-transform: translate(0px, 0px) rotate(45deg);
    -ms-transform: translate(0px, 0px) rotate(45deg);
    -moz-transform: translate(0px, 0px) rotate(45deg);
}

.toggle-mobile-but.active .mobile-but .lines:before {
    transform: translate(0px, 1px) rotate(-45deg);
    -webkit-transform: translate(0px, 1px) rotate(-45deg);
    -ms-transform: translate(0px, 1px) rotate(-45deg);
    -moz-transform: translate(0px, 1px) rotate(-45deg);
}


.hero-content {
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

h1.large {
    color: #ffffff;
    font-size: 68px;
    font-weight: 700;
    text-transform: none;
}

.hero-content h3 {
    font-style: italic;
    font-size: 44px;
    color: #ffffff;
    text-transform: none;
    font-weight: 300;
}

.hero-content p {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 40px;
    color: #ffffff;
}

/* End hero section*/


/* About section*/

.block-info-1 {
    position: relative;
}

.block-info-1 svg {
    color: #399bff;
    font-size: 25px;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
    top: 50%;
}

.block-info-1 p {
    margin-left: 60px;
}

/* End about section*/


/* Speakers section*/
.block-speaker {
    cursor: pointer;
    padding: 0 12px;
}

#officers .block-speaker {
    cursor: default;
}

.block-img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    position: relative;
    /* margin: 0 8px; */
    /* border: 1px solid red; */
}

.block-speaker .block-img:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#444444', GradientType=0);
    /* IE6-9 */

    bottom: 0;
    content: "";
    right: 0;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 4;
}

.block-content .col-sm-3:last-child .block-img:after {
    content: none;
}

#accommodation .block-img {
    aspect-ratio: 2 / 1.5;
}

/*************** Accommodation Map *************/

.tippy-content {
    width: fit-content;
    height: auto;
    background-color: #fff;
    padding: 1rem;
    /* box-shadow: 3px 3px 8px #00000033; */
    border-radius: .5rem;
    border: 1px solid #eee;
}

.tippy-content .flex-wrapper {
    display: flex;
    align-items: start;
    gap: 1rem;
}

.tippy-box {
    background-color: #fff;
    color: #282b2b;
}

.tippy-arrow {
    color: #fff;
}

.singapore-map .name,
.accommodation-info-text .name {
    font-weight: 600;
    color: #05052c;
}

.accommodation-info-text h5 {
    color: #c872ff;
    font-weight: 600;
}

.tippy-box a:link,
.tippy-box a:visited {
    color: #c872ff;
    text-decoration: underline;
}

.accommodation-info-text ul {
    margin-left: .5rem;
    padding-left: .5rem;
}

.singapore-map {
    position: relative;
    width: 100%;
    /* min-height: 600px;
    background: url(../images/icdm-map-2Jan.png) no-repeat center center;
    background-size: contain; */
}

.map-overlay {
    position: absolute;
    width: 100%;
    /* height: 100%; */
    background-color: transparent;
    display: flex;
    aspect-ratio: 1.6438 / 1;
}

@media (max-width: 576px) {
    .singapore-map {
        aspect-ratio: 1.5023 / 0.9834;
    }
}


/* Map */
#lyfOneNorth {
    left: 40.75%;
    bottom: 44%;
    width: 2.5%;
    height: 5%;
}

#parkAvenue {
    left: 41.75%;
    bottom: 50%;
    width: 2.5%;
    height: 5%;
}

#citadines {
    left: 42%;
    bottom: 33.5%;
    width: 2.5%;
    height: 5%;
}

.location-dot {
    position: absolute;
    width: 4%;
    /* Adjust hotspot size relative to the main image */
    height: 10%;
    /* Adjust hotspot size relative to the main image */
    /*  background-color: rgba(145, 0, 0, 0.5);*/
    /* background-image: url(../images/point.png); */
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    background-color: transparent;
}

.attractions {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    background-color: transparent;
    width: 2.5%;
    height: 5%;
}

@media (max-width: 576px) {
    .attractions {
        width: 3%;
        height: 8%;
    }
}

.pin {
    background-image: url(../img/map/purple-pin.png);
}


#cableCar {
    left: 52.25%;
    bottom: 16.5%;
}

#mbs {
    left: 60%;
    bottom: 28%;
}

#gardensByTheBay {
    left: 61.25%;
    bottom: 27%;
}

#katong {
    left: 73.75%;
    bottom: 38%;
}

#changiAirport {
    left: 88%;
    bottom: 54%;
}

#chineseGarden {
    left: 26%;
    bottom: 45.5%;
}

#botanicGarden {
    left: 47.75%;
    bottom: 41.15%;
}

#orchard {
    left: 51%;
    bottom: 35.55%;
}

#mandai {
    left: 45.5%;
    bottom: 74.1%;
}



/* End accommodation section*/


/* .block-speaker .block-img .background-img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
}
.block-speaker .block-img:hover .background-img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
} */
.block-info-2 {
    bottom: 28px;
    left: 0;
    position: absolute;
    z-index: 3;
    width: 100%;
    text-align: center;
}

.block-social li {
    display: inline-block;
    font-size: 18px;
    margin-left: -3px;
    margin-right: 6px;
}

.block-social a {
    color: #ffffff;
    opacity: .3;
    display: inline-block;
}

.block-social a:hover {
    opacity: 1;
}

/* End speakers section*/


/* Topics section*/

.block-video iframe {
    height: 300px;
}

ul.block-topic li {
    line-height: 30px;
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
}

.vertical-align {
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    flex-direction: row;
    -webkit-flex-direction: row;
}

/* End topics section*/


/* Schedule section*/

.block-tabs,
.block-tab {
    border: 1px solid rgba(216, 102, 255, .8);
}

.block-tabs li {
    border-bottom: 1px solid rgba(216, 102, 255, .8);
    line-height: 1.2rem;
    padding: 20px;
    cursor: pointer;
    position: relative;

    display: flex;
    align-items: center;
}

.block-tabs li strong,
.block-date strong {
    font-size: 17px;
}

.block-tabs li i,
.block-tab li i {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 25px;
}

.block-tabs li:last-child {
    border-bottom: 0;
}

.block-tabs li.active {
    background: rgba(216, 102, 255, .8);
    border-bottom: 0;
}

.block-tabs li:first-child.active {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
}

.block-tabs li:last-child.active {
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
}

.block-tabs li.active:before {
    border-bottom: 6px solid rgba(216, 102, 255, .8);
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    right: -10px;
    position: absolute;
    top: 50%;
    transform: rotate(90deg) translateX(-50%);
    -webkit-transform: rotate(90deg) translateX(-50%);
    -moz-transform: rotate(90deg) translateX(-50%);
    -ms-transform: rotate(90deg) translateX(-50%);
    -o-transform: rotate(90deg) translateX(-50%);
    width: 0;
}

.block-tab li {
    display: none;
}

.block-tab li.active {
    display: block;
}

.block-tab li .block-date {
    background: rgba(216, 102, 255, .8);
    line-height: 60px;
    padding-left: 25px;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
}

.block-tab li .block-labels {
    background: rgba(216, 102, 255, .8);
    /* line-height: 60px; */
    padding: 5px 0 15px;
}

.block-labels .col-label {
    font-weight: bold;
    font-size: 90%;
    text-align: center;
}

.block-labels .col-label:not(:last-child) {
    border-right: 1px solid #000;
}

.col-label .label-name {
    display: block;
    margin-bottom: .5rem;
    /* font-size: 1.2rem; */
    color: #fff
}

.col-label .label-venue {
    display: block;
    color: #ddd;
}

.block-speaker .ws-name,
.block-tab .ws-name {
    padding-bottom: 8px;
    color: #fff;
    font-size: .9rem !important;
    font-weight: bold;
}

.block-tab .workshop-box,
.block-tab .block-detail {
    border-bottom: 1px solid rgba(216, 102, 255, .8);
    padding: 25px;
    /* cursor: pointer; */
    overflow: hidden;
}

.block-tab .block-detail:has(.block-text) {
    cursor: pointer;
}

.block-tab .workshop-box>div:hover,
.block-tab .block-detail:hover {
    background: rgba(216, 102, 255, .4);
}

@media (max-width: 576px) {
    .block-tab .block-detail:hover {
        background: none !important;
    }
}

.block-tab .block-detail small.badge-secondary {
    background-color: #c872ff;
}

.block-speaker .block-detail span,
.block-tab .workshop-box span,
.block-tab .block-detail span {
    display: block;
    font-size: 15px;
}

.block-speaker .time,
.block-tab .time {
    margin-bottom: 4px;
    font-weight: 500;
}

.block-speaker .topic,
.block-tab .topic {
    font-size: 1.1rem !important;
    /* font-weight: bold; */
    color: #c872ff;
}

.block-speaker .venue,
.block-tab .venue {
    display: inline-block !important;
    margin-bottom: 8px;
    /* padding-top: 8px; */
    padding-bottom: 2px;
    font-size: 13px;
    cursor: pointer;
    /* text-decoration: underline; */
    border-bottom: 1px solid #c872ff;
}

.block-speaker .speaker,
.block-tab .speaker {
    font-size: 13px;
    font-weight: regular;
}

.block-speaker .organisation,
.block-tab .organisation {
    font-size: 13px;
    font-style: italic;
}

.block-speaker .country,
.block-tab .country {
    font-size: 13px;
    font-style: italic;
    padding-bottom: 8px;
}

.block-tab .block-text {
    opacity: 0;
    max-height: 0;
}

.block-tab .workshop-box:hover .block-text {
    padding-top: 20px;
    max-height: 800px;
    opacity: 1;
}

.block-tab .block-detail.active .block-text {
    padding-top: 20px;
    max-height: 800px;
    opacity: 1;
}

.block-tab li .block-detail:last-child {
    border-bottom: 0;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
}

.block-tab .workshop-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.block-tab .desktop-only {
    display: block;
}

@media (max-width: 576px) {
    .block-tab .workshop-box {
        flex-direction: column;
    }

    .block-tab .workshop-box span.desktop-only,
    .block-tab .block-detail span.desktop-only,
    .block-tab .desktop-only {
        display: none;
    }
}

.block-tab .workshop-box>div {
    flex: 1;
    padding: 25px;
}

.block-tab .workshop-title {
    font-size: 20px;
    font-weight: 700;
    color: #c872ff;
    padding-bottom: 10px;
}

.block-tab .parallel-sessions {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(216, 102, 255, .8);
}

.block-tab .parallel-sessions .sessions-title {
    padding: 10px 25px;
    font-size: 20px;
    background: rgba(216, 102, 255, .6);
    color: #FFF;
}

.block-tab .parallel-sessions .sessions {
    display: flex;
    flex-direction: row;
}

.block-tab .parallel-sessions .sessions>div {
    flex: 1;
    padding: 25px;
}

.block-tab .parallel-sessions .sessions>div:hover {
    background: rgba(216, 102, 255, .4);
}

/* Additional CSS for programme */
.bg-violet {
    background-color: #c872ff;
}

.bg-violet-dark {
    background-color: #AD52CC;
}

.block-tab .block-detail {
    background-color: #000;
}
.block-speaker .block-detail {
    background-color: transparent;
}

.border-bottom-0 {
    border-bottom: none !important;
}

.pis-header {
    font-size: 17px;
    font-weight: bold;
    text-transform: none;
    color: #cccccc;
}

.pis-time {
    font-size: 13px;
    color: #cccccc;
}

.block-text-toggle {
    float: right;
}

.block-text-toggle::after {
    color: #c872ff;
    content: '\25BC';
}

/* .block-tab .block-detail:hover .block-text-toggle::after */
.block-tab .block-detail.active .block-text-toggle::after {
    content: '\25B2';
}

/* .block-tab .block-detail:hover */
.block-tab .block-detail.active {
    background-color: #562966 !important;
}

/* End Schedule section*/


/* Countdown section*/

.countdown {
    font-size: 45px;
    font-weight: 500;
}

#countdown {
    background-color: #05052c;
}

/* End Countdown section*/


/* Tickets section*/

.review-slider li blockquote {
    color: #ffffff;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    line-height: 35px;
    overflow: hidden;
}

.tickets .col-sm-6 {
    padding-left: 0;
    padding-right: 0;
}

.block-ticket {
    background: #121212;
    opacity: 0.3;
    text-align: center;
    cursor: pointer;
    position: relative;
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    padding: 80px 0;
}

.block-tickets.overlap {
    position: relative;
    left: 150px;
}

.block-ticket li {
    display: block;
    margin-bottom: 10px;
    color: #999999;
}

.block-ticket:hover,
.block-ticket.active {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    z-index: 40;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    opacity: 1;
}

.block-ticket .block-price .price {
    color: #cccccc;
    font-size: 95px;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
}

.block-ticket .block-price .cur {
    display: block;
    font-size: 20px;
    font-weight: 500;
    left: -18px;
    position: absolute;
    top: 20px
}

.block-ticket .block-price .block-type {
    display: block;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    top: -12px;
    color: #999999;
}

/* End tickets section*/


/* Registry section*/

.registry-form {
    /* background: rgba(0, 0, 0, .4); */
    padding: 10px 15px;
    overflow: hidden;
}

.registry-form *:focus,
.registry-form *:active {
    color: #fff !important;
}

.registry-form div {
    padding: 0;
}

.form p {
    font-size: 12px;
    margin-top: 15px;
}

.input-columns .column-1,
.input-columns .column-2 {
    float: left;
    width: 50%;
    position: relative;
}

.input-columns .column-1 .column-inner {
    margin-right: 10px;
}

.input-columns .column-2 .column-inner {
    margin-left: 10px;
}

input[type="text"],
input[type="email"],
.registry-form .block-select,
.form-control[readonly] {
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, 0);
    margin-top: 11px;
    margin-bottom: 11px;
    outline: 0 none;
    overflow: hidden;
    padding: 0 25px;
    resize: none;
    max-width: 90%;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    color: #ffffff;
    height: 45px;
}

/* .registry-form select {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0);
    cursor: pointer;
    width: 100%;
} */
input[type="text"]:focus,
input[type="text"]:hover,
input[type="email"]:focus,
input[type="email"]:hover,
.registry-form .block-select:focus,
.registry-form .block-select:hover {
    background: rgba(255, 255, 255, .09);
}

.form-control[readonly] {
    color: #b4b4b4;
}

.custom-list {
    list-style-type: disc;
    margin-left: 1rem;
    margin-top: .5rem;
}

.registry-form .submit {
    width: 95%;
}

.form .submit {
    cursor: pointer;
    height: 45px;
    color: #ffffff;
    border: none;
}

input.error,
select.error {
    border: 1px solid rgba(238, 113, 249, .5);
}

#fileBig {
    display: none;
}

.info-box {
    background-color: rgba(255, 255, 255, .05);
    border-radius: 1rem;
}

/* End registry section*/


/* Sponsors section*/
.sponser {
    background-color: #eee;
    color: #000;
}

.sponser h4 {
    color: #222 !important;
}

.block-sponsor img {
    opacity: .2;
    width: 85%;
}

.block-sponsor img:hover {
    opacity: .4;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.sponsor-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.sponsor-logos img {
    max-height: 68px;
}

@media (max-width: 576px) {
    .sponsor-logos img {
        max-height: 50px;
    }
}

/* End sponsors section*/

/* Contact section*/

.block-map {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.map {
    width: 100%;
    height: 100%;
}

.location h1.title {
    color: #cccccc;
}

.block-info-3 p,
.location p.title-lead {
    color: #999999;
}

/* End contact section*/


/* Accommodation section*/

.accom .block-img {
    height: 250px;
}

/* End accommodation section*/


/* FAQ section*/

.block-faq h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
}

/* End faq section*/


/* Gallery section*/

.block-gallery li {
    opacity: .45;
    position: relative;
    padding: 0 3px;
}

.block-gallery li:last-child {
    margin-right: 0;
}

.block-gallery li .block-img {
    height: 180px;
}

.block-gallery li:hover,
.block-gallery li.active {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    opacity: 1;
    z-index: 1;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

/* End gallery section*/


/* Fat footer section */

.subscribe-form input[type="text"] {
    margin-bottom: 0;
    min-width: 100%;
    max-width: 100%;
}

.subscribe-form .submit {
    min-width: 100%;
    max-width: 100%;
}

.top-footer {
    color: #999999;
}

.top-footer .block-social li {
    margin-right: 10px;
}

.top-footer .block-social li a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    opacity: 1;
    text-align: center;
    font-size: 16px;
}

.top-footer .block-social li:first-child a {
    background: #175f9f;
}

.top-footer .block-social li:nth-child(2) a {
    background: #00c6f8;
}

.top-footer .block-social li:nth-child(3) a {
    background: #df0006;
}

.top-footer .block-social li:nth-child(4) a {
    background: #ee322a;
}

.top-footer .block-social li:last-child a {
    background: #3c59ef;
}

.insta-Feed li,
.insta-Feed li a {
    padding: 0;
    position: relative;
    display: block;
}

.insta-Feed li:after,
.insta-Feed li a:after {
    position: absolute;
    background: #121212;
    width: 4px;
    height: 100%;
    content: '';
    right: 0;
    top: 0;
}

.insta-Feed li:before,
.insta-Feed li a:before {
    position: absolute;
    background: #121212;
    width: 100%;
    height: 4px;
    content: '';
    right: 0;
    bottom: 0;
}

.insta-Feed li:first-child,
.insta-Feed li:first-child a {
    padding-left: 0
}

.insta-Feed li:nth-child(3):after,
.insta-Feed li:nth-child(3) a:after,
.insta-Feed li:nth-child(6):after,
.insta-Feed li:nth-child(6) a:after {
    content: none;
}

.insta-Feed li:nth-child(4):before,
.insta-Feed li:nth-child(4) a:before,
.insta-Feed li:nth-child(5):before,
.insta-Feed li:nth-child(5) a:before,
.insta-Feed li:nth-child(6):before,
.insta-Feed li:nth-child(6) a:before {
    content: none;
}

.insta-Feed li img {
    display: inline-block;
    width: 100%;
}

.insta-Feed li a:hover,
.top-footer .block-social li a:hover {
    opacity: .5;
}

.bottom-footer {
    font-size: 12px;
}

.block-legal {
    text-align: right;
}

.block-legal li {
    display: inline-block;
}

.block-legal li a {
    margin-right: 10px;
    margin-top: 3px;
    padding-right: 12px;
    white-space: nowrap;
    color: #cccccc;
    font-size: 12px;
    position: relative;
}

.block-legal li a:before {
    content: "";
    background: #cccccc;
    width: 1px;
    height: 10px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 1px;
    position: absolute;
}

.block-legal li:last-child a {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

.block-legal li:last-child a:before {
    content: none;
}

/* End fat footer section*/


/* Generic */
.brd-bottom {
    border-bottom: 1px rgba(87, 155, 248, .2) solid;
}

/* End of Generic */
/*Media queries*/

@media screen and (min-width: 600px) and (max-width: 800px) {

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    .mobile-but {
        display: block;
    }

    .title {
        font-size: 28px;
    }

    .but {
        padding: 11px 25px;
    }

    /* .block-speaker .block-img {
        height: 300px;
    } */
    .block-ticket .block-price {
        font-size: 75px;
    }

    .sub-title-0 {
        font-size: 22px;
    }

    .block-sponsor img {
        width: 100%;
    }

    .location {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .accom .block-img {
        height: 200px;
    }

    .top-footer .block-social li {
        margin-bottom: 6px;
    }

    .block-legal {
        text-align: left;
        margin-top: 5px;
    }

    .registry-form input[type="text"] {
        width: 100%
    }

    .block-sponsor img {
        width: 100%;
    }
}

@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) {

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    .mobile-but {
        display: block;
        top: 0;
    }

    .but {
        padding: 11px 25px;
    }

    .block-ticket .block-price {
        font-size: 70px
    }

    .block-img {
        height: 300px;
    }

    .accom .block-img {
        height: 200px;
    }

    .top-footer .block-social li {
        margin-bottom: 6px;
    }

    .block-legal {
        text-align: left;
        margin-top: 5px;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    .mobile-but {
        display: block;
        top: 8px;
    }

    .main-nav ul {
        display: none;
        text-align: left;
    }

    .main-nav li {
        float: none;
        display: block;
        margin-left: 0;
    }

    .main-nav li a {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 12px;
    }

    .main-nav li:first-child a {
        padding-top: 7px;
    }

    .main-nav li:last-child a {
        padding-bottom: 12px;
    }

    .title {
        font-size: 28px;
    }

    .but {
        padding: 11px 25px;
    }

    .block-ticket .block-price {
        font-size: 75px;
    }

    .sub-title-0 {
        font-size: 22px;
    }

    .registry-form input[type="text"] {
        width: 100%
    }

    .block-sponsor img {
        width: 100%;
    }

    .location {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .accom .block-img {
        height: 200px;
    }

    .accom .row.mt-100 {
        margin-top: 30px !important;
    }

    .top-footer .block-social li {
        margin-bottom: 6px;
    }

    .block-legal {
        text-align: left;
        margin-top: 5px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    .mobile-but {
        display: block;
    }

    /* .main-nav ul {
        display: none;
        text-align: left;
    }
    .main-nav li {
        float: none;
        display: block;
        margin-left: 0;
    }
    .main-nav li a {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 12px;
    }
    .main-nav li:first-child a {
        padding-top: 7px;
    }
    .main-nav li:last-child a {
        padding-bottom: 12px;
    } */
    .main-slider .slides li {
        height: 400px;
    }

    h1.large {
        font-size: 45px;
    }

    .hero-content h3 {
        font-size: 35px;
    }

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

    .col-md-3.col-sm-3.text-right {
        text-align: left;
        margin-top: 10px;
    }

    .vertical-align {
        display: block;
    }

    .block-tab {
        margin-top: 50px;
    }

    #countdown {
        margin-top: 0px;
    }

    .block-tickets li {
        display: block;
    }

    .block-tickets.overlap {
        left: auto;
        margin-bottom: 20px;
        margin-top: 100px;
    }

    .block-video {
        margin-top: 20px;
    }

    .block-ticket {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    .block-tab {
        margin-top: 100px;
    }

    .block-sponsor img {
        width: 50%;
    }

    .registry-form .submit {
        width: 90%;
    }

    .registry-form input[type="text"] {
        width: 100%
    }

    .block-map {
        display: none;
    }

    .subscribe-form input[type="text"] {
        margin-bottom: 25px;
    }

    .registry-form .submit {
        width: 100%;
    }

    input[type="text"],
    .registry-form .block-select {
        max-width: 100%;
    }

    .block-speaker .block-img::after {
        content: none;
    }

    .col-sm-4.col-sm-offset-2.text-center {
        margin-bottom: 20px;
    }

    .block-legal {
        text-align: left;
        margin-top: 5px;
    }

    .top-footer .block-social {
        margin-bottom: 20px;
    }

    .insta-Feed li:after,
    .insta-Feed li a:after,
    .insta-Feed li:before,
    .insta-Feed li a:before {
        content: none;
    }
}

@media only screen and (max-width: 479px) {

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    .mobile-but {
        display: block;
    }

    .header {
        padding: 1rem 0;
        background-color: rgba(5, 5, 35, .9);
    }

    .header .logo img {
        max-width: 200px;
    }

    .main-slider .slides li {
        height: 400px;
    }

    .nav-s3,
    .nav-s4 {
        margin-left: 0;
    }

    .dropdown-item {
        padding: 0.75rem 1rem !important;
    }

    .dropdown-item a.dropdown-link {
        color: #ccc;
        font-size: 15px;
    }

    .dropdown-item:last-child {
        padding-bottom: 0rem !important;
    }

    h1.large {
        font-size: 30px;
    }

    .hero-content h3 {
        font-size: 25px;
    }

    .hero-content p {
        font-size: 15px;
    }

    .col-md-3.col-sm-3.text-right {
        text-align: left;
        margin-top: 10px;
    }

    .vertical-align {
        display: block;
    }

    .block-tab {
        margin-top: 50px;
    }

    .countdown {
        font-size: 35px;
    }

    #countdown {
        margin-top: 0px;
    }

    .block-tickets li {
        display: block;
    }

    .but {
        padding: 11px 20px;
    }

    .block-tickets.overlap {
        left: auto;
        margin-bottom: 20px;
        margin-top: 100px;
    }

    .block-video {
        margin-top: 20px;
    }

    .block-ticket {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    .subscribe-form input[type="text"] {
        margin-bottom: 25px;
    }

    .registry-form .submit {
        width: 100%;
    }

    input[type="text"],
    .registry-form .block-select {
        max-width: 100%;
    }

    .block-speaker .block-img:after {
        content: none;
    }

    .block-tab {
        margin-top: 50px;
    }

    .block-sponsor img {
        width: 50%;
    }

    .block-map {
        display: none;
    }

    .col-sm-4.col-sm-offset-2.text-center {
        margin-bottom: 20px;
    }

    .accom .row.mt-100 {
        margin-top: 30px !important;
    }

    .top-footer .block-social {
        margin-bottom: 20px;
    }

    .block-legal {
        text-align: left;
        margin-top: 5px;
    }

    .insta-Feed li:after,
    .insta-Feed li a:after,
    .insta-Feed li:before,
    .insta-Feed li a:before {
        content: none;
    }
}

/*End media queries*/


/* Additional CSS */
#content-subpage {
    background-color: #05052c;
}

/* Custom Select box to fix the arrow position */

.custom-select-wrapper {
    position: relative;
    max-width: 90%;
}

.custom-select {
    width: 100%;
    padding: 0 40px 0 25px;
    /* Add space for the custom arrow */
    appearance: none;
    /* Remove default arrow in modern browsers */
    -webkit-appearance: none;
    /* Remove default arrow in WebKit browsers */
    -moz-appearance: none;
    /* Remove default arrow in Firefox */
    background: none;
    /* Remove default background */
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    height: 45px;
    margin-top: 11px;
    margin-bottom: 11px;
    outline: 0 none;
    overflow: hidden;
    resize: none;
    cursor: pointer;
    color: #ffffff;
}

/* For Windows */
.custom-select option {
    color: #000;
    background-color: #adaec4;
}

.custom-select-arrow {
    position: absolute;
    top: 13px;
    right: 15px;
    /* Adjust the right value to move the arrow horizontally */
    pointer-events: none;
    /* transform: translateY(-50%); */
}

.custom-select-arrow::before {
    content: '\2304';
    /* Unicode character for the arrow */
    font-size: 20px;
    color: #ffffff;
    /* Customize the arrow color */
}

.custom-select:focus,
.custom-select:hover {
    background: rgba(255, 255, 255, .09);
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {

    background: rgba(255, 255, 255, .15);
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    background: rgba(255, 255, 255, .15);
}

.modal-header {
    border-bottom: none;
}

.bg-custom {
    background-color: #05052c;
    background-image: url(../img/committee-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 160%;
}

.violet-text {
    /* background: -webkit-linear-gradient(left, #c872ff 30%, #c872ff 65%);
    background: -moz-linear-gradient(left, #c872ff 30%, #c872ff 65%);
    background: linear-gradient(left, #c872ff 30%, #c872ff 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: #c872ff;
}




/* **** Top nav menu **** */
.top-menu {
    margin-right: 30px;
}

.nav-item {
    display: inline-block;
    margin-left: 25px;
    font-size: 13px;
    padding: 0 0.35rem;
}

.nav-item a {
    font-size: 13px;
    font-weight: 400;
    color: #FFF;
}

.nav-link {
    padding: 12px 0;
}

.nav-item a:hover {
    color: #c872ff;
}

.dropdown-menu .dropdown-item {
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
}

.has-dropdown {
    position: relative;
}

.has-dropdown>a:after {
    display: inline-block;
    margin-left: .55em;
    vertical-align: .155em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.top-menu .dropdown-menu {
    /* color: #05052c; */
    color: #FFF;
    /* background-color: #FFF; */
    background-color: #05052c;
    /* background-color: rgba(5, 5, 35, 1); */
    display: none;
    min-width: fit-content;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.5);
    position: absolute;
    max-width: 100%;
    margin-left: auto;
}

.nav-item.has-dropdown:last-child .dropdown-menu {
    margin-right: auto;
}

.has-dropdown:hover .dropdown-menu {
    display: block;
}

.top-menu .dropdown-item {
    margin-left: 0 !important;
    padding: .5rem .75rem 0.75rem;
    width: 100%;
    display: block;
}

/* .dropdown-item a {
    color: #05052c !important;
} */
.dropdown-item:hover {
    background-color: transparent;
    color: #c872ff !important;
}

.dropdown-item:hover a {
    color: #c872ff !important;
}

.mobile_divider {
    height: 1px;
    border-bottom: 1px solid rgba(200, 114, 255, 0.5);
    display: none;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    clear: both;
}

@media screen and (min-width: 961px) and (max-width: 1056px) {
    .nav-item {
        margin-left: 8px;
        padding: 0 0.05rem;
    }

    .has-dropdown>a:after {
        margin-left: .15em;
    }
}

@media screen and (max-width: 960px) {

    .header,
    .header:hover {
        background-color: rgba(5, 5, 35, .9);
    }

    .top-menu {
        overflow-y: scroll;
        max-height: 90dvh;
        padding: 0 2rem;
        font-size: 1rem;
        text-align: center;
        display: none;
    }

    .nav-item a {
        padding: 0;
        font-size: 15px;
    }

    .nav-item:first-child {
        padding-top: 1.5rem;
    }

    .nav-item:last-child {
        padding-bottom: 3rem;
    }

    .has-dropdown a {
        padding-bottom: 0.5rem;
    }

    .top-menu .dropdown-menu {
        display: block;
        width: 100%;
        position: relative;
        background-color: transparent;
        text-align: center;
        /* border-bottom: 1px solid rgba(200, 114, 255, 0.5); */
    }

    .mobile .mobile_divider {
        display: block;
    }

    .has-dropdown>a:after {
        display: none;
    }

    .dropdown-item {
        padding: 0.75rem 1rem !important;
    }

    .dropdown-item:first-child {
        padding: 1rem 1rem !important;
    }

    .dropdown-item:last-child {
        padding: 0.75rem 1rem 1.25rem !important;
    }

    .dropdown-item a.dropdown-link {
        color: #ccc;
        font-size: 15px;
    }
}

.dropdown:hover .dropdown-menu {
    display: block;
}

/* Update Section ************/
.update {
    min-height: 240px;
}

.btn {
    padding: 1rem 6rem 1rem 2rem;
    border: none;
    border-radius: 1rem;
    font-weight: 600;
    color: #FFF;
    position: relative;
    transition: all .3s;
}

@media (max-width: 576px) {
    .btn {
        padding: 1rem 4.5rem 1rem 1rem;
    }
}

.btn .arrow {
    display: flex;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem 1.25rem;
    background-color: #7169f5;
    /* background-color: #AAA; */
    border-radius: 0 1rem 1rem 0;
    /* color: #bbb;  color for disabled */
    color: #FFF;
    transition: all .3s;
    align-items: center;
}

.btn .arrow.disabled {
    color: #bbb;
    /* color for disabled*/
}

/* 
.update .btn:hover .arrow {
    color: #122446;
} */

.btn-1 {
    /* background-color: #999999; */
    /* color: #BBB; */
    color: #FFF;
    background-image: linear-gradient(to right, #9940ae, #a846b7, #b84bc0, #c851c9, #d857d2, #8a94e2);
}

.btn-2 {
    /* background-color: #999999; */
    color: #FFF;
    background-image: linear-gradient(to right, #31dced, #988beb);
    margin-left: 2rem;
}

.btn-1.disabled,
.btn-2.disabled {
    background-color: #999999;
    color: #bbb;
    background-image: none !important;
}

.btn-1.disabled.no-icon,
.btn-2.disabled.no-icon {
    background-color: #999999;
    color: #eee;
    background-image: none !important;
    text-align: center;
    padding: 1rem 2rem;
}

@media screen and (max-width: 576px) {
    .update .btn-2 {
        margin-left: 0;
        margin-top: 1rem;
    }
}

.btn-normal {
    padding: 0.5rem 1rem;
    background-color: #c851c9 !important;
    background-image: none;
    color: #FFF;
    font-size: 15px;
}

.btn-normal:hover {
    color: #FFF;
    background-color: #a846b7 !important;
}

.btn-outline {
    padding: 0.5rem 1rem;
    border: 1px solid #c872ff !important;
    background-color: transparent;
    color: #c872ff !important;
    font-size: 15px;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 52px;
    margin: 0 0 0.75rem;
    line-height: 1rem;
}

.btn-outline.white-text {
    color: #FFF !important;
}

.btn-outline:hover {
    color: #FFF !important;
    background-color: #c872ff !important;
}


/* Abstract Form */

.submit-btn {
    border: 2px solid rgba(255, 255, 255, .5) !important;
    border-radius: 50px !important;
    background-color: #662d91;
    color: #FFF;
    text-align: center;
    padding: 1rem 4rem !important;
}

.submit-btn:hover {
    border-radius: 50px;
    background-color: transparent;
    color: #FFF;
    text-align: center;
}

.download-btn {
    border: 2px solid #662d91 !important;
    border-radius: 50px !important;
    background-color: #662d91;
    color: #FFF;
    text-align: center;
    padding: .25rem 1rem;
    font-size: 12px;
}

.download-btn:hover {
    background-color: transparent;
    color: #FFF;
}

/* End of Abstract Form */


/********** Important Dates Section ***********/

.important-dates {
    padding: 4rem 0;
    /* The image used */
    background-image: url("../img/timeline-bg.jpg");

    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

    background-color: #000;
    color: #FFF;
}

.date-subtitle {
    font-size: 1rem;
    font-weight: 400;
    color: #FFF;
}

/* .active .date-subtitle {
    color: rgba(102, 45, 145,1);
} */

.date-text {
    color: #c872ff;
    /* color: rgba(102, 45, 145,1); */
    font-weight: 600;
    margin-top: .5rem;
}

.active .date-text {
    /* color: #c872ff; */
    color: rgba(102, 45, 145, 1);
    font-weight: 600;
    margin-top: .5rem;
}

.over .date-subtitle,
.over .date-text {
    color: #666;
}


/* The actual timeline (the vertical ruler) */
.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
    content: '';
    position: absolute;
    width: 1px;
    background-color: white;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    margin-top: 14px;
    margin-bottom: 14px;
}

/* Container around content */
.timeline-container {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

/* The circles on the timeline */
.timeline-container::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    right: -7px;
    background-color: white;
    border: 2px solid #c872ff;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 1;
}

/* Place the container to the left */
.left {
    left: 0;
}

/* Place the container to the right */
.right {
    left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid rgba(102, 45, 145, .6);
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent rgba(102, 45, 145, .6);
    transform: translateY(-50%);
}

.left.active::before {
    border: medium solid #c872ff;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #c872ff;
}

.left.over::before {
    border: medium solid rgba(0, 0, 0, .4);
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent rgba(0, 0, 0, .4);
}

/* Add arrows to the right container (pointing left) */
.right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid rgba(102, 45, 145, .6);
    border-width: 10px 10px 10px 0;
    border-color: transparent rgba(102, 45, 145, .6) transparent transparent;
    transform: translateY(-50%);
}

.right.active::before {
    border: medium solid #c872ff;
    border-width: 10px 10px 10px 0;
    border-color: transparent #c872ff transparent transparent;
}

.right.over::before {
    border: medium solid rgba(0, 0, 0, .4);
    border-width: 10px 10px 10px 0;
    border-color: transparent rgba(0, 0, 0, .4) transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
    left: -13px;
}

/* The actual content */
.content {
    padding: 20px 30px;
    /* background-color: rgba(47, 63, 62, .6); */
    background-color: rgba(102, 45, 145, .6);
    position: relative;
    border-radius: 6px;
}

.active .content {
    padding: 20px 30px;
    /* background-color: rgba(47, 63, 62, .6); */
    background-color: #c872ff;
    /* background-color: rgba(102, 45, 145, .9); */
    position: relative;
    border-radius: 6px;
}

.over .content {
    background-color: rgba(0, 0, 0, .4);
}

.badge.closing-soon {
    font-size: 100%;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {

    /* Place the timelime to the left */
    .timeline::after {
        left: 31px;
    }

    /* Full-width containers */
    .timeline-container {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

    /* Make sure that all arrows are pointing leftwards */
    .timeline-container::before {
        left: 60px;
        border: medium solid rgba(102, 45, 145, .6);
        border-width: 10px 10px 10px 0;
        border-color: transparent rgba(102, 45, 145, .6) transparent transparent;
    }

    /* Make sure that all arrows are pointing leftwards */
    .timeline-container.active::before {
        left: 60px;
        border: medium solid #c872ff;
        border-width: 10px 10px 10px 0;
        border-color: transparent #c872ff transparent transparent;
    }


    /* Make sure all circles are at the same spot */
    .left::after,
    .right::after {
        left: 18px;
    }

    /* Make all right containers behave like the left ones */
    .right {
        left: 0%;
    }
}


/********** End of Important Dates Section ***********/

/** @section Tables custom */
.table-custom {
    width: 100%;
    min-width: 510px;
    max-width: 100%;
    text-align: left;
    background: #ffffff;
    border-collapse: collapse;
}

.table-custom th,
.table-custom td {
    color: #2c343b;
    background: #ffffff;
}

.table-custom th {
    padding: 24px 24px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .05em;
    /* text-transform: uppercase; */
    background: #f8f7f4;
}

.table-custom tbody th {
    color: #FFF;
    text-transform: none;
    background: #9940ae;
}

.table-custom tbody tr.students th {
    color: #FFF;
    text-transform: none;
    background: #8d40ae;
}

.table-custom tbody tr.students td {
    background: #f1f1f1;
}

.table-custom tbody tr.conference th {
    background: #662d91;
}

.table-custom tbody tr.satellite th {
    color: #FFF;
    text-transform: none;
    background: #d857d2;
}

.table-custom tbody tr.accommodation th {
    color: #FFF;
    text-transform: none;
    background: #8a94e2;
}

@media (max-width: 991.98px) {
    .table-custom th {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.table-custom td {
    padding: 20px 24px;
    vertical-align: middle;
}

.table-custom tbody tr:first-child td {
    border-top: 0;
}

.table-custom tr td,
.table-custom tr th {
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.table-custom tfoot td {
    font-weight: 700;
}

*+.table-custom-responsive {
    margin-top: 30px;
}

@media (min-width: 768px) {
    *+.table-custom-responsive {
        margin-top: 40px;
    }
}

.table-custom.table-custom-primary thead {
    /* background-image: -webkit-linear-gradient(left, #822ea8 0%, #d90e90 100%);
	background-image: linear-gradient(to right, #822ea8 0%, #d90e90 100%); */
    background-repeat: repeat-x;
    background-color: #822ea8;
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF822EA8', endColorstr='#FFD90E90', GradientType=1); */
}

.table-custom.table-custom-primary thead th {
    color: #ffffff;
    background-color: transparent;
    border: 0;
}

.table-custom.table-custom-primary thead th:not(:first-of-type) {
    color: #ffffff;
    background-color: #d90e90;
    border-left: 1px solid #cccccc;
    /* border: 0; */
}

.table-custom.table-custom-primary tbody tr:hover td {
    background: #f8f7f4;
}

.table-custom.table-custom-bordered tr td:first-child {
    border-left: 0;
}

.table-custom.table-custom-bordered tr td:last-child {
    border-right: 0;
}

.table-custom.table-custom-bordered td {
    border: 1px solid #cccccc;
}

.table-custom.table-custom-bordered tbody>tr:first-of-type>td {
    border-top: 0;
}

.table-custom.table-custom-striped {

    border-bottom: 1px solid #cccccc;
}

.table-custom.table-custom-striped tbody tr:nth-of-type(odd) td {
    background: transparent;
}

.table-custom.table-custom-striped tbody tr:nth-of-type(even) td {
    background: #e1e1e1;
}

.table-custom.table-custom-striped tbody td {
    /* border: 0; */
}

.table-custom.table-custom-striped tfoot td:not(:first-child) {
    border-left: 0;
}

@media (max-width: 991.98px) {
    .table-custom-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .table-custom-responsive.table-bordered {
        border: 0;
    }
}

/* Poster Sessions Table */

.table-custom.slim th {
    padding: 12px 12px;
}

.table-custom.slim td {
    padding: 8px 10px;
}

@media (max-width: 576px) {
    .table-custom.slim {
        min-width: 100%;
    }

    .table-custom.slim th {
        padding: 8px 8px;
    }

    .table-custom.slim td {
        padding: 6px 8px;
    }
}

.table-custom.slim td p {
    line-height: 1.1rem;
}

.poster-sessions {
    background-color: transparent;

}

.poster-sessions tr td,
.poster-sessions tr th {
    border: 1px solid rgba(216, 102, 255, .8);
    /* border-right: 1px solid #c872ff; */
}

.poster-sessions tr td {
    background-color: transparent;
    color: #FFF;
}

.poster-sessions tr th {
    background-color: transparent;
    color: #c872ff;
    border-radius: 8px 0;
}

.poster-sessions tr td:first-child {
    background-color: rgb(202, 237, 251);
    color: #000;
    text-align: center;
}

#day1-poster tr:nth-child(-n+32) td:first-child {
    background-color: rgb(242, 206, 239);
}

#day2-poster tr:nth-child(-n+30) td:first-child {
    background-color: rgb(242, 206, 239);
}

/******* Workshop **********/
.workshop-title-pre {
    font-weight: 700;
}

.workshop-title {
    color: #c872ff;
    font-size: 1.35rem;
    font-weight: 700;
}

/**** Invited Sessions **********/
.invited-session {
    border: 1px solid #c872ff;
    padding: 1rem;
    height: 100%;
}

#invited-sessions .background-img {
    background-size: 100% !important;
    background-repeat: repeat-y;
}


/* **** About Singapore > Dropdowns **** */

/* div.asDdown {
    background-color: red;
} */

.asDdownBtn {
    width: 100%;
    color: #fff;
    background-color: #c872ff;
    padding: 1rem 2rem;
}

.asDdownBtn:hover,
.asDdownBtn:focus,
.asDdownBtn:active {
    color: #fff;
    background-color: #090A33;
}

@media screen and (max-width: 768px) {
    .asDdownBtn {
        width: 65vw;
    }
}

.asDdownMenu {
    color: #fff;
    background-color: #090A33;
    width: 100%;
    margin-top: 1rem;
    border-radius: 1rem;
}

.asDdownItem {
    color: #fff;
    padding-top: 1rem !important;
    padding-bottom: 0.5rem !important;
    white-space: normal;
    padding: 1rem 0.75rem 0.5rem;
    font-size: 14px;
}

.asDdownItem:last-child {
    padding-bottom: 1.25rem !important;
}

.asDdownItem:hover,
.asDdownItem:focus,
.asDdownItem:active {
    color: #c872ff;
    background-color: transparent;
}

/* to overwrite bootstrap dropdown style */
.dropdown-menu {
    margin: 0;
    padding: 0;
}


/* Venue Map */
#venue-map {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#venue-map::after {
    content: attr(data-text);
    /* Use the data-text attribute for the text */
    position: absolute;
    top: 70%;
    /* Center vertically */
    left: 50%;
    /* Center horizontally */
    transform: translate(-50%, -50%);
    /* Adjust for centering */
    background: rgba(0, 0, 0, 0.7);
    /* White box with 0.5 opacity */
    color: #c872ff;
    padding: 1rem 1.5rem;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    /* max-width: 120px; */
    white-space: wrap;
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
    /* Prevent interaction with the text box */
}

/* #venue-map:hover  {
    background-color: rgba(0,0,0,0.4);
} */

#venue-map:hover::after {
    opacity: 1;
    /* Show the text box on hover */
    top: 50%;
}

#venue-map:hover img {
    opacity: 0.4;
    /* Show the text box on hover */
}


/* Back to Top */
#back-to-top {
    position: fixed;
    bottom: 30px;
    right: 15px;
    opacity: 0;
    pointer-events: none;
    z-index: 25;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    /* border: 1px solid #FFF; */
}

#back-to-top i {
    color: #fff;
}

#back-to-top:hover {
    background-color: #c872ff;
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
}

#back-to-top.active {
    opacity: 1;
    pointer-events: auto;
}

/* Modal */

.number-list {
    list-style-type: decimal;
    margin-left: 1rem;
}

.highlight {
    background-color: #FFEC00;
}

.modal-white-bg * {
    color: #000;
}

.modal-white-bg .btn-normal {
    color: #FFF;
}

.warning-text {
    text-decoration: underline !important;
}