@import url('https://fonts.googleapis.com/css2?family=Heebo&family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;700&display=swap');

:root{
    --primary_color: #EFF3F6;
    --secondary_color: #F7F9FA;
    --link_hover_color: #CC0814;
    --red_button: #F50000;
}

body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
body a{
    text-decoration: none;
}

/* side bar  */
 .sidebar_cat{
    width: 220px;
    background-color: var(--primary_color);
    height: 100%;
    position: fixed;
    overflow-y: auto;
    transition: all ease-in-out .3s;
    /* box-shadow: 1px 0px 5px -1px rgba(0,0,0,0.7) inset; */
    box-shadow: -1.5px 0px 1px 0px rgba(175,220,255,0.75) inset;

}
 .sidebar_cat::-webkit-scrollbar{
	display: none;
}
 .sidebar_cat .menu_parent_one ul{
    margin: 0;
    padding-bottom: 90px;
    padding-top: 15px;
}
 .sidebar_cat .menu_parent_one ul li{
    list-style-type: none;
    padding: 15px 10px;
}
 .sidebar_cat .menu_parent_one ul li a{
    color: #000;
    font-size: 16px;
    font-weight: 500;
    transition: all ease-in-out .3s;
    
}
 .sidebar_cat .menu_parent_one ul li>a:hover{
    color: var(--link_hover_color);
    padding-left: 5px;
}
 .sidebar_cat .menu_parent_one ul li .active{
    color: var(--link_hover_color);
}
 .sidebar_cat .menu_parent_one ul li a i{
    background-color: #fff;
    padding: 4px 7px;
    border-radius: 50%;
    /* font-size: 16px; */
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    margin-right: 5px;
}
/* side nav icon color  */
 .sidebar_cat .menu_parent_one ul li a .bi-mouse3-fill{
    color: #CB2026;
}
 .sidebar_cat .menu_parent_one ul li a .bi-briefcase-fill{
    color: #1C6DB6;
}
 .sidebar_cat .menu_parent_one ul li a .bi-file-earmark-code-fill{
    color: #0CAD4B;
}
 .sidebar_cat .menu_parent_one ul li a .bi-mortarboard-fill{
    color: #F25BAA;
}
 .sidebar_cat .menu_parent_one ul li a .bi-bank2{
    color: #ED1D29;
}
 .sidebar_cat .menu_parent_one ul li a .bi-megaphone-fill{
    color: #55A4DB;
}
 .sidebar_cat .menu_parent_one ul li a .bi-controller{
    color: #CC0814;
}
 .sidebar_cat .menu_parent_one ul li a .bi-star-half{
    color: #008612;
}
 .sidebar_cat .menu_parent_one ul li a .bi-coin{
    color: #F79420;
}
 .sidebar_cat .menu_parent_one ul li a .bi-lightbulb-fill{
    color: #e9e900;
}
 .sidebar_cat .menu_parent_one ul li a .bi-search{
    color: #FD9830;
}
 .sidebar_cat .menu_parent_one ul li a .bi-motherboard-fill{
    color: #310000;
}

/* content area  */
.content_area{
    margin-left: 220px;
    transition: all ease-in-out .1s;
}
/* nav bar  */
.content_area .navbar_grand_parent{
    box-shadow: 0px -1px 0 0 rgb(175, 220, 255) inset;
    background-color: var(--primary_color);
}
.content_area .navbar_parent{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
}
.content_area .navbar_parent .nav_child_one .logo_heading_txt{
    padding: 0;
    margin: 0;
    font-size: 20px;
    letter-spacing: 1px;
	background: linear-gradient(227deg, #B900B4 0%, #F50000 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    font-family: poppins;
}
.content_area .navbar_parent .nav_child_two .navbar_one{
    display: flex;
    margin: 0;
    padding: 0;
    gap: 15px;
    align-items: center;
}
.content_area .navbar_parent .navbar_child .navbar_one>li{
    list-style-type: none;
}
.content_area .navbar_parent .navbar_child .navbar_one li a{
    color: #000;
    text-transform: capitalize;
    font-family: poppins;
    transition: all ease-in-out .2s;
}
.content_area .navbar_parent .navbar_child .navbar_one li a:hover{
    color: var(--link_hover_color);
}
.content_area .navbar_parent .nav_child_two{
    display: flex;
    gap: 10px;
    align-items: center;
}
.content_area .navbar_parent .nav_child_two .icons_cls{
    display: flex;
    gap: 12px;
    border-left: 1px solid #919191;
    padding: 0 10px;
}
.content_area .navbar_parent .nav_child_two .icons_cls i{
    font-size: 18px;
    cursor: pointer;
}
.content_area .navbar_parent .nav_child_two .icons_cls #nav_hamburg{
    display: none;
}

