/*
Theme Name: Mistri WP
Theme URI: https://ultradevs.com/demo/wp/mistri/
Author: flexilecode
Author URI: https://themeforest.net/user/flexilecode
Description: Factory & Industrial WorPress Theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mistri-wp
Requires at least: 4.0
Tested up to: 6.2
Requires PHP: 5.6
Tags: grid-layout, blog, news, two-columns, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets,  sticky-post, theme-options, 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 with others.

mistri is based on Underscores https://underscores.me/, (C) 2012-2017 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/
*/
/*--------------------------------------------------------------
>>> CSS TABLE OF CONTENTS:
----------------------------------------------------------------
# Header CSS
# Blog CSS
# Shop CSS
# Page CSS
	Archive Page
	Search Page
	404 Page CSS
	Content none CSS
# BreadCrumbs CSS
# Pagination CSS
# WordPress Default CSS
# Footer CSS
--------------------------------------------------------------*/

/*======================================
	Header CSS
========================================*/
.header {
	position: relative;
}
.header .header-top {
	padding: 22px 0;
	overflow: hidden;
	background-color: var(--primary-color);
	position: relative;
}
.header .header-top::after {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	right: 0;
	width: 32%;
	height: 100%;
	background-color: var(--heading-color);
	clip-path: polygon(5% 0, 100% 0%, 100% 99%, 0% 100%);
	z-index: 0;
}
.header .header-top .header-top-wrp {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header .header-top .header-top-wrp .info {
	color: var(--white);
}
.header .header-top .header-top-wrp .info span {
	color: var(--white);
}
.header .header-top .header-top-wrp .info a {
	transition: var(--transition);
	color: var(--white);
	font-size: 15px;
}
.header .header-top .header-top-wrp .info a:hover {
	color: var(--heading-color);
}
.header .header-top .header-top-wrp .info i {
	color: var(--white);
	padding-right: 5px;
}
.header .header-top .header-top-wrp .info li {
	float: left;
	line-height: initial;
}
.header .header-top .header-top-wrp .link-info {
	position: relative;
	z-index: 2;
}
.header .header-top .header-top-wrp .link-info li {
	float: left;
	line-height: 0;
}
.header .header-top .header-top-wrp .link-info li a {
	width: 40px;
	color: var(--span);
	text-align: center;
}
.header .header-top .header-top-wrp .link-info li a:hover {
	color: var(--white);
}

.header .header-top .header-top-wrp .info li {
	margin-right: 1.5rem !important;
	padding-right: 1.5rem !important;
	border-right: 1px solid var(--border);
}
.header .header-top .header-top-wrp .info li:last-child {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}
.header-section {
	background-color: var(--white);
}

.menu-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	transition: var(--transition);
	background: var(--white);
	box-shadow: 0 0 8px 6px rgba(0, 0, 0, 0.1);
}

.header-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	transition: var(--transition);
}
.header-wrapper .logo-menu {
	max-width: 137px;
}
.header-wrapper .logo-menu img {
	max-width: 100%;
}
.header-wrapper .main-menu {
	position: relative;
	display: flex;
	align-items: center;
}
.header-wrapper .main-menu li {
	transition: var(--transition);
	position: relative;
}
.header-wrapper .main-menu li:not(:last-child) {
	margin-right: 30px;
}
.header-wrapper .main-menu li a {
	color: var(--heading-color);
	font-size: 16px;
	font-weight: 600;
	transition: var(--transition);
	text-transform: capitalize;
	padding: 35px 0;
}
.header-wrapper .main-menu li a:hover {
	color: var(--primary-color) !important;
}
.header-wrapper .main-menu li a i {
	margin-left: 2px;
	font-size: 12px;
}
.header-wrapper .main-menu li .sub-menu {
	display: none;
	transform: translateY(20px);
	padding: 0;
}
@media (min-width: 1200px) {
	.header-wrapper .main-menu li .sub-menu {
		position: absolute;
		top: 99%;
		left: 0;
		z-index: 999;
		width: 250px;
		transition: var(--transition);
		background: var(--white);
		box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
		display: block;
		opacity: 0;
		visibility: hidden;
		margin: 0 !important;
		border-top: 2px solid var(--primary-color);
		display: block !important;
	}
	.header-two .header-wrapper .main-menu li .sub-menu {
		top: 85%;
	}
}
.header-wrapper .main-menu li .sub-menu li {
	margin-right: 0;
	transition: var(--transition);
}
.header-wrapper .main-menu li .sub-menu li a {
	color: var(--heading-color);
	text-transform: capitalize;
	font-weight: 500;
	font-size: 15px;
	display: block;
	padding: 10px 25px;
	transition: var(--transition);
}
.header-wrapper .main-menu li .sub-menu li a:hover {
	color: var(--primary-color);
}
.header-wrapper .main-menu li .sub-menu li:not(:last-child) {
	border-bottom: 1px solid #d9d9d98c;
}
.header-wrapper .main-menu li .sub-menu li :hover {
	margin-left: 10px;
}
.header-wrapper .main-menu li:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}
.header-wrapper .main-menu .sub-menu li {
	position: relative;
}
.header-wrapper .sub_menu_wrp a i {
	margin-top: 8px;
}
.header-wrapper .main-menu .sub-menu li .sub-menu {
	position: absolute;
	width: 250px;
	right: -250px;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
	background-color: var(--white);
	top: 0;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-20px);
	transition: var(--transition);
}
.header-wrapper .main-menu .sub-menu li .sub-menu li:hover {
	margin-left: 0 !important;
}
.header-wrapper .main-menu .sub-menu li:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px);
}
.header-wrapper .main-menu .sub-menu li .sub-menu {
	left: 95%;
}

.header-two #openButton {
	color: var(--heading-color);
}
.header-two #openButton:hover {
	color: var(--primary-color);
}
.cs-header_cart path {
	fill: currentColor;
}
.cs-header_cart:hover path {
	fill: currentColor;
}

#openButton {
	font-size: 30px;
	cursor: pointer;
	display: inline-block;
	margin-left: 30px;
	margin-right: 30px;
	color: var(--white);
}
.header-one .btn-one {
	clip-path: none;
}
.header-one .header-section {
	background-color: var(--heading-color);
}
.header-one .header-wrapper .main-menu li a {
	color: var(--white);
	padding: 20px 0;
}
.header-one .menu_cart i {
	color: var(--white) !important;
}
.header-one .header-top {
	background-color: var(--white);
}
.header-one .header-top::after {
	display: none;
}
.header-one .header-top .info a {
	color: var(--heading-color) !important;
}
.header-one .btn-one span {
	transition: var(--transition);
}
.header-one .btn-one:hover span {
	color: var(--primary-color);
}

.header-two {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	transition: var(--transition);
	background-color: transparent;
}
.header-two .black_logo {
	display: none;
}
.header-two .main-menu li:not(:last-child) {
	margin-right: 25px;
}

.header-two.menu-fixed {
	background: var(--white);
	box-shadow: 0 0 8px 6px rgba(0, 0, 0, 0.1);
}
.header-two.menu-fixed .black_logo {
	display: block;
}
.header-two.menu-fixed .light_logo {
	display: none;
}

