:root {
    /* Avrasiya təbiəti palitrası */
    --primary-color: #1a4331;       /* Tünd Meşə/Şam Yaşılı (Köhnə #174576 yerinə) */
    --accent-color: #0e7896;        /* Çay və Göy Mavisi (Köhnə #0D7295 yerinə) */
    --hover-color: #2d8a4e;         /* Canlı Ot/Yarpaq Yaşılı (Köhnə #0B9500 yerinə) */
    --text-muted: #7a8780;          /* Təbii Boz/Adaçayı Yaşılı (Köhnə #888 yerinə) */

    /* RGBA formatında arxa fonlar üçün RGB komponentləri (Köhnə 10,30,40 yerinə) */
    --dark-bg-rgb: 14, 28, 22;      /* Çox tünd xaki/meşə kölgəsi */
}

body, html {height: 100%;margin: 0;position: relative;}

.btn-to-up-centered {
    position: fixed;
    bottom: 25px;
    right: 25px;
    transform: translateX(-50%); /* Tam mərkəzləmə */
    width: 100px;
    height: 100px;

    /* Yeni Palitra İnteqrasiyası */
    background-color: var(--primary-color); /* #1a4331 - Tünd Meşə Yaşılı */
    color: #f4f7f5; /* Təbiət tonlarına uyğun çox yumşaq, zərif kremi ağ */
    border: 2px solid var(--accent-color); /* #0e7896 - Çay və Göy Mavisi çərçivə */

    border-radius: 10%;
    display: none; /* JS tərəfindən aktivləşəndə 'flex' olunur */
    align-items: center;
    justify-content: center;
    font-size: 33px;
    font-weight: bolder;
    cursor: pointer;
    z-index: 1000;

    /* Yeni tünd xaki kölgə effekti */
    box-shadow: 0 4px 12px rgba(14, 28, 22, 0.3);

    /* GPU-optimallı rəvan keçid animasiyası */
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1),
    background-color 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.btn-to-up-centered:hover {
    background-color: var(--hover-color); /* #2d8a4e - Canlı Ot/Yarpaq Yaşılı */
    color: #ffffff; /* Tam parlaq ağ */
    border-color: var(--accent-color); /* Mavi çərçivə vurğusunu saxlayır */

    /* Düyməni mərkəzi pozmadan 5px rəvan yuxarı qaldırır */
    transform: translateX(-50%) translateY(-5px);

    /* Canlı yaşıl tonuna uyğun parıltı effekti */
    box-shadow: 0 8px 20px rgba(45, 138, 78, 0.4);
}



#menu{background-color: rgba(var(--dark-bg-rgb), 0.9); box-shadow: 0 2px 2px 1px gray;}
#menu .active{background-color: var(--accent-color)!important;}
#menu .nav-link:not(.disabled){color:white}
#about a,#about li{color: var(--primary-color);}
.bgimg-img{display:none}