/* navbar mobile  */
.navbar_grand_parent .navbar_mobile{
    display: flex;
    flex-direction: column;
    padding: 0;
    height: 0;
    overflow-y: hidden;
    transition: all ease-in-out .3s;
}
.navbar_grand_parent .navbar_mobile.show{
    height: auto;
    padding: 10px;
    transition: all ease-in-out .3s;
}
.navbar_grand_parent .navbar_mobile .navbar_one{
    display: flex;
    flex-direction: column;
    margin: 0;
    padding-left: 5px;
    gap: 8px;
    padding-bottom: 8px;
}
.navbar_grand_parent .navbar_mobile .navbar_one li{
    list-style-type: none;
}
.navbar_grand_parent .navbar_mobile .navbar_one li a{
    color: #000;
}

/* search bar  */
#searchContainer{
    opacity: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    transition: all ease-in-out .3s;
}
#searchContainer.show {
    opacity: 1;
    height: auto;
    padding: 10px;
    transition: all ease-in-out .3s;
}
.search_bar_container {
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px; 
}

.search_bar_container .search_form {
    display: flex;
    width: 100%;
    border: 1px solid #ccc; 
    border-radius: 5px;
    overflow: hidden;
}

.search_bar_container .search_bar_inp_cls {
    flex: 1; 
    border: none;
    padding: 10px;
    outline: none; 
}

.search_bar_container .search_form button {
    background-color: #fff;
    border: none;
    cursor: pointer;
    padding: 10px;
}

@media screen and (max-width: 760px) {
    .content_area .navbar_parent .nav_child_two .icons_cls #nav_hamburg{
        display: block;
    }
    .content_area .navbar_parent .nav_child_two .icons_cls{
        border-left: none;
    }
    .content_area .navbar_parent .nav_child_two .navbar_one{
        display: none;
    }
    
}


