:root {
    --prompt: "Prompt", sans-serif;
    --primary-color: #ee332b;
    --secondary-color: #0e0e0e;
    --sub-bg: #f3f3f3;
    --heading-color: #0e0e0e;
    --paragraph: #303030;
    --span: #888;
    --border: #d9d9d9;
    --white: #fff;
    --black: #000;
    --transition: all .3s ease-in-out;
    --shadow: 0 4px 30px 0 #ee332b26;
}
.mb-30 {
    margin-bottom: 15px;
}
.mb-40 {
    margin-bottom: 20px;
}
.blog-slingle .right-item {
    padding: 30px;
}
.sub-bg {
    background-color: var(--sub-bg);
}
.blog-slingle .item {
    padding: 0 30px
}
.blog-slingle .info span a {
    color: var(--span)
}
.blog-slingle .info span a:hover {
    color: var(--primary-color)
}
.blog-slingle .info_dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--border);
    margin: 0 10px
}
.blog-slingle .list_here {
    padding-left: 30px
}
.blog-slingle .list_here li {
    list-style-type: disc
}
.blog-slingle .blog_testimonial {
    padding: 40px 65px
}
.blog-slingle .blog_testimonial p {
    font-size: 24px;
    line-height: 40px;
    color: var(--heading-color)
}
.blog-slingle .tag-share {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.blog-slingle .tag-share .tag a {
    padding: 2px 10px;
    background-color: var(--sub-bg);
    border-radius: 30px;
    color: var(--span);
    margin-left: 2px;
    font-size: 14px
}
.blog-slingle .tag-share .share a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--heading-color);
    color: var(--span);
    margin-left: 2px
}
.blog-slingle .tag-share .share a:hover {
    border: 1px solid var(--primary-color);
    color: var(--primary-color)
}
.blog-slingle .arry a i {
    transition: var(--transition)
}
.blog-slingle .arry a:hover i {
    color: var(--primary-color)
}
.blog-slingle .recent-post {
    padding: 20px;
    display: flex;
    align-items: center
}
.blog-slingle .recent-post .con {
    padding-left: 15px
}
.blog-slingle .recent-post .con span {
    font-size: 14px;
    padding-bottom: 3px
}
.blog-slingle .recent-post .con h5 a {
    text-transform: capitalize
}
.blog-slingle .recent-post .con h5 a:hover {
    color: var(--primary-color)
}
.blog-slingle .right-item {
    padding: 30px
}
.blog-slingle .right-item h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-transform: capitalize
}
.blog-slingle .right-item .search {
    position: relative
}
.blog-slingle .right-item .search input {
    width: 100%;
    padding: 15px 20px;
    background-color: #dadada;
    border: 0
}
.blog-slingle .right-item .search button {
    color: #646464;
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 20px;
    background-color: #dadada
}
.blog-slingle .right-item .right_list {
    padding-left: 0px
}
.blog-slingle .right-item .right_list li {
    list-style-type: disc;
    font-size: 16px;
    padding-left: 30px;
    height: 60px;
    background-color: #fff;
    display: block;
    position: relative;
    line-height: 60px;
    color: #000000;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin-bottom: 5px;
}
.blog-slingle .right-item .right_list li:hover{
    background: var(--primary-color);
}
.blog-slingle .right-item .right_list li.on{
    background: var(--primary-color);
}
.blog-slingle .right-item .right_list li.on a{
    color: #fff;
}
.blog-slingle .right-item .tags a {
    padding: 5px 10px
}
.blog-slingle .right-item a {
    text-transform: capitalize;
    color: #000;
}
.blog-slingle .right-item a:hover {
    color: #fff;
}
.blog-slingle.blog-area h3 a:hover {
    color: var(--primary-color)
}
.blog-slingle.blog-area .item {
    padding: 30px
}
.blog-slingle.blog-area .go_blog {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: var(--white);
    background-color: var(--primary-color)
}
.blog-slingle.blog-area .go_blog i {
    transform: rotate(-45deg);
    transition: var(--transition)
}
.blog-slingle.blog-area .go_blog:hover i {
    transform: rotate(0deg)
}
.blog-slingle.blog-area .image-tag a {
    padding: 2px 10px;
    border-radius: 30px;
    color: var(--span);
    font-size: 14px
}
.blog-slingle.blog-area .image-tag a:first-child {
    background-color: #dff0fa
}
.blog-slingle.blog-area .image-tag a:last-child {
    background-color: var(--sub-bg);
    margin-left: 3px
}
.blog-slingle.blog-area .video_item {
    position: relative
}
.blog-slingle.blog-area .video_item .video-btn-wrp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.blog-page-title h2,.blog-page-title h2 a{
    margin-bottom: 0px;
}