.header-section .menu_cart {
	position: relative;
}
.header-section .menu_cart i {
	font-size: 20px !important;
	position: relative;
	color: var(--heading-color);
	cursor: pointer;
}
.header-section .menu_cart i::after {
	position: absolute;
	content: "0";
	top: -10px;
	right: -10px;
	color: var(--white);
	font-size: 12px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background-color: var(--primary-color);
	border-radius: 50%;
}
.header-section .menu_cart .menu_cart_items {
	position: absolute;
	right: 0;
	top: 30px;
	width: 300px;
	padding: 0px 20px;
	background-color: var(--white);
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-20px);
	transition: var(--transition);
	z-index: 99;
}
.header-section .menu_cart .menu_cart_items .image {
	width: 100px;
}
.header-section .menu_cart .menu_cart_items li {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header-section .menu_cart .menu_cart_items li button {
	transition: var(--transition);
	font-size: 14px;
}
.header-section .menu_cart .menu_cart_items li button:hover {
	color: var(--primary-color);
}
.header-section .menu_cart .menu_cart_items .checkout_btn {
	width: 100%;
	padding: 10px 0;
	text-align: center;
	color: var(--white);
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
	margin-bottom: 20px;
	transition: var(--transition);
}
.header-section .menu_cart .menu_cart_items .checkout_btn:hover {
	background-color: var(--white);
	color: var(--primary-color);
}
.header-section .menu_cart:hover .menu_cart_items {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}
.header-section .menu_info {
	display: flex;
	align-items: center;
}
.header-section .menu_info .call_ico {
	width: 50px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	border-radius: 50%;
	border: 2px solid var(--primary-color);
	font-size: 18px;
	color: var(--primary-color);
	margin-right: 10px;
}

.header-wrapper .main-menu li.menu-item-has-children a::after,
.header-wrapper .main-menu li.page_item_has_children a::after {
	position: relative;
	padding-left: 6px;
	display: inline-block;
	margin-left: 5px;
	color: var(--it-common-black);
	transition: 0.3s;
	font-size: 12px;
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.header-wrapper .main-menu li .sub-menu a::after,
.header-wrapper .main-menu li .children a::after,
.header-wrapper
	.main-menu
	li.menu-item-has-children
	.sub-menu
	li.menu-item-has-children
	.sub-menu
	a::after,
.header-wrapper
	.main-menu
	li.page_item_has_children
	.children
	li.page_item_has_children
	.children
	a::after,
.header-wrapper
	.main-menu
	li.menu-item-has-children
	.sub-menu
	li.menu-item-has-children
	.sub-menu
	li.menu-item-has-children
	.sub-menu
	a::after,
.header-wrapper
	.main-menu
	li.page_item_has_children
	.children
	li.page_item_has_children
	.children
	li.page_item_has_children
	.children
	a::after {
	display: none;
}
.header-wrapper
	.main-menu
	li.menu-item-has-children
	.sub-menu
	li.menu-item-has-children
	a::after,
.header-wrapper
	.main-menu
	li.page_item_has_children
	.children
	li.page_item_has_children
	a::after,
.header-wrapper
	.main-menu
	li.menu-item-has-children
	.sub-menu
	li.menu-item-has-children
	.sub-menu
	li.menu-item-has-children
	a::after,
.header-wrapper
	.main-menu
	li.page_item_has_children
	.children
	li.page_item_has_children
	.children
	li.page_item_has_children
	a::after {
	display: inline-block;
	float: right;
	padding: 0;
	margin-right: 8px;
	color: currentColor;
}

.header.style3 .info li,
.header.style3 .header-top-wrp .link-info li {
	line-height: initial !important;
	border-right: 1px solid #ffffff80 !important;
	line-height: 100% !important;
}
.header.style3 .info li:last-child,
.header.style3 .header-top-wrp .link-info li:last-child {
	border: none !important;
}
/*======================================
	End Header CSS
========================================*/

/*======================================
	Blog CSS
========================================*/

.mistri-entry-page ol li,
.blog-single ol li {
	line-height: 30px;
}
.mistri-entry-page ul {
	margin-bottom: 0;
}
.mistri-entry-page ol li ol {
	margin-left: 14px;
}

/*----------------------------------------*/
/*  4. blog CSS START
/*----------------------------------------*/

.blog .item {
	padding: 30px;
	background-color: var(--white);
}
.blog-single-post .blog-top-thumb {
	padding: 16px;
	background-color: var(--white);
}
.blog .item .content {
	margin-bottom: 50px;
}
.blog .item .content h3 {
	padding-bottom: 30px;
}
.blog .item .content h3 a {
	transition: var(--transition);
}
.blog .item .content h3 a:hover {
	color: var(--primary-color);
}
.blog .item .info {
	margin-top: 100px;
}
.blog .item .info a {
	color: var(--span);
	transform: var(--transition);
}
.blog .item .info a:hover {
	color: var(--primary-color);
}
.blog .item .info span {
	color: var(--span);
}
.blog .item:hover .btn-two {
	color: var(--white);
}
.blog .item:hover .btn-two span {
	color: var(--white);
}
.blog .item:hover .btn-two::before {
	width: 100%;
	left: 0px;
}
.blog .item.active .btn-two {
	color: var(--white);
}
.blog .item.active .btn-two span {
	color: var(--white);
}
.blog .item.active .btn-two::before {
	width: 100%;
}
.blog .shape1 {
	position: absolute;
	z-index: 0;
	bottom: 15%;
	left: 0;
}
.blog .shape2 {
	position: absolute;
	z-index: 0;
	top: 20%;
	right: 0;
}

.blog-two {
	overflow-x: hidden;
}
.blog-two .tag {
	padding: 5px 7px;
	font-size: 14px;
	background-color: var(--primary-color);
	border-radius: 6px;
	color: var(--white);
	font-weight: 500;
}
.blog-two .item-left {
	padding: 30px;
}
.blog-two .item-left .content h3 {
	padding-bottom: 30px;
}
.blog-two .item-left .content h3 a {
	transition: var(--transition);
}
.blog-two .item-left .content h3 a:hover {
	color: var(--primary-color);
}
.blog-two .item-left .info {
	margin-top: 80px;
}
.blog-two .item-left .info a {
	color: var(--span);
	transition: var(--transition);
}
.blog-two .item-left .info a:hover {
	color: var(--primary-color);
}
.blog-two .item-right {
	padding: 30px;
}
.blog-two .item-right .content h3 a {
	transition: var(--transition);
}
.blog-two .item-right .content h3 a:hover {
	color: var(--primary-color);
}
.blog-two .item-right .info a {
	color: var(--span);
	transition: var(--transition);
}
.blog-two .item-right .info a:hover {
	color: var(--primary-color);
}
.blog-two .item-left .image,
.blog-two .item-right .image {
	position: relative;
	overflow: hidden !important;
}
.blog-two .item-left .image img,
.blog-two .item-right .image img {
	transform: scale(1);
	transition: var(--transition);
}
.blog-two .item-left .image::before,
.blog-two .item-right .image::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	color: p;
	background-color: rgba(238, 51, 43, 0.5);
	visibility: hidden;
	transform: translateX(-60px);
	opacity: 0;
	transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
	z-index: 1;
}
.blog-two .item-left .image::after,
.blog-two .item-right .image::after {
	position: absolute;
	content: "+";
	font-family: "Font Awesome 6 Free";
	font-weight: 700;
	font-size: 24px;
	color: var(--white);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: var(--transition);
	z-index: 2;
}
.blog-two .item-left:hover .image img,
.blog-two .item-right:hover .image img {
	transform: scale(1.05);
}
.blog-two .item-left:hover .image::before,
.blog-two .item-right:hover .image::before {
	visibility: visible;
	transform: translateX(0);
	opacity: 1;
}
.blog-two .item-left:hover .image::after,
.blog-two .item-right:hover .image::after {
	opacity: 1;
}

.blog-three {
	overflow: hidden;
	position: relative;
}
.blog-three .item {
	position: relative;
	padding: 0;
}
.blog-three .item .image {
	position: relative;
}
.blog-three .item .image .content {
	padding: 30px;
	background-color: var(--sub-bg);
	position: absolute;
	bottom: 0;
	margin: 0;
	z-index: 33;
}
.blog-three .cs_post_meta.info {
	margin: 0;
}
.blog-three .item .image .content h3 {
	padding-bottom: 30px;
}
.blog-three .item .image .content .info a {
	color: var(--span);
	transition: var(--transition);
}
.blog-three .item .image .content .info a:hover {
	color: var(--primary-color);
}
.blog-three .item .content-up {
	padding: 30px;
	background-color: var(--sub-bg);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 333333;
	opacity: 0;
	visibility: hidden;
	transform: translateY(50px);
	transition: var(--transition);
}
.blog-three .item .content-up .btn-two {
	margin-top: 20px;
	background-color: var(--primary-color);
	color: var(--white);
}
.blog-three .item .content-up .btn-two::before {
	width: 0;
}
.blog-three .item .content-up h3 {
	padding-bottom: 30px;
}
.blog-three .item .content-up h3 a {
	transition: var(--transition);
}
.blog-three .item .content-up h3 a:hover {
	color: var(--primary-color);
}
.blog-three .item:hover .content-up {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}
.blog-three .shape1 {
	position: absolute;
	z-index: 0;
	bottom: 15%;
	left: 0;
}
.blog-three .shape2 {
	position: absolute;
	z-index: 0;
	top: 20%;
	right: 0;
}

.blog-slingle .item {
	padding: 0 30px;
}
.blog-slingle .info span a {
	color: var(--span);
}
.blog-slingle .info span a:hover {
	color: var(--primary-color);
}
.info_dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: var(--border);
	margin: 0 10px;
}
.blog-slingle .list_here {
	padding-left: 30px;
}
.blog-slingle .list_here li {
	list-style-type: disc;
}
.blog-slingle .blog_testimonial {
	padding: 40px 65px;
}
.blog-slingle .blog_testimonial p {
	font-size: 24px;
	line-height: 40px;
	color: var(--heading-color);
}
.blog-slingle .tag-share {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.blog-slingle .tag-share .tag a {
	padding: 2px 10px;
	background-color: var(--sub-bg);
	border-radius: 30px;
	color: var(--span);
	margin-left: 2px;
	font-size: 14px;
}
.blog-slingle .tag-share .share a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid var(--heading-color);
	color: var(--span);
	margin-left: 2px;
}
.blog-slingle .tag-share .share a:hover {
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
}
.blog-slingle .arry a i {
	transition: var(--transition);
}
.blog-slingle .arry a:hover i {
	color: var(--primary-color);
}
.blog-slingle .recent-post {
	padding: 20px;
	display: flex;
	align-items: center;
}
.blog-slingle .recent-post .con {
	padding-left: 15px;
}
.blog-slingle .recent-post .con span {
	font-size: 14px;
	padding-bottom: 3px;
}
.blog-slingle .recent-post .con h5 a {
	text-transform: capitalize;
}
.blog-slingle .recent-post .con h5 a:hover {
	color: var(--primary-color);
}
.blog-slingle .right-item {
	padding: 30px;
}
.blog-slingle .right-item .search {
	position: relative;
}
.blog-slingle .right-item .search button {
	color: #646464;
	position: absolute;
	right: 20px;
	top: 15px;
	font-size: 20px;
	background-color: #dadada;
}
.blog-slingle .right-item .right_list {
	padding-left: 30px;
}
.blog-slingle .right-item .right_list li {
	list-style-type: disc;
}
.blog-slingle .right-item .tags a {
	padding: 5px 10px;
}
.blog-slingle .right-item a {
	text-transform: capitalize;
}
.blog-slingle .right-item a:hover {
	color: var(--primary-color);
}