/* post area  */
 .content_area .posts_grand_parent{
    padding: 15px 10px;
    background-color: var(--secondary_color);
}
/* latest update heading  */
.content_area .posts_grand_parent .blog_heading{
    display: flex;
    justify-content: center;
    font-family: poppins;
    letter-spacing: 1px;
}
.content_area .posts_grand_parent .blog_heading .second_span{
    background: linear-gradient(227deg, #B900B4 0%, #F50000 100%);
    -webkit-background-clip: text;
    color: transparent;
}
 .content_area .posts_parent{
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
 .content_area .posts_parent .posts_child{
    width: 320px;
    margin-bottom: 15px;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all ease-in-out .3s;
}
.content_area .posts_parent .posts_child .img_parent{
    width: 320px;
    height: auto;
    max-height: 250px;
    overflow: hidden;
    margin-bottom: 5px;
}
.content_area .posts_parent .posts_child .img_parent img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease-in-out .3s;
}
.content_area .posts_parent .posts_child .img_parent:hover img{
    scale: 1.2;
}
.content_area .posts_parent .posts_child .post_text_content{
    padding: 10px;
}
.content_area .posts_parent .posts_child .post_text_content .post_title{
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 700;
    color: #000;
    transition: all ease-in-out .5s;
}
.content_area .posts_parent .posts_child .post_text_content .post_title:hover{
    color: var(--link_hover_color);
}
.content_area .posts_parent .posts_child .post_text_content .post_date_author{
    color: #777;
    font-size: 17px;
}
.content_area .posts_parent .posts_child .post_text_content .post_date_author a{
    color: #777;
}
.content_area .posts_parent .posts_child .post_text_content .short_desc{
    margin: 5px 0;
    color: #272727;
}
.content_area .posts_parent .posts_child .post_text_content .category_span a{
    background-color: #3040EE;
    font-size: 15px;
    color: #fff;
    padding: 5px 8px;
    font-weight: 700;
    border-radius: 8px;
    text-transform: uppercase;
}

@media screen and (max-width: 999px) {
    .sidebar_cat{
        display: none;
    }
    .content_area{
        margin-left: 0;
    }
    .content_area .posts_parent .posts_child{
        width: 390px;
    }
    .content_area .posts_parent .posts_child .img_parent{
        width: 390px;
    }
}
@media screen and (max-width: 860px) {
    .content_area .posts_parent .posts_child{
        width: 310px;
    }
    .content_area .posts_parent .posts_child .img_parent{
        width: 310px;
    }
    
}
@media screen and (max-width: 700px) {
    .content_area .posts_parent .posts_child{
        width: 250px;
    }
    .content_area .posts_parent .posts_child .img_parent{
        width: 250px;
    }
    
}
@media screen and (max-width: 570px) {
    .content_area .posts_parent .posts_child{
        width: auto;
    }
    .content_area .posts_parent .posts_child .img_parent{
        width: auto;
    }
    
}

/* pagination link  */
.paginations_lins_container{
    display: flex;
    background-color: var(--secondary_color);
    justify-content: center;
    gap: 10px;
    padding: 10px;
}

/* single post  */
.single_post_grand_parent{
    padding: 30px 20px;
    background-color: var(--secondary_color);
}
.sing_post_main_parent{
    display: flex;
    gap: 15px;
    width: 100%;
}
.sing_post_main_parent .single_post_child:nth-child(1){
    flex-basis: 75%;
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 10px;
    box-shadow: 0 2px 2px #ECECEC;
    color: #333;
    overflow-x: hidden;
}
.sing_post_main_parent .single_post_child:nth-child(2){
    flex-basis: 25%;
    /* padding: 10px; */
}
.sing_post_main_parent .post_content .blog_heading .heading_txt{
    margin: 4px 0;
}
.sing_post_main_parent .post_content .author_and_cates{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}
.sing_post_main_parent .post_content .author_and_cates .category_parent a{
    background-color: #FF0000;
    color: #fff;
    padding: 3px 6px;
}
.sing_post_main_parent .post_content .authour_by{
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 10px;
    flex-wrap: wrap;
}
.sing_post_main_parent .post_content .authour_by .author_profile{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #777;
}
.sing_post_main_parent .post_content .authour_by .author_profile img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sing_post_main_parent .post_content .authour_by .author_name .authour_txt a{
    color: #170F2CEB;
    font-size: 16px;
    letter-spacing: .2px;
}
.sing_post_main_parent .featured_image_container{
    display: flex;
    width: 100% !important;
}
.sing_post_main_parent .featured_image_container img{
    width: 100% !important;
    object-fit: cover !important;
    height: auto !important;
}
/* content img responsive  */
.sing_post_main_parent .post_content .conent_area img{
    display: flex;
    width: 100%;
    height: auto;
}
.sing_post_main_parent .post_content .conent_area p{
    text-align: justify;
    color: #333;
}
.sing_post_main_parent .post_content .conent_area p a{
    transition: all ease-in-out .3s;
}
.sing_post_main_parent .post_content .conent_area p a:hover{
    color: var(--link_hover_color);
}

/* side bar */
/* sidebar recent post  */
.sidebar_parent_one{
    background-color: #fff;
    overflow-x: hidden;
    margin-bottom: 10px;
}
.sidebar_parent_one .first_heading .heading_txt{
    margin: 0;
    width: fit-content;
    border-bottom: 1px solid #CC0814;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 5px;
}
.sing_post_main_parent .recent_post_parent{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    background-color: #fff;
    padding: 0 5px;
}
.sing_post_main_parent .recent_post_parent .recent_post_child{
    display: flex;
    gap: 10px;
    align-items: center;
    border-top: 1px solid #ddd;
    padding: 7px 0;
}
.sing_post_main_parent .recent_post_parent .recent_post_child .recent_mini_child:nth-child(1){
    flex-basis: 30%;
}
.sing_post_main_parent .recent_post_parent .recent_post_child .recent_mini_child:nth-child(2){
    flex-basis: 70%;
}
.sing_post_main_parent .recent_post_parent .img_container{
    width: 60px;
    max-height: 100px;
    overflow: hidden;
}
.sing_post_main_parent .recent_post_parent .img_container img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.sing_post_main_parent .recent_post_parent .text_container{
    display: flex;
    flex-direction: column;
}
.sing_post_main_parent .recent_post_parent .text_container .heading_txt{
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    color: #000;
    transition: all ease-in-out .3s;
}
.sing_post_main_parent .recent_post_parent .text_container .author_name{
    color: #777;
    font-size: 13px;
}
.sing_post_main_parent .recent_post_parent .text_container a{
    transition: all ease-in-out .3s;
}
.sing_post_main_parent .recent_post_parent .text_container a:hover,
.sing_post_main_parent .recent_post_parent .text_container .heading_txt:hover {
    color: var(--link_hover_color);
}

@media screen and (max-width: 1200px) {
    .sing_post_main_parent .single_post_child:nth-child(1){
        flex-basis: 100%;
    }
    .sing_post_main_parent .single_post_child:nth-child(2){
        display: none;
    }
}
@media screen and (max-width: 750px) {
    .single_post_grand_parent{
        padding: 0;
    }
    .sing_post_main_parent .single_post_child:nth-child(1){
        border: none;
        box-shadow: none;
    }
    .sing_post_main_parent .post_content .author_and_cates{
        gap: 5px;
        margin-bottom: 10px;
    }
    /* .sing_post_main_parent .post_content .conent_area p{
        text-align: left;
    } */
}




/* related posts  below*/
.related_posts_grand_parent{
    border-top: 1px solid rgba(206,206,206,0.3);
}
.related_posts_grand_parent .heading_container .heading_txt{
    margin: 8px 0;
    font-size: 20px;
}
.related_posts_grand_parent .related_post_parent{
    display: flex;
    gap: 10px;
    width: 100%;
    flex-wrap: wrap;
    background-color: #fff;
}
.related_posts_grand_parent .related_post_parent .related_post_child{
    flex-basis: calc(25% - 10px);
}
.related_posts_grand_parent .related_post_parent .related_post_child .recent_img_container{
    max-width: 500px;
    max-height: 500px;
}
.related_posts_grand_parent .related_post_parent .related_post_child .recent_img_container img{
    object-fit: cover;
    width: 100%;
    height: auto;
    transition: all ease-in-out .3s;
}
.related_posts_grand_parent .related_post_parent .related_post_child .recent_post_text .heading_txt{
    margin: 0;
    font-weight: 500;
    
}
.related_posts_grand_parent .related_post_parent .related_post_child .recent_post_text .heading_txt a{
    color: #333;
    transition: all ease-in-out .4s;
}
.related_posts_grand_parent .related_post_parent .related_post_child .recent_post_text .heading_txt a:hover{
    color: var(--link_hover_color);
}
.related_posts_grand_parent .related_post_parent .related_post_child .recent_post_text .author_name_with_link{
    color: #000;
}
.related_posts_grand_parent .related_post_parent .related_post_child .recent_post_text .author_link{
    color: #777;
    transition: all ease-in-out .3s;
}
.related_posts_grand_parent .related_post_parent .related_post_child .recent_post_text .author_link:hover{
    color: var(--link_hover_color);
}

@media screen and (max-width: 999px) {
    .related_posts_grand_parent .related_post_parent{
        flex-wrap: wrap;
        justify-content: center;
    }
    .related_posts_grand_parent .related_post_parent .related_post_child{
        flex-basis: calc(50% - 10px);
    }
}
@media screen and (max-width: 319px) {
    .related_posts_grand_parent .related_post_parent .related_post_child{
        flex-basis: 100%;
    }
}


/* comments template  */
.comments_template_inbuilt{
    border-top: 1px solid rgba(206,206,206,0.3);
    margin-top: 10px;
}
.comments_template_inbuilt ol{
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.comments_template_inbuilt ol li{
    list-style-type: none;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    padding: 10px;
}
.comments_template_inbuilt ol li .comment-author{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    overflow-x: hidden;
}
.comments_template_inbuilt ol li .comment-author img{
    border-radius: 8px;
}
.comments_template_inbuilt ol li .comment-meta a:nth-child(1){
    color: #777;
    cursor: default;
}
.comments_template_inbuilt ol li .comment-meta a:nth-child(2){
    color: #333;
}
.comments_template_inbuilt ol li .reply{
    display: none;
}
.comments_template_inbuilt .navigation{
    margin: 10px 0;
}
.comments_template_inbuilt .navigation a{
    background: #F50000;
    padding: 10px;
    color: #fff;
}

/* comment respond  */
.comments_template_inbuilt #respond{
    border-top: 1px solid rgba(206,206,206,0.3);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    padding: 10px;
    margin: 20px 0;
}
.comments_template_inbuilt #respond form{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.comments_template_inbuilt #respond form p{
    display: flex;
    flex-direction: column;
}
.comments_template_inbuilt #respond form p input{
    padding: 8px;
}
        /* save email in cookies  */
