/*!
Theme Name: webizseo
Theme URI: http://underscores.me/
Author: webizseo
Author URI: https://www.webizseo.com/
Description: A wordpress theme by WebizSEO.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: webizseo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

webizseo is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* Webizseo CSS */

/*** 
=============================================
Color Css 
=============================================
***/
:root{
	--primary-color : #f86203;
	--secondary-color: #000000;
	--white-color: #ffffff;
}
.bg-primary {
	background: var(--primary-color) !important;
}
.bg-secondary {
	background: var(--secondary-color) !important;
}
.txt-white {
	color: var(--white-color) !important;
}
p {
	font-size: 15px;
}
/*** 
=============================================
Header Section Css 
=============================================
***/
.top-bar {
	height: auto;
	padding: 10px 0px;
}
.date-holder::before {
	background: rgba(255, 255, 255, 0);
}
.date-holder {
	height: auto;
	padding-left: 0;
	width: auto;
	padding-top: 0;
	display: flex;
	justify-content: baseline;
	align-content: center;
	align-items: center;
}
.date-holder p {
	line-height: normal;
	padding-bottom: 0;
	color: #fff;
}
.top-bar .nav-holder.topbar-menu {
	float: none;
	top: 0;
}
.top-bar .nav-holder.topbar-menu nav li {
	height: auto;
}
.top-bar .nav-holder.topbar-menu nav li a {
	color: var(--white-color);
	font-size: 13px;
	padding: 0px 11px;
	font-weight: normal;
}
.topbar-social {
	height: auto;
	top: 0;
}
.topbar-social li a {
	font-size: 13px;
	width: 27px;
	height: 27px;
	line-height: 25px;
}
/* header css */

.header-inner {
	height: auto;
	box-shadow: 0 0 #0000000f;
}
.mu-middel-area {
	padding: 10px 0;
}
.mu-middel-area div.row {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.logo-holder{
	top:0;
	height: auto;
}
.logo-holder img{
	width: 100%;
	height: 50px;
}
.mu-ads-banner {
	float: right;
}

.mu-navbar .nav-holder {
	float: left;
	top: 0;
}
.mu-navbar .nav-holder nav ul {
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	padding: 10px;
}
.nav-holder nav li {
  height: auto;
}
.mu-navbar .nav-holder nav li a {
	float: left;
	color: var(--white-color);
	font-size: 14px;
	font-weight: 700;
	padding: 5px 6px;
}
.mu-navbar .nav-holder nav li a i {
	padding-left: 0px;
}
.search_btn {
	border: none;
}
.show-cart, .srf_btn, .search_btn {
	width: 30px;
	height: 55px;
	line-height: 56px;
}
.show-cart i, .srf_btn i, .search_btn i {
	color: var(--white-color);
}
.search-widget form {
	display: flex;
	gap: 10px;
	align-items: stretch;
}
.search-widget .search {
	flex: 1;
	min-width: 0;
	height: 50px;
}
.search-widget .search-submit2 {
	width: 80px;
	height: 50px;
	flex-shrink: 0;
}
.top-bar.scroll-sticky, .top-bar.scroll-sticky ~ .mu-hot-news {
    display: none;
}
.header-inner.fl-wrap.mu-hot-news {
	z-index: -1;
}
/* Main Container */
.news-ticker-container {
	display: flex;
	align-items: center;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
	height: 40px;
	overflow: hidden;
	position: relative;
	margin: 15px auto;
}
/* Orange Badge */
.ticker-badge {
	background-color: var(--primary-color);
	color: #ffffff;
	font-weight: 800;
	font-size: 13px;
	text-transform: uppercase;
	padding: 0 16px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	letter-spacing: 0.5px;
	flex-shrink: 0;
	z-index: 2;
}
/* News Slider Track */
.ticker-viewport {
	flex-grow: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
}
.ticker-track {
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
	white-space: nowrap;
	transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	gap: 50px;
	padding-left: 16px;
}
/* Individual News Link */
.ticker-item {
	color: #333333;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	transition: color 0.2s ease;
	display: inline-block;
}
.ticker-item:hover {
	color: var(--primary-color);
}
/* Navigation Controls (Arrows) */
.ticker-controls {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 0 8px;
	background: #ffffff;
	height: 100%;
	flex-shrink: 0;
	z-index: 2;
}
.nav-btn {
	background: #ffffff;
	border: 1px solid #dcdcdc;
	color: #666666;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 12px;
	line-height: 1;
	transition: all 0.2s ease;
	user-select: none;
}
.nav-btn:hover {
	background-color: #f5f5f5;
	color: #000000;
	border-color: #bbbbbb;
}

@media (max-width: 768px){
	.topbar-menu, .mu-ads-banner  {
		display: none;
	}
	.date-holder {
		padding-left: 15px;
	}
	.header-search-wrap {
		top: 50px;
	}
	.nav-button-wrap {
		left: 0;
	}
	.nav-button span {
		background: #ffffff;
	}
	.show-cart, .srf_btn, .search_btn {
		width: 50px;
		height: 50px;
		line-height: 50px;
		border-left: 1px solid #eee;
	}
	.news-ticker-container {
		margin: 5px auto;
	}
	.ticker-badge {
		font-size: 11px;
		padding: 0 8px;
	}
	.ticker-track {
		padding-left: 5px;
	}
	.ticker-item {
		font-size: 11px;
	}
	.ticker-controls {
		gap: 0px;
		padding: 0 5px;
	}
}

/*** 
=============================================
BreadCrumb Section Css 
=============================================
***/
.breadcrumbs-header {
	padding: 40px 0 0;
	background: #fff;
	border-bottom: 1px solid #fff;
}
.breadcrumbs-header_url a i {
	padding-right: 5px;
}
.breadcrumbs-header_url a::before {
	content: "";
}
.breadcrumbs-header_url a, .breadcrumbs-header_url span  {
	font-size: 13px;
}

/* sidebar css */
.sidebar-content {
	border-left: 0;
}
.box-widget {
	margin-bottom: 20px;
}
.box-widget.fl-wrap {
	padding: 12px;
	border: 1px solid #eee;
	border-radius: 5px;
}
.social-widget a {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-content: center;
}
@media (max-width: 768px){
}
/*** 
=============================================
Home Page Css 
=============================================
***/
#wrapper {
	padding-top: 270px;
}
.gpm_sing .author-link {
	position: relative;
	left: 0;
	top: 0;
}
.grid-post-content .post-date, .list-post-content .post-date {
	font-size: 11px;
}
.category-posts{
	display:none;
}

