.flexbox{display: flex;}
a:hover{color: #784c9e;}

body, #wrapper, #header{max-width: 1920px; margin-left: auto; margin-right: auto; position: relative; width: 100%;}
.container h2{line-height: 1.2;}
#wrapper{}
#primary-menu-trigger, #page-submenu-trigger{font-size: 20px;}
#header.transparent-header{
    position: fixed;
    width: 100%;
    background: transparent;
    z-index: 999 !important;
}
#header .flexbox{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#header #logo img{margin-left: 0;}
#banner{
    position: relative;
    aspect-ratio: 1920 / 889;
    background-image: url('../images/landing2025/SMC-LifeMove-v1.3.1.webp');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
#banner .waves{
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    max-width: none;
}
#banner .container{
    position: relative;
    padding-top: 80px;
    padding-bottom: 100px;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
#banner .container:before{
    content: '';
    position: absolute;
    top: 35%;
    left: -250px;
    width: 235px;
    height: 150px;
    background-image: url('../images/landing2025/cloud.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#banner .container .row{width: 100%;}
#banner img{max-height: 230px; width: 32vw; max-width: 550px;}
#banner h3{
    font-size: 28px;
    line-height: 1.2;
    color: #784c9e;
    font-family: 'DINPro Bold';
    margin-bottom: 15px;
}
/*#banner .datetime{
    display: inline-block;
    font-family: 'DINPro Bold';
    padding: 10px 25px;
    background: #A77C49;
    background: linear-gradient(90deg, rgba(167, 124, 73, 1) 0%, rgba(191, 145, 90, 1) 30%, rgba(214, 165, 106, 1) 40%, rgba(191, 145, 90, 1) 60%, rgba(167, 124, 73, 1) 100%);
    color: white;
    margin-bottom: 15px;
    border-radius: 12px;
}*/
#banner .datecol, #banner .timecol, #banner .locationcol{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    margin-bottom: 5px;
}
#banner .datecol p, #banner .timecol p, #banner .locationcol p{
    font-size: 20px;
}
#banner .datecol img{height: 15px; width: auto; margin-right: 5px;}
#banner .timecol img{height: 15px; width: auto; margin-right: 5px;}
#banner .locationcol img{height: 15px; width: auto; margin-right: 5px;}
#banner .datetime{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-family: 'DINPro Bold';
    gap: 25px;
}
#banner .datetime .date{
    color: #784c9e;
    font-family: 'DINPro Bold';
    margin-bottom: 0;
}
#banner .datetime .time{
    color: #784c9e;
    font-family: 'DINPro Bold';
    margin-bottom: 0;
}
#banner .location{
    color: #784c9e;
    font-family: 'DINPro Bold';
    margin-bottom: 0;
}
#banner .prizeworth{
    width: 360px;
    height: auto;
    max-width: none;
    max-height: none;
    position: absolute;
    bottom: -25px;
    right: calc(50% - 180px);
    transform: translateX(50%);
}
@media(min-width: 992px){
    #banner .prizeworth{
        width: 230px;
        bottom: 0px;
        right: calc(50% - 275px);
    }
}
@media(min-width: 1024px){
    #banner .prizeworth{
        width: 280px;
        bottom: -16px;
        right: calc(50% - 290px);
    }
}
@media(min-width: 1150px){
    #banner .prizeworth{
        width: 310px;
        bottom: -25px;
        right: calc(50% - 310px);
    }
}
@media(min-width: 1240px){
    #banner .prizeworth{
        width: 310px;
        bottom: -15px;
        right: calc(50% - 290px);
    }
}
@media(min-width: 1300px){
    #banner .prizeworth{
        
    }
}
@media(min-width: 1400px){
    #banner .prizeworth{
        width: 345px;
        bottom: -25px;
        right: calc(50% - 325px);
    }
}
@media(min-width: 1500px){
    #banner .prizeworth{
        /*width: 360px;*/
        width: 420px;
        right: calc(50% - 350px);
    }
}
@media(min-width: 1600px){
    #banner .prizeworth{
        /*width: 380px;*/
        width: 435px;
        bottom: -40px;
        right: calc(50% - 380px);
    }
}
@media(min-width: 1800px){
    #banner .prizeworth{
        
    }
}
@media(min-width: 1920px){
    #banner .prizeworth{
        
    }
}



