/* ====================== Unscrollable Content ====================== */
._gazu3y_unscrollable_content_xgwq12_{

    width: 25%;
    min-width: 346px;
    /* flex-grow: 1; */
    min-height: calc(100vh - 70px);
    /* border: 2px solid red; */
    padding: 10px;
    position: sticky;
    top: 85px;
    right: 0;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    /* margin-top: 15px; */
    /* margin-top: 78px; */
}

._luahpa_fixed_content_jiz656_{
    width: 100%;
    height: fit-content;
    position: relative;
    /* border: 2px solid green; */
    border-radius: 5px;
    box-shadow: 0px 0px 10px var(--dark_secondary_color);
    border: 1px solid var(--border_color);
    /* padding: 20px; */
    overflow: hidden;
    background-color: var(--background_color);
    /* position: relative; */
}

._lzyw0k_fixed_content_heading_uiqixx_{
    /* border: 1px solid red; */
    /* padding-bottom: 10px; */
    /* border-bottom: 2px solid #00000044; */
    /* border-radius: ; */
    padding: 20px;
    padding-bottom: 5px;

    /* background-color: #ee547c; */


}

._h9q3j1_fixed_content_heading_text_l7ccpr_{
    font-size: 18px;
    font-weight: 600;
    /* color: var(--background_color); */
    color: var(--dark_color);
}

._12tyc7_content_3k7a91_{
    padding-top: 10px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    /* gap: 10px; */
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0px;

}
._12tyc7_content_3k7a91_.article{
    gap: 20px;
}

._vbff4d_content_link_x6ky3g_{
    display: flex;
    justify-content: start;
    align-items: center;
    /* border: 1px solid red; */
    width: 100%;
    gap: 10px;
    font-size: 18px;
    /* padding-bottom: 5px; */

    border-bottom: 1px solid rgb(221, 221, 221);
    color: var(--dark_color);
}
._bdt96j_content_link_icon_aslpcc_{
    /* border: 1px solid blue; */
    height: 20px;
    width: 20px;
}
._bdt96j_content_link_icon_aslpcc_ svg{
    height: 100%;
    width: 100%;
    /* border: 1px solid red; */
}

._dmn7d6_content_link_text_p9emxf_{
    font-size: 18px;
    cursor: pointer;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    transition: all 0.1s linear;
    width: 100%;
    /* border: 1px solid red; */


}
._dmn7d6_content_link_text_p9emxf_:hover{
    /* text-decoration: underline; */
    /* color: var(--primary_color); */
    /* transform: translateX(5px); */
    background-color: rgb(233, 233, 233);
    /* text-decoration-color: var(--primary_color); */
}

._q5da16_show_more_01a7cq_{
    /* background-color: red; */
    padding: 5px;
    padding-left: 20px;
    padding-bottom: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
    color: var(--dark_color);
    font-size: 12px;

}

.contain_all{
    /* height: 380px; */
    overflow: hidden;
    /* overflow-y: scroll; */
}

._di07ac_content_card_3gcrba_{
    height: fit-content;
    width: 100%;
    /* background-color: red; */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    /* padding-bottom: 10px; */
    /* border-bottom: 1px solid ; */

}
._di07ac_content_card_3gcrba_:hover ._zza04g_content_card_heading_z6voyb_{
    text-decoration: underline;
}
._n7jhjj_content_card_img_762xox_{
    height: 50px;
    width: 90px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid red; */
    border-radius: 5px;

}
._n7jhjj_content_card_img_762xox_ img{
    height: 100%;
    transform: scale(1.2);
    width: 100%;

}
._6sbvgq_content_card_info_errz8a_{
    width: 100%;
    flex-grow: 1;
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    gap: 5px;
    color: var(--dark_color);
}
._zza04g_content_card_heading_z6voyb_{
    font-size: 15px;
    /* height: 16px; */
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    text-wrap: wrap;
    font-weight: 700 ;


}

._yfhnb9_index_jdmfpk_{
    /* border: 1px solid red; */

    font-size: 40px;
    font-weight: 500;
    color: var(--primary_color);

}

._yrlnxw_content_card_description_9sluek_{
    font-size: 10px;
    /* height: 40px; */
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 300;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 20px;
    /* border: 1px solid red; */
}
._yrlnxw_content_card_description_9sluek_ .category ,._yrlnxw_content_card_description_9sluek_ .last-updated{
    font-size: 11px;
    font-weight: 500;
    color: rgb(163, 163, 163);
}