.category-posts.active{
	display:block;
}

.mu-category-list .main-container {
	background: #fcf8f9;
	padding: 15px 10px;
}
.mu-category-list .section-title {
	margin-bottom: 20px;
	padding-bottom: 0;
	border-bottom: 0px solid #ddd;
}
.mu-category-list .section-title::before {
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
}
.mu-category-list .values-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 5px;
}
.mu-category-list .value-card {
	background-color: #ffffff;
	padding: 10px 10px;
}
.mu-category-list .value-card h3 {
	font-size: 15px;
}
@media (max-width: 768px){
	#wrapper {
		padding-top: 210px;
	}
}
/*** 
=============================================
About Page Css 
=============================================
***/
.kw-image img{
	height: auto;
	width: 100%;
	object-fit: contain;
}
/* Heading and Orange Line */
.kw-section-title {
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 5px;
	color: #111;
	border-bottom: none !important;
	text-decoration: none !important;
	padding-bottom: 0 !important;
	text-align: left !important;
	margin-top: 20px! important;
}
.orange-line {
	display: block;
	width: 25px;
	height: 3px;
	background-color: #ff5722; /* Orange Line Color */
	margin-bottom: 15px;
}
.about-info-block p {
	color: #555;
	line-height: 1.6;
	font-size: 15px;
}
/* Feature List (Right Side) */
.feature-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 25px;
	padding-top : 50px;
}
.feature-icon {
	margin-right: 15px;
	flex-shrink: 0;
}
.feature-text {
  text-align: left;
}
.feature-text h5 {
	font-weight: 700;
	font-size: 17px;
	margin-bottom: 5px;
	color: #111;
}
.feature-text p {
	color: #666;
	font-size: 15px;
	margin: 0;
	line-height: 1.5;
}
/* Section Container */
.core-values-section {
	padding: 0px 0;
}
.values-header {
	margin-bottom: 25px;
}
.values-title {
	font-size: 22px;
	font-weight: 700;
	color: #111;
	margin-bottom: 5px;
}
/* Orange underline below heading */
.orange-underline {
	display: block;
	width: 30px;
	height: 3px;
	background-color: #ff5722;
}

/* Grid Layout for 4 Cards */
.values-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

/* Responsive Grid for Smaller Screens */
@media (max-width: 991px) {
	.values-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 576px) {
	.values-grid {
		grid-template-columns: 1fr;
	}
	.feature-item {
		padding-top: 0px;
	}
}