.blog-slingle.blog-area h3 a:hover {
	color: var(--primary-color);
}
.blog-slingle.blog-area .item {
	padding: 30px;
}
#wp-comment-cookies-consent {
	width: 15px !important;
}
.go_blog {
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: var(--white);
	background-color: var(--primary-color);
}
.go_blog:hover {
	background: var(--heading-color) !important;
}
.go_blog i {
	transform: rotate(-45deg);
	transition: var(--transition);
}
.go_blog:hover i {
	transform: rotate(0deg);
}
.image-tag {
	display: flex;
	gap: 5px;
}
.image-tag a {
	padding: 2px 10px;
	border-radius: 30px;
	color: var(--span);
	font-size: 14px;
	background-color: var(--sub-bg);
}
.image-tag a:hover {
	background-color: #dff0fa;
}
.blog-slingle.blog-area .video_item {
	position: relative;
}
.blog-slingle.blog-area .video_item .video-btn-wrp {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.blog-pegi {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid var(--border);
	margin-right: 5px;
}
.blog-pegi:hover {
	background-color: var(--primary-color);
	color: var(--white);
}

.blog_pegi_arrow {
	transition: var(--transition);
}
.blog_pegi_arrow:hover {
	color: var(--primary-color);
}

.blog-pegi.active {
	background-color: var(--primary-color);
	color: var(--white);
}

.audio-player {
	height: 50px;
	width: 100%;
	background: var(--sub-bg);
	color: var(--heading-color);
	overflow: hidden;
	display: grid;
	grid-template-rows: 6px auto;
}
.audio-player .timeline {
	background: var(--border);
	width: 100%;
	position: relative;
	cursor: pointer;
}
.audio-player .timeline .progress {
	background: var(--primary-color);
	width: 0%;
	height: 100%;
	transition: 0.25s;
	border-radius: 0;
}
.audio-player .controls {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	padding: 0 20px;
}
.audio-player .controls > * {
	display: flex;
	justify-content: center;
	align-items: center;
}
.audio-player .controls .toggle-play.play {
	cursor: pointer;
	position: relative;
	left: 0;
	height: 0;
	width: 0;
	border: 7px solid var(--sub-bg);
	border-left: 13px solid var(--heading-color);
}
.audio-player .controls .toggle-play.play:hover {
	transform: scale(1.1);
}
.audio-player .controls .toggle-play.pause {
	height: 15px;
	width: 20px;
	cursor: pointer;
	position: relative;
}
.audio-player .controls .toggle-play.pause:before {
	position: absolute;
	top: 0;
	left: 0px;
	background: var(--heading-color);
	content: "";
	height: 15px;
	width: 3px;
}
.audio-player .controls .toggle-play.pause:after {
	position: absolute;
	top: 0;
	right: 8px;
	background: var(--heading-color);
	content: "";
	height: 15px;
	width: 3px;
}
.audio-player .controls .toggle-play.pause:hover {
	transform: scale(1.1);
}
.audio-player .controls .time {
	display: flex;
}
.audio-player .controls .time > * {
	padding: 2px;
}
.audio-player .controls .volume-container {
	cursor: pointer;
	position: relative;
	z-index: 2;
}
.audio-player .controls .volume-container .volume-button {
	height: 26px;
	display: flex;
	align-items: center;
}
.audio-player .controls .volume-container .volume-button .volume {
	transform: scale(0.7);
}
.audio-player .controls .volume-container .volume-slider {
	position: absolute;
	left: -3px;
	top: 15px;
	z-index: -1;
	width: 0;
	height: 15px;
	background: var(--white);
	transition: 0.25s;
}
.audio-player .controls .volume-container .volume-slider .volume-percentage {
	background: var(--primary-color);
	height: 100%;
	width: 75%;
}
.audio-player .controls .volume-container:hover .volume-slider {
	left: -123px;
	width: 120px;
}

.form-area form input {
	width: 100%;
	padding: 15px 20px;
	background-color: var(--sub-bg);
	border: 1px solid var(--border);
}
.form-area form textarea {
	width: 100%;
	padding: 15px 20px;
	background-color: var(--sub-bg);
	border: 1px solid var(--border);
	margin-top: 30px;
	height: 200px;
	resize: none;
}
.blog-comment-button {
	padding: 12px 26px;
	background-color: var(--primary-color);
	font-weight: 600;
	color: var(--white);
}
.blog-comment-button i {
	padding-left: 6px;
	transform: rotate(-40deg);
	transition: var(--transition);
}
.blog-comment-button:hover i {
	transform: rotate(0deg);
}

.main-image {
	margin-bottom: 15px;
}
.main-image img {
	border-radius: 20px;
	width: 100%;
}

.news-meta {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 10px;
}
.news-meta li i {
	color: #ee332b;
}
.news-meta li {
	display: flex;
	align-items: center;
	gap: 5px;
}
.blog-detail p {
	line-height: initial;
	margin-bottom: 25px;
}
.blog-detail p:last-child {
	margin: 0;
}

.mistri-blog-main-section__blog p,
.mistri-blog-main-section__blog h1,
.mistri-blog-main-section__blog h2,
.mistri-blog-main-section__blog h3,
.mistri-blog-main-section__blog h4,
.mistri-blog-main-section__blog h5,
.mistri-blog-main-section__blog h6 {
	margin-bottom: 16px;
}
.mistri-blog-main-section__blog p:last-child {
	margin: 0;
}

.blog-inner-content ul,
.blog-inner-content ol {
	margin-left: 15px;
}
.mistri-blog-main-section__blog ul,
.mistri-blog-main-section__blog ul li {
	list-style: disc;
}
.mistri-blog-main-section__blog ol,
.mistri-blog-main-section__blog ol li {
	list-style: conic-gradient;
}

/* Blockquote */
blockquote {
	padding: 40px;
	color: var(--heading-color);
	background: var(--sub-bg);
	font-style: italic;
	margin: 30px 0 !important;
	font-size: 24px;
	line-height: 40px;
}
blockquote p {
	font-style: italic;
	margin: 0 !important;
	font-size: 24px;
	line-height: 40px;
	color: var(--heading-color);
}
#comments .comments-title {
	font-size: 22px;
	font-weight: 500;
	line-height: 30px;
}
.comment-metadata a {
	color: #ee332b;
}
.comment-metadata time {
	font-weight: 400;
	font-size: 13px;
	color: #f16000;
}
.comment-author .says,
.comment-edit-link {
	color: #555 !important;
	font-weight: 400 !important;
}
/* Comment List */
.comment-list {
	padding: 25px 20px;
	background: #f8f7fc;
	position: relative;
	border-radius: 4px;
	margin-bottom: 30px;
	list-style: none;
}
.comment-author.vcard img {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 0;
	background: #fff;
}
.comment-author.vcard {
	display: inline-block;
}
.comment-meta a {
	color: #555;
	font-weight: 500;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: var(--it-common-black);
	position: relative;
}
.comment-meta a:hover {
	color: #ee332b;
}
.comment-author.vcard .fn,
.comment-author .says {
	display: inline-block !important;
}

.logged-in-as a {
	color: #555;
	font-weight: 400;
}
.logged-in-as a:hover {
	color: #00255d !important;
}
.logged-in-as a:first-child {
	color: #666;
}
.comment-meta {
	margin-bottom: 5px;
	position: relative;
}
.comment-metadata a {
	font-weight: 400;
	font-size: 13px;
}
.comment-author.vcard .fn {
	font-size: 20px;
	color: #18191d;
	display: block;
	font-weight: 500;
}
.comment-reply-link {
	display: inline-block;
	height: 30px;
	line-height: 27px;
	padding: 0 18px;
	font-weight: 500;
	font-size: 13px;
	color: #202124;
	border: 1px solid #f0f0f0;
	border-radius: 20px;
	transition: 0.3s;
}
.comment-reply-link:hover {
	color: var(--it-common-white);
	background: var(--it-common-blue-4);
	border-color: transparent;
}
.comment-list li.comment {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid var(--it-border-1);
}
.comment-list ol.children {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #ebebeb;
	list-style: none;
	margin-left: 15px;
	padding-left: 5px;
}
.comment-list ol.children ol.children {
	margin-left: 15px;
}
.comment-list li.comment:last-child {
	border: none;
}
.comment-list .comment-body .comment-content p {
	font-weight: normal;
	font-size: 16px;
}

#comments .comments-title,
.bottom-title h2 {
	position: relative;
}
.comment-list .reply,
.comment-list .comment-body .comment-content,
.comment-meta {
	padding-left: 70px;
}
.comment-list .reply {
	margin-top: 10px;
}
#respond .comment-reply-title {
	font-size: 20px;
}
.comment-respond p:last-child {
	margin: 0;
}
.comment-respond input,
.comment-respond textarea {
	text-shadow: none;
	box-shadow: none;
	color: #666;
	background-color: var(--sub-bg);
	border: 1px solid var(--border);
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width: 100%;
	padding: 25px;
	border-radius: 5px;
	font-weight: 400;
	margin: 0;
}
.comment-respond input::-webkit-input-placeholder {
	opacity: 1;
	color: #666 !important;
}
.comment-respond input::-moz-placeholder {
	opacity: 1;
	color: #666 !important;
}
.comment-respond input::-ms-input-placeholder {
	opacity: 1;
	color: #666 !important;
}
.comment-respond textarea::-webkit-input-placeholder {
	opacity: 1;
	color: #666 !important;
}
.comment-respond textarea::-moz-placeholder {
	opacity: 1;
	color: #666 !important;
}
.comment-respond textarea::-ms-input-placeholder {
	opacity: 1;
	color: #666 !important;
}
.comment-respond textarea {
	padding: 25px;
	height: 170px;
	width: 100%;
	resize: none;
}
.comment-respond input {
	height: 50px;
	font-size: 14px;
	line-height: 48px;
}
.comment-form .form-group i,
.comment-form .comment-message i {
	line-height: 25px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 10px;
	right: 15px;
	color: #ee332b;
}
.comment-respond input,
.comment-respond textarea {
}
.comment-respond textarea {
	height: 120px !important;
}
.comment-respond .form-submit {
	display: inline-block;
}
.comment-form-cookies-consent {
	display: none;
}
.comment-form button.btn i {
	margin-left: 10px;
}