#bannermobile{
    margin-bottom: -1px;
    position: relative;
    /*aspect-ratio: 4 / 7;*/
    /*background-image: url('../images/landing2025/bannermobile.webp');*/
    /*background-size: cover;*/
    /*background-position: center bottom;*/
    /*background-repeat: no-repeat;*/
    background-color: #cce7f9;
    background: linear-gradient(90deg, rgba(176, 220, 245, 1) 0%, rgba(195, 227, 248, 1) 100%);
}
#bannermobile:before{
    content: '';
    position: absolute;
    top: 35%;
    left: -115px;
    width: 235px;
    height: 150px;
    background-image: url('../images/landing2025/cloud.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#bannermobile .image{
    width: 100%;
    height: auto;
    max-height: none;
}
#bannermobile .container{
    padding-top: 100px;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
}
#bannermobile .container .row{width: 100%;}
#bannermobile .container .row > *{text-align: center;}
#bannermobile img{max-height: 150px;}
#bannermobile h3{
    color: #784c9e;
    font-family: 'DINPro Bold';
}
#bannermobile .datecol, #bannermobile .timecol, #bannermobile .locationcol{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-bottom: 5px;
}
#bannermobile .datecol img{height: 15px; width: auto; margin-right: 5px;}
#bannermobile .timecol img{height: 15px; width: auto; margin-right: 5px;}
#bannermobile .locationcol img{height: 15px; width: auto; margin-right: 5px;}
#bannermobile .datetime{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-family: 'DINPro Bold';
    gap: 25px;
}
#bannermobile .datetime .date{
    color: #784c9e;
    font-family: 'DINPro Bold';
    margin-bottom: 0;
}
#bannermobile .datetime .time{
    color: #784c9e;
    font-family: 'DINPro Bold';
    margin-bottom: 0;
}
#bannermobile .location{
    color: #784c9e;
    font-family: 'DINPro Bold';
    margin-bottom: 0;
}
#bannermobile .location{
    color: #784c9e;
    font-family: 'DINPro Bold';
}
#bannermobile .prizeworth{
    /*width: 230px;*/
    /*position: absolute;*/
    /*bottom: 120px;*/
    /*right: 50%;*/
    /*transform: translateX(50%);*/
    width: auto;
    max-height: 200px;
    /*max-height: none;*/
    margin-bottom: -55px;
    /*margin-left: 30px;*/
    margin-top: 10px;
}
@media(max-width: 576.9px){
    #bannermobile .prizeworth{margin-top: -10px; margin-bottom: -65px;}
}


section{
    background-color: #fdebec;
}
section h2{color: #784c9e; text-transform: uppercase;}
.nowrap{white-space: nowrap;}

#eventhighlights{padding: 40px 0;}
#eventhighlights h2{margin-bottom: 15px;}
#eventhighlights .row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
}
#eventhighlights .content{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0;
    height: 100%;
}
#eventhighlights .content > img{
    /*height: 175px;*/
    filter: drop-shadow(-4px 4px 5px rgba(120,76,158,0.2));
    width: 190px;
    object-fit: contain;
}
#eventhighlights h4{
    color: #242422;
    width: calc(100% - 190px);
    padding: 10px;
    text-align: left;
    margin-bottom: 0;
}
#eventhighlights h4 img{
    max-height: 40px;
    margin-top: 5px;
}
/*#eventhighlights .col-xs-6:nth-child(2) h4{
    max-width: 230px;
}*/
@media(max-width: 1199.9px){
    #eventhighlights .content > img{width: 135px;}
    #eventhighlights h4{width: calc(100% - 135px);}
}
@media(max-width: 1099.9px){
    #eventhighlights .content > img{width: 105px;}
    #eventhighlights h4{width: calc(100% - 105px);}
}
@media(max-width: 991.9px){
    #eventhighlights .content > img{width: 150px;}
    #eventhighlights h4{width: calc(100% - 150px);}
}

#newsignup{padding-top: 30px; padding-bottom: 0; margin-top: -2px; background: white;}
#newsignup .flexbox {
    /*background-color: white;*/
    /*border-radius: 20px;*/
    /*overflow: hidden;*/
    /*filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.15));*/
    margin-bottom: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    /*max-height: 280px;*/
}
#newsignup .flexbox .textcol {
    /*padding: 30px 60px 30px 0;*/
    max-width: calc(100% - 475px);
}
#newsignup .flexbox .imagecol {
    flex: 1;
    /*-webkit-clip-path: ellipse(100% 100% at 0% 50%);*/
    /*clip-path: ellipse(100% 100% at 0% 50%);*/
    /*overflow: hidden;*/
    /*aspect-ratio: 1500 / 890;*/
    /*aspect-ratio: 1584 / 980;*/
    /*max-width: 475px;*/
}
#newsignup .flexbox .imagecol img{
    max-height: 300px;
}