/* Individual Card Styling */
.value-card {
	background-color: #ffffff;
	border: 1px solid #eaeaea;
	border-radius: 8px;
	padding: 25px 20px;
	text-align: center;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.value-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.value-icon {
	margin-bottom: 15px;
}

.value-card h3 {
	font-size: 18px;
	font-weight: 700;
	color: #111;
	margin-bottom: 10px;
}

.value-card p {
	text-align: center;
	font-size: 15px;
	color: #666;
	line-height: 1.5;
	margin: 0;
}
.single-post-content{
	border: 1px solid #ececec;
	background: #fff;
	padding: 40px;
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}

.mu-about-mission {
	display: flex;
	justify-content: space-between;
	align-content: baseline;
	align-items: flex-start;
	gap: 25px;
	margin-top: 0;
}
.mu-about-contact {
	width: 60%;
	margin-bottom: 10px;
}
@media (max-width: 768px){
	.single-post-content {
		padding: 0px;
	}
}
/*** 
=============================================
Blog Page Css 
=============================================
***/
.grid-post-content h3 {
	white-space: normal;
	font-size: 18px;
}
@media (max-width: 768px){
}
/*** 
=============================================
Single Post Page Css 
=============================================
***/
.single-post-content_text p {
	font-size: 15px;
}
.single-post-content ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.single-post-content ul li {
	position: relative;
	font-size: 15px;
	text-align: left;
	padding-left: 30px;
	margin-bottom: 10px;
}

.single-post-content ul li::before {
	content: "\f058";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 2px;
	color: var(--primary-color);
	font-size: 14px;
}
.author-link span, .single-post-header .post-date {
	font-size: 14px;
}
.single-post-content_text h2, .single-post-content_text h3, .single-post-content_text h4, .single-post-content_text h5, .single-post-content_text h6 {
	color: var(--primary-color);
	text-align: left;
	padding-bottom: 10px;
	font-weight: 600;
}

.single-post-content_text h2 {
	font-size: 30px;
}
.single-post-content_text h3 {
	font-size: 25px;
}
.single-post-content_text h4 {
	font-size: 20px;
}
.single-post-content_text h5 {
	font-size: 18px;
}
.single-post-content_text h6 {
	font-size: 16px;
}
.single-post-content_text a {
	color: var(--primary-color);
}
@media (max-width: 768px){
}
/*** 
=============================================
Gallery Page Css 
=============================================
***/
@media (max-width: 768px){
}
/*** 
=============================================
Contact Page Css 
=============================================
***/
@media (max-width: 768px){
}
/*** 
=============================================
Footer Section Css 
=============================================
***/

.footer-logo img {
	width:auto;
	height: 100%;
	object-fit: cover;
}
.footer-bottom {
	padding: 4px 0;
}
.copyright {
	color: #fff;
}
@media (max-width: 768px){
}
/* Subscriber Acooount */
.newsletter-signup-area,
.subscriber-login-area,
.subscriber-account-area {
	padding: 100px 0;
}

.newsletter-box,
.subscriber-login-box,
.subscriber-account-box {
	max-width: 600px;
	margin: 0 auto;
	padding: 40px;
	background: #fff;
	box-shadow: 0 5px 30px rgba(0,0,0,0.08);
}

.newsletter-heading {
	text-align: center;
	margin-bottom: 30px;
}

.newsletter-heading h1,
.subscriber-login-box h1,
.subscriber-account-box h1 {
	margin-bottom: 15px;
}

.form-group {
	margin-bottom: 20px;
}

.form-group label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
}

.form-group input {
	width: 100%;
	height: 50px;
	padding: 0 15px;
	border: 1px solid #ddd;
}

.newsletter-form button, .subscriber-login-box button, .subscriber-account-box button, .mu-seo-tools {
  width: 100%;
  height: 50px;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

.newsletter-login-link,
.signup-link {
	text-align: center;
	margin-top: 25px;
}

.newsletter-error {
	padding: 15px;
	margin-bottom: 20px;
	background: #ffe5e5;
	color: #d00;
}

.newsletter-preferences {
	margin-top: 30px;
	padding: 25px;
	background: #f7f7f7;
}

.newsletter-preferences label {
	display: block;
	margin-bottom: 15px;
}

.newsletter-preferences button {
	margin-top: 15px;
}

.unsubscribe-box {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid #ddd;
}

.unsubscribe-btn {
	background: #d00 !important;
}

.logout-box {
	margin-top: 30px;
	text-align: center;
}

/* Container */
.categories-container {
	width: 100%;
	max-width: 1100px;
	background-color: #fcf8f9;
	padding: 30px;
	border-radius: 4px;
	margin-top: 20px;
}

/* Header Title */
.categories-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.1rem;
	font-weight: 800;
	letter-spacing: 0.5px;
	color: #111111;
	margin-bottom: 25px;
	text-transform: uppercase;
	text-align: left;
}

/* Categories Bar Layout */
.categories-grid {
  display: flex;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
  overflow: hidden;
  border: 1px solid #f0edeb;
}

/* Individual Category Card */
.category-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 25px 10px;
  text-decoration: none;
  border-right: 1px solid #f0edeb;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

/* Remove border from the last card */
.category-card:last-child {
  border-right: none;
}

/* Hover Effect */
.category-card:hover {
  background-color: #fff9f9;
  transform: translateY(-2px);
}

