html {
    scroll-behavior: smooth;
}

.symposium .header{
    position: relative;
}

.symposium .sym-header{
    background-color: white;
    box-shadow: 0 5px 8px 0px rgb(0 0 0 / 7%);
    position: relative;
}

.symposium .sym-header a{
    text-align: center;
    padding: 10px 45px;
    color: grey;
}

.symposium .sym-header a:hover{
    color: orange;
}

.symposium .sym-header.sticky{
    position: fixed;
    top: 0;
    z-index: 30;
}

.symposium .sym-header .tags-dropdown-wrapper{
    overflow-x: auto;
    align-items: center;
}

.symposium .color-bg:nth-child(even){
    background-color: #f8f2e8;
}

.symposium .color-bg:nth-child(odd),
.symposium .grey-bg{
    background-color: #f8f8f8;
}

.symposium .knowledge-hub h3,
.symposium .about-desc h3{
    color: #00a3a8;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.35;
}


.symposium .introduction h3,
.symposium .introduction h1 {
    color: #00a3a8;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.35;
}

.symposium .knowledge-hub p,
.symposium .about-desc p{
    color: #6e6e6e;
}

.symposium .objective h3,
.symposium .what-to-expect h3,
.symposium .symposium-line-up h3{
    color: #00a3a8;
    font-weight: 600;
    font-size: 32px;
}

.symposium .objective p,
.symposium .what-to-expect p{
    text-align: center;
    color:#6e6e6e;
}

.symposium .objective img,
.symposium .what-to-expect img{
    padding: 1.5rem 0px;
}

.symposium .objective h4,
.symposium .what-to-expect h4{ 
    color: #707070;
    font-size: 20px;
    font-weight: 600;
}

.symposium .symposium-line-up .month-list a{
    color: #6e6e6e;
    font-size: 24px;
}

.symposium .symposium-line-up .month-list a.selected{
    font-weight: 600;
}

.symposium .symposium-line-up .month-list a:hover,
.symposium .symposium-line-up .month-list a.selected{
    color: #00a3a8;
}

.symposium .symposium-line-up .items img{
    width: 195px;
    padding: 10px 0px 25px;
}


.symposium .symposium-line-up .items h4{
    color: #707070;
    font-weight: 600;
    font-size: 20px;
}

.symposium .symposium-line-up .items p{
    text-align: center;
    color: #707070;
}

.symposium .symposium-line-up .items p.find-more-btn{
    width: max-content;
    margin: auto;
    text-align: center;
    color: white;
    padding: 5px 15px;
    border-radius: 10px;
    background-color: orange;
    border: 1px solid orange;
    font-weight: 600;
    transition: all 0.2s;
}

.symposium .symposium-line-up .items .col-md-4:hover p.find-more-btn{
    background-color: white;
    color:brown;
    border: 1px solid brown;
}

.symposium .line-break{
    height: 1px;
    background-color: #6e6e6e;
    width: 100%;
    margin: 2rem 0px;
}

.symposium .slider-for img{
    width: 75%;
    margin: 20px auto;
}

.symposium .slider-nav img{
    filter: brightness(0.4);
    margin: auto;
}

.symposium .slider-nav .slick-slide{
    margin: 30px 12px;
}
.symposium .slider-nav .slick-center img{
    transition: all 0.5s;
    filter: none;
    transform: scale(1.3);
    box-shadow: 0px 14px 15px -15px #000000;
}

.symposium .square-button.primary{
    background-color: transparent !important;
}

.symposium .square-button.primary span{
    color: #00a3a8 !important;
    font-size: 30px !important;
}

.symposium .desc .learn-more-btn{
    width: max-content;
    margin: auto;
    text-align: center;
    color: white;
    padding: 10px 30px;
    border-radius: 10px;
    background-color: orange;
    border: 1px solid orange;
    font-weight: 600;
    transition: all 0.2s;
}

.symposium .desc .learn-more-btn:hover{
    background-color: white;
    color:brown;
    border: 1px solid brown;
}

.symposium .share-btn,
.symposium .print-btn,
.symposium .register-btn{
    width: max-content;
    margin: auto;
    text-align: center;
    color: white;
    padding: 10px 50px;
    border-radius: 10px;
    background-color: orange;
    border: 1px solid orange;
    font-weight: 600;
    transition: all 0.2s;
}

.symposium .share-btn:hover,
.symposium .print-btn:hover,
.symposium .register-btn:hover{
    background-color: white;
    color:brown;
    border: 1px solid brown;
}

.symposium .load-more-btn .load-more{
    width: max-content;
    margin: auto;
    text-align: center;
    color: #00a3a8;
    padding: 13px 50px;
    border-radius: 10px;
    /* background-color: #00a3a8; */
    border: 2px solid #00a3a8;
    font-weight: 600;
    transition: all 0.2s;
}

.symposium .load-more-btn .load-more:hover{
    color: #fff;
    background-color: #00a3a8;
}



@media screen and (max-width: 767.9px){
    .symposium .knowledge-hub h3,
    .symposium .about-desc h3{
        font-size: 32px;
    }

    .symposium .sym-header a {
        padding: 10px 30px;
    }
}


@media screen and (min-width: 768px) and (max-width: 991.9px) {
    .symposium .knowledge-hub h3,
    .symposium .about-desc h3{
        font-size: 40px;
    }

    .symposium .symposium-line-up .items img{
        width: 165px;
    }
    

}


/* Registration */

.symposium-registration .symposium-bg-image{
    background-image: url(/ResourcePackages/Gleneagles/assets/dist/images/symposium/Background.jpg);
    background-position: center top;
}

.symposium-registration .heading-wrapper{
    padding: 80px 0px;
}

.symposium-registration .heading-title{
    color: white;
}

.register-symposium-form{
    box-shadow: 0 6px 8px 0 rgb(0 0 0 / 0%), 0 2px 8px 0 rgb(0 0 0 / 19%);
    margin: 50px 0px;
    background-color: white;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    padding: 40px 35px;
}

.symposium-registration .custom-error {
    color: red;
    padding: 0 0 0 10px;
    font-size: 12px;
    font-weight: bold;
    opacity: 0;
    margin: 0 0 7px !important;
}

.symposium-registration .custom-error.show {
    display: block;
}

.form-underline textarea {
    color: rgb(79, 79, 79);
    border: 1px solid #e0e0e0;
    border-radius: 10px !important;
    font-size: 14px;
    -webkit-border-radius: 0;
    padding: 10px;
    height: auto;
    background-color: white;
    margin: 0 0 2px;
}

.form-underline input {
    margin: 0 0 2px !important;
}

.form-underline textarea::placeholder {
    color: #858585;
}

.symposium-registration .custom-tip {
    padding: 0 0 0 10px;
    font-size: 12px;
    margin: 0 0 10px !important;
}

.symposium-registration label{
    padding: 0 0 0 3px;
}

@media screen and (max-width: 767.9px){
    .register-symposium-form{
        padding: 20px 0px;
    }
}

.symposium-registration .btn-disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

.symposium-registration tbody tr{
    background-color: transparent;
    border: none;
}

.symposium-registration tbody{
    border: none;
}

.symposium-registration tbody td{
    padding: 0;
}

.symposium-registration table{
    margin: 0;
}