/* Blog Comment Form */
.comment-respond {
	margin-top: 50px;
	position: relative;
}
.bottom-title h2 {
	font-weight: 600;
	font-size: 26px;
	line-height: 18px;
	letter-spacing: -0.02em;
	color: #202124;
	margin-bottom: 40px;
}
.blog-single .bottom-title h2 {
	margin-bottom: 25px;
}
.comment-form .form-group label span,
.comment-form .comment-message label span {
	color: #ee332b;
}
.logged-in-as a:hover {
	color: #ee332b;
}
.comment-form .comment-form-wrap {
	margin-top: 20px;
}
.comment-form .form-group,
.comment-form .comment-message {
	position: relative;
	display: block;
	margin: 0 0 25px;
}
.comment-form .form-group input:hover,
.comment-form .form-group input:focus,
.comment-form .comment-message textarea:hover {
}
.comment-form .form-group input:hover,
.comment-form .comment-message textarea:hover {
	border-color: #ee332b;
}
/* Comment Form Reply */
.comment-list .bottom-title h2.comments-heading {
	background: transparent !important;
	color: #555;
	left: auto;
}
.comment-list .bottom-title h2.comments-heading a {
	color: #ee332b;
	font-size: 15px;
	margin-left: 5px;
}
.comment-list .bottom-title h2.comments-heading a:hover {
	color: #555;
}
.blog-post-tag ul {
	margin: 0 !important;
	top: 0 !important;
}
.blog-post-tag ul li a {
	margin: 0 !important;
}
@media (max-width: 767px) {
	.blog-post-tag .share-tag.post-tag {
		flex-direction: column;
		align-items: start;
	}
}

.mistri-blog-main-section {
	padding: 80px 0 130px;
}
.mistri-blog-main-section .sidebar-main,
.mistri-blog-main-section__blog {
	margin-top: 50px;
}
.mistri-blog-main-section__archive {
	margin-top: 20px;
}
.blog-single-post,
.sidebar-main {
	margin-top: 30px;
}
.mistri-blog-main-section {
	padding: 100px 0 130px;
}
/*======================================
	End Blog CSS
========================================*/

/*====================================
	Page CSS
======================================*/
/* BLog Single */
.news-area.archive.single {
	padding-top: 70px 0 0;
}
.recent-post.sub-bg img {
	width: 150px;
	height: 70px;
}
/* Content None CSS*/
.no-results {
	margin-top: 30px;
	width: 100%;
}
.no-results .page-header {
	margin-bottom: 5px;
}
.no-results.not-found .page-content {
	max-width: 65%;
}
.no-results .page-header .page-title {
	font-size: 30px;
	font-weight: 600;
}
.no-results .search-form {
	margin-top: 15px;
}

/* 404 Page CSS */

.error {
	text-align: center;
	position: relative;
	overflow: hidden;
}
.error h1 {
	font-size: 300px;
	color: var(--secondary-color);
	font-weight: 500;
	line-height: 250px;
}
.error .shape1 {
	position: absolute;
	z-index: 0;
	bottom: 15%;
	left: 0;
}
.error .shape2 {
	position: absolute;
	z-index: 0;
	top: 20%;
	right: 0;
}
/*====================================
	End Page CSS
======================================*/

/*====================================
	BreadCrumbs CSS
======================================*/

.page-banner {
	position: relative;
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
		url(../../assets/images/banner/page-banner.jpg);
	text-transform: capitalize;
	text-align: center;
}
.page-banner__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
}
.page-banner .container {
	z-index: 333;
	position: relative;
}
.page-banner h2,
.page-banner a,
.page-banner span {
	color: var(--white);
}
.page-banner .gaps-left {
	position: absolute;
	bottom: 0;
	left: 55px;
	z-index: 1;
}
.page-banner .gaps-right {
	position: absolute;
	top: 0;
	right: 25px;
	z-index: 1;
}
.breadcrumb-list {
	color: #fff;
	margin-top: 15px;
}
/*====================================
	End BreadCrumbs CSS
======================================*/

/*====================================
	Pagination CSS
======================================*/
.pagination-main {
	text-align: left;
	margin: 0px 0 0 0;
	display: flex;
}
.pagination-main.full-width {
	text-align: center;
}
.pagination-main.full-width {
	text-align: left;
}
.pagination-main .pagination-list li {
	margin-left: 5px;
	display: inline-block;
	margin-top: 5px;
}
.pagination-main .pagination-list li:last-child {
	margin-right: 0px;
}
.pagination-main .pagination-list li a,
.pagination-list a,
.pagination-list span {
	font-size: 16px;
	font-weight: 600;
	transition: 0.3s;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #666;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid var(--border);
	margin-right: 5px;
}
.pagination-list li:hover span {
	color: #fff !important;
}
.pagination-main .pagination-list li.active a,
.pagination-main .pagination-list li:hover a,
.pagination-list span.current,
.pagination-list .page-numbers:hover {
	background: #ee332b;
	color: #fff;
	border-color: transparent !important;
}
.pagination-main .pagination-list li.prev a,
.pagination-main .pagination-list li.next a {
	box-shadow: none;
	padding: 0 !important;
	text-align: center;
	border: none !important;
	width: initial !important;
	background: none !important;
}
.pagination-main .pagination-list li.prev a span,
.pagination-main .pagination-list li.next a span {
	border: none !important;
	width: auto;
	color: var(--heading-color) !important;
}
.pagination-plugin {
	display: flex;
	flex-wrap: wrap;
}
.pagination-list {
	margin-left: -5px;
	display: flex;
	margin-top: 30px;
	gap: 4px;
	flex-wrap: wrap;
}
.pagination-list .next,
.pagination-list .prev {
	background: transparent !important;
}

.pagination-plugin a.next,
.pagination-plugin a.prev {
	background: transparent !important;
	border: none;
	color: #666 !important;
}
.pagination-plugin a.next:hover,
.pagination-plugin a.prev:hover {
	color: #ee332b !important;
}
/*====================================
	End Pagination CSS
======================================*/

/*====================================
	Wordpress Default CSS
======================================*/
p b,
strong {
	color: #555;
}
.single-news.news-large img {
	width: auto;
}
.widget {
	border-radius: 0;
}
.widget:last-child {
	margin: 0;
}
.wp-block-archives-dropdown label,
.wp-block-search .wp-block-search__label {
	color: #555;
	font-weight: 500;
	padding-bottom: 5px;
}
/* Widget Select CSS*/
.widget select,
.wp-block-categories select,
.wp-block-archives select {
	width: 100%;
	height: 50px;
	padding: 0 10px;
	margin-top: 10px;
	appearance: none;
	background-image: url("assets/img/select-arrow.png");
	background-repeat: no-repeat;
	background-position: right;
	background-color: transparent;
	color: #555;
	background-size: 24px;
}
/* Sidebar Default CSS */
.widget ul li {
	line-height: 35px;
	margin-bottom: 5px;
	list-style: none !important;
	padding-bottom: 5px;
}
.widget ul li:last-child {
	margin: 0;
}
.widget a,
.widget ul li a {
	color: #555;
	font-size: 15px;
}
.widget ul li a:hover {
	color: #ee332b;
}
/* Akismet Widget */
.widget_akismet_widget .a-stats a {
	background: #f60 !important;
	border: none;
	color: #fff;
}
.widget_akismet_widget .a-stats a strong {
	color: #fff;
}
/* Widget MENU */
.widget_nav_menu ul {
	border-radius: 8px;
	overflow: hidden;
	margin-left: 15px;
}
.widget_nav_menu ul li a {
	padding: 5px 10px;
	background: #fff;
	color: #666;
	display: block;
	font-size: 15px;
}
.widget_nav_menu ul li a::before,
.widget_categories ul li a::before {
	content: "\f101";
	font-family: "FontAwesome";
	margin-right: 12px;
	float: right;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.widget_nav_menu ul li a:hover:before,
.widget_categories ul li a:hover:before {
	color: #fff;
}

.widget_nav_menu ul li a:hover {
	color: #ee332b;
}
.widget_nav_menu ul li a i {
	display: inline-block;
	margin-right: 15px;
}
/* Category List */
.widget_categories ul {
}
.widget_categories ul li {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.widget_categories ul li:last-child {
	margin-bottom: 0px;
}
.widget.widget_categories ul li a {
	font-size: 15px;
}
.widget_categories ul li a:hover {
	color: #ee332b;
}
.widget_categories ul li a span {
	display: inline-block;
	color: #ee332b;
}

.widget_recent_entries .post-date,
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
	font-size: 13px;
	font-weight: 400;
}
.recentcomments,
.tagcloud {
	padding-top: 5px;
}
.widget_recent_comments a,
#recentcomments a {
	font-weight: 500;
	color: #555;
}
.widget_recent_comments a:hover {
	color: #ee332b;
}
.widget_recent_comments .wp-block-latest-comments__comment-link,
.widget_recent_comments .recentcomments a,
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-link {
	color: #ee332b !important;
}
.widget_recent_comments .wp-block-latest-comments__comment-link:hover,
#recentcomments a:hover,
.wp-block-latest-comments__comment
	.wp-block-latest-comments__comment-link:hover {
	color: #555;
}
.widget_recent_comments .comment-author-link a,
.wp-block-latest-comments__comment a {
	color: #555 !important;
}
.widget_recent_comments .comment-author-link a:hover {
	color: #ee332b;
}
#recentcomments a::before {
	display: none;
}

