/*================BRYAN'S CSS=============*/

.related-posts {
	margin-top: -4rem;
	margin-bottom: 4rem;
}


/*================From Addisonal Css=============*/




.header-menu-item ul > li > a, .header-menu-item ul > li.current-menu-item > a{
	padding: 22px 10px !important;
}
.header-menu-item ul > li > a:hover{
	padding: 22px 10px !important;
}

/* .elementskit-dropdown li{
	padding:4px 0px !important;
} */
 .header-menu-item ul li .elementskit-submenu-panel > li > a, .header-menu-item ul li .elementskit-submenu-panel > li > a:hover{
	padding:4px 15px !important;
	margin:0 !important;
}
.header-menu-item ul li .elementskit-submenu-panel > li.firstmenu{
	position:relative;
	padding-left:20px !important;
	background-color:#efefef;
}
.header-menu-item ul li .elementskit-submenu-panel > li.firstmenu:before{
	content:"";
	position:absolute;
	top:8px;
	left:16px;
	width:8px;
	height:12px;
background:url('https://devnaemtnews.wpenginepowered.com/wp-content/uploads/2025/07/icon-arrow3.png');
background-repeat: no-repeat;
}
.header-menu-item ul li .elementskit-submenu-panel > li.firstmenu a{
	font-weight:bold !important;
}
.elementor-138 .elementor-element.elementor-element-a83cf14 .elementskit-navbar-nav .elementskit-submenu-panel > li.firstmenu > a:hover{
	background: transparent;
}



.top_logo{
	position:relative;
}
.top_logo:after{
	content:"";
	position:absolute;
	top:8px;
	right:-13px;
	width:1px;
	height:70px;
	background:#7082a1;
}
.searchtop input[type=search]{
	background: #ccc;
	    border: none;
    border-radius: 0;
}
.searchtop [type=submit]{
	color: transparent;
	 border: 0 !important;
		position:relative;	background:url('https://devnaemtnews.wpenginepowered.com/wp-content/uploads/2025/07/icon-search.png');
	    background-repeat: no-repeat;
    padding: 0 0 15px;
	    outline: 0;
}
.searchtop [type=submit]:hover{
	color: transparent;
	 border: 0;
	animation-direction
}

.searchtop [type=submit]:after{
	content:"";
	position:absolute;
	top:8px;
	right:0px;
	width:33px;
	height:29px;
background:url('https://devnaemtnews.wpenginepowered.com/wp-content/uploads/2025/07/icon-search.png');
}



.footer_menu .elementskit-navbar-nav-default .elementskit-navbar-nav.elementskit-menu-po-justified{
	display:block;
	    border-top: 1px solid #ccc;
/*     margin: 0; */
/*     padding: 3px 0 20px; */
	
}




.footer_menu ul  li:first-child a{
	
	font-weight: 700 !important;
	color:#333 !important;
	text-transform: uppercase !important;

}

.footer_menu ul  li:first-child a:hover{
/* 	color:#be553f !important; */
}

.footer_menu ul  li a{
	padding:0 !important
}

.footer_menu ul  li{
	padding:3px 0 0 !important;
}
.footer_menu ul  li a:hover{
	text-decoration:underline !important;
}
	

.footer_address p a{
	color:#666 !important;
}




.footer_address p a:hover{
color: #be553f !important;
  text-decoration: underline !important;
}

.copyright_sec p a{
	color:#666 !important;
}
.copyright_sec p a:hover{

  text-decoration: underline !important;
}



.footermenu_all ul{
	list-style:none;
	border-top: 1px solid #ccc;
	padding:0px !important;
}
.footermenu_all ul li:first-child a{
	
	font-weight: 700 !important;
	color:#333 !important;
	text-transform: uppercase !important;

}

.footermenu_all ul li:first-child a:hover{
	
	
	color:#333 !important;


}
.footermenu_all ul li{
	margin-top:0!important;
	    line-height: 18px;
}
.footermenu_all ul li a{
	font-size:11px !important;
	color:#666 !important;


}
.footermenu_all ul  li a:hover{
	text-decoration:underline !important;
	color:#be553f!important;
}
@media only screen and (max-width: 767px) {
	.top_logo:after{
		display:none;
	}
}


@media only screen and (min-width: 768px) and (max-width: 1024px){
.top_logo:after{
		display:none;
	}
}

/* postcss */
/* postcss */


.featured-posts-wrapper .featured-left-column{
	background-color:#fff;

}
.content{
	padding-left:35px;
	padding-top:35px;
}
.content .post-category{
	border:1px solid #BE553F;
	padding:5px 10px;
	color:#BE553F;
	font-size:16px;
	background: rgba(190, 85, 63, 0.10);
	  font-family: "Open Sans", sans-serif;
	margin-bottom:10px;
/* width:34%; */


	
}

/* .content .post-title a{
	color: #4a75e2;

 font-family: "Roboto Condensed", sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: normal;
	margin-top: 15px;
} */
.content .post-excerpt{
	color: #333;

  font-family: "Open Sans", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px;
}
.featured-right-column .small-featured-post{
	background-color:#fff;
	
}

	
.featured-right-column .post-category{
	border:1px solid #BE553F;
	padding:5px 10px;
	color:#BE553F;
	font-size:16px;
	background: rgba(190, 85, 63, 0.10);
	  font-family: "Open Sans", sans-serif;
	margin-bottom:10px;
}  

.small-featured-post .post-title{
	color: #4a75e2;

 font-family: "Roboto Condensed", sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: normal;
/* 	margin-top: 15px; */
	padding-right:10px;
}
.small-featured-post .info{
/* 	margin-top:35px; */
	padding-top:15px;
}

.category-box h3{
	color: #BE553F;

 font-family: "Roboto Condensed", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
	text-align:left;
}
.category-box p{
	color: #333;

  font-family: "Open Sans", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23px;
	text-align:left;
}




/* Basic Form Styling */

.wpcf7-form{
	display:flex;
}

.cf7-simple-form input[type="email"] {
    width: 100%;
    padding: 12px;
   background-color:#fff!important;
    border-radius: 4px;
/*     margin-bottom: 10px; */
	height:46px !important;
}

