.container {
            background-color: #F4F6F9;
            position: relative;
            width: 100%;
        }
        .container .hero{
            display: flex;
            justify-content: center;
            align-items: top;
            padding: 48px 20px;
            max-width: 1189px;
            margin: 0 auto;
        }
        .calendar{
            /* margin-left: 32px; */
            /* width: 30%; */
            /* min-width:350px; */
            background: #0E6EB8;
        }
        .hero-title{
            /* width: 70%; */
        }
        .hero-title-item{
            display: flex;
            justify-content: start;
            align-items: center;

        }
        .hero-title-item-content{
            margin-left: 16px; 
            flex: 1; 
            font-size: 26px;
            line-height: 130%;
            color: #000000;
            font-weight: 700;
            letter-spacing: -1%;
        }
        .hero-title-subtitle{
            margin-top:29px;
            font-size: 18px;
            line-height: 130%;
            color: #000000;
            font-weight: 500;
            /* letter-spacing: -1%; */
        }
        .hero-title-content{
            font-family: Montserrat;
            margin-top:24px;
            font-size: 16px;
            line-height: 27.2px;
            color: #000000;
            font-weight: 400;
            word-wrap: break-word;
            letter-spacing: -0.38px;
            margin-right: 8px;
            text-align: justify;
        }
        .important-dates-header {
        display: flex;
        align-items: center;
        background-color: #0E6EB8;
        color: white;
        font-size: 16px;
        line-height: 27.2px;
        font-weight: 700;
        padding: 12px 24px;
        border-radius: 5px 5px 0 0;
    }

    .important-dates-content {
        background-color: white;
        border-radius: 0 0 5px 5px;
        margin-top: 0;
    }
    .important-dates-content-item{
        display: flex;align-items: center;
        border:1px #e9edef solid;
    }
    .important-dates-content-item .date{
        color: #00003E;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        word-wrap: break-word;
        text-align: center; 
        border-right: 1px solid ;
        height: 100%;
        display: flex ;
        align-items: center;
        border-right: 1px solid #e9edef;
        display: flex;
        flex-direction: column;
        width: 76px;
        padding: 4px 0px;
    }
    .important-dates-content-item .content{
        padding-left: 10px;
        padding-right: 10px;
        color: #000000;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        height: 100%;
        flex:1;
    }
        
    .organization{
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 1189px;
        flex-direction: column;
        margin: 0 auto;
        padding: 48px 0px;
        gap: 24px;
    }
    .organization .organization-content-last{
        margin-bottom: 0px;
    }
    .organization-title{
        width: 100%;
        text-align:  left;
        font-weight: 600;
        font-size: 26px;
        line-height: 34px;
        color: #000000;
        letter-spacing: -1.52px;
    }
    .organization-content{
        padding: 24px;
        display: flex;
        flex-direction: row;
        background-color: #F4F6F9;
        border-radius: 12px;
        gap:24px;
        width: calc(100% - 48px);
    }
    .organization-content-even{
        flex-direction: row-reverse;
    }
    .organization .organization-content .organization-content-item-left .organization-content-item-left-image{
        height: 306px;
        /* border-radius: 24px; */
        overflow: hidden;
    }
    .organization .organization-content .organization-content-item-left .organization-item-left{
        /* width: 100%; */
        max-height: 244px;
        width:195px;
        height:244px;
        border-radius: 20px;
    }
    .organization .organization-content .organization-content-item-left .name{
        font-size: 16px;
        line-height: 27.2px;
        color: #000000;
        font-weight: 700;
        margin-top: 20px;
        letter-spacing: -0.38px;
    }
    .organization .organization-content .organization-content-item-left .affiliation{
        font-size: 16px;
        line-height: 27px;
        color: #000000;
        font-weight: 700;
        margin-top: 16px;
        letter-spacing: -0.38px;
    }
    .organization .organization-content .organization-content-item-left .affiliation span{
        font-weight: 400;
    }
    .organization .organization-content .organization-content-item-left{
        /* margin-left: 24px; */
        /* width: 20%; */
    }
    .organization .organization-content .organization-content-item-right{
        /* margin-left: 24px; */
        /* width: 80%; */
    }
    .organization .organization-content .organization-content-item-right .title{
        font-size: 16px;
        line-height: 27px;
        color: #000000;
        font-weight: 400;
        letter-spacing: -0.38px;
    }
    .organization .organization-content .organization-content-item-right .title span{
        font-weight: 700;
    }
    .organization .organization-content .organization-content-item-right .content{
        font-size: 16px;
        line-height: 27px;
        color: #000000;
        font-weight: 400;
        margin-top: 7px;
        letter-spacing: -0.38px;
        max-height: 500px; 
        overflow: hidden; 
        text-overflow: ellipsis;
         display: -webkit-box; 
         -webkit-box-orient: vertical;
          -webkit-line-clamp: 15;
          word-break: break-word;
    }
    .organization .organization-content .organization-content-item-left .content span{
        font-weight: 700;
    }

    .previous_meetings{
        padding: 48px 0px;
        background-color: #F4F6F9;

    }
    .previous_meetings .meetings-container{
        width: 100%;
        max-width: 1157px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .previous_meetings .meetings-title{
        width: 100%;
        text-align:  left;
        font-weight: 600;
        font-size: 26px;
        line-height: 34px;
        color: #000000;
        letter-spacing: -1.52px;
        margin-bottom: 16px;
    }
    .previous_meetings .news-content{
        width: 100%;
    }
    .previous_meetings .news-content-item{
        display: flex;
        align-items: top;
        flex-direction: row;
        width: 100%;
        gap:37px;
    }
    .previous_meetings .news-content-item-time{
        width: 120px;
        font-size: 16px;
        line-height: 27.2px;
        font-weight: 600;
        letter-spacing: -0.38px;
        color: #000000;
    }
    .previous_meetings .news-content-item-content{
        font-size: 16px;
        line-height: 27px;
        font-weight: 400;
        letter-spacing: -0.38px;
        flex:1;
        word-break: break-all;
    }
    .previous_meetings .news-content-item-content a{
        color: #0000EE;
        text-decoration: none;
    }
    .news{
        padding: 48px 0px;
        /* background-color: #F4F6F9; */

    }
    .news .news-container{
        width: 100%;
        max-width: 1157px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .news .news-title{
        width: 100%;
        text-align:  left;
        font-weight: 600;
        font-size: 26px;
        line-height: 34px;
        color: #000000;
        letter-spacing: -1.52px;
        margin-bottom: 16px;
    }
    .news .news-content{
        width: 100%;
    }
    .news .news-content-item{
        display: flex;
        align-items: top;
        flex-direction: row;
        width: 100%;
        gap:37px;
    }
    .news .news-content-item-time{
        width: 120px;
        font-size: 16px;
        line-height: 27.2px;
        font-weight: 600;
        letter-spacing: -0.38px;
        color: #D41618;
    }
    .news .news-content-item-content{
        font-size: 16px;
        line-height: 27px;
        font-weight: 400;
        letter-spacing: -0.38px;
        flex:1;
        word-break: break-all;
    }
    .news .news-content-item-content a{
        color: #0000EE;
        text-decoration: none;
    }


    @media screen and (max-width: 1440px) {
        .container_calendar {
            padding: 44px 110px !important;
        }
        .scrollbar-container {
            left: 347px !important;
        }
        .date_list {
            gap: 65px !important;
        }
        .organization {
            padding: 48px 0px;
            width: 86%;
        }
        .organization-title {
            width: 100%;
            text-align: left;
            font-weight: 600;
            font-size: 26px;
            line-height: 34px;
            color: #000000;
            letter-spacing: -1.52px;
        }
        .news {
            padding: 48px 0px;
        }
        .news .news-container {
            width: 86%;
        }
        .previous_meetings {
            padding: 48px 0px;
        }
        .previous_meetings .meetings-container {
            width: 86%;
        }
    }
    .container_calendar {
        padding: 44px 0px;
        background: #0E6EB8;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        max-width: 1163px;
        margin: 0 auto;
    }

    .date_title {
        width: 83px;
        height: 54px;
        padding-right: 24px;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 700;
        line-height: 27.2px;
        letter-spacing: -0.38px;
        text-align: right;
        color: rgb(255, 255, 255);
        border-right: 1px #ffffff solid;
        margin-right: 130px;
    }

    .date_list {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 130px;
        overflow: hidden;
        scrollbar-width: none;
    }

    .date_list::-webkit-scrollbar {
        width: 10px;
        height: 9px;
    }

    .date_list::-webkit-scrollbar-button {
        display: none;
    }

    .date_list::-webkit-scrollbar-thumb {
        background-color: #055899;
        border-radius: 75px;
    }

    .date_content {
        color: #ffffff;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.38px;
        text-align: center;
        display: flex;
        flex-direction: column;
        width: 210px;
    }

    .date {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        width: 220px;
    }

    .date_item {
        width: 220px;
        height: 48px;
        line-height: 24px;
        margin-top: 8px;
        font-weight: 600;
    }

    .scrollbar-container {
        position: absolute;
        bottom: 4px;
        left: 240px;
        height: 9px;
        background: #00000000;
    }

    .scrollbar-thumb {
        position: absolute;
        height: 9px;
        background: #055899;
        border-radius: 75px;
        cursor: pointer;
        user-select: none;
    }