.wp-block-latest-comments li {
	border-bottom: 1px solid #cccccc87;
	padding-left: 0px;
}
.wp-block-latest-comments li:last-child {
	padding: 0;
	border: none;
}
.wp-block-latest-comments__comment-date {
	display: block;
	font-size: 13px;
}
.wp-block-latest-comments__comment-excerpt p {
	color: #555;
	line-height: 22px;
	margin: 0;
	font-weight: 400;
	margin-top: 5px;
}
.wp-block-latest-comments li {
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.wp-block-latest-comments li:last-child {
	padding: 0;
	margin: 0;
}
.sidebar-main .widget_recent_comments ul li a {
	line-height: initial !important;
	padding: 0 !important;
	margin: 0 !important;
	display: inline !important;
}
.widget_recent_comments .comment-author-link {
	display: inline !important;
}
.sidebar-main .widget_recent_comments ul li {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.sidebar-main .widget_recent_comments ul li:last-child {
	margin: 0;
}
.sidebar-main .widget.widget_recent_comments a:hover {
	color: #555 !important;
}
/* Subscribe */
.blog-sidebar .subscribe form,
.widget_mc4wp_form_widget .form-main {
	position: relative;
}
.blog-sidebar .subscribe form input,
.mc4wp-form .mc4wp-form-fields input[type="email"] {
	height: 54px;
	padding: 0 110px 0 30px;
	border: none;
	width: 100%;
	position: relative !important;
	font-size: 14px;
	border: 1px solid #ebebeb;
	line-height: 50px;
	background: #fff;
}
.widget_mc4wp_form_widget .mc4wp-form-fields {
	position: relative;
}
.blog-sidebar .subscribe h2,
.blog-sidebar .widget_mc4wp_form_widget .widget-title {
	border: none !important;
	margin-bottom: 20px;
}
.widget_mc4wp_form_widget label {
	overflow: hidden;
	left: 0;
	top: 0;
	margin: 0 !important;
	font-size: 0px;
	display: block;
}
.footer .widget_mc4wp_form_widget .widget-title:before {
	display: none;
}
.blog-sidebar .subscribe form button,
.mc4wp-form .mc4wp-form-fields input[type="submit"] {
	background: #ee332b;
	position: relative;
	right: 0;
	top: 0;
	border: none;
	box-shadow: none;
	width: auto;
	padding: 0 20px;
	height: 53px;
	text-align: center;
	display: block;
	margin: 0;
	border-radius: 0px;
	cursor: pointer;
	color: #fff;
}
.mc4wp-form .mc4wp-form-fields input[type="submit"] {
	margin-top: 10px;
}
.blog-sidebar .subscribe form button:hover,
.mc4wp-form .mc4wp-form-fields input[type="submit"]:hover {
	color: #fff;
	background: #2a2d2f;
}
.blog-sidebar .subscribe form button i {
	margin: 0;
}

.mc4wp-alert p,
.mc4wp-alert p a {
	color: #fff;
}
/* Widget Select */
.single-widget select {
	width: 100%;
	padding: 12px;
	font-size: 14px;
	border: 1px solid #ebebeb;
	background: #f5f8f9;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-user-select: none;
	background-image: url(assets/img/select-arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: right 50% !important;
}
/* Widget Tags*/
.widget_tag_cloud .tagcloud a {
	color: #555;
	font-size: 14px !important;
	display: inline-block;
	padding: 8px 12px;
	background: #fff;
	margin-top: 5px;
}
.widget_tag_cloud .tagcloud a:hover {
	background: #ee332b;
	color: #fff;
}
/* Tag */
.widget_tag_cloud .tagcloud a {
	background: #f6f6f6;
}
.widget_tag_cloud .tagcloud a:hover {
	background: #ee332b;
	color: #fff;
}
/* Widget RSS */
.widget_rss .rsswidget {
	display: inline-block;
}
.widget_rss ul li a {
}
.widget_rss ul.wp-block-rss li a,
.widget_rss ul li a {
	line-height: 26px !important;
	color: #555;
	margin-bottom: 5px;
}
.widget_rss ul.wp-block-rss li a:hover,
.widget_rss ul li a:hover,
ul.wp-block-rss li a:hover {
	color: #ee332b;
}
.widget_rss ul.wp-block-rss li,
.widget_rss ul li {
	margin-bottom: 12px;
	padding-bottom: 12px;
}
.widget_rss .widget-title a {
	color: #555;
	font-size: 20px;
	line-height: 28px;
}
.widget_rss .rss-date,
.widget_rss cite {
	font-size: 13px;
}
.widget_rss cite {
	margin-top: 5px;
}
.widget_rss .rss-date {
	display: block;
	line-height: initial;
}
.blog-detail ul li a:hover {
	color: #ee332b;
}
.sidebar-main .widget.widget_rss h2::before {
	display: none;
	padding: 0;
}
.widget_rss .rssSummary,
.wp-block-rss__item-excerpt {
	line-height: 24px;
	font-weight: 400;
	color: #555;
	font-size: 14px;
}
.widget_rss .widget-title {
	padding-left: 0 !important;
}
.sidebar-main .widget_rss ul li a::before {
	top: 14px;
}
.wp-block-rss__item-author,
.widget_rss cite {
	color: #ee332b;
	text-transform: ;
	text-decoration: ;
	font-style: initial;
}
.page-links {
	padding-left: 30px;
}
/* RSS Block */
.wp-block-rss__item-excerpt,
.widget_rss .rssSummary {
	margin-top: 10px;
}
.wp-block-rss__item-author,
.wp-block-rss__item-publish-date {
	display: initial;
	font-size: 13px;
}

/* Default Search */
.search-form {
	position: relative;
}
.search-form input[type="search"] {
	width: 100%;
	height: 50px;
	border-radius: 0px;
	padding: 0 95px 0 20px;
	font-size: 14px;
}
.search-form label {
	width: 100%;
	position: relative;
	margin: 0;
}
.search-form input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	background: #ee332b;
	color: #fff;
	height: 50px;
	border: none;
	border-radius: 0px;
	padding: 0 20px;
	cursor: pointer;
	height: 100%;
}
.search-form input[type="submit"]:hover {
	background: #555;
	color: #fff;
}
.mistri-entry-page ol.comment-list li {
	padding-left: 0;
}
/* Password Form */
form.post-password-form input {
	border-radius: 0px;
	height: 40px;
}
form.post-password-form input[type="submit"] {
	background: #ee332b;
	padding: 9px 15px;
	color: #fff;
	border-radius: 0px;
	border: none;
}
form.post-password-form input[type="submit"]:hover {
	background: #555;
	color: #fff;
}
/* Caption */
.gallery-caption {
	display: block;
	font-size: 13px;
	line-height: 18px;
	margin-top: 8px;
}
.sidebar-main .gallery-size-thumbnail .gallery-item {
	margin: 0;
}
/* Pagiantion */
.page-links {
	margin-top: 10px;
}
.page-links a,
.page-links span {
	padding: 4px 12px;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	width: auto;
	background: #555;
	color: #fff;
}
.page-links span.current,
.page-links a:hover {
	background: #ee332b;
	color: #fff;
}
.sidebar-main .widget_nav_menu ul {
	margin: 0;
	padding-left: 0px;
}
.sidebar-main .widget_nav_menu ul ul {
	padding-left: 15px;
}
.sidebar-main .widget_nav_menu ul ul ul {
	padding-left: 10px;
}

.widget_nav_menu ul li a::before {
	top: 15px;
}
.sidebar-main .widget_nav_menu ul ul {
	padding-left: 15px;
	padding-top: 10px;
}
.wp-block-latest-posts li a {
	line-height: 28px !important;
}
.wp-block-latest-posts li a:before {
	top: 15px !important;
}
ol.comment-list li {
	line-height: 24px;
	margin-bottom: 5px;
}
ol.comment-list li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
.comment-list li.comment::before {
	display: none;
}
ol.comment-list li a:hover {
	color: #ee332b;
}
.comment-list ul li a::before,
.blog-detail ul li a::before,
.blog-single ul li::before,
.mistri-entry-page ul li:before {
	top: 14px;
}
.mistri-entry-page ul li::before {
	top: 15px;
}
ol.comment-list li:before {
	top: 12px;
}
.comment-reply-link:hover {
	background: #555;
	color: #fff !important;
}
.logged-in-as {
	margin-bottom: 20px;
}
table tr,
table td,
table th {
	border: 1px solid #cccccc87 !important;
	padding: 10px !important;
	border-top: 0px solid !important;
}
table thead th,
table tr th {
	color: #ee332b;
}
.blog-single .comment-list {
	background: #fff;
	padding: 0;
	margin: 0;
}
.share-tag.post-tag li a:hover {
	color: #ee332b;
}
p a {
	color: #ee332b;
}
p.has-large-font-size {
	line-height: 43px;
}

ol {
	padding-left: 18px;
}
ol li ol {
	padding-left: 10px;
}

.share-tag.post-tag {
	margin-top: 20px;
	display: flex;
	align-items: center;
	gap: 15px;
}
.share-tag.post-tag h5 {
	margin: 0;
	padding: 0;
	font-weight: 600;
	font-size: 16px;
	line-height: 12px;
	color: #202124;
	margin-right: 8px;
}
.share-tag.post-tag ul {
	display: flex;
	align-items: center;
	gap: 10px;
}
.share-tag.post-tag ul li a,
.wp-block-tag-cloud a {
	color: var(--heading-color) !important;
	display: inline-block;
	transition: 0.3s;
	font-weight: 400;
	font-size: 16px !important;
	line-height: 1.6em;
	background: none !important;
	padding: 0;
}
.wp-block-tag-cloud,
.share-tag.post-tag ul {
	position: relative;
	top: -10px;
}
.wp-block-tag-cloud a,
.share-tag.post-tag ul a {
	margin-top: 10px;
}
.share-tag.post-tag ul li a:hover,
.wp-block-tag-cloud a:hover {
	color: #ee332b !important;
}
.share-tag.post-tag ul li {
	display: inline-block;
	padding-left: 0;
}
.share-tag.post-tag ul li:last-child {
	margin: 0;
	padding: 0;
	border: none;
}
.share-tag.post-tag ul {
	flex-wrap: wrap;
}
.wp-caption {
	padding: 20px 0;
}
.wp-block-latest-comments {
	margin: 0;
	margin-top: 10px !important;
}
/* Widget Calender CSS */
.widget .calendar_wrap,
.gallery-size-thumbnail {
	padding-top: 5px;
}
.calendar_wrap th,
.calendar_wrap td {
	padding: 5px 10px;
	text-align: center;
	display: nherit;
	border: 1px solid #ebebeb;
	color: #555;
}
.calendar_wrap #wp-calendar {
	max-width: 100%;
	margin-bottom: 15px;
}
.calendar_wrap #wp-calendar thead th,
.calendar_wrap #wp-calendar tfoot td,
.wp-block-calendar table th {
	background: #f6f6f6;
	color: #555;
	font-size: 15px;
	font-weight: 500;
}
.calendar_wrap #wp-calendar caption {
	caption-side: top;
	background: #ee332b;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 15px;
}
.calendar_wrap #wp-calendar tbody tr a {
	color: #fff;
	border-radius: 100%;
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	background: #ee332b;
	padding: 0;
	text-align: center;
}
.calendar_wrap #wp-calendar tfoot tr a {
	color: #353535;
}
.calendar_wrap #wp-calendar tfoot tr a:hover {
	color: #ee332b;
}
.wp-block-gallery ul.blocks-gallery-grid li {
	padding-left: 0px !important;
}
.blocks-gallery-caption {
	padding-bottom: 10px;
}
.has-large-font-size {
	color: #555;
}
.wp-calendar-nav {
	text-align: center;
}
.wp-block-calendar table caption {
	color: #555;
}
.wp-block-calendar table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 5px;
}
.wp-calendar-nav a {
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
	background: #232323;
	text-decoration: none;
}
.wp-calendar-nav a:hover {
	background: #ee332b;
	color: #fff;
}
.wp-block-image {
	overflow: hidden;
}
.widget_archive select {
	margin-top: 5px;
}
#recent-posts-2 {
}
.widget_recent_entries ul li a:before {
	display: none;
}
.widget_recent_entries ul li a {
	padding: 0 !important;
	font-weight: 500;
	color: #ee332b;
	line-height: 26px !important;
}
.widget_recent_entries ul li a:hover {
	color: #555;
}
.widget_recent_entries ul li {
	padding-bottom: 12px;
	margin-bottom: 8px;
}
.wp-block-latest-posts__post-excerpt {
	margin-top: 0;
	line-height: 25px;
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
	display: inline-block;
	line-height: initial;
}
.wp-block-latest-posts__post-date {
	display: inline-block;
	line-height: 14px;
	font-size: 14px;
	padding-bottom: 3px;
	color: var(--span);
}
.wp-block-latest-posts__post-date::before {
	content: "\f073";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	color: #ee332b;
	margin-right: 5px;
}
.wp-block-latest-posts__post-excerpt {
	margin: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #555;
	margin-top: 5px;
}
ul.wp-block-latest-posts li a {
	margin-bottom: 6px;
	line-height: 18px !important;
	color: #18191d;
	font-size: 16px;
	font-weight: 500;
}
.wp-block-latest-posts__featured-image {
	margin-bottom: 5px;
	padding-top: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
	clear: both;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid var(--border);
}
.sidebar-main .wp-block-latest-posts.wp-block-latest-posts__list li:last-child {
	padding: 0;
	margin: 0;
}
.footer-news-list li .wp-block-latest-posts__post-title {
	font-weight: 600;
	font-size: 17px;
	color: var(--it-common-white);
	margin-bottom: 0;
	line-height: 1.2;
	transition: 0.3s;
	display: block;
}