/* ========= Search bar ========= */
._0nvg2o_navSearch_ib16rk_{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--dark_color);
    height: 50px;
    width: 100%;
    border-radius: 50px;
    padding: 10px;
    padding-left: 10px;
    gap: 10px;
    background-color: #fff;
}
._rfe6f8_search_icon_2jvu4p_{
    height: 28px;
    width: 28px;
    margin-left: 2px;
    cursor: pointer;
    color: var(--dark_color);
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;

    /* background-color: red; */
    /* border-radius: 50%; */
    /* padding: 2px; */

}
._rfe6f8_search_icon_2jvu4p_ svg{
    height: 100%;
    width: 100%;
}

._e9f3nw_search_rcx0my_{
    border: none;
    outline: none;
    width: 100%;
    font-size: 15px;
    background-color: var(--background_color);
    color: var(--dark_color);
}

#searchBtn{
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    color: var(--primary_color);
    border: 1px solid var(--primary_color);
    background-color: var(--background_color);
    border-radius: 50px;
}
#searchBtn:hover{
    background-color: var(--primary_color);
    color: var(--background_color);
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 25px;
    width: 25px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/></svg>') no-repeat center;
    /* background: url(""); */
    cursor: pointer;
    color: var(--primary_color);
}

.home_search_bar{
    display: none;
}


/* ========= Unscrollable Content ( RESPONSIVE ) ========= */
@media only screen and (max-width: 1049px)
{
    ._gazu3y_unscrollable_content_xgwq12_{
        min-width: 300px;
    }
    ._dmn7d6_content_link_text_p9emxf_{
        font-size: 15px;
        /* border: 1px solid red; */
    }
    ._n7jhjj_content_card_img_762xox_{
        height: 50px;
        width: 70px;
    }

    ._zza04g_content_card_heading_z6voyb_{
        font-size: 12px;
    }
    ._yrlnxw_content_card_description_9sluek_ .category ,._yrlnxw_content_card_description_9sluek_ .last-updated{
        font-size: 8px;
    }
}

@media only screen and (max-width: 700px)
{
    ._gazu3y_unscrollable_content_xgwq12_{
        position: fixed;
        top: 55px;
        right: -110%;
        background-color: #fff;
        box-shadow: 0px 0px 10px var(--dark_secondary_color);
        z-index: 100;
        gap: 0px;
        transition: all 0.3s cubic-bezier(0.67,-0.14, 0.13, 0.79);
        height: 100vh;

    }
    ._gazu3y_unscrollable_content_xgwq12_.active{
        right: 0px;
    }
    ._luahpa_fixed_content_jiz656_{
        box-shadow: none;
    }
    ._0nvg2o_navSearch_ib16rk_{
        display: none;
    }

    .home_search_bar{
        display: block;
        display: flex;
    }


}

@media only screen and (max-width: 400px)
{
    ._gazu3y_unscrollable_content_xgwq12_{
        min-width: 100vw;
    }
}

@media only screen and (max-height: 1060px)
{
    ._12tyc7_content_3k7a91_.article{
        /* border: 1px solid red; */
        height: 500px;
        overflow: hidden;
        overflow-y: scroll;
        justify-content: start;
    }
}
@media only screen and (max-height: 990px)
{
    ._12tyc7_content_3k7a91_.article{
        /* border: 1px solid red; */
        height: 400px;
    }
}

@media only screen and (max-height: 895px)
{
    ._12tyc7_content_3k7a91_.article{
        /* border: 1px solid red; */
        height: 350px;
    }
}

@media only screen and (max-height: 846px)
{
    ._12tyc7_content_3k7a91_.article{
        /* border: 1px solid red; */
        height: 300px;
    }
}

@media only screen and (max-height: 791px)
{
    ._12tyc7_content_3k7a91_.article{
        /* border: 1px solid red; */
        height: 250px;
    }
}

@media only screen and (max-height: 747px)
{
    ._12tyc7_content_3k7a91_.article{
        /* border: 1px solid red; */
        height: 200px;
    }
}
@media only screen and (max-height: 694px)
{
    ._12tyc7_content_3k7a91_.article{
        /* border: 1px solid red; */
        height: 150px;
    }
}

@media only screen and (max-width: 354px)
{
    #searchBtn{
        display: none;
    }
}