.Main_section
{
    display:grid;
    grid-template-columns: 30% 30% 30%;
    gap: 2%;

}

.Updates_section
{

    width: 100%;
    background-color: #141414;
    height: 300px;
    border-radius: 10px;

}
.End_of_div
{
    background-color: var(--seconed);
    width: 85%;
    height: 45px;
    position: relative;
    left: 14.5%;
    top: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px ;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.title_center
{
    background-color: var(--seconed);
    width: 99%;
    height: 240px;
    position: relative;
    left: 0.5%;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 0px;
    bottom: 15px;
    
}
.title_center div
{
    position: relative;
    top: 200px;
    left: 3%;
    background-color: #141414;
    border-radius: 10px;
    width: 95%;

}

@keyframes Loading_page {

    0% {transform: translateX(100%); }
    100% {transform: translateX(0%); }    
}
@media (max-width: 1209px)
{
    .Main_section
    {
        display:grid;
        grid-template-columns: 45% 45%;
        gap: 2%;

    }
    
}
@media (max-width: 875px)
{
    .Main_section
    {
        display:grid;
        grid-template-columns: 100%;
        gap: 2%;

    }
    
}
@media (max-width: 365px)
{
.title_center div
{
    position: relative;
    top: 150px;
    left: 3%;
    background-color: #141414;
    border-radius: 10px;
    width: 95%;

}
    
}