@import "common.css";
@import "header.css";
@import "footer.css";


/* news details css  */
.news_details .nd_header{
    padding-bottom: 3.2rem;
    padding-right: 6.1rem;

}
.news_details .nd_body{
    padding-right: 6.1rem;
    position: relative;

}
.news_details .nd_body::after{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 3rem;
    content: '';
    width: 2px;
    background-color: #E5E5E5;
}
.news_details .nd_body .nd_chat_img{
    padding-bottom: 5.1rem;
}
.news_details img{
    width: 100%;
}
.news_details .nd_header h2{
   font-size: 3.2rem;
   line-height: 3.7rem;
   font-weight: 700; 
   color: var(--navy-blue);
}
.news_details .nd_tests p{
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 3.5rem;
    font-style: normal;    
}
.news_details .nd_cards{
    padding-bottom: 4.2rem;
    padding-left: 3.6rem;
}
.news_details .nd_card_body{
    display: flex;
}

.news_details .nd_card_img{
    width: 16.6rem;
    height: 10.6rem;
    padding-right: 1.8rem;
}
.news_details .nd_card_texts{
    width: 24.7rem;
}

.news_details .nd_card_texts h3{
    padding-bottom: 2rem;
    color: var(--navy-blue);
    font-size: 1.9rem;
    line-height: 2.2rem;
    font-weight: 700;
}
.news_details .sc_color_title{
    font-size: 2.7rem;
    line-height: 2.9rem;
}
.news_details .border_bottom {
    margin-bottom: 7rem;
}


@media (max-width: 1199.98px) {
    .news_details .nd_card_texts h3 {
        font-size: 1.6rem;
    }
}
@media (max-width: 991.98px) {
    .news_details .nd_body::after {
       display: none;
    }
    .news_details .nd_body {
        padding-right: 0;
        padding-bottom: 10rem;

    }
    .news_details .nd_card_img {
        width: 32.6rem;
        height: 10.6rem;
        padding-right: 0;
        height: 100%;
    }
    .news_details .nd_card_texts {
        width: 100%;
        height: 100%;
        padding-left: 30px;
    }
    .news_details .nd_cards {
        padding-bottom: 4.2rem;
        padding-left: 0;
    }
    .news_details .nd_card_texts h3 {
        font-size: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .news_details .nd_header h2 {
        font-size: 2.4rem;
        line-height: 2.8rem;
    }
    .news_details .nd_tests p {
        font-size: 1.3rem;
        line-height: 2.2rem;
    }
}