.main-content-home {
    background: var(--bg-color-white-1);
}

.main-content-home-inner {
    display: flex;
    justify-content: space-between;
    /*  padding: 40px 0px; */
}

.main-content-home-inner .notices-main {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    gap: 20px;
}

/* .about-icfre {
    width: 300px;
} */

.notices-main .notices-item {
    max-width: 400px;
    /*    border: 1px solid var(--border-color-2);
    border-radius: 5px; */
    /*  padding: 6px 20px; */
}

.notices-main .notices-item h1 {
    font-size: 1rem;
    font-weight: 300;
    padding: 5px 10px;
    border: 1px solid var(--border-color-theme);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: var(--bg-color-5);
    color: var(--text-color-theme);
    letter-spacing: 1px;
    background: var(--bg-color-icfre-blue);
    color: var(--text-color-whitesmoke);

}

.about-icfre h1, .icfre-portals h1 {
    background: var(--bg-color-icfre-blue);
    color: var(--text-color-whitesmoke);
    font-size: 1rem;
    font-weight: 400;
    padding: 5px 10px;
    border-bottom: 1px solid var(--bg-color-icfre-blue);
    /* border-top-left-radius: 5px; */
    /* border-top-right-radius: 5px;*/
}

.main-content-home-inner .notices-main {
    /*    width: 75%;
    margin-left: 40px;
    width: calc(75% - 40px); */
}

.notices-item .notices-item-content {
    /*   padding: 10px; */
    max-height: 400px;
    min-height: 400px;

    overflow-y: scroll;
    border: 1px solid var(--border-color-2);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 100%;

}

.notices-item .notices-item-content-bb, .notices-item .notices-item-content-fe {
    /*   height: 300px; */
}

.notices-item-content ul li {
    border-bottom: 1px solid var(--border-color-2);
    padding: 5px 10px;
}

.notices-item-content ul li a {
    font-size: 0.8rem;
    text-decoration: none;
    color: var(--text-color-black-2);
    padding-bottom: 5px;
}

.notices-item-content ul li.tech-title a {
    margin-bottom: 10px;
    display: inline-block;
}

.notices-item-content ul li.tech-title>a:first-child {
    display: inline;
}

.notices-item-content ul li a.tech-desc {
    padding: 10px 0px 10px 10px;
}

.notices-item-content ul li i {
    vertical-align: middle;
    font-size: 1rem;
    color: var(--bg-color-icfre-blue);
}

.notices-item-content ul li .inst-update-main {
    display: inline;
}

.notices-item-content ul li .date-span {
    color: var(--text-color-theme);
    font-size: 0.7rem;
    margin-left: 10px;
}

.notices-item-content ul li .inst-span {
    color: var(--text-color-theme);
    font-size: 0.7rem;
    margin-left: 10px;
}

.side-panel-main {
    /* width: 25%; */
    min-width: 350px;
}

.side-panel-main .about-icfre {
    /*  background: var(--bg-color-icfre-blue); */
    border-radius: 5px;
    padding: 0px 0px 5px 0px;
}

.about-icfre .left-main-links li, .icfre-portals .left-main-links li {
    font-size: 0.75rem;
    padding: 2px 0px;
    margin-left: 10px;
    margin: 5px 0px;
    background: var(--text-color-white);
    border-radius: 3px;
    background: var(--bg-color-white-1);
}

.about-icfre .left-main-links li a, .icfre-portals .left-main-links li a {
    text-decoration: none;
    color: var(--text-color-black-3);

}

.about-icfre .left-main-links li a:hover, .icfre-portals .left-main-links li a:hover {
    color: var(--text-color-bg-blue);
}

.about-icfre .left-main-links li i, .icfre-portals .left-main-links li i {
    margin-right: 8px;
}

.about-icfre .left-main-links li i, .icfre-portals .left-main-links li i {
    color: var(--text-color-theme);
    vertical-align: middle;
}

.icfre-portals .left-main-links li i.fa-arrow-up-right-from-square {

    margin-left: 3px;
}

.notices-main .notices-item h1 a {
    font-size: 0.75rem;
    font-weight: 500;
    margin-left: 20px;
    border: 1px solid var(--border-color-theme);
    padding: 2px 7px;
    border-radius: 3px;
    color: var(--theme-color);
    text-decoration: none;
    background: var(--bg-color-white-1);
    float: right;
}

@media screen and (max-width: 1200px) {
    .main-content-home-inner {
        /*  padding: 20px; */

    }
}

@media screen and (max-width: 1120px) {
    .main-content-home-inner {
        /*   padding: 10px; */
        gap: 10px;

    }

    .side-panel-main {
        min-width: unset;
    }
}


@media screen and (max-width: 1080px) {
    .main-content-home-inner .notices-main {
        gap: 10px;

    }
}

@media screen and (max-width: 1030px) {
    .notices-main .notices-item h1 {
        font-size: 0.8rem;
    }
}

@media screen and (max-width: 920px) {
    .notices-main .notices-item h1 {
        font-size: 0.7rem;
    }
}

@media screen and (max-width: 820px) {
    .main-content-home-inner {
        flex-direction: column;
    }

    .side-panel-main {
        display: flex;
        width: 100%;
        justify-content: space-evenly;
    }

    .main-content-home-inner .notices-main {
        width: 100%;
        margin-left: 0px;
    }
}

@media screen and (max-width: 768px) {
    .notices-main .notices-item h1 {
        font-size: 0.8rem;
    }

    .main-content-home-inner .notices-main {

        grid-template-columns: auto;
        width: 100%;
        justify-content: center;
    }

    .side-panel-main {
        width: 100%;
        display: flex;
        /* flex-direction: column; */
        justify-content: center;
        flex-direction: column;
    }

    .main-content-home-inner {
        flex-direction: column;
        padding: 10px;
    }



    .about-icfre .left-main-links li, .icfre-portals .left-main-links li {
        font-size: 0.6rem;
    }

    .left-main-links {
        display: grid;
        grid-template-columns: auto auto;
    }

    .side-panel-main .about-icfre {
        margin-bottom: 15px;
    }
}