.empty-data{
    margin-top:60px;
}
.empty-data img{
    width:100px;
}
.empty-data h2{
    margin-top:30px;
    font-size:55px;
    color: #467899;
    font-weight: bold;
}
.blog-section{
    position: relative;
    z-index:5;
    min-height:730px;
    padding:40px 80px;
}
.blog-section .title h2{
    font-family: 'Golos Text';
    font-style: normal;
    font-weight: 600;
    font-size:40px;
    line-height: 110%;
    color: #1D1D1D;
    margin-bottom:40px;
}
.blog-box{
    padding:20px 15px;
    background:#fff;
    border-radius:12px;
    margin-bottom:30px;
    box-shadow:0px 4px 11px 0px #d2d2d2;
}
.img-section img{
    width:100%;
    height:370px;
    border-radius:10px;
}
.content-section h2{
    font-family: 'Golos Text';
    font-weight:500;
    font-size:22px;
    color: #1D1D1D;
    margin-bottom:0px;
    min-height:30px;
}
.content-section span{
    font-family: 'Golos Text';
    font-weight:400;
    font-size:13px;
    color: #a29999;
}
.content-section p{
    font-family: 'Golos Text';
    font-weight:400;
    font-size:14px;
    color: #1D1D1D;
    margin-top:10px;
    min-height:200px;
}
.content-section .btn{
    font-family: 'Golos Text';
    font-weight:400;
    font-size:13px;
    border-radius:20px;
    padding:5px 20px;
    margin-right:20px;
}
.label-line{
    margin-right:5px;
    margin-left:5px;
}
.user-image{
    border-radius: 50%;
    height: 40px;
    width: 40px;
    margin-right: 10px;
}

.blog-box-sm p{
    margin-top:0px !important;
}
.blog-box-lg .img-section img{
    width:100%;
    height:300px;
    border-radius: 0px;
}
.blog-box-lg p{
    font-family: 'Golos Text';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.01em;
    color: #1D1D1D;
    margin:0px 0px 10px;
}
.blog-box-lg span{
    font-family: 'Golos Text';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -0.01em;
    color: #1D1D1D;
    display: inline-block;
}
.blog-box-lg a{
    font-family: 'Golos Text';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #223A4B;
    text-decoration: none;
}
.blog-box-lg a img{
    width:3% !important;
    height: unset;
}
.blog-box-lg .img-section{
    position: relative !important;
}
.shadow-img{
    height:127px !important;
    margin-top:-150px;
}
.label-cat{
    position: absolute;
    right:35px;
    top:20px;
    background: #F38420;
    border-radius: 7px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    padding: 5px 15px;
}
.blog-box-detail{
    position: absolute;
    bottom:40px;
}
.blog-box-detail{
    width: 100%;
}
.blog-box-detail span{
    font-family: 'Golos Text';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -0.01em;
    color: #FFFFFF;
}
.blog-box-detail img{
    width: 25px !important;
    height:25px !important;
    position: relative;
    top:-1px;
    margin-right:8px;
}
.page-item.active .page-link{
    background-color:transparent !important;
    color: #223A4B !important;
    border-color:unset !important;
    border:unset !important;
}
.blog-box-detail .left{
    padding-left:40px !important;
}
.blog-box-detail .right{
    padding-right:60px !important;
}
.page-link{
    border:0px !important;
    color: #678193 !important;
}
.page-link:hover{
    background: unset !important;
}
.page-link:focus{
    box-shadow:unset !important;
}
.pagination li.page-item.disabled span,.pagination li:last-child a,.pagination li:first-child a{
    background-color: #F38420 !important;
    color:#fff !important;
    border-radius:8px !important;
    width: 35px !important;
    height: 35px !important;
    padding: 6px 15px !important;
}
.page-link{
    z-index: 2 !important;
}
.page-item:not(:first-child) .page-link{
    margin-left:0px;
}


.blog-detail-section{
    margin-top:40px;
    padding:0px 80px;
}
.blog-detail-section .head-img img{
    width:100%;
    height:auto !important;
}
.blog-detail-cat-date .left span label{
    background: #F38420;
    border-radius: 7px;
    font-family: 'Inter';
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    padding:5px 10px;
    margin-right:15px;
}
.blog-detail-cat-date .left span img{
    border-radius:50%;
    height:30px;
    width: 30px;
}
.blog-detail-cat-date .left .date-calender{
    height:25px;
    width: 25px;
}
.blog-detail-cat-date .left span{
    font-family: 'Golos Text';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    color: #223A4B;
}
.blog-detail-hr{
    border-top:1px solid #8C959B;
    margin:20px 0px 10px;
}
.blog-detail-cat-date .title p{
    font-family: 'Golos Text';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 160%;
    letter-spacing: -0.01em;
    color: #1D1D1D;
}
.blog-detail-cat-date .detail{
    font-family: 'Golos Text';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    letter-spacing: -0.01em;
    color: #1D1D1D;
}
.blog-detail-cat-date .title{
    margin-bottom:5px;
}
.blog-detail-bootom{
    background: #F2F6F9;
    padding:60px 70px;
}
.blog-detail-bootom h2{
    font-family: 'Golos Text';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 130%;
    color: #1D1D1D;
}


@media only screen and (max-width: 600px){
    .blog-detail-section{
        margin-top: 40px;
        padding: 0px 20px;
    }
    .blog-detail-section .head-img img{
        height:100% !important;
    }
    .right-date-text{
        text-align: left !important;
        margin-top:20px;
    }
    .blog-detail-bootom{
        padding:40px 20px !important;
    }
    .blog-detail-bootom h2{
        font-size: 25px;
    }
    .blog-box-lg .img-section img{
        height:100% !important;
    }
    .navbar-brand img{
        width:200px !important;
    }
    .blog-section{
        padding:25px 20px !important;
    }
    .img-section img.shadow-img {
        height: 50px !important;
        margin-top: -78px;
    }
    .blog-box-lg p{
        margin: 15px 0px 10px !important;
    }
    .blog-box-detail .right {
        padding-right: 45px !important;
    }
    .blog-box-detail span{
        font-size:13px;
    }
    .blog-box-detail{
        bottom: 10px;
    }
    .blog-box-detail .left{
        padding-left: 20px !important;
    }
    .blog-box-detail .right{
        padding-right:unset !important;
    }
    .mv-right-text{
        text-align: left !important;
    }
    .blog-box-detail{
        width:95%;
    }
}