.bg-variant{
    background-color:var(--primary-bg-light);
}
/*-single-content-*/
.single_content{
    font-size: 20px;
    overflow: hidden;
}

.single_content figure{
    margin: 24px 0px;
}

.single_content img{
    width:100%;
    width:-moz-available;
    width: -webkit-fill-available;
    margin: 20px 0px 0px;
    border-radius: 8px;
}

.single_content h2{
    font-size: 39.4px;
    margin-top: 70px;
    margin-bottom: 15px;
}
.single_content h3{
    font-size: 32.83px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.single_content h4{
    font-size: 28px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.single_content h5,
.single_content h6{
    font-size: 26px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.single_content p,
.single_content ul,
.single_content ol{
    margin-bottom: 20px;
}

.single_content ul,
.single_content ol{
    margin-left: 20px;
}
    
.single_content p:last-child{
    margin-bottom:0px;
}

.single_content ul li,
.single_content ol li{
    list-style-type: square;
    margin-left: 21px;
    margin-bottom: 15px;
}

.single_content ul li:first-child,
.single_content ol li:first-child{
    margin-top:20px;
}
.single_content ul li:last-child,
.single_content ol li:last-child{
    margin-bottom:40px;
}

.single_content a{
    color:var(--hover);
}
.single_content a:hover {
    text-decoration:underline;
}

@media only screen and (max-width:767px) {
    .single_content{
        font-size: inherit;
    }
    
    h1{
        font-size: 36px;
    }
    
    .single_content h2{
        font-size: 30px;
        margin-top: 60px;
    }
    
    .single_content h3 {
        font-size: 26px;
    }
    
    .single_content h4,
    .single_content h5,
    .single_content h6{
        font-size: 24px;
    }
    
    .single_content ul,
    .single_content ol{
        margin-left: 10px;
    }

}