.navbar {
    background: #FFF45A;
    font-family: Montserrat-Bold;
    font-weight: bold;
    height: 4.6rem;
    box-shadow: none;
    z-index: 999;
}

.navbar .container-xl, .navbar .navbar-collapse {
    padding: 0.6rem 0;
}

.navbar .navbar-toggler {
    margin-left: 0.6rem;
}

.navbar .navbar-collapse {
    padding: 0 0.6rem;
    background: #FFF45A;
    margin-top: 0.75rem;
}

.navbar-brand-image {
    width: 16rem;
    height: auto;
}

.language-dropdown {
    background: #FFF45A;
    border: 1px solid #FFF45A;
    color: #34503F;
}

.language-dropdown a {
    font-weight: bold;
}

.activity {
    min-height: 85vh;
    display: flex;
    flex-direction: column;
    margin-bottom: 6.6rem;
}

.web3-summit {
    height: 16.6rem;
    width: auto;
    margin-top: 12rem;
}

svg.web3-summit {
    stroke: #33503f;
    fill: transparent;
    stroke-width: 1pt;
    stroke-miterlimit: 10;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1585;
    animation: stroke 2.8s forwards;
    width: 100%;
}

@keyframes stroke {
    0% {
        stroke: #33503f;
        fill: transparent;
        stroke-dashoffset: 2000;
    }

    50% {
        stroke: #33503f;
        fill: transparent;
        stroke-dashoffset: 40;
    }

    100% {
        stroke-dashoffset: 0;
        fill: #33503f;
        stroke: transparent;
    }

}

.map-pin {
    font-size: 1.5rem;
    font-weight: bold;
    /*font-family: "Didact Gothic Regular", sans-serif;*/
    text-align: center;
    margin: 3rem 0 1.5rem;
}

.map-pin svg {
    margin-left: 1.6rem;
    height: 1.8rem;
    width: auto;
    margin-top: -0.2rem;
}

.activity .sub-title {
    text-align: center;
    background-color: #34503F;
    width: fit-content;
    margin: 2rem auto;
    padding: .3rem .5rem;
    text-transform: uppercase;
    font-family: "Didact Gothic Regular", sans-serif;
    color: #FBE84D;
    font-size: 1.3rem;
}

.sponsor {
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 20px;
}

.sponsor img {
    height: 1.66rem;
    width: auto;
}

.introduction {
    margin-bottom: 4rem;
    color: #34503F;
}

.introduction .title {
    font-size: 2.8rem;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Montserrat, Montserrat;
    padding-bottom: 1.6rem;
}

.introduction .desc {
    padding: 1.8rem 0;
    font-size: 0.9rem;
    font-weight: 500;
    font-family: PingFang SC, PingFang SC;
}

.introduction .keyword {
    padding-top: 1.8rem;
    font-size: 26px;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
}

.introduction .keyword::after {
    content: '';
    display: inline-block;
    background-color: #34503F;
    opacity: .2;
    height: .3rem;
    width: 100%;
    margin-bottom: .5rem;
}

.introduction .intro {
    font-size: 15px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
}

.highlights .title {
    font-size: 2.6rem;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Montserrat, Montserrat;
    color: #34503F;
    margin-bottom: 2rem;
}

.accordion-item {
    border-radius: 0 !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid rgba(52, 80, 63, .2);
}

.accordion-button {
    padding-left: 0;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    color: #34503F;
}

.agenda {
    color: #34503F;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
}

.agenda .title {
    font-size: 2.6rem;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Montserrat;
    margin-top: 3.2rem;
}

.agenda .sub-title {
    font-family: HarmonyOS Sans SC-Bold;
    border-bottom: 2px solid #34503F;
    font-size: 1.66rem;
    padding: 1.2rem 0;
}

.agenda .date {
    font-size: 36px;
    font-weight: 500;
    padding-top: 2.6rem;
}

.agenda .cursor {
    display: flex;
    gap: 1rem 2rem;
    flex-wrap: wrap;
    margin: .9rem 0;
}

.agenda .cursor .time {
    font-size: 22px;
    font-weight: 500;
    width: 10rem;
}