.cf7-simple-form input[type="email"]:hover{
	border:1px solid #fff !important;
}
.cf7-simple-form input[type="email"]:focus-visible{
	border:1px solid #fff !important;
}
/* Right-aligned Submit Button */
.cf7-submit-wrap {
    
}
input[type=submit]{
/* 	 padding: 13px 33px !important; */
}
.wpcf7 input[type="submit"] {
  padding: 13px 33px !important;
justify-content: center;
align-items: center;
gap: 10px;
	margin-left:5px;
	background: #BE553F !important;
	color: #FFF;

  font-family: "Open Sans", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

/* Mobile Responsiveness */








@media (max-width: 768px) {
    /* Featured Posts */
    .featured-posts-wrapper {
        flex-direction: column;
        gap: 15px;
    }
    
    .featured-left-column, 
    .featured-right-column {
        flex: 1 1 100%;
    }

    .large-featured-post {
        flex-direction: column;
    }

    .large-featured-post .image {
        order: -1; /* Move image above content */
    }

    .small-featured-post {
        align-items: start;
    }
    
    .small-featured-post .info {
/*margin-left: 5px; */
        margin-top: 10px;
        padding-left: 20px;
    }
    
    .content {
        padding-left: 20px;
        padding-top: 10px;
    }
    
    .content p {
        font-size: 14px;
    }

    /* Advocacy Section */
    .custom-3col-grid,
    .custom-3col-grid-leftsmall {
        flex-direction: column;
        gap: 20px;
    }

    .column {
        flex: 0 0 100% !important;
    }

    /* Box layouts */
    .box-1,
    .box-2,
    .box-3,
    .box-1small,
    .box-2medium,
    .box-3big {
        flex-direction: column;
    }

    /* Box 1 */
    .box-1 .text {
        order: 2;
        flex: 1;
        padding-top: 20px;
        padding-left: 20px;
    }
    
    .box-1 .thumb {
        order: 1;
        margin-top: 15px;
    }

    /* Box 2 */
    .box-2 .info {
        order: 2;
        padding-left: 20px;
    }

    .box-2 img {
        order: 1;
        margin-top: 10px;
    }

    /* Box 3 */
    .box-3 {
        text-align: center;
    }
    
    .box-3 .info {
        order: 2;
        padding-left: 20px;
        width: 100%;
    }
    
    .box-3 .thumb {
        order: 1;
        margin-top: 10px;
    }

    .box-3 .info h5 {
        text-align: left;
    }

    /* Shared image styles */
    .box-1 .thumb img,
    .box-2 img,
    .box-3 .thumb img,
    .box-1small img,
    .box-2medium img,
    .box-3big img {
        width: 100%;
        height: 100%;
    }

    /* Category styles */
    .box-1 .cat a,
    .box-2 .info .cat a,
    .box-3 .info .cat a,
    .cat_info .cat,
    .box-2medium .cat,
    .box-3big .cat,
    .educationPost .cat_info .cat,
    .educationPost .box-2medium .cat,
    .educationPost .box-3big .cat {
        font-size: 16px;
			 text-align: left;
    }
    
    .box-1 .cat a { /*width: 30%;*/
	    text-align: left;
	}
    .box-2 .info .cat a {  /*width: 30%; */ text-align: left;}
/*     .box-3 .info .cat a { width: 28%; } */
    .cat_info .cat { /*width: 34%;*/ text-align: left; }
    .box-2medium .cat {/* width: 38%;*/text-align: left; }
    .box-3big .cat {/* width: 38%;*/ text-align: left; }
    .educationPost .cat_info .cat { /*width: 30%;*/ text-align: left;}
    .educationPost .box-2medium .cat { /*width: 30%;*/ text-align: left;}
    .educationPost .box-3big .cat { /*width: 30%;*/ text-align: left;}

    .cat_info {
/*         margin-left: 20px;
        margin-top: 15px; */
    }
    
    .cat_info .cat h3,
    .educationPost .cat_info .cat h3 {
        font-size: 20px;
    }

    /* Small box layout */
    .box-1small .cat_info {
        margin-top: 10px;
    }

    /* Medium box layout */
    .box-2medium .info,
    .educationPost .box-2medium .info {
        padding-left: 20px;
        width: 100%;
    }
    
    .box-2medium .info h4 {
        text-align: left;
    }

    /* Big box layout */
    .box-3big .info,
    .educationPost .box-3big .info {
        padding-left: 20px;
    }
    
    .box-3big .info h5,
    .box-3big .info p {
        text-align: left;
    }

    /* Education post specific styles */
    .educationPost .cat_info {
        padding-left: 20px;
        margin-left: 0;
    }
	
	
	.wpcf7-form{
	display:block ;
}
	
	.wpcf7 input[type="submit"] {
		margin-left:0;
		   padding: 12px 45px;
	}
	
	
}






/*================End From Addisonal Css=============*/


/*================Fecherd Post  =============*/
.home-blog-breadcrumbs-wrappers .home-blog-breadcrumbs ul{
	list-style: none;
    display: flex;
	flex-wrap:wrap;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
}
.home-blog-breadcrumbs-wrappers .home-blog-breadcrumbs ul span{
	    font-size: 11px;
    line-height: 26px;
}
.home-blog-breadcrumbs-wrappers .home-blog-breadcrumbs ul li{
/* 	color: #4a75e2; */
	font-family: "Inter", sans-serif;
/*     padding: 0 5px; */
}
.home-blog-breadcrumbs-wrappers .home-blog-breadcrumbs ul li a{
	color: #4a75e2;
    padding: 0 5px;
	font-size:11px;
	font-family: "Inter", sans-serif;
}
.home-blog-breadcrumbs-wrappers .home-blog-breadcrumbs ul li a:hover{
	
	    color: #be553f;
    text-decoration: underline;
}
.home-blog-breadcrumbs-wrappers .home-blog-breadcrumbs ul li span{
	color:#000;
	font-size:11px;
	padding-left:5px;
	font-family: "Inter", sans-serif;
}

.featured-posts-wrapper {
  display: flex;
  gap: 20px;
/*   flex-wrap: wrap; */
}
 
.featured-left-column {
  flex: 0 0 60%;
}
 
.featured-right-column {
  flex: 0 0 40%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
 
.large-featured-post {
  display: flex;
  gap: 20px;
  align-items: stretch;
  height: 100%;
}
 
.large-featured-post .content {
  flex: 1;
/*   padding: 20px; */
  background-color: #fff;
  display: flex;
  flex-direction: column;
/*   justify-content: center; */
}
 
.large-featured-post .image {
  flex: 0 0 40%;
  height: auto;
}
 
.large-featured-post .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 
.small-featured-post {
  display: flex;
  gap: 15px;
}
 
.small-featured-post .thumb {
  flex: 0 0 40%;
}
 
.small-featured-post .thumb img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
 
.small-featured-post .info {
  flex: 1;
}
 
.post-category {
  font-size: 18px;
  color: #ea5b3c;
  border: 1px solid #BE553F;
  padding: 5px 10px;
  display: inline-block;
  margin-bottom: 10px;
  text-decoration: none;
background: rgba(190, 85, 63, 0.10);
}
 
/* === Responsive: Mobile and Tablet === */
@media (max-width: 768px) {
  .featured-posts-wrapper {
    flex-direction: column;
  }
 
  .featured-left-column,
  .featured-right-column {
    flex: 0 0 100%;
  }
 
  .large-featured-post {
    flex-direction: column;
  }
 
  .large-featured-post .image {
    order: -1;
    height: 220px;
  }
 
  .large-featured-post .image img {
    height: 100%;
  }
 
  .small-featured-post {
    flex-direction: column;
  }
 
  .small-featured-post .thumb {
    width: 100%;
	  height:100%;
	  object-fit:cover;
  }
}
/* cagory slider css */

        .category-carousel-wrapper {
            position: relative;
            margin: 0 auto;
            max-width: 1170px;
            padding: 0 0px; /* space for arrows */
        }

        .category-carousel-container {
            overflow: hidden;
        }

        .category-carousel-track {
            display: flex;
            gap: 30px;
            padding: 10px 0;
            scroll-behavior: smooth;
            overflow-x: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        .category-carousel-track::-webkit-scrollbar {
            display: none;
        }

        .category-box {
            flex: 0 0 auto;
            width: calc((1170px - 60px) / 3); /* 3 items with gap */
            border: 1px solid #ddd;
            padding: 15px;
            text-align: center;
            background: #fff;
            border-radius: 8px;
            cursor: pointer;
            transition: box-shadow 0.2s;
        }

        .category-box:hover {
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        .category-box img {
            max-width: 100%;
            height: auto;
            border-radius: 6px;
            margin-bottom: 10px;
        }

        .carousel-arrow {
            position: absolute;
            top: 55%;
            transform: translateY(-50%);
/*             background: #fff; */
            padding: 8px;
            border-radius: 50%;
            z-index: 10;
            user-select: none;
/*             box-shadow: 0 0 10px rgba(0,0,0,0.1); */
        }

        .carousel-arrow img {
            width: 30px;
            height: 30px;
        }

        .carousel-left {
            left: -50px;
        }

        .carousel-right {
            right: -50px;
        }

        /* Dots below slider */
        .carousel-dots {
            text-align: center;
            margin-top: 15px;
			display:none;
        }

        .carousel-dot {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            background-color: #ccc;
            border-radius: 50%;
        }
@media only screen and (min-width: 820px) and (max-width: 1180px){
	
	.carousel-dots {
		display:block !important;
	}
	.carousel-arrow {
		display:none !important;
	}
	.carousel-arrow img {
		display:none !important;
	}
	
	
}
@media (max-width: 1024px) {
	
}
        /* Responsive */
        @media (max-width: 768px) {
			.box-3 .info .cat{
/*         padding: 20px 30px; */
		text-align:left !important;
		
    }
            .category-box {
                width: 250px;
            }

            .carousel-arrow {
                display: none;
            }

            .category-carousel-wrapper {
                padding: 0 10px;
            }
        }

/* catagory card section one  */

    .custom-3col-grid {
        display: flex;
        gap: 30px;
        flex-wrap: nowrap;
        align-items: stretch;
        margin-bottom: 30px;
    }

    .column {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .col-1 { flex: 0 0 40%; }
    .col-2 { flex: 0 0 20%; }
    .col-3 { flex: 0 0 40%; }

    /* Box 1 */
    .box-1 {
        display: flex;
        height: 100%;
        background: #fff;
    }

    .box-1 .text {
        flex: 1;
        padding: 20px 18px 20px 18px;
        box-sizing: border-box;
    }

    .box-1 .thumb {
        flex: 0 0 150px;
        height: 100%;
        overflow: hidden;
    }

    .box-1 .thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Box 2 */
    .box-2 {
        background: #fff;
/*         border: 1px solid #ddd; */
        display: flex;
        flex: 1;
    }

    .box-2-inner {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex: 1;
    }

    .box-2 img {
        width: 100%;
        height:100% !important;
    }

    .box-2 .info {
/*         padding: 20px 30px; */
		text-align:left;
		padding-left:20px;
		margin-top:20px;
		padding-right:10px;
		
    }

    /* Box 3 */
    .box-3 {
        display: flex;
        gap: 15px;
        background: #fff;
/*         border: 1px solid #eee; */
        align-items: center;
    }

    .box-3 .thumb {
        flex: 0 0 40%;
    }
.box-3 .thumb{
	height:100%;
}
    .box-3 .thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .box-3 .info {
        flex: 1;
/*         padding: 20px; */
/* 		padding-right:10px; */
		padding:20px 10px 10px 0;
    }

    /* Shared Styles */
    .cat a {
        padding: 5px 11px;
        color: #BE553F;
        font-family: "Open Sans", sans-serif;
        font-size: 18px;
        border: 1px solid #BE553F;
        background: rgba(190, 85, 63, 0.10);
        display: inline-block;
        text-transform: capitalize;
        margin-bottom: 10px;
        text-decoration: none;
    }

/*     h3, h4, h5 a{
        margin-top: 15px;
        font-family: "Roboto Condensed";
        font-size: 23px;
        font-weight: 500;
        color: #333;
    } */

    h3 a, h4 a, h5 a {
        text-decoration: none;
        color: #4a75e2 !important;
    }
.box-1 .text h3{
		color: #4a75e2;
		margin-top:15px;

font-family: "Roboto", sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: normal;
	}
.post-box{
	height:100%;
}
   .post-box p {
        color: #333;
 font-family: "Open Sans", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px;
    }

.box-2 .info h4 a{
text-align:left !important;
margin-top:15px;
padding-bottom:30px;
color: #4a75e2;
/* font-family: "Roboto", sans-serif; */
font-family: "Roboto Condensed", sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: normal;
	}
 .box-3 .info h5 a{
color: #4a75e2;
 font-family: "Roboto Condensed", sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-top:15px;

    }
    /* Responsive */
    @media (max-width: 768px) {
        .custom-3col-grid {
            flex-direction: column;
        }

        .column {
            flex: 0 0 100% !important;
        }

        .box-1, .box-3 {
            flex-direction: column;
        }

        .box-1 .thumb,
        .box-3 .thumb {
            height: auto;
			width:100%;
        }

        .box-1 .thumb img,
        .box-2 img,
        .box-3 .thumb img {
            width: 100%;
            height: auto;
			
        }
    }


@media only screen and (min-width: 769px) and (max-width: 1024px)
{
	.box-2-inner{
		overflow:hidden;
	}
	.box-2 .info {
		padding:10px 10px;
		text-align:left !important;
	}
	
	.box-2 .info h4 a{
		font-size:20px !important;
	}
	.box-3 .info h5 a {
		font-size:20px !important;
	}
	
/* 	memebership */
	.box-2medium .info h4 a {
		font-size:20px !important;
	}
	.box-1small .cat_info h3 a {
		font-size:20px !important;
	}

 
}
/* catagory card section two  */
    .custom-3col-grid-leftsmall {
        display: flex;
        gap: 30px;
        flex-wrap: nowrap;
        margin-bottom: 30px;
    }

    .column {
        display: flex;
        flex-direction: column;
        gap: 20px;
        min-width: 0;
    }


    .col-1small { flex: 0 0 calc(30% - 20px); }
    .col-2medium { flex: 0 0 calc(35% - 20px); }
    .col-3big { flex: 0 0 calc(35% - 20px); }

    /* Box 1 */
    .box-1small {
        background: #fff;
    }

    .box-1small img {
        width: 100%;
        height: auto;
    }

    /* Box 2 */
    .box-2medium {
        background: #fff;
        display: flex;
/*         flex-direction: column;
        justify-content: space-between;
        height: 100%; */
    }

    .box-2medium .thumb {
/*     	width: 74%; */
		flex:0 0 40%;
		
		
    }
.box-2medium .cat{
	margin-top:8px;
}
    .box-2medium .thumb img {
        width: 100%;
        height: 100%;
		object-fit:cover;
    }

    .box-2medium .info {
        padding: 10px 15px;
    }

    /* Box 3 */
    .box-3big {
        display: flex;
        gap: 15px;
        background: #fff;
        align-items: stretch;
        height: 100%;
    }

    .box-3big .thumb {
        flex: 0 0 40%;
        height: auto;
        overflow: hidden;
    }

    .box-3big .thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
		
    }

    .box-3big .info {
        flex: 1;
        padding:20px 0 20px 0;
    }

    /* Shared Styles */


    .box-3big .info p {
         font-family: "Open Sans", sans-serif;
        font-size: 16px;
        line-height: 25px;
        color: #333;
    }

    .cat_info {
/*         margin: 15px 0 20px 18px; */
		padding:15px 18px 15px 18px;
    }

    h3, h4, h5 a{
        color: #333;
/*        font-family: "Roboto", sans-serif; */
        font-size: 23px;
        font-weight: 500;
        margin-top: 15px;
    }

    h3 a, h4 a, h5 a {
        text-decoration: none;
        color: inherit;
    }

.box-1small .cat_info h3 a{
	color: #333;
/* font-family: "Roboto", sans-serif; */
	 font-family: "Roboto Condensed", sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.box-2medium .info h4 a{
	color: #333;
/* font-family: "Roboto", sans-serif; */
	 font-family: "Roboto Condensed", sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.box-3big .info h5 a{
	color: #333;
/* font-family: "Roboto", sans-serif; */
	 font-family: "Roboto Condensed", sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.text h3 a:hover {
	color: #4a75e2;
}
.cat_info h3 a:hover {
	color: #4a75e2;
}
.info h4 a:hover, h5 a:hover{
	color: #4a75e2;
}
.info h5 a:hover{
	color: #4a75e2;
}
    /* Responsive */
    @media (max-width: 768px) {
        .custom-3col-grid-leftsmall {
            flex-direction: column;
            gap: 20px;
        }
.box-2medium .thumb {
    	width: 100%;
	padding:0;
    }
		.box-3 .thumb {
			width:100%;
		}
        .column {
            flex: 0 0 100% !important;
        }

        .box-2medium,
        .box-3big {
            flex-direction: column;
            text-align: center;
        }

        .box-3big .thumb,
        .box-3big .thumb img {
            height: auto;
        }
    }







/*================ aRCHIVE General Styles =============*/
.topPost {
    background-color: #F4F4F4;
    padding: 50px 10px 50px;
	
}

.container {
    max-width: 1170px;
    margin: 0 auto;
/*     margin-top: 30px; */
/* 	max-width:1314px; */
}

.top-posts-grid, .grid-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.top-post-item .post-box {
    width: calc(33.333% - 20px);
/*     box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); */
/*     padding: 15px; */
    background: #fff;
}
.large-featured-post h2{
/* 	    color: #333;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 15px; */
	font-size:23px !important;
}
.large-featured-post h2 a{
color: #4a75e2;
font-family: "Roboto Condensed", sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-top: 15px;
}
.large-featured-post h2 a:hover{
	color: #4a75e2;
	
}
/*================ Custom 3 Column Grid =============*/
.custom-3col-grid {
    display: flex;
    gap: 30px;
    flex-wrap: nowrap;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.col-1 {
    flex: 0 0 calc(40% - 20px);
}

.col-2 {
    flex: 0 0 calc(20% - 20px);
}

.col-3 {
    flex: 0 0 calc(40% - 20px);
}

/*================ Box Styles =============*/
/* Box 1: large post */
.box-1 {
    display: flex;
    gap: 20px;
    background: #ffff;
/*     padding: 20px;
    border-radius: 10px; */
    align-items: flex-start;
}

.box-1 .text {
    flex: 1;
}

.box-1 .thumb img {
width:100%;
    height: auto;
	height:100%;
/*     border-radius: 8px; */
}

/* Box 2: single vertical post */
.box-2 {
    background: #fff;
/*     border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px; */
    text-align: center;
}

.box-2 img {
    width: 100%;
    height:100%;
	object-fit:cover;
/*     border-radius: 6px;
    margin-bottom: 10px; */
}

/* Box 3: two compact posts */
.box-3 {
    display: flex;
    gap: 15px;
    background: #fff;
/*     border: 1px solid #eee;
    padding: 10px;
    border-radius: 8px; */
    align-items: center;
}

.box-3 .thumb {
    flex: 0 0 40%;
}

.box-3 .thumb img {
    width: 100%;
    height:100%;
   
}

.box-3 .info {
    flex: 1;
}

/*================ Shared Styles =============*/
.cat {
/*     font-size: 13px;
    color: #777;
    margin-bottom: 5px; */
}

h3, h4, h5 {
/*     margin: 5px 0;
    font-weight: 600;
    font-size: 16px; */
}

h3 a, h4 a, h5 a {
/*     color: #333;
    text-decoration: none; */
}

h3 a:hover, h4 a:hover, h5 a:hover {
/*    // text-decoration: underline; */
}


.box-1 p {
/*     font-size: 14px;
    color: #444; */
}





/*================ Archive Styles =============*/
.category-info-logo-wrapper{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	
}
.category-info-logo-wrapper .category-header{
	width:100%;
}
.category-info-logo-wrapper .category-logo{
	width:100%;
}
.category-info-logo-wrapper .category-logo img{
	width:100%;
	height:auto;
}


.archive-breadcrumbs ul{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	margin-top:10px;
	margin-bottom:10px;
	padding:0
}
.archive-breadcrumbs ul span{
	    font-size: 11px;
    line-height: 26px;
}
.archive-breadcrumbs ul li{
	
	font-family: "Inter", sans-serif;
/* 	color:#4a75e2; */
	
	
}
.archive-breadcrumbs ul li a{
	color:#4a75e2;
	padding: 0 5px;
	font-size: 11px;
}
.archive-breadcrumbs ul li a:hover{
	
	padding: 0 5px;
	    color: #be553f;
    text-decoration: underline;
}
.archive-breadcrumbs ul li span{
	color:#000 ;
	padding: 0 5px;
	font-size:11px
} 



.topPost .category-header .category-title {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
}
.topPost .content .post-category{
	    border: 1px solid #BE553F;
    padding: 5px 10px;
    color: #BE553F;
    font-size: 16px;
    background: rgba(190, 85, 63, 0.10);
      font-family: "Open Sans", sans-serif;
    margin-bottom: 10px;
}
.topPost .thumb img{
	width:100%;
	height:100% !important;
}

.topPost .category-header .category-description p {
    color: #000;
     font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 20px;
}

.allPost {
    background-color: #F4F4F4;
    padding: 30px 0 100px;
}

.allPost .grid-layout {
/*     display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px; 
    margin: 20px 0;  */
	display:flex;
}
.ad-container{
	padding:0px;
	margin-top: 50px;
}
.ad-container img{
	
	margin: 0;
    width: 100%;
    height: 100%;
	
}

.search .entry-title{
	font-family: "Roboto Condensed", Sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #333333;
	margin:30px 0px 30px 0px;
}
.search .page-content h2{
	color: #4a75e2;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 15px;
    padding-right: 10px;
}
.search .page-content h2 a{color: #4a75e2;}
.search .page-content p{
	color: #333;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;	
	margin-top: 20px;
	margin-bottom: 40px;
}
.search .ekit-template-content-footer{margin-top: 30px;}

/*================ Post Box Styles =============*/
.post-boxs {
    background: #fff; /* Background color for each post box */
    overflow: hidden; /* Prevent overflow */
    width: calc(33.333% - 20px);
}

.post-boxs .post-category {
    margin-top: 15px;
    margin-left: 20px;
    margin-bottom: 0;
	color: #BE553F!important;
	
}

.post-boxs .post-title {
    margin-left: 20px;
    margin-bottom: 38px;
	margin-right:10px;
	font-size:24px;
	
}

.post-boxs .post-title a {
	color: #4a75e2;
/*     color: #333; */
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    font-weight: 500;
	line-height:normal;
}
.post-boxs .post-title a:hover{
/* 	color: #4a75e2; */
}

/*================ Load More Button Styles =============*/
#load-more-wrapper {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 30px;
}

#load-more-btn {
    color: #FFF;
     font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 17px 33px;
    background: #4A75E2;
    border: none;
}

/*================ Mobile Styles =============*/

@media (max-width: 768px) {
	.category-info-logo-wrapper{
	   display:block !important;
	
}
	.category-info-logo-wrapper .category-header{
	width:100% !important;
}
.category-info-logo-wrapper .category-logo{
	width:100%;
}
.category-info-logo-wrapper .category-logo img{
	width:100%;
	height:auto;
}
	
	
    .custom-3col-grid {
        flex-direction: column;
        gap: 20px;
    }

    .column {
        flex: 0 0 100% !important;
    }
	.post-box .info{
		padding: 15px 18px 15px 18px;
	}
    .box-1 {
        flex-direction: column;
    }

    .box-3 {
        flex-direction: column;
        text-align: center;
    }

    .box-1 .thumb img,
    .box-2 img,
    .box-3 .thumb img {
        width: 100%;
		height:100% !important;
    }
	.allPost .grid-layout {
		flex-direction:column;
	}
/* 	.large-featured-post .content  */
	.allPost .post-boxs {
		width:100%;}
	
	.allPost,.topPost .container {
/* 		padding:0 15px; */
	}
		
	.allPost{
		padding-bottom:50px;
		padding: 0 10px;
	}
	.topPost .content .post-category {
/* 		width:29%; */
		    border: 1px solid #BE553F;
    padding: 5px 10px;
    color: #BE553F;
    font-size: 16px;
    background: rgba(190, 85, 63, 0.10);
     font-family: "Open Sans", sans-serif;
    margin-bottom: 10px;
		
	}
	.topPost img{
		width:100%;
		height:auto;
	}

}
/* === Responsive: Mobile and Tablet === */
@media (max-width: 768px) {
	
 .topPost .featured-posts-wrapper {
    flex-direction: column;
  }
 
 .topPost .featured-left-column,
  .featured-right-column {
    flex: 0 0 100%;
  }
 
 .topPost .large-featured-post {
    flex-direction: column;
  }
 
 .topPost .large-featured-post .image {
    order: -1;
    height: 220px;
  }
 
  .large-featured-post .image img {
    height: 100%;
  }
 
  .topPost .small-featured-post {
    flex-direction: column;
  }
 
 .topPost .small-featured-post .thumb {
    width: 100%;
  }
}


/***************************** singale post ***************************************/

/* Layout */
.singlePost {
    background-color: #F4F4F4;
/* 	    padding-top: 50px; */
}

.singlePost .post-container {
    display: flex;
    max-width: 1170px;
    margin: 0 auto;
    gap: 30px;
    padding: 20px;
}

.post-content {
    flex: 0 0 70%;
}

.post-content .post-breadcrumbs-wrappers ul{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
}
.post-content .post-breadcrumbs-wrappers ul span{
	    font-size: 11px;
    line-height: 26px;
}
.post-content .post-breadcrumbs-wrappers ul li{
	
	font-family: "Inter", sans-serif;
/* 	color:#4a75e2; */
	
	
}
.post-content .post-breadcrumbs-wrappers ul li a{
	font-family: "Inter", sans-serif;
	color:#4a75e2;
	padding: 0 5px;
	font-size: 11px;
}
.post-content .post-breadcrumbs-wrappers ul li a:hover{
	    color: #be553f;
    text-decoration: underline;
	padding: 0 5px;
}
.post-content .post-breadcrumbs-wrappers ul li span{
	color:#000;
	padding: 0 5px;
	font-size:11px;
}







.sidebar {
    flex: 0 0 30%;
}

.singlePost .post-content .banner-section {
    width: 100%;
    overflow: hidden; 
    margin: 0 auto;  
}
.singlePost .post-content .banner-image {
    width: 100%;    
    height: auto;   
    display: block;
	margin-bottom: 20px;
}

.singlePost .post-container .category-name {
    color: #BE553F;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-flex;
    padding: 5px 11px !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid #BE553F;
    background: rgba(190, 85, 63, 0.10);
}
.singlePost .post-container .category-name a{
	 color: #BE553F;
}
.singlePost .post-container .PostHeading:first-letter {
/* 	text-transform: uppercase; */
}
.singlePost .post-container .PostHeading {
/*     color: #3473AC; */
	color:#00529c;
    font-family: "Inter", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
/* 	text-transform: lowercase; */
}
	.singlePost .post-container .post-meta{
		margin-bottom:20px;
	}
.singlePost .post-container .post-meta span {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
	.singlePost .post-container .post-meta span a{
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
		text-transform:capitalize;
}

.singlePost .post-container .post-meta .author a{
	text-decoration:underline;
	text-decoration-color:#000;
}
.singlePost .post-container .featured-image img {
    width: 100%;
    height: auto;
	padding: 20px 0;
}

.singlePost .post-container .post-content-full {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 31px;
}
.singlePost .post-container .post-content-full p{
	 color: #000;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 31px;
}
.singlePost .post-container .post-content-full blockquote {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 31px;
    position: relative;
	padding:20px 0;
}

.singlePost .post-container .post-content-full blockquote:before {
    content: "";
    position: relative;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background-image: url('https://devnaemtnews.wpenginepowered.com/wp-content/uploads/2025/07/fi_1634093.png');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

.singlePost .post-container .post-content-full h3 {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
	padding-top:20px;
}
.singlePost .post-container .post-content-full h4 {
	color:#000;
	font-size:22px;
	 font-family: "Inter", sans-serif;

}
.singlePost .post-container .post-content-full p a{
	color:#4a75e2;
}
.singlePost  .post-content-full .wp-block-image img{
	padding :20px 0;
}
.singlePost  .post-content-full .wp-block-list li a{
	color: #4a75e2;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 31px;
}

.singlePost  .post-content-full .wp-block-list li::marker{color: #4a75e2;}
	.special-content-area{
		margin-top:30px;
	}
.special-content-area h2 {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
	.special-content-area p{
	color: #000;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 31px;
	}
	.newsletter-signup{
		background-color:#EFE8E4;
		padding:90px 50px;
		margin-bottom:50px;
		margin-top:50px;
		display: none !important;
	}
	.newsletter-signup h2{
		color: #000;
 font-family: "Roboto Condensed", sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
	}
	.newsletter-signup .cf7-simple-form input[type="email"] {
		
		padding: 24px 10px;
	}	
/* Custom Banner */
.custom-banner {
    display: flex;
    flex-wrap: wrap;
    min-height: 300px;
    overflow: hidden;
    margin: 30px 0;
	padding:20px 0;
/*     background-image: url('https://devnaemtnews.wpenginepowered.com/wp-content/uploads/2025/07/Group-148.png'); /* Replace with your image path */ */
    background-size: cover; /* Makes the image cover the entire background */
    background-repeat: no-repeat; /* Prevents the image from repeating */
   
   
    margin: 0; /* Removes default body margin */
}

.custom-banner .column {
    flex: 1;
    min-width: 300px;
/*     padding: 40px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
	    
}

.custom-banner  .top-btn{
    color: #BE553F;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-flex;
    padding: 5px 11px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    border: 1px solid #BE553F;
    background: rgba(190, 85, 63, 0.10);

}

.custom-banner h2 {
    color: #000;
     font-family: "Roboto Condensed", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 45px;
	margin-bottom:0px
}

.custom-banner p {
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.custom-banner .left-column {
    /* Additional styles can be added here */
	padding: 40px 0px 40px 26px;
}

.custom-banner .right-column {
    /* Additional styles can be added here */
}

.custom-banner .banner-btn {
    display: inline-flex;
    padding: 17px 33px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #4A75E2;
    color: #FFF;
     font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.custom-banner .banner-btn:nth-child(2) {
    background: #BE553F;
}

.custom-banner .left-column .banner-btn:hover {
    /* Hover styles can be added here */
}

.custom-banner .right-column .banner-btn:hover {
    /* Hover styles can be added here */
}

.custom-banner .feature-list {
    /* Additional styles can be added here */
}

.custom-banner .feature-list li {
    /* Additional styles can be added here */
}

.custom-banner .feature-list li:before {
    /* Additional styles can be added here */
}

/* Related */
	.relatdPost{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.relatdPost .related-post{
		    width: 31%;
    margin: 0 1%;
		background-color:#fff;
	}
	.relatdPost .related-post img{
/* 		 width: 277px;
		height:216px; */
		width: 100%;
/*     min-height: 136px; */
	}
	.relatdPost .related-post .related-post-info{
		margin-left:25px;
		margin-top:20px;
		margin-right:10px;
	}
	.relatdPost .related-post .related-post-info .related-post-category {
		 color: #BE553F;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-flex;
    padding: 5px 11px !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    border: 1px solid #BE553F;
    background: rgba(190, 85, 63, 0.10);
/* 	width:35%; */
	}
.relatdPost .related-post .related-post-info .related-post-category a{
	 color: #BE553F;
	
}
	.relatdPost .related-post .related-post-info .related-post-title a{
		color: #333 ;
 font-family: "Roboto Condensed", sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: normal;
	}
	.relatdPost .related-post .related-post-info .related-post-category .related-post-title a:hover{
	 text-decoration:none !important;
		    color: #4a75e2;
	}
	
	.sidebar .post-ad-container{
/* 	padding:0px;
	margin-top: 50px; */
}
.sidebar .post-ad-container img{
	
	margin: 0;
    width: 100%;
    height: 100%;
	
}

	.bottom-add-container img{
		width:100%;
		height:auto;
	}
	.bottom-add-container{
		margin-bottom:50px;
		margin-top:50px;
	}
	
	

	
	/************************************* Mobile Styles ****************************************/
@media (max-width: 480px) {
	.post-content .post-breadcrumbs-wrappers ul{
		flex-wrap:wrap;
	}
	.singlePost{
		padding-top:30px;
	}
    .singlePost .post-container {
        flex-direction: column; /* Stack content vertically */
        padding: 10px; /* Reduce padding */
		
		
    }

    .post-content {
        flex: 0 0 100%; /* Full width on mobile */
        margin-bottom: 20px; /* Space between sections */
    }

    .sidebar {
        flex: 0 0 100%; /* Full width on mobile */
    }

    .singlePost .post-container .category-name {
        font-size: 12px; /* Adjust font size */
        padding: 3px 6px; /* Adjust padding */
    }

    .singlePost .post-container .PostHeading {
        font-size: 24px; /* Adjust font size */
    }

    .singlePost .post-container .post-meta span {
        font-size: 16px; /* Adjust font size */
    }

    .singlePost .post-container .post-content-full {
        font-size: 16px; /* Adjust font size */
    }
	.singlePost .post-content  img{
/* 		padding:20px 0; */
	}
	.singlePost .post-content .featured-image{
		padding:20px 0;
	}
    .custom-banner {
        flex-direction: column; /* Stack content vertically */
        padding: 20px; /* Adjust padding */
    }

    .custom-banner .column {
        min-width: 100%; /* Full width on mobile */
        padding: 20px 0; /* Adjust padding */
    }
	.custom-banner .top-btn {
		font-size:13px;
			width: 38%;;
	}
	.custom-banner h2 {
		line-height:32px;
		font-size:30px;
	}
	.custom-banner p {
		font-size:14px;
	}
	.special-content-area{
		margin-top:30px;
	}

    .newsletter-signup {
        padding: 20px; /* Adjust padding */
    }

    .newsletter-signup h2 {
        font-size: 25px; /* Adjust font size */
    }
.newsletter-signup .cf7-simple-form input[type="email"] {
    padding: 22px 10px;
}
	   .newsletter-signup .wpcf7 input[type="submit"] {
        margin-left: 0;
        padding: 12px 24px;
		 font-size:14px;
    }
    .relatdPost .related-post {
        width: 100%; /* Full width on mobile */
        margin-bottom: 20px; /* Space between posts */
    }

    /* Adjust button styles for mobile */
    .custom-banner .banner-btn {
        padding: 10px 20px; /* Adjust padding */
        font-size: 14px; /* Adjust font size */
    }
	.top-ad{
	margin-top:0;	
	}
	.middle-ad{
		margin-top:50px;
	}
	.relatdPost .related-post img {
  
    width: 100%;
		height:auto;
/*     height: 136px; */
}
	
	.relatdPost .related-post .related-post-info{
		margin-left:20px;
		margin-top:10px;
	}
	.relatdPost .related-post .related-post-info .related-post-category {
/* 		width:25%; */
	}
	.relatdPost .related-post .related-post-info .related-post-title{
		font-size:20px;
	}
	.top-ad,
    .middle-ad {
        position: static !important; /* Force static on mobile */
    }
	.singlePost  .post-content-full .wp-block-list{ margin:0 20px; padding: 0;}
	.singlePost .post-content-full .wp-block-list li a{word-wrap: break-word; font-size:15px;}
	.singlePost .post-container .post-content-full h3, .singlePost .post-container .post-content-full h4{
		font-size: 20px;
    padding-top: 10px;
	}
	.topPost {
    padding: 20px 10px 50px;
}
	.small-featured-post .info{margin-top: 0;}
	.singlePost{padding-top: 0;}
	.singlePost .post-container .PostHeading {font-size: 20px;}
	.singlePost .post-container .post-meta {margin-bottom: 0;}
	.singlePost .post-content .featured-image {padding: 0;}
	.singlePost .post-container .post-content-full p{line-height: 26px;}
	.single-post .newsletter-signup{margin-bottom: 20px; margin-top: 20px;}
	.single-post .bottom-add-container {
    margin-bottom: 20px;
    margin-top: 20px;
}
	    .singlePost{padding-top: 0 !important;}
	.middle-ad {
    margin-top: 30px !important;}
	.related-posts{    margin-top: -50px;}
	
}
	@media (max-width: 768px) {
		.post-content .post-breadcrumbs-wrappers ul{
		flex-wrap:wrap;
	}
		.singlePost{
		padding-top:30px;
	}
    .singlePost .post-container {
        flex-direction: column; /* Stack content vertically */
        padding: 10px; /* Reduce padding */
		
		
    }

    .post-content {
        flex: 0 0 100%; /* Full width on mobile */
        margin-bottom: 20px; /* Space between sections */
    }

    .sidebar {
        flex: 0 0 100%; /* Full width on mobile */
    }

    .singlePost .post-container .category-name {
        font-size: 12px; /* Adjust font size */
        padding: 3px 6px; /* Adjust padding */
    }

    .singlePost .post-container .PostHeading {
        font-size: 24px; /* Adjust font size */
    }

    .singlePost .post-container .post-meta span {
        font-size: 16px; /* Adjust font size */
    }

    .singlePost .post-container .post-content-full {
        font-size: 16px; /* Adjust font size */
    }

    .custom-banner {
        flex-direction: column; /* Stack content vertically */
        padding: 20px; /* Adjust padding */
    }

    .custom-banner .column {
        min-width: 100%; /* Full width on mobile */
        padding: 20px 0; /* Adjust padding */
    }
	.custom-banner .top-btn {
		font-size:13px;
/* 			width: 18%; */
	}
	.custom-banner h2 {
		line-height:32px;
		font-size:30px;
	}
	.custom-banner p {
		font-size:14px;
	}
	.special-content-area{
		margin-top:30px;
	}

    .newsletter-signup {
        padding: 20px; /* Adjust padding */
    }

    .newsletter-signup h2 {
        font-size: 25px; /* Adjust font size */
    }
.newsletter-signup .cf7-simple-form input[type="email"] {
    padding: 22px 10px;
}
	   .newsletter-signup .wpcf7 input[type="submit"] {
        margin-left: 0;
        padding: 12px 24px;
		 font-size:14px;
    }
    .relatdPost .related-post {
        width: 100%; /* Full width on mobile */
        margin-bottom: 20px; /* Space between posts */
    }

    /* Adjust button styles for mobile */
    .custom-banner .banner-btn {
        padding: 10px 20px; /* Adjust padding */
        font-size: 14px; /* Adjust font size */
    }
	.top-ad{
	margin-top:0;	
	}
	.middle-ad{
		margin-top:50px;
	}
	.relatdPost .related-post img {
  
    width: 100%;
		width:100%;
/*     height: 136px; */
}
	
	.relatdPost .related-post .related-post-info{
		margin-left:20px;
		margin-top:10px;
	}
	.relatdPost .related-post .related-post-info .related-post-category {
	    color: #BE553F !important;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-flex;
    padding: 5px 11px !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid #BE553F;
    background: rgba(190, 85, 63, 0.10)
	}
	.relatdPost .related-post .related-post-info .related-post-title{
		font-size:20px;
	}
		.top-ad,
    .middle-ad {
        position: static !important; /* Force static on mobile */
    }
		.search .site-main {
        max-width: 100% !important;
        padding: 20px;
    }
		.search .entry-title{margin: 15px 0px 15px 0px;}
		.search .ekit-template-content-footer {margin-top: 0px;}
	}
	
	@media (max-width: 1024px) {
		.post-content .post-breadcrumbs-wrappers ul{
		flex-wrap:wrap;
	}
		.relatdPost .related-post .related-post-info .related-post-title{
		font-size:20px;
	}
		.custom-banner .banner-btn {
			padding: 12px 24px;
		}
		.singlePost{
			padding-left: 10px;
    padding-right: 10px;
		}
		
		
	}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	
	
	.singlePost .post-container .PostHeading{
		font-size:25px;
	}
	.singlePost .post-container .post-meta span {
		font-size:16px;
	}
	.newsletter-signup {
		padding:40px 40px;
	}
	.newsletter-signup h2 {
		font-size:30px;
	}
	
	.relatdPost .related-post .related-post-info {
		    margin-left: 10px;
           margin-top: 10px;
           margin-right: 10px
	}
	.relatdPost .related-post .related-post-info .related-post-title a {
		font-size:20px;
	}
}



/*================ RESPONSIVE =============*/

@media only screen and (min-width: 769px) and (max-width: 1024px){
	.topPost{
		padding-left:10px;
		padding-right:10px;
		overflow:hidden;
	}
	   .allPost {
        padding-left: 10px;
        padding-right: 10px;
/* 		   overflow:hidden; */
    }
	.allPost {
    background-color: #F4F4F4;
/*     padding: 30px 0 75px; */
}
}
@media only screen and (max-width: 767px) {

}


@media only screen and (min-width: 769px) and (max-width: 1024px){
	
}
@media only screen and (min-width: 1024px) and (max-width: 1200px){


}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

}

  /*
 * Hide visually and from screen readers, but maintain layout
 */

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after {clear: both;}


  /* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  /* Black prints faster:
    http://www.sanbeiji.com/archives/953 */
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited {text-decoration: underline; }
  a[href]:after {content: " (" attr(href) ")"; }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  abbr[title]:after { content: " (" attr(title) ")";}
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
  thead { display: table-header-group; }
  tr, img {page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 {page-break-after: avoid; }
}