.comments-area .comment-list .comment-content ol li:before {
	display: none;
}
.comments-area .comment-list .comment-content ol li {
	padding-left: 2px;
}
.wp-block-cover p:not(.has-text-color) {
	color: #fff;
}

.blocks-gallery-grid,
.blocks-gallery-grid li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.blocks-gallery-grid li:before {
	display: none;
	padding: ;
}
.blocks-gallery-grid {
	margin-left: -15px;
}
.blog-detail p {
	line-height: initial;
}
/* BLog Sidebar Widget */
.sidebar-main {
	padding: 30px;
}
.sidebar-main .widget .widget {
	box-shadow: none;
}
.sidebar-main .widget ul li {
	padding-left: 0px;
	line-height: 30px;
	display: block;
}
.sidebar-main .widget ul li:last-child {
	border: none;
	padding: 0;
	margin: 0;
}
.sidebar-main .widget ul li a {
	line-height: 30px;
	position: relative;
	width: 100%;
	display: block;
	background: transparent;
}
.sidebar-main .widget ul li a:hover {
	color: #ee332b !important;
}
.wp-block-latest-comments__comment a:hover {
	color: #ee332b;
}

/* Categories */
.wp-block-categories li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500 !important;
	font-size: 14px;
}
.wp-block-categories li a::before {
	padding-right: 10px;
	content: "\f054";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
}
.wp-block-categories li a {
	color: #18191d !important;
}
.sidebar-main ol {
	padding-left: 0;
}
.sidebar-main .widget h2,
.wp-block-search .wp-block-search__label {
	position: relative;
	font-size: 20px;
	font-weight: 600 !important;
	line-height: 30px;
	text-transform: capitalize;
	margin-bottom: 30px;
	color: var(--heading-color);
}
.wp-block-search .wp-block-search__label {
	width: auto;
}
.wp-block-search .wp-block-search__input {
	height: 60px;
	line-height: 0;
	text-transform: capitalize;
	outline: none;
	border-radius: 0;
	background: #fff;
	margin: 0 !important;
	font-size: 14px;
	border: 1px solid #dfdfdf !important;
	width: 100%;
	padding: 15px 20px;
	background-color: #dadada;
	border: none;
}
.wp-block-search .wp-block-search__button {
	border: none;
	font-weight: 500;
	transition: all 0.3s ease;
	position: absolute;
	right: 0;
	font-size: 0;
	background: transparent !important;
	height: 100%;
	padding: 0 24px;
	line-height: 50%;
	color: #646464;
}
.wp-block-search .wp-block-search__button::before {
	content: "";
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.01371 15.2219C11.9525 15.2219 15.1456 12.0382 15.1456 8.11096C15.1456 4.18368 11.9525 1 8.01371 1C4.07488 1 0.881836 4.18368 0.881836 8.11096C0.881836 12.0382 4.07488 15.2219 8.01371 15.2219Z' stroke='%235F6168' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M16.9287 16.9996L13.0508 13.1331' stroke='%235F6168' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 100%;
	height: 18px;
}
.wp-block-search .wp-block-search__button:hover {
	background: #555;
	color: #fff;
}
.wp-block-search__inside-wrapper {
	position: relative;
}

.wp-block-latest-posts__featured-image {
	border-radius: 0;
	width: 75px;
	height: 80px;
	object-fit: cover;
	overflow: hidden;
	margin: 0;
	float: left;
	margin-right: 15px;
}
.widget_categories ul li a,
.widget_archive ul li a,
.widget_nav_menu ul li a,
.widget_pages ul li a,
.widget .wp-block-page-list li a {
	color: #555;
}

#comments {
	margin-top: 50px;
	clear: both;
}
#comments .comments-title {
	font-size: 26px;
	line-height: 18px;
	letter-spacing: -0.02em;
	color: #202124;
	margin-bottom: 40px;
}
article.page .page-links {
	padding-top: 15px;
}
.post-tag ul li::before {
	display: none;
}
.blog-single .blog-detail ul li::before {
	top: 15px;
}

.sidebar-main .widget_categories ul li a,
.sidebar-main .widget_archive ul li a {
	display: inline !important;
}
.sidebar-main .widget_categories ul li a::before,
.sidebar-main .widget_archive ul li a::before {
	top: 12px;
}
.sidebar-main .widget_pages ul li a::before {
	top: 16px !important;
}
.widget_meta ul li a::before {
	top: 16px;
}
.widget_recent_comments ul li {
	margin-bottom: 6px !important;
	padding-bottom: 6px !important;
	line-height: 25px !important;
	padding-top: 0;
}
.blockquote strong {
	color: #fff !important;
}
blockquote strong {
	color: #fff;
}
blockquote code {
	color: #ee332b;
}
/*====================================
	Wordpress Default Sidebar
======================================*/

/*====================================
	Footer CSS
======================================*/