/*#newsignup .row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#newsignup .row .col-xs-12{align-content: center;}
#newsignup .row .content{text-align: left;}*/
#newsignup h2{margin-bottom: 10px;}
#newsignup h3, #newsignup h4, #newsignup p{color: #242422;}
#newsignup h2 + p{margin-bottom: 0; font-size: 18px; letter-spacing: 0; font-family: 'OpenSans-Medium', sans-serif;}

#registerform{padding: 10px 0 0; margin-top: -2px;}
#registerform .form_container{box-shadow: none; border: none; margin: 0; max-width: none; background: transparent;}
#registerform .form_container h2{
    color: #784c9e;
}
#add_btn{color: #784c9e !important;}
#enquiryForm{margin-bottom: 20px;}
#enquiryForm .col_full:last-child{margin-bottom: 0;}
#enquiryForm select{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-position: right center;
    background-origin: content-box;
    background-size: 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='more' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%236C6C6C;%7D%3C/style%3E%3Cpath class='st0' d='M24,30.1L12.7,18.8l1.6-1.6l9.7,9.7l9.7-9.7l1.6,1.6L24,30.1z'/%3E%3C/svg%3E%0A");
}
@media(min-width: 768px) and (max-width: 991.9px){
    #enquiryForm .col_one_third:has( #region, #icno){width: 48%;}
}

#sponsorlist{padding-top: 30px; padding-bottom: 30px; background: white;}
#sponsorlist .sponsor_bg{box-shadow: none; border: none;
    padding: 0;
    margin: 0;
    max-width: none;
}
#sponsorlist h2{
    color: #784c9e;
    margin-bottom: 15px;
}
#sponsorlist .flexbox{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    /*gap: 20px;*/
}
#sponsorlist .flex_sponsor{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    row-gap: 10px;
    flex-wrap: wrap;
    height: calc(100% - 52px);
    align-content: center;
}
#sponsorlist .grid_half {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
#sponsorlist .grid_half > div {
    padding:30px;
    border:1px solid #784c9e;
}
#sponsorlist .grid_half > .half_left {
    border-left:none;
    border-bottom:none;
    border-top:2px solid #784c9e;
}
#sponsorlist .grid_half > .half_right {
    border-right:none;
    border-bottom:none;
    border-top:2px solid #784c9e;
    grid-column: span 2;
}
#sponsorlist .imagecol{
    text-align: center;
    height: 100px;
    width: auto;
    padding: 0;
}
#sponsorlist .imagecol img{
    max-width: 100%;
    max-height: 100%;
}
#sponsorlist .sponsor_bg{}
#sponsorlist .sponsor_bg .row{
    margin: 30px 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}
#sponsorlist .sponsor_bg .row:last-child .col-xs-12{
    border-top: 2px solid #f9b5c1;
    padding: 30px 15px;
}
#sponsorlist .sponsor_bg .row:last-child .col-xs-12:first-child{
    /*border-right: 2px solid #f9b5c1;*/
}
@media(max-width: 991.9px){
    #sponsorlist .grid_half > .half_left{border-right: none;}
    #sponsorlist .grid_half > .half_right{border-left: none; padding-bottom: 0;}
    #sponsorlist .grid_half {
        grid-template-columns: 1fr;
    }
}
@media(min-width: 576px){
    #sponsorlist .sponsor_bg .row:first-child .imagecol{
        width: calc(25% - 20px);
    }
    #sponsorlist .sponsor_bg .row:last-child .col-xs-12:first-child .imagecol{
        width: calc(33.3333% - 20px);
    }
    #sponsorlist .sponsor_bg .row:last-child .col-xs-12:last-child .imagecol{
        width: calc(20% - 20px);
    }
}
@media(max-width: 459.9px){
    #sponsorlist .imagecol{width: 48%;}
}