/* Icon Styling */
.icon-wrapper {
  color: #ff2b00; /* Distinct bright red color */
  font-size: 1.8rem;
  margin-bottom: 15px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Text Label Styling */
.category-label {
  color: #111111;
  font-size: 0.82rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.25;
}

/* Responsive adjustments for mobile screens */
@media (max-width: 768px) {
	.categories-grid {
		flex-wrap: wrap;
	}

	.category-card {
		flex: 1 1 33.33%;
		border-bottom: 1px solid #f0edeb;
	}
}

/* Outer Banner Container */
.mu-footer-newsletter .newsletter-banner {
	width: 100%;
	max-width: 100%;
	background-color: #fcf8f6; /* Warm off-white background */
	border: 1px solid #f2e9e4;
	padding: 24px 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

/* Left Section Layout */
.mu-footer-newsletter .newsletter-info {
	display: flex;
	align-items: center;
	gap: 20px;
	flex: 1;
}

/* Envelope Image Styling */
.mu-footer-newsletter .envelope-img {
	width: 65px;
	height: auto;
	flex-shrink: 0;
	display: block;
	object-fit: contain;
}

/* Text Content */
.mu-footer-newsletter .newsletter-title {
	font-size: 1.15rem;
	font-weight: 800;
	color: #111111;
	margin-bottom: 6px;
	text-align: left;
}

.mu-footer-newsletter .newsletter-description {
	font-size: 0.85rem;
	color: #555555;
	line-height: 1.4;
	max-width: 480px;
}

/* Form Layout */
.mu-footer-newsletter .newsletter-form {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.mu-footer-newsletter .newsletter-input {
	width: 200px;
	height: 50px;
	padding: 0 15px;
	font-size: 0.85rem;
	font-family: inherit;
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #e2dedc;
	border-right: none;
	border-radius: 3px 0 0 3px;
	outline: none;
	transition: border-color 0.2s ease;
}

.mu-footer-newsletter .newsletter-input::placeholder {
	color: #777777;
}

.mu-footer-newsletter .newsletter-input:focus {
	border-color: #ff3b00;
}

.mu-footer-newsletter .newsletter-button {
	height: 50px;
	padding: 0 28px;
	background-color: #ff3b00; /* Vibrant red-orange accent */
	color: #ffffff;
	font-family: inherit;
	font-size: 0.8rem;
	font-weight: 700;
	border: none;
	border-radius: 0 3px 3px 0;
	cursor: pointer;
	letter-spacing: 0.5px;
	transition: background-color 0.2s ease;
	width: 170px;
}

.mu-footer-newsletter .newsletter-button:hover {
	background-color: #e03400;
}

/* Responsive Adjustments */
@media (max-width: 850px) {
	.mu-footer-newsletter .newsletter-banner {
		flex-direction: column;
		align-items: stretch;
		padding: 25px;
	}

	.mu-footer-newsletter .newsletter-info {
		margin-bottom: 10px;
	}

	.mu-footer-newsletter .newsletter-input {
		flex: auto;
	}
}

@media (max-width: 480px) {
	.mu-footer-newsletter .newsletter-info {
		flex-direction: column;
		text-align: center;
	}

	.mu-footer-newsletter .newsletter-form {
		flex-direction: column;
		gap: 10px;
	}

	.mu-footer-newsletter .newsletter-input {
		width: 100%;
		border-right: 1px solid #e2dedc;
		border-radius: 3px;
	}

	.mu-footer-newsletter .newsletter-button {
		width: 100%;
		border-radius: 3px;
	}
}
.blog-section {
    padding: 50px 0;
    font-family: Arial, sans-serif;
}

.section-title {
    font-size: 22px;
    font-weight: 600;
    color: #222;
    margin-bottom: 15px;
    position: relative;
}

.section-title:after {
    content: "";
    width: 22px;
    height: 3px;
    background: #ff5722;
    display: block;
    margin-top: 8px;
}

.section-text {
    font-size: 13px;
    color: #777;
    margin-bottom: 15px;
}

.benefit-list {
    padding: 0;
    list-style: none;
}

.benefit-list li {
    font-size: 13px;
    color: #555;
    margin-bottom: 10px;
	text-align: left;
}

.benefit-list li i {
    color: #ff5722;
    margin-right: 8px;
}


.divider {
    border-top: 1px solid #eee;
    margin: 35px 0;
}


/* Topics */

.topic-box {
    border: 1px solid #eee;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 45px;
    transition: .3s;
}

.topic-box:hover {
    border-color: #ff5722;
}

.topic-box i {
    color: #ff5722;
    font-size: 15px;
}

.topic-box span {
    font-size: 13px;
    color: #555;
}


@media(max-width:768px){

.section-title{
    font-size:20px;
}

.topic-box{
    margin-bottom:10px;
}

}