footer {
	overflow: hidden;
	position: relative;
	color: #888888;
}
footer .map {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
footer a {
	color: #888888;
}
footer .item {
	position: relative;
}
footer .item .title {
	padding-bottom: 45px;
}
footer .item .title h4 {
	text-transform: capitalize;
	color: var(--white);
}
footer .item ul li {
	padding: 6px 0;
}
footer .item ul li a {
	transition: var(--transition);
	font-weight: 500;
}
footer .item ul li a:hover {
	color: var(--primary-color);
}
footer .item ul li .map-popup {
	color: var(--white);
	font-size: 14px;
	margin-top: 5px;
}
footer .item ul li .map-popup i {
	color: var(--primary-color);
}
footer .item.gallery .title {
	padding-bottom: 30px;
}
footer .item.gallery .footer-popup {
	position: relative;
}
footer .item.gallery .footer-popup .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	color: var(--primary-color);
	width: 25px;
	height: 25px;
	line-height: 27px;
	border-radius: 50%;
	background-color: var(--white);
	text-align: center;
	transition: var(--transition);
	opacity: 0;
}
footer .item.gallery .footer-popup::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(232, 34, 37, 0.7);
	transition: var(--transition);
	opacity: 0;
}
footer .item.gallery .footer-popup:hover .icon {
	opacity: 1;
}
footer .item.gallery .footer-popup:hover::after {
	opacity: 1;
}
footer .social-icon {
	margin-top: 30px;
}
footer .social-icon a {
	font-size: 18px;
	transition: var(--transition);
}
footer .social-icon a:hover {
	color: var(--primary-color);
}
footer .social-icon :not(:last-child) {
	margin-right: 20px;
}
footer .copyright {
	position: relative;
	padding: 35px 0;
	text-align: center;
	border-top: 1px solid #414141;
}
footer .copyright a {
	transition: var(--transition);
}
footer .copyright a:hover {
	color: var(--primary-color);
}
.footer-one .bor-top {
	border-top: 1px solid #414141;
	padding: 50px 0;
}
.footer-one .item .title {
	padding-bottom: 30px;
}
.footer-one .social-icon :not(:last-child) {
	margin-right: 10px;
}
.footer-one .social-icon a {
	width: 58px;
	height: 58px;
	line-height: 58px;
	border-radius: 50%;
	text-align: center;
	color: var(--white);
	font-size: 22px;
	transition: var(--transition);
	background: #333333c9;
	border: none !important;
}
.footer-one .social-icon a:hover {
	color: var(--white);
	background: linear-gradient(180deg, #ff9900 0%, #ee332b 100%);
	border: 1px solid transparent;
}

.zoom-in-zoom-out {
	animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
	0% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1.5, 1.5);
	}
	100% {
		transform: scale(1, 1);
	}
}
@-webkit-keyframes video-animation {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.5);
	}
	100% {
		opacity: 0;
		transform: scale(2);
	}
}
@keyframes video-animation {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.5);
	}
	100% {
		opacity: 0;
		transform: scale(2);
	}
}
@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.star-rotare {
	animation: rotate 30s infinite linear;
}