.cta_btn {
    display: inline-block;
    width: 300px;
    /*height: 45px;*/
    line-height: 45px;
    padding: 0 30px !important;
    color: white;
    /*background: linear-gradient(to right,#fdebec 0%,#f9b5c1 50%,#fdebec 100%) !important;*/
    background: #784c9e !important;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    letter-spacing: 3px;
    cursor: pointer;
    border: none;
}
.cta_btn:hover{color: #753f49; background-color: #f7b4c0 !important;}

section#terms_conditions{padding-top: 40px; padding-bottom: 40px;}
#terms_conditions ol{padding-left: 35px; padding-right: 15px;}
#terms_conditions ol li{color: #555; margin-bottom: 3px;}

footer#footer, footer#footer #copyrights {
    background-color: #f9b5c1 !important;
    text-align: center;
}
#footer #copyrights p{color: #753f49 !important;}

body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a{
    color: #784c9e !important;
}
/*#wrapper #primary-menu ul li a#register_btn{
    background: linear-gradient(105deg, #f9b5c1, #f9b5c1, #fdebec, #f9b5c1, #f9b5c1, #fdebec, #f9b5c1, #f9b5c1);
}*/
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li:hover a#register_btn,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li a#register_btn:hover,
#primary-menu ul li:hover a#register_btn, #primary-menu ul li a#register_btn:hover{color: white !important;}

#gotoRegisterForm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index: 299;
    position: fixed;
    width: 50px;
    height: 50px;
    background-color: transparent;
    background-image: url('../images/landing2025/Register-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right: 25px;
    bottom: 100px;
    cursor: pointer;
    border-radius: 2px;
}

@media(min-width: 992px) and (max-width: 1199.9px){
    #banner{aspect-ratio: 1920 / 1000;}
}

@media(max-width: 1099.9px){
    #newsignup .flexbox{max-height: 300px;}
    #newsignup .flexbox .textcol{padding: 30px;}
    /*#newsignup .flexbox .imagecol{aspect-ratio: 1500 / 975;}*/
}
@media(max-width: 991.9px){
    /*#bannermobile{aspect-ratio: 4 / 5;}*/
    #sponsorlist .sponsor_bg .row:last-child .col-xs-12:first-child{border-right: none;}
    #header .flexbox {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
    }
    #primary-menu ul li a#register_btn{display: flex; align-items: center; justify-content: center;}
    
    #bannermobile .locationcol{display: table; margin: 0 auto;}
    #bannermobile .locationcol img, #bannermobile .locationcol .location{display: table-cell;}
    
    #newsignup .flexbox {
        max-height: none;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }
    #newsignup .flexbox .textcol {
        padding: 30px;
        max-width: 100%;
    }
    /*#newsignup .flexbox .imagecol {
        flex: auto;
        max-width: 100%;
        -webkit-clip-path: ellipse(100% 100% at 50% 100%);
        clip-path: ellipse(100% 100% at 50% 100%);
    }*/
}
@media(max-width: 767.9px){
    #eventhighlights .content{align-content: flex-start;}
    #eventhighlights .content > img{width: 100%; max-width: 200px; max-height: 110px; margin-right: auto; margin-left: auto; object-fit: contain;}
    #eventhighlights h4{width: 100%; text-align: center; max-width: none;}
    
    #newsignup{padding-top: 30px;}
    /*#newsignup h2{margin-top: 30px;}*/
    #newsignup h2, #newsignup h3, #newsignup h4, #newsignup p{text-align: center;}
    
    .container h2{font-size: 28px !important;}
}

@media(max-width: 575.9px){
    /*#bannermobile{aspect-ratio: 4 / 7;}*/
    #eventhighlights .content > img{
        height: auto;
        /*aspect-ratio: 1 / 1;*/
        
    }
    #sponsorlist .sponsor_bg .row:first-child .imagecol{
        width: calc(50% - 20px);
    }
    #sponsorlist .sponsor_bg .row:last-child .col-xs-12:first-child .imagecol{
        width: calc(33.3333% - 20px);
    }
    #sponsorlist .sponsor_bg .row:last-child .col-xs-12:last-child .imagecol{
        width: calc(20% - 20px);
    }
    #eventhighlights .row .col-xs-6{width: 100%;}
}
@media(max-width: 459.9px){
    #bannermobile .date, #bannermobile .time{
        width: calc(100% - 20px);
    }
}
@media(max-width: 409.9px){
    #bannermobile .datetime{flex-direction: column; gap: 0;}
}
@media(max-width: 367.9px){
    
    #bannermobile .locationcol img{margin-top: 0;}
    #bannermobile .locationcol .location br{display: none !important;}
}