.blog{
    .title{
        padding: 0 0 70px 0;
        span{
            color:#1D2D53;
            font-size: 32px;
            font-weight: 600;

            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
    }
    .group-section{
        padding-bottom: 35px;
        display: flex;
        justify-content: space-between;

        @media screen and (max-width: 560px){
            flex-direction: column-reverse;
        }
        .first-section{
            position: relative;
            &::after{
                content:" ";
                background-image: url(../img/svg/Polygon\ 18.svg);
                width: 10px;
                position: absolute;
                height: 10px;
                background-repeat: no-repeat;
                transform: translate(-70%, -40%);
                top: 50%;
                right: 2%;
            }
            
            button{
                border: 2px solid #E0E1E5;
                padding: 13px 125px 13px 16px;
                color:#1D2D53;
                font-size: 1rem;
                border-radius: 10px;
                background-color: #fff;
                outline: none;
                cursor: pointer;
                font-weight: 600;
            }

            @media screen and (max-width: 560px){
            text-align: start;
            margin-top: 8px;
              button{
                height: 36px;
                padding: 0 20px;
                width: 100%;
              }
            }
        }
        .group-second{

            @media screen and (max-width: 560px){
                display: flex;
                justify-content: space-between;

                .btn{
                    height: 36px;
                    padding: 0 20px !important;
                }
            }
            .btn.select{
                background-color: #1D2D53;
                color: #fff;
            }
            .btn{
                border: 2px solid #E0E1E5;
                padding: 15px 20px;
                color:#1D2D53;
                font-size: 1rem;
                border-radius: 10px;
                background-color: #fff;
                outline: none;
                cursor: pointer;
                font-weight: 600;
            }
        }
    }
    .news-cards{
        display: flex;
        flex-wrap: wrap;
        gap: 25px 0;
        margin-bottom: 24px;

        @media screen and (max-width: 560px) {
            gap: 25px;
            .news-card{
                width: 45%;
                flex-grow: 1;
            }
        }
    }
}