@-webkit-keyframes float-bob-x {
	0% {
		transform: translateX(-30px);
	}
	50% {
		transform: translateX(-10px);
	}
	100% {
		transform: translateX(-30px);
	}
}
@keyframes float-bob-x {
	0% {
		transform: translateX(-30px);
	}
	50% {
		transform: translateX(-10px);
	}
	100% {
		transform: translateX(-30px);
	}
}
.float-bob-x {
	-webkit-animation-name: float-bob-x;
	animation-name: float-bob-x;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
	0% {
		transform: translateY(-30px);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(-30px);
	}
}
@keyframes float-bob-y {
	0% {
		transform: translateY(-30px);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(-30px);
	}
}
.float-bob-y {
	-webkit-animation-name: float-bob-y;
	animation-name: float-bob-y;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@keyframes ring-animation {
	from {
		transform: rotate3d(0, 0, 1, 0deg);
	}
	20%,
	32%,
	44%,
	56%,
	68% {
		transform: rotate3d(0, 0, 1, 0deg);
	}
	23%,
	35%,
	47%,
	59%,
	71% {
		transform: rotate3d(0, 0, 1, 15deg);
	}
	26%,
	38%,
	50%,
	62%,
	74% {
		transform: rotate3d(0, 0, 1, 0deg);
	}
	29%,
	41%,
	53%,
	65%,
	77% {
		transform: rotate3d(0, 0, 1, -15deg);
	}
	80% {
		transform: rotate3d(0, 0, 1, 0deg);
	}
}
.ring-animation {
	animation: ring-animation 1.5s ease-in-out infinite;
}

@keyframes scale-animation {
	0% {
		transform: scale(0.8);
	}
	100% {
		transform: scale(1);
	}
}
.scale-animation {
	animation: scale-animation 2s alternate infinite;
}

@media screen and (max-width: 991px) {
	br {
		display: none;
	}
}
@media screen and (max-width: 425px) {
	.section-padding {
		padding: 65px 0;
	}
	.section-margin {
		margin: 65px 0;
	}
	h2 {
		font-size: 30px;
		font-weight: 600;
		line-height: 38px;
	}
}
@media screen and (max-width: 1200px) {
	.header-wrapper .logo-menu {
		max-width: 137px;
	}
	.header-wrapper .main-menu .btn-wrapper {
		margin-left: 0px;
	}
	.header-wrapper .main-menu li a {
		font-size: 16px;
		padding: 20px 5px;
	}
	.header-section {
		padding: 25px 0;
	}
	.menu-btn-wrapper {
		display: none;
	}
	.header-wrapper .logo-menu {
		padding: 0px 0px;
	}
	.logo-menu.light_logo {
		display: none !important;
	}
	.header-top {
		display: none !important;
	}
	.main-menu {
		position: absolute !important;
		/* top: 100%; */
		width: 100%;
		display: inline !important;
		left: 0;
		z-index: 999;
		padding: 15px 15px;
		background: var(--white);
		/* transition: var(--transition) !important; */
		transform-origin: top;
		max-height: calc(100vh - 130px);
		overflow-y: auto;
		overflow-x: hidden;
		transform: translateY(0px);
		transition: all 0.3s ease !important;
		top: 79px !important;
	}
	.main-menu:not(.active) {
		transition: var(--transition);
		opacity: 0 !important;
		visibility: hidden !important;
		transform: translateY(-30px);
		transition: all 0.3s ease !important;
	}
	.main-menu li {
		width: 100%;
	}
	.main-menu li:not(:last-child) {
		border-bottom: 1px solid var(--border);
		margin-right: 0 !important;
	}
	.main-menu li a {
		display: block;
		padding: 14px 0px;
	}
	.main-menu .btn-wrapper {
		margin-top: 15px;
	}
	.main-menu .btn-wrapper .cmn--btn-3 {
		margin-top: 14px;
	}
	.main-menu .active a {
		color: var(--black);
	}
	.header-bar {
		position: relative;
		width: 25px;
		height: 20px;
	}
	.header-bar span {
		position: absolute;
		width: 100%;
		height: 2px;
		display: inline-block;
		transition: var(--transition);
		left: 0;
	}
	.header-bar span:first-child {
		top: 0;
		background: var(--primary-color);
	}
	.header-bar span:nth-child(2) {
		top: 44%;
		background: var(--primary-color);
	}
	.header-bar span:last-child {
		bottom: 0;
		background: var(--primary-color);
	}
	.header-bar.active span:first-child {
		transform: rotate(45deg) translate(3px, 9px);
	}
	.header-bar.active span:nth-child(2) {
		opacity: 0;
	}
	.header-bar.active span:last-child {
		transform: rotate(-45deg) translate(3px, -9px);
	}
	.header-bar:hover {
		cursor: pointer;
	}
	.header-wrapper .main-menu li .sub-menu {
		background: var(--white);
		position: relative !important;
		transform: translateY(2px);
		position: relative !important;
		transition: none !important;
		left: 0 !important;
		border: none !important;
		box-shadow: none !important;
		top: 0 !important;
		/* margin: 0; */
		transform: none;
		opacity: 1 !important;
		visibility: visible !important;
		padding-left: 30px !important;
		transform: none !important;
		margin: 0 !important;
	}
	.header-wrapper .main-menu li .sub-menu .sub-menu {
		padding-left: 25px !important;
		width: 100%;
	}
	.header-wrapper .main-menu li .sub-menu li a {
		color: var(--heading-color);
		padding: 10px 0px;
	}
	.header-section .menu_cart {
		padding-top: 30px;
	}
	.header-two {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		transition: var(--transition);
		background-color: var(--white);
	}
	.header-two .black_logo {
		display: block;
	}
	.header-two .light_logo {
		display: none;
	}
	.header-one .btn-one {
		clip-path: none;
	}
	.header-section {
		background-color: var(--heading-color) !important;
	}
	.header-one .header-wrapper .main-menu li a {
		color: var(--black);
		padding: 15px 0;
	}

	.header-wrapper .main-menu li.menu-item-has-children a::after,
	.header-wrapper .main-menu li.page_item_has_children a::after {
		float: right;
		margin: 0 !important;
		padding: 0 !important;
	}
}
@media screen and (max-width: 1440px) {
	.banner-two .container-fluid {
		margin-left: 7%;
	}
	.banner-form--v3 {
		right: 5%;
	}
}
@media screen and (max-width: 1200px) {
	.banner h2 {
		color: var(--heading-color);
		font-weight: 500;
		font-size: 50px;
		line-height: 85px;
	}
	.banner h1 {
		color: var(--heading-color);
		font-weight: 600;
		font-size: 50px;
		line-height: 55px;
	}
	.banner .content p {
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 5px;
	}
	.banner-three .banner-form {
		right: 0%;
	}
}
@media screen and (max-width: 991px) {
	.banner .content {
		padding-top: 30px;
	}
	.experience-two.section-margin.mb-0.experience-three.section-padding {
		margin-top: 0;
		margin-bottom: 0;
	}
	.banner-two .container-fluid {
		margin-left: 0%;
	}
}
@media screen and (max-width: 767px) {
	.banner_two_brand .arry-btn button {
		color: var(--border) !important;
	}
	.banner_two_brand .arry-btn button:hover {
		background-color: var(--primary-color) !important;
		color: var(--white) !important;
		border: 1px solid var(--primary-color) !important;
	}
	.banner_two_brand .arry-btn .active {
		background-color: var(--primary-color) !important;
		color: var(--white) !important;
		border: 1px solid var(--primary-color) !important;
	}
}
@media screen and (max-width: 575px) {
	.banner h2 {
		color: var(--heading-color);
		font-weight: 500;
		font-size: 30px;
		line-height: 55px;
	}
	.banner h1 {
		color: var(--heading-color);
		font-weight: 600;
		font-size: 30px;
		line-height: 35px;
	}
	.banner .image img {
		min-height: 200px;
	}
	.banner .image .slider-info {
		width: 50px;
	}
	.banner .image .slider-info .banner-dot {
		bottom: 2%;
		left: -48px;
	}
	.banner .image .slider-info .banner-pegi {
		bottom: 2%;
		left: -48px;
	}
	.banner-two .item .image .content {
		left: 15%;
	}
	.banner-three .content {
		padding: 150px 0;
	}
	.banner-three .content h1 {
		font-size: 40px;
		font-weight: 500;
		line-height: 45px;
		color: var(--white);
	}
	.banner-three .content h1 img {
		display: none;
	}
	.page-portfolio ul {
		flex-wrap: wrap;
	}
	.page-portfolio ul li {
		margin-left: 20px;
		font-weight: 400;
		font-size: 14px;
		padding: 0px;
	}
}
@media screen and (max-width: 1440px) {
	.testimonial.testimonial-three .man {
		right: 12%;
	}
}
@media screen and (max-width: 1200px) {
	.page-about .image .sm-image {
		max-width: 200px;
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 1;
	}
	.page-about .image .video-btn-wrp {
		position: absolute;
		top: 12%;
		right: 65px;
		z-index: 2;
	}
	.page-about .image .video-btn-wrp .video a {
		font-size: 20px;
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.page-about .image .stroke-text {
		position: absolute;
		right: -15%;
		bottom: 18%;
	}
	.page-about .image .stroke-text h2 {
		transform: rotate(-90deg);
		-webkit-text-stroke-width: 2px;
		-webkit-text-stroke-color: var(--white);
		color: transparent;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	.testimonial .image {
		width: 100%;
	}
	.testimonial .image::after,
	.testimonial .image::before {
		display: none;
	}
	.testimonial .image span {
		display: none;
	}
	.testimonial.testimonial-three .man {
		right: 3%;
	}
	.testimonial.testimonial-two .women {
		right: 12%;
	}
	.story .item .title .left-span::before {
		position: absolute;
		content: "";
		top: 8px;
		left: 462px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: var(--primary-color);
		outline: 8px solid var(--white);
	}
	.portfolio-single .portfolio_testimonial {
		padding: 40px;
	}
	.portfolio-single .portfolio_testimonial p {
		font-size: 18px;
		line-height: 28px;
	}
	.portfolio-single .portfolio_testimonial i {
		font-size: 40px;
		top: 20px;
		right: 30px;
	}
}
@media screen and (max-width: 991px) {
	.about .video-btn-wrp {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
	}
	.about .video a {
		position: relative;
		color: var(--white);
		font-size: 28px;
		z-index: 1;
		background-color: var(--primary-color);
		width: 90px;
		height: 90px;
		line-height: 90px;
		border-radius: 50%;
		display: block;
		transition: var(--transition);
	}
	.about .video-pulse::after,
	.about .video-pulse::before {
		border: 1px solid var(--primary-color);
	}
	.service {
		padding: 130px 0;
	}
	.service .service-bg {
		height: 110vh;
	}
	.project .col-lg-6 {
		border-right: none;
	}
	.chat {
		padding: 20px 0;
	}
	.chat .chat_icon {
		width: 120px;
		margin: 0 auto;
		clip-path: none !important;
		padding: 20px !important;
		text-align: center;
		border-radius: 100%;
	}
	.chat h2 {
		text-align: center;
		padding: 20px 0;
	}
	.chat ul {
		justify-content: center;
	}
	.testimonial .image {
		margin: 0 auto;
		float: none;
	}
	.experience-two .image .info {
		flex-wrap: wrap;
	}
	.experience-two .image .info .info_con {
		padding-right: 0px;
		margin-right: 20px;
		margin-bottom: 20px;
		border-right: none;
	}
	.story .item .title span::before {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.project .wrp::after {
		display: none;
	}
	.text-slider {
		padding: 20px 0;
		font-size: 45px;
		font-weight: 600;
		letter-spacing: 3px;
	}
	.marquee-wrapper {
		height: 90px;
	}
	.experience-two .image::before {
		display: none;
	}
	.experience-two .image .info {
		padding-top: 30px;
		position: unset;
	}
	.video-area h2 {
		font-size: 40px;
		line-height: 50px;
	}
	.experience-two.experience-three .image .stroke-text h2 {
		font-size: 60px;
		font-weight: 500;
		line-height: 90px;
	}
	.about-three .content ul {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 30px;
	}
	.about-three .content ul li {
		margin-right: 20px;
		width: 100%;
	}
	.about-three .content ul li span {
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background-color: var(--primary-color);
		margin-right: 2px;
	}
	.service-two .left-item .accordion-item .accordion-header button {
		box-shadow: none;
		background-color: var(--white);
		padding: 0px;
		font-size: 18px;
		font-weight: 500;
	}
	.service-two .left-item .accordion-item .accordion-header button i {
		margin-right: 10px;
		font-size: 25px;
	}
	.error h1 {
		font-size: 150px;
		color: var(--secondary-color);
		line-height: 150px;
	}
}
@media screen and (max-width: 425px) {
	.trust {
		margin-top: -40px;
	}
	.about .about_info .info i {
		width: 35px;
		height: 35px;
		font-size: 16px;
		line-height: 36px;
	}
	.about .about_info .info .about_info_con a {
		font-size: 14px;
	}
	.about .about_info .info .about_info_con {
		margin-left: 5px;
	}
	.chat {
		padding: 20px 0;
	}
	.chat .chat_icon {
		width: 120px;
		margin: 0 auto;
		clip-path: none !important;
		padding: 20px !important;
		text-align: center;
	}
	.chat h2 {
		text-align: center;
		padding: 20px 0;
		font-size: 28px !important;
	}
	.chat ul li a {
		font-size: 20px !important;
	}
	.video-area h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.blog-slingle .blog_testimonial {
		padding: 20px 40px;
	}
	.blog-slingle .blog_testimonial p {
		font-size: 20px;
		line-height: 30px;
	}
}
@media screen and (max-width: 991px) {
	footer .item .title {
		padding-bottom: 5px;
	}
}

/* Footer Widget */
.footer .sidebar-main .widget {
	box-shadow: none;
	padding: 0;
	background: transparent;
	border: none;
}
.footer #recentcomments .comment-author-link a,
.footer .wp-block-latest-comments__comment a {
	color: #ccc;
}
.footer .sidebar-main .widget ul li.recentcomments {
	color: #ee332b;
}
.footer .widget_recent_entries .post-date,
.footer .wp-block-latest-posts__post-author,
.footer .wp-block-latest-posts__post-date {
	color: #fff;
}
/*  Nav & Pages */
.footer .widget_categories ul li a,
.footer .widget_archive ul li a,
.footer .widget_nav_menu ul li a,
.footer .widget_pages ul li a,
.footer .widget .wp-block-page-list li a,
.footer .widget_meta ul li a {
	color: var(--it-common-white);
	font-weight: 400;
	transition: 0.3s;
}
/*  Calendar */
.footer #calendar_wrap th,
.footer #calendar_wrap td {
	color: #fff;
}
.footer .wp-block-calendar tbody td {
	color: #fff;
}
.footer-top.sidebar-main .wp-calendar-nav a:hover {
	background: #ee332b;
	color: #fff;
}
.footer .widget_rss .widget-title a {
	color: #fff;
}
.footer .widget_rss .rss-date {
	color: #ccc;
}
.footer .widget_rss ul.wp-block-rss li a,
.footer .widget_rss ul li a {
	color: #fff;
}
.footer .wp-block-calendar table caption,
.footer .wp-block-latest-comments__comment-meta,
.footer .wp-block-latest-comments__comment-date {
	color: #fff;
}
.footer .calendar_wrap th,
.footer .calendar_wrap td {
	color: #ccc;
}
.footer .sidebar-main .widget_nav_menu ul ul {
	padding-left: 0;
}
.footer .widget_rss .rssSummary {
	color: #ccc;
}
.footer .wp-calendar-nav a {
	background: #fff;
	color: #555;
}
.footer .widget_recent_comments li a::before {
	display: none;
}
.footer .sidebar-main .widget_recent_comments ul li a {
	color: #ccc !important;
}
.footer .sidebar-main .widget_recent_comments ul li a:hover {
	color: #fff !important;
}
.footer .single-widget .widget-title,
.footer .wp-block-heading {
	font-weight: 700;
	font-size: 22px;
	color: var(--it-common-white);
	padding-bottom: 30px;
	margin: 0;
}
.footer .widget_nav_menu ul li a,
.footer .widget_nav_menu ul li,
.footer p {
	font-size: 15px;
}

.footer-newsletter-main {
	position: relative;
}
.footer-shape-bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.footer-shape-bg img {
	width: 100%;
	height: 100%;
}
.footer-top div {
	position: relative;
	z-index: 333;
}

.wp-block-heading.footer-inside-heading {
	margin: 0 !important;
	padding: 0;
	font-weight: 500;
	font-size: 18px;
	color: var(--it-common-white);
	padding-bottom: 12px;
	display: inline-block;
	margin-top: 15px !important;
}

.footer-news-list {
	position: relative;
}
.footer-news-list .wp-block-latest-posts__featured-image {
	width: 85px;
	height: 85px;
	position: absolute;
	left: 0;
}
.footer-news-list li {
}
.footer-news-list li .wp-block-latest-posts__post-title,
.footer-news-list li a {
	color: #fff !important;
}
.footer-news-list li a {
	color: ;
}
.footer-news-list .wp-block-latest-posts__featured-image img {
	border-radius: 100%;
}

/*====================================
	End Footer CSS
======================================*/