@import url(style.css);

:root{
    --bgcolor: #ffff;
    --offbg:#dfdcdc;
    --primary: #000000;
    --bgprimary:#2c2c2c;
    --peach:#eb9f7d;
  }


.blog-indro{
    width: 60%;
    height: auto;
    margin: auto;
    padding: 10px;
    margin-top: 30px;
    border-radius: 30px;
    background: var(--offbg);
    margin-bottom: 20px;
}.row img{
    border-top-left-radius: 30px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 0px;
}.row{
    margin-bottom: 70px;
}.details{
    color: var(--primary);
    text-align: start;
    margin-bottom: 10px;
    padding: 5px;
}.details p{
    text-align: start;
    color: var(--primary);
}.row.img-2{
    display: none;
}
@media (max-width:767px){
    .details{
        color: #fff;
        text-align: center;
        margin-bottom: 10px;
        padding: 10px;
        width: auto;
        max-height: 200px;
        overflow: hidden;
    }.details p{
        text-align: center;
    }.blog-indro{
        width: 80%;
    }.row-2{
        margin-bottom: 0px;
    }.row.img-2{
        display: block;
    }.row img{
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }.row.img-2{
        margin-bottom: 0px;
    }
}