.comments_template_inbuilt #respond form .comment-form-cookies-consent{
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 5px;
}
.comments_template_inbuilt #respond form .form-submit #submit{
    background-color: var(--red_button);
    border: none;
    color: #fff;
}


/* widget  */
.sidebar_widget_cls{
    background-color: #fff !important;
    overflow-x: hidden;
    margin-bottom: 10px;
}
.sidebar_widget_cls .widget{
    padding: 5px;
    list-style: none !important;
	border-bottom: 1px solid #e3e3e3;
}
/* 404  */
.page_not_fount_grand_parent {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 50px 10px;
}

.page_not_fount_grand_parent .page_not_found_parent {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 500px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	padding: 20px 8px 20px 8px;
	border-radius: 10px;
    background: rgb(24,40,72);
    background: linear-gradient(90deg, rgb(239, 239, 239) 0%, rgb(248, 250, 255) 100%);
}

@media screen and (min-width:690px) {
	.page_not_fount_grand_parent .page_not_found_parent {
		padding: 20px;
	}
}

.page_not_fount_grand_parent .page_not_found_parent .text404 {
	font-size: 150px;
	font-weight: 900;
	background: linear-gradient(227deg, #B900B4 0%, #F50000 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    margin: 0;
    padding: 0;

}

.page_not_fount_grand_parent .page_not_found_parent .pagentfndtexthead {
	font-size: 30px;
	color: #777;
    margin: 0;
    padding: 0;

}
.page_not_fount_grand_parent .page_not_found_parent .goto_home_btn{
    border: none;
    background: #F50000;
    padding: 10px;
    color: #fff;
    cursor: pointer;
}

.page_not_fount_grand_parent .page_not_found_parent .pagen_not_fount_btn_cls_div {
	display: flex;
	gap: 2vw;
}

/* footer  */
footer{
    margin-left: 220px;
    background-color: var(--primary_color);
    box-shadow: 0px 1.5px 0px 0px rgba(175,220,255,0.75) inset;
    transition: all ease-in-out .3s;

}
footer .footer_parent{
    display: flex;
    justify-content: space-evenly;
    gap: 10px;
    padding: 1%;
    width: 98%;
    flex-wrap: wrap;
}
footer .footer_parent .footer_child{
    width: fit-content;
}
footer .footer_parent .footer_child:nth-child(1){
    max-width: 260px;
}
footer .footer_parent .footer_child .short_desc{
    margin: 5px 0;
}
footer .footer_parent .footer_child .footer_ul{
    margin-top: 5px;
    padding: 0;
}
footer .footer_parent .footer_child .footer_ul li{
    list-style-type: none;
}
footer .footer_parent .footer_child .footer_ul li a{
    color: #000;
    transition: all ease-in-out .3s;
}
footer .footer_parent .footer_child .footer_ul li a:hover{
    color: var(--link_hover_color);
}
footer .footer_parent .footer_child .footer_heading_content{
    margin-bottom: 0;
    font-size: 20px;
    background: linear-gradient(227deg, #B900B4 0%, #F50000 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    position: relative;
    width: fit-content;
}
footer .footer_parent .footer_child .footer_heading_content::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 100%;
    background-color: hsl(317, 100%, 58%);
}
footer .footer_parent .footer_child .social_icons{
    display: flex;
    align-items: center;
    text-align: center;
    gap: 10px;
    margin-top: 15px;
}
footer .footer_parent .footer_child .social_icons i{
    border: 1px solid #777;
    padding: 3.5px 8px;
    font-size: 22px;
    border-radius: 5px;
    background: linear-gradient(227deg, #B900B4 0%, #F50000 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* footer credit  */
footer .footer_credit{
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding: 10px;
    border-top: 2px solid rgba(175,220,255,0.75);
    color: #272727;
    flex-wrap: wrap;
}
footer .footer_credit a{
    color: #272727;
    transition: all ease-in-out .3s;
}
footer .footer_credit a.whatbm_link{
    font-weight: 600;
}
footer .footer_credit a:hover{
    color: var(--link_hover_color);
}

@media screen and (max-width: 999px) {
    footer{
        margin-left: 0;
    }
}
@media screen and (max-width: 850px) {
    footer .footer_parent{
        justify-content: space-between;
    }
    footer .footer_parent .footer_child{
        width: 49%;
    }
}
@media screen and (max-width: 550px) {
    footer .footer_parent{
        flex-direction: column;
    }
    footer .footer_parent .footer_child{
        width: 98%;
    }
}