.textofdate{color:#000;}

.bgimg-home, .bgimg-topics, .bgimg-committees, .bgimg-invitedspeakers, .bgimg-submission, .bgimg-6, .bgimg-7, .bgimg-8,.bgimg-9,.programme, .bgimg-publications, .venue, .travel-information{
    position: relative;
    opacity: 1;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bgimg-home {background-image: url("/assets/images/bg/bg_home.webp");min-height: calc(100% - 199px);background-position: center top 80px;background-color: #fff}
.bgimg-topics {background-image: url("/assets/images/bg/bg_topics.webp");min-height: 600px;}
.bgimg-committees {background-image: url("/assets/images/bg/bg_committee.webp");min-height: 600px;}
.bgimg-invitedspeakers {background-image: url("/assets/images/bg/bg_speakers.webp");min-height: 600px;}
.bgimg-submission {background-image: url("/assets/images/bg/bg_submission.webp");min-height: 600px;}
.bgimg-6 {background-image: url("/assets/images/bg/bg_submission.jpg");min-height: 600px;}
.bgimg-7 {background-image: url("/assets/images/bg8.jpg");min-height: 600px;}
.bgimg-8 {background-image: url("/assets/images/bg9.jpg");min-height: 600px;}
.programme {background-image: url("/assets/images/bg/bg_programme.jpg");min-height: 600px;}
.bgimg-publications {background-image: url("/assets/images/bg/bg_publications.jpg");min-height: 600px;}
.venue {background-image: url("/assets/images/bg/venue.webp");min-height: 600px;}
.travel-information{background-image: url("/assets/images/bg/bg_travel-information.webp");min-height: 600px;}

#abouturl,#topicsurl,#committeesurl,#invitedspeakersurl,#submissionurl,#programmeurl,#conferenceproceedingsurl{padding-top: 2em;}

.table-sm thead{background-color: var(--primary-color); color:white;text-align: center}
.table-sm td{padding:10px;line-height: 150%}
.table-sm td:nth-child(2){font-weight: bold;word-break: keep-all;white-space: nowrap;}
#topicsSubtopics td:nth-child(1){font-weight: bold;word-break: keep-all;}

.caption {position: absolute;left:0;top: 45%;width: 100%;text-align: center;}
.caption1 {position: absolute;left:0;top: 25%;width: 50%;text-align: center;}
.caption2 {position: absolute;left:0;top: calc(25% + 80px);width: 50%;text-align: center;}

span.border1 {background-color: var(--primary-color); color: #fff;padding: 18px;font-size: 25px;letter-spacing: 10px;opacity: 0.7;}
span.border2 {background-color: #fff;color: #000;padding: 10px;font-size: 25px;letter-spacing: 10px;}

.sectionName {letter-spacing: 5px;text-transform: uppercase;font-weight:400; color: var(--primary-color); text-align: center;}
.qrcode{width: auto;height: 100px;display:block;margin:10px auto}

#commitees td{text-align: left}
#participants td{text-align: left}

.programLink a{color:#459CA0;}
.programLink a:hover{color:blue;}
.programLink img{height:280px;width: auto;}

#submission form{margin:2em auto;padding:2em;border:1px dashed #ccc;border-radius: 5px}
#submission form label{font-weight: bold}
#submission form th{text-align:center;color:#555}
#submission form td{padding:0}
#submission form button{background-color: var(--primary-color);}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-home, .bgimg-topics, .bgimg-committees, .bgimg-invitedspeakers, .bgimg-submission, .bgimg-6, .bgimg-7, .bgimg-7, .bgimg-9, .travel-information{
        background-attachment: scroll;
    }
}

.fade-in-text1 {animation: fadeIn linear 1s;-webkit-animation: fadeIn linear 1s;-moz-animation: fadeIn linear 1s;-o-animation: fadeIn linear 1s;-ms-animation: fadeIn linear 1s; color: var(--accent-color);}
.fade-in-text2 {animation: fadeIn linear 2s;-webkit-animation: fadeIn linear 2s;-moz-animation: fadeIn linear 2s;-o-animation: fadeIn linear 2s;-ms-animation: fadeIn linear 2s; color: var(--accent-color); font-size: 100%}
.fade-in-text3 {animation: fadeIn linear 3s;-webkit-animation: fadeIn linear 3s;-moz-animation: fadeIn linear 3s;-o-animation: fadeIn linear 3s;-ms-animation: fadeIn linear 3s;font-weight:400}
.fade-in-text4 {animation: fadeIn linear 4s;-webkit-animation: fadeIn linear 4s;-moz-animation: fadeIn linear 4s;-o-animation: fadeIn linear 4s;-ms-animation: fadeIn linear 4s;}
.fade-in-image1 {animation: fadeIn 1s;-webkit-animation: fadeIn 1s;-moz-animation: fadeIn 1s;-o-animation: fadeIn 1s;-ms-animation: fadeIn 1s;}
.fade-in-image2 {animation: fadeIn 5s;-webkit-animation: fadeIn 5s;-moz-animation: fadeIn 5s;-o-animation: fadeIn 5s;-ms-animation: fadeIn 5s;}


/* ==========================================================================
   INVITED SPEAKERS STYLES (Euro-Asian Nature Palette Updated)
   ========================================================================== */
.speaker-card {
    background: #fff;
    border: none;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgb(0 0 0 / .05);
    transition: all 0.4s cubic-bezier(.175, .885, .32, 1.275);
    border-bottom: 5px solid #fff0;
}

.speaker-card:hover {
    transform: translateY(-12px);
    /* Köhnə mavi kölgə rgb(0 147 233) yeni var(--accent-color) #0e7896 rənginin RGB-si ilə əvəzləndi (14, 120, 150) */
    box-shadow: 0 20px 40px rgb(14 120 150 / .2);
    border-bottom: 5px solid var(--accent-color);
}

.img-invited-speakers {
    width: 100%;
    height: 250px;
    object-fit: contain;
    border-radius: 0;
    transition: transform 0.5s ease;
}

.speaker-card:hover .img-invited-speakers {
    transform: scale(1.05);
}

.speaker-name {
    color: var(--primary-color); /* Köhnə var(--baku-dark) yeni tünd meşə yaşılı ilə əvəzləndi */
    font-size: 1.3rem;
    margin-top: 15px;
}

.speaker-country {
    background: linear-gradient(90deg, #f8f9fa, #e9ecef, #f8f9fa);
    padding: 5px;
    border-radius: 10px;
    color: var(--primary-color); /* Tam qara yerinə palitraya uyğun tünd yaşıl tətbiq olundu */
    font-weight: 600;
    text-transform: uppercase;
}

.speaker-institution {
    color: var(--text-muted); /* Kontrastı yumşaltmaq və təbiət mövzusunu qorumaq üçün adaçayı bozu tətbiq olundu */
    font-weight: 600;
}

/* Footer */
#footer{background-color: rgba(var(--dark-bg-rgb), 1); position: relative}
#footer .contactTitle{color:white;font-size:20px;font-weight: bold;text-align: center;margin-bottom: 1.4em;letter-spacing: 2px;}
#footer i.bi-whatsapp{margin-left: 0.5em;}
#footer a.link{display: block;color:#bbb;text-decoration: none;margin-bottom: 10px;text-align: center}
#footer a.link:hover{color:#fff}

#footer .socialLogoLink i {font-size: 18px;line-height: 0;}
#footer .socialLogoLink {
    transition: color 0.3s;
    margin: 0 3px;
    border-radius: 4px;
    width: 36px;
    height: 36px;
    background-color: rgba(var(--dark-bg-rgb), 0.8)!important;
    transition: ease-in-out 0.3s;
    color: #484848;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align:center
}
#footer .socialLogoLink:hover {color: #fff!important; background: var(--hover-color)!important;}

@keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-moz-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-webkit-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-o-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-ms-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}

@media (min-width: 1400px)
{
    #homeHeader{padding:80px 0 0;font-size: 22px;font-weight: bold;}
    .titleofheader{padding-left: 180px;padding-top: 10px;line-height:1;}
    .fade-in-text1 {padding-bottom: 10px;text-align: left!important;}
    .fade-in-text2 {padding-bottom: 5px;text-align: left!important;}
    .fade-in-text3 {font-size:16px;padding-bottom: 15px;text-align: left!important;}
    .fade-in-text4 {font-size:16px;padding-bottom: 5px;text-align: left!important;}
    .navbar{font-size:16px;}
    .nav-link{color:rgba(255,255,255,1);}
    .logo{height:140px;width:auto;position: absolute;left:20px;top:80px;z-index: 1;padding:2px;background-color:#fff;}
    .logo-bsu{position: absolute;right:20px;top:80px;z-index: 1;font-size:14px; color: var(--text-muted);}
    .logo-bsu img{height:140px;width:auto;padding:2px;background-color:#fff;}
    .logo_sponsor1{height:90px;width: auto;margin-left: 1em;vertical-align: top}
    .caption1{top: 530px;}
    .caption2{top: 600px;}
    .caption-img1{float: right;text-align: center;font-size: 14px; color: var(--text-muted); vertical-align: top}
    .textofdate{padding-left: 180px;font-size: 16px;font-weight: bold;background-color: rgba(255,255,255,0);}
    .sectionName{font-size:40px;margin-bottom: 1em;}
    #about, #topics, #commitees, #venue, #covid{font-size:1.2em;line-height: 175%}
    .table-sm{font-size:12pt;}
    #invited img{height:auto;width: 200px;display: block;margin: 0 auto;}
}
@media (min-width: 1200px) and (max-width: 1399.98px)
{
    #homeHeader{padding:80px 0 0;font-size: 19px;font-weight: bold;}
    .titleofheader{padding-left: 180px;padding-top: 10px;line-height:1;}
    .fade-in-text1 {padding-bottom: 10px;text-align: left!important;}
    .fade-in-text2 {padding-bottom: 5px;text-align: left!important;}
    .fade-in-text3 {font-size:14px;padding-bottom: 15px;text-align: left!important;}
    .fade-in-text4 {font-size:16px;padding-bottom: 5px;text-align: left!important;}
    .navbar{font-size:13px;}
    .nav-link{color:rgba(255,255,255,1);}
    .logo{height:140px;width:auto;position: absolute;left:20px;top:80px;z-index: 1;padding:2px;background-color:#fff;}
    .logo-bsu{position: absolute;right:20px;top:80px;z-index: 1;font-size:14px; color: var(--text-muted);}
    .logo-bsu img{height:140px;width:auto;padding:2px;background-color:#fff;}
    .logo_sponsor1{height:80px;width: auto;margin-left: 1em;vertical-align: top}
    .caption1{top: 320px;}
    .caption2{top: 380px;}
    .caption-img1{float: right;text-align: center;font-size: 12px;letter-spacing: 0; color: var(--text-muted)}
    .textofdate{padding-left: 180px;font-size: 15px;font-weight: bold;background-color: rgba(255,255,255,0);}
    .sectionName{font-size:30px;margin-bottom: 1em;}
    #about, #topics, #commitees, #venue, #covid{font-size:1.2em;line-height: 175%}
    .table-sm{font-size:10pt;}
    #invited img{height:auto;width: 200px;display: block;margin: 0 auto;}
}
@media (min-width: 992px) and (max-width: 1199.98px)
{
    #homeHeader{padding:80px 0 0;font-size: 18px;font-weight: bold;}
    .titleofheader{padding-left: 180px;padding-top: 10px;line-height:1;}
    .fade-in-text1 {padding-bottom: 10px;text-align: left!important;}
    .fade-in-text2 {padding-bottom: 5px;text-align: left!important;}
    .fade-in-text3 {font-size:14px;padding-bottom: 15px;text-align: left!important;}
    .fade-in-text4 {font-size:14px;padding-bottom: 5px;text-align: left!important;}
    .navbar{font-size:13px;}
    .nav-link{color:rgba(255,255,255,1);}
    .logo{height:140px;width:auto;position: absolute;left:20px;top:80px;z-index: 1;padding:2px;background-color:#fff;}
    .logo-bsu{position: absolute;right:20px;top:80px;z-index: 1;font-size:14px; color: var(--text-muted);}
    .logo-bsu img{height:140px;width:auto;padding:2px;background-color:#fff;}
    .logo_sponsor1{height:80px;width: auto;margin-left: 1em;vertical-align: top}
    .caption-img1{float: right;text-align: left;font-size: 12px; color: var(--text-muted)}
    .textofdate{padding-left: 180px;font-size: 12px;font-weight: bold;background-color: rgba(255,255,255,0);}
    .sectionName{font-size:30px;margin-bottom: 1em;}
    span.border1 {font-size: 20px;line-height: 40px;}
    #about, #topics, #commitees, #venue, #covid{font-size:1.2em;line-height: 175%}
    .table-sm{font-size:12pt;}
    .bgimg-topics, .bgimg-committees, .bgimg-invitedspeakers, .bgimg-submission, .bgimg-6, .bgimg-7, .covid19 {min-height: 300px;}
    #invited img{height:auto;width: 200px;display: block;margin: 0 auto;}
}

@media (min-width: 768px) and (max-width: 991.98px)
{   .container{width:100%!important;}
    #homeHeader{padding:70px 0 0;font-size: 16px;font-weight: bold;}
    .titleofheader{padding-left: 110px;padding-top: 10px;line-height:1;}
    .fade-in-text1 {padding-bottom: 5px;text-align: center!important;}
    .fade-in-text2 {padding-bottom: 5px;text-align: center!important;}
    .fade-in-text3 {font-size:12px;padding-bottom: 12px;text-align: center!important;}
    .logo{height:100px;width:auto;position: absolute;left:5px;top:85px;z-index: 1;padding:2px;background-color:#fff;}
    .logo-bsu{position: absolute;right:5px;top:70px;z-index: 1;font-size:14px; color: var(--text-muted);}
    .logo-bsu img{height:100px;width:auto;padding:2px;background-color:#fff;}
    .caption-img1{float: right;text-align: center;font-size: 0.5em; color: var(--text-muted);display: none}
    .textofdate{padding-left: 180px;font-size: 15px;font-weight: bold;background-color: rgba(255,255,255,0);}
    .sectionName{font-size:30px;margin-bottom: 1em;}
    span.border1 {font-size: 18px;line-height: 40px;}
    #about, #topics, #commitees, #venue, #covid{font-size:1.1em;line-height: 150%;}
    .table-sm{font-size:12pt;}
    .bgimg-topics, .bgimg-committees, .bgimg-invitedspeakers, .bgimg-submission, .bgimg-6, .bgimg-7, .covid19 {min-height: 300px;}
    #invited img{height:auto;width: 200px;display: block;margin: 0 auto;}
}
@media  (max-width: 767.98px)
{
    .container{width:100%!important;margin:0!important;}
    .bgimg-home{display:none;}
    .bgimg-img{display:block}
    #homeHeader{padding:70px 0 0;font-size: 16px;font-weight: bold;}
    .titleofheader{padding-top: 10px;line-height:1;}
    .fade-in-text1 {padding-bottom: 5px;text-align: center!important;}
    .fade-in-text2 {padding-bottom: 5px;text-align: center!important;}
    .fade-in-text3 {font-size:12px;padding-bottom: 12px;text-align: center!important;}
    .logo{display:none;}
    .logo-bsu{display:none;}
    .logo-bsu img{height:100px;width:auto;padding:2px;background-color:#fff;}
    .caption-img1{float: right;text-align: center;font-size: 0.5em; color: var(--text-muted);display: none}
    .textofdate{display: none}
    .textofdate2{display: block!important; width:100%;text-align: center;font-size: 15px;background-color: rgba(255,255,255,0);padding:5px 20px;color: black}
    .sectionName{font-size:30px;margin-bottom: 1em;}
    span.border1 {font-size: 18px;line-height: 40px;}
    #about, #topics, #commitees, #venue, #covid{font-size:1.1em;line-height: 150%;}
    .table, .table-sm{font-size:11pt!important;margin:0;padding:0;width:100%}
    .table td,.table-sm td,#topicsSubtopics td{padding:0;word-break: normal;white-space: normal!important;vertical-align: top}
    .card{padding:1px!important;margin:0!important;}
    .bgimg-topics, .bgimg-committees, .bgimg-invitedspeakers, .bgimg-submission, .bgimg-6, .bgimg-7, .covid19 {min-height: 300px;}
    #invited img{height:auto;width: 200px;display: block;margin: 0 auto;}
}