.agenda .cursor .time img {
    width: 1rem;
    margin-right: 0.6rem;
    margin-top: -0.3rem;
}

.agenda .cursor .theme {
    font-size: 1rem;
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    padding-bottom: 0.6rem;
}

.agenda .cursor .theme .intro {
    font-size: 1rem;
    color: rgba(52, 80, 63, .4);
    padding-top: .4rem;
    max-width: 23.4rem;
}

.agenda .intros {
    background-color: #34503F;
    color: #FBE84D;
    padding: 1rem;
}

.agenda .intros .speaker {
    max-width: 26.2rem;
}

.agenda .intros .panelist {
    color: rgba(251, 232, 77, .4);
    height: 2.5rem;
}

.conference-theme {
    background: linear-gradient(70deg, #FFF497, #FFF497, #FBE84D, #FBE84D);
    font-size: 22px;
    padding: 1rem;
    font-weight: 500;
}

.past-guests .guests-title {
    font-size: 3rem;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Montserrat, Montserrat;
    margin: 4rem;
    color: #34503F;
    text-align: center;
}

.past-guests .desc {
    font-size: 15px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    margin-bottom: 2rem;
}

.speakers {
    padding-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.speakers div {
    text-align: center;
    min-width: 20rem;
    width: 25%;
}

.speakers img {
    width: 10.2rem;
    border-radius: 3.3rem;
}

.speakers .title {
    font-size: 1rem;
    font-family: Poppins, Poppins;
    font-weight: 600;
    color: #000000;
    margin-top: 0.4rem;
    width: 100%;
}

.speakers .job {
    font-size: 14px;
    font-family: Poppins, Poppins;
    font-style: oblique;
    color: #000000;
    margin-bottom: 2rem;
    margin-top: 0.8rem;
    width: 100%;
}

.partner .title {
    font-size: 2.8rem;
    font-family: Poppins, Poppins;
    font-weight: bold;
    color: #253152;
    text-align: center;
}

.partner .content {
    display: flex;
    gap: 2rem 2.2rem;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 2.4rem;
}

.partner .content div {
    background: #FBE84D;
    border: 1px solid #000;
    border-radius: 6px;
    text-align: center;
    height: 3.4rem;
    /*min-width: 10rem;*/
    width: 11.94%;
}

.partner .content div:hover {
    background: #FFF45A;
}

.partner .content img {
    height: 100%;
    width: auto;
    object-fit: cover;
}


.media .title {
    font-size: 2.8rem;
    font-family: Poppins, Poppins;
    font-weight: bold;
    color: #253152;
    text-align: center;
    margin-top: 6.6rem;
}

.media .content {
    display: flex;
    gap: 2rem 2.2rem;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 2.4rem;
}

.media .content div {
    background: #FBE84D;
    border: 1px solid #000;
    border-radius: 6px;
    text-align: center;
    height: 3.4rem;
    /*min-width: 10rem;*/
    width: 11.94%;
}

.media .content div:hover {
    background: #FFF45A;
}

.media .content img {
    height: 100%;
    width: auto;
}

.container-footer {
    text-align: center;
    padding-bottom: 1rem;
}

.container-footer img {
    height: 6rem;
    width: auto;
    margin: 8rem 0 4rem;
}

.web3-summit-gray {
    padding: 4rem;
}

.container-footer .links {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    width: 33rem;
    margin: 0 auto;
    justify-content: space-around;
    text-align: center;
}

.container-footer .links a {
    color: #34503F;
    text-decoration: none;
}

.container-footer .icons {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    width: 6.6rem;
    margin: 3rem auto;
    justify-content: space-around;
}

.container-footer .icons svg {
    width: 2rem;
    height: 2rem;
}


@media (max-width: 770px) {
    .introduction .title, .highlights .title, .agenda .title {
        font-size: 1.88rem;
    }

    .web3-summit {
        margin-top: 4rem;
    }

    .sponsor {
        width: 100%;
    }

    .container-footer .links {
        width: 100%;
    }

    .web3-summit-gray {
        padding: 3rem;
    }

    .speakers div {
        width: 50%;
        min-width: 9.4rem;
        margin: 0 auto;
    }

    .partner .content div, .media .content div {
        width: 45%;
    }
}