/*!
Theme Name: Ecozone WP
Theme URI: https://themeforest.net/user/laralink
Author: laralink
Author URI: https://themeforest.net/user/laralink
Description: Ecology & Environment WordPress Theme 
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ecozone-wp
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
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.

Ecozone 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
# Others CSS
--------------------------------------------------------------*/

/*======================================
	Header CSS
========================================*/
/*--------------------------------------------------------------
7. Header
----------------------------------------------------------------*/
.cs_site_header {
	position: absolute;
	z-index: 101;
	width: 100%;
	left: 0;
	top: 0px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
  }
  
  .cs_hamburger_btn {
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: none;
	outline: none;
	background-color: transparent;
	color: inherit !important;
	z-index: 1;
}
  .cs_hamburger_btn:hover {
	color: var(--accent-color) !important;
}
  
  .cs_site_header.cs_style_1 .cs_main_header_in,
  .cs_site_header.cs_style_1 .cs_top_header_in {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	position: relative;
  }
  .cs_site_header.cs_style_1 .cs_main_header_in {
	height: 100px;
  }
  .cs_site_header.cs_style_1 .cs_top_header_in {
	height: 50px;
  }
  .cs_site_header.cs_style_1 .cs_main_header_right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	gap: 50px;
}
  @media (max-width: 1199px) {
	.cs_site_header.cs_style_1 .cs_main_header_right {
	  padding-right: 50px;
	  gap:38px
	}
  }
  .cs_site_header.cs_style_1.cs_with_border {
	border-bottom: 1px solid #8b8b8b;
  }
  .cs_site_header.cs_style_1.cs_with_overlay:not(.cs_gescout_show) {
	background-color: rgba(25, 25, 25, 0.4);
  }
  
  .cs_site_header.cs_style_1.cs_sticky_active {
	background-color: var(--white-color);
	-webkit-box-shadow: 0 10px 10px -10px rgba(33, 43, 53, 0.1);
			box-shadow: 0 10px 10px -10px rgba(33, 43, 53, 0.1);
  }
  .cs_site_header.cs_style_1 .cs_action_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
  }
  .cs_site_header.cs_style_1 .cs_action_box .cs_action_value {
	margin-left: 15px;
  }
  .cs_site_header.cs_style_1 .cs_action_box > *:not(:last-child) {
	margin-right: 35px;
  }
  .cs_site_header.cs_style_1.cs_with_border {
	border-bottom: 1px solid #88a5ad;
  }
  
  .cs_site_header_full_width .container {
	max-width: 100%;
	padding: 0 100px;
  }
  
  .cs_side_header {
	position: fixed;
	top: 0;
	right: 0px;
	width: 100%;
	z-index: 1000;
	height: 100vh;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
  }
  .cs_side_header .cs_side_header_overlay {
	background-color: rgba(0, 0, 0, 0.5);
	height: inherit;
	width: inherit;
	left: inherit;
	top: inherit;
	position: inherit;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
  }
  .cs_side_header .cs_side_header_in {
	width: 500px;
	height: 100vh;
	background-color: var(--white-color);
	-webkit-box-flex: 0;
		-ms-flex: none;
			flex: none;
	margin-left: auto;
	overflow: auto;
	padding: 70px 50px 50px 50px;
	position: relative;
	z-index: 2;
	right: -500px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
  }
  @media (max-width: 450px) {
	.cs_side_header .cs_side_header_in {
	  padding: 70px 50px 50px 20px;
	}
  }
  .cs_side_header .cs_side_header_heading {
	font-size: 28px;
	line-height: 1.2em;
	font-weight: 500;
	margin: 0;
  }
  .cs_side_header .cs_side_header_title {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 22px;
  }
  .cs_side_header .cs_side_header_box {
	padding: 30px 0;
  }
  .cs_side_header .cs_close {
	opacity: 0;
  }
  .cs_side_header.active {
	opacity: 1;
	visibility: visible;
  }
  .cs_side_header.active .cs_side_header_overlay,
  .cs_side_header.active .cs_close {
	opacity: 1;
  }
  .cs_side_header.active .cs_side_header_in {
	right: 0;
  }
  .cs_side_header .cs_side_header_contact_info li {
	padding-left: 32px;
	position: relative;
  }
  .cs_side_header .cs_side_header_contact_info li:not(:last-child) {
	margin-bottom: 20px;
  }
  .cs_side_header .cs_side_header_contact_info i {
	color: var(--accent-color);
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 18px;
	width: 18px;
	text-align: center;
  }
  
  .cs_close {
	position: fixed;
	right: 30px;
	top: 30px;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	border: 2px solid currentColor;
	background-color: transparent;
	color: var(--heading-color);
	cursor: pointer;
	z-index: 2;
	z-index: 100;
  }
  .cs_close::before, .cs_close::after {
	content: "";
	position: absolute;
	width: 50%;
	height: 2px;
	background-color: currentColor;
	left: 50%;
	top: 50%;
	margin-left: -25%;
	margin-top: -1px;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
  }
  .cs_close::before {
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
  }
  .cs_close:hover {
	color: var(--accent-color);
	-webkit-transform: scale(1.05);
			transform: scale(1.05);
  }
  
  .cs_site_header_spacing_100 {
	height: 100px;
  }
  
  @media screen and (max-width: 1199px) {
	.cs_site_header.cs_style_1 .cs_top_header_in {
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	}
	.cs_site_header_spacing_100 {
	  height: 80px;
	}
	.cs_main_header .container {
	  max-width: 100%;
	}
	.cs_site_header.cs_style_1 .cs_nav {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	}
  }
  .cs_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
  }
  
  .cs_sticky_header {
	position: fixed !important;
	width: 100%;
	z-index: 999;
  }
  .cs_sticky_header .cs_top_header_in {
	overflow: hidden;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
  }
  
  .cs_gescout_sticky {
	position: fixed !important;
	top: -110px;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background-color: var(--heading-color);
  }
  .cs_gescout_sticky.cs_white_bg {
	background-color: #fff;
  }
  .cs_gescout_sticky.cs_site_header.cs_style_1 .cs_top_header_in {
	height: 0;
  }
  .cs_gescout_sticky.cs_fixed_sticky {
	top: 0;
	opacity: 1;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1);
			box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1);
  }
  
  .cs_gescout_show {
	top: 0 !important;
	opacity: 1;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1);
			box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1);
  }
  
  .cs_site_branding {
	display: inline-block;
  }
  .cs_site_branding + .cs_nav {
	margin-left: 80px;
  }
  @media (max-width: 1600px) {
	.cs_site_branding + .cs_nav {
	  margin-left: 40px;
	}
  }
  @media (max-width: 1540px) {
	.cs_site_branding + .cs_nav {
	  margin-left: 30px;
	}
  }
  
  .cs_main_header {
	position: relative;
  }
  .cs_main_header .container-fluid {
	padding-right: 120px;
	padding-left: 120px;
  }
  
  .cs_site_header.cs_style_1:not(.cs_heading_color) .cs_hamburger_btn,
  .cs_site_header.cs_style_1:not(.cs_heading_color) .cs_header_cart{
	color: #fff !important;
}
  .cs_site_header.cs_style_1:not(.cs_heading_color) .cs_hamburger_btn:hover,
  .cs_site_header.cs_style_1:not(.cs_heading_color) .cs_header_cart:hover {
	color: var(--accent-color) !important;
  }

.cs_header_cart {
	display: inline-block;
	position: relative;
	color: inherit;
	position: relative;
	top: -2px;
}
.cs_header_cart + .cs_hamburger_btn {
  margin-left: -10px;
}
.cs_header_cart svg {
  height: 26px;
  width: 26px;
}
.cs_header_cart:hover {
  color: var(--accent-color);
}

.cs_header_cart_label {
  position: absolute;
  background-color: var(--accent-color);
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  padding: 0 2px;
  min-width: 17px;
  text-align: center;
  border-radius: 1.6em;
  left: 12px;
  bottom: -6px;
  color: #fff;
}
.text-logo a {
	font-size: 26px;
	font-weight: 500;
	text-transform: capitalize;
}
  @media screen and (min-width: 1200px) {
	.cs_main_header_center,
	.cs_top_header_center {
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  -webkit-transform: translate(-50%, -50%);
			  transform: translate(-50%, -50%);
	}
	.cs_site_header.cs_style_1:not(.cs_heading_color) .cs_nav_list > li > a {
	  color: #fff;
	}
	.cs_site_header.cs_style_1:not(.cs_heading_color) .cs_nav_list > li > a:hover {
	  color: var(--accent-color);
	}
	.cs_site_header.cs_style_1 .cs_main_header_center {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  height: 100%;
	  width: 100%;
	  max-width: calc(100% - 300px);
	}
	.cs_site_header.cs_style_1 .cs_main_header_left {
	  height: 100%;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	}
	.cs_nav {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  height: 100%;
	  line-height: 1.6em;
	}
	.cs_nav > div{
		height: 100%;
	}
	.cs_nav .cs_nav_list {
	  display: -webkit-box !important;
	  display: -ms-flexbox !important;
	  display: flex !important;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  height: inherit;
	}
	.cs_nav .cs_nav_list > li {
	  margin-right: 40px;
	  height: inherit;
	}
	.cs_nav .cs_nav_list > li:last-child {
	  margin-right: 0;
	}
	.cs_nav .cs_nav_list > li > a {
	  padding: 10px 0;
	  display: -webkit-inline-box;
	  display: -ms-inline-flexbox;
	  display: inline-flex;
	  position: relative;
	  height: inherit;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	}
	.cs_nav .cs_nav_list > li > ul {
	  left: 0;
	  top: calc(100% + 15px);
	  pointer-events: none;
	}
	.cs_nav .cs_nav_list > li:hover > ul {
	  top: 100%;
	  opacity: 1;
	  visibility: visible;
	  pointer-events: auto;
	}
	.cs_nav .cs_nav_list > li.menu-item-has-children > a {
	  position: relative;
	}
	.cs_nav .cs_nav_list > li.menu-item-has-children > a::after {
	  content: "";
	  display: inline-block;
	  height: 6px;
	  width: 6px;
	  border: 2px solid currentColor;
	  -webkit-transform: rotate(45deg);
			  transform: rotate(45deg);
	  border-left: 0;
	  border-top: 0;
	  margin-left: 6px;
	  position: relative;
	  top: -1px;
	  border-radius: 0px 0px 2px 0px;
	}
	.cs_nav .cs_nav_list li:not(.cs_mega_menu) {
	  position: relative;
	}
	.cs_nav .cs_nav_list ul {
	  width: 260px;
	  background-color: var(--white-color);
	  position: absolute;
	  border-top: 2px solid var(--accent-color);
	  -webkit-box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1);
			  box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1);
	  padding: 10px 0;
	  z-index: 100;
	  opacity: 0;
	  visibility: hidden;
	  display: block !important;
	  border-radius: 0 0 5px 5px;
	  -webkit-transition: all 0.4s ease;
	  transition: all 0.4s ease;
	}
	.cs_nav .cs_nav_list ul li:hover ul {
	  top: 0px;
	}
	.cs_nav .cs_nav_list ul li:hover > ul {
	  opacity: 1;
	  visibility: visible;
	  -webkit-transition: all 0.4s ease;
	  transition: all 0.4s ease;
	}
	.cs_nav .cs_nav_list ul a {
	  display: block;
	  line-height: inherit;
	  padding: 10px 20px;
	}
	.cs_nav .cs_nav_list ul ul {
	  top: 15px;
	  left: 100%;
	}
	.cs_menu_toggle,
	.cs_munu_dropdown_toggle {
	  display: none;
	}
	.cs_nav .cs_nav_list .cs_mega_menu {
	  position: relative;
	}
	.cs_nav .cs_nav_list .cs_mega_wrapper {
	  width: 1296px !important;
	  display: -webkit-box !important;
	  display: -ms-flexbox !important;
	  display: flex !important;
	  position: fixed;
	  top: 100px !important;
	  left: 50%;
	  -webkit-transform: translateX(-50%);
			  transform: translateX(-50%);
	  padding: 5px 15px 10px;
	  border-top: 2px solid var(--accent-color);
	  border-radius: 0 0 5px 5px;
	}
	.cs_nav .cs_nav_list .cs_mega_wrapper.cs_with_thumb {
	  display: grid !important;
	  grid-gap: 5px 24px;
	  grid-template-columns: repeat(4, 1fr);
	  padding: 20px 20px 14px 20px;
	}
	.cs_nav .cs_nav_list .cs_mega_wrapper.cs_with_thumb img {
	  border: 1px solid var(--br-color);
	  -webkit-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	  width: 100%;
	  margin-bottom: 8px;
	}
	.cs_nav .cs_nav_list .cs_mega_wrapper.cs_with_thumb a {
	  padding: 0;
	  display: block;
	  text-align: center;
	  font-weight: 500;
	}
	.cs_nav .cs_nav_list .cs_mega_wrapper.cs_with_thumb a:hover img {
	  border-color: #d5d4d4;
	}
	.cs_nav .cs_nav_list .cs_mega_wrapper a {
	  padding: 7px 10px;
	}
	.cs_nav .cs_nav_list .cs_mega_wrapper > li {
	  -webkit-box-flex: 1;
		  -ms-flex: 1;
			  flex: 1;
	  padding: 10px 0;
	}
	.cs_nav .cs_nav_list .cs_mega_wrapper > li ul {
	  position: initial;
	  border: none;
	  padding: 0;
	  width: 100%;
	  -webkit-box-shadow: none;
			  box-shadow: none;
	  background-color: transparent;
	}
	.cs_nav .cs_nav_list .cs_mega_wrapper > li ul a {
	  -webkit-transition: all 0.4s ease;
	  transition: all 0.4s ease;
	}
	.cs_nav .cs_nav_list .cs_mega_menu:hover .cs_mega_wrapper li ul {
	  opacity: 1;
	  visibility: visible;
	}
	.cs_site_header.cs_style_1.cs_size_md .cs_nav .cs_nav_list .cs_mega_wrapper {
	  top: 85px !important;
	}
	.cs_nav .cs_nav_list > li ul:not(.cs_mega_wrapper) .menu-item-has-children > a {
	  position: relative;
	}
  }
  @media screen and (max-width: 1600px) {
	.cs_main_header .container-fluid {
	  padding-right: 25px;
	  padding-left: 25px;
	}
  }
  @media screen and (max-width: 1400px) {
	.cs_nav .cs_nav_list .cs_mega_wrapper {
	  width: 1116px !important;
	}
	.cs_site_header_full_width .container {
	  max-width: 100%;
	}
  }
  @media screen and (max-width: 1199px) {
	.cs_main_header .container-fluid {
	  padding-right: 8px;
	  padding-left: 8px;
	}
	.cs_nav .cs_nav_list .cs_mega_wrapper {
	  width: 100% !important;
	}
	.cs_site_header_full_width .container {
	  padding: 0 15px;
	}
	.cs_munu_dropdown_toggle {
	  position: absolute;
	  height: 40px;
	  width: 100%;
	  top: 0;
	  left: 0px;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: end;
		  -ms-flex-pack: end;
			  justify-content: flex-end;
	  padding: 23px 18px;
	  cursor: pointer;
	  z-index: 3;
	}
	.cs_munu_dropdown_toggle span {
	  display: block;
	  position: relative;
	  height: 10px;
	  width: 10px;
	}
	.cs_munu_dropdown_toggle span:before, .cs_munu_dropdown_toggle span:after {
	  content: "";
	  display: block;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  -webkit-transform: translate(-50%, -50%);
			  transform: translate(-50%, -50%);
	  height: 2px;
	  width: 10px;
	  background-color: currentColor;
	  -webkit-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
	.cs_munu_dropdown_toggle span:before {
	  -webkit-transform: translate(-50%, -50%) rotate(90deg);
			  transform: translate(-50%, -50%) rotate(90deg);
	}
	.cs_munu_dropdown_toggle.active span:before {
	  -webkit-transform: translate(-50%, -50%) rotate(0deg);
			  transform: translate(-50%, -50%) rotate(0deg);
	}
	.menu-item-has-children .menu-item-has-children .cs_munu_dropdown_toggle {
	  padding: 20px 18px;
	}
	.cs_site_branding {
	  position: relative;
	  z-index: 101;
	}
	.cs_nav > div {
	  position: fixed;
	  top: 0;
	  width: 100vw;
	  left: -100vw;
	  height: 100vh;
	  background-color: var(--heading-color);
	  color: #fff;
	  padding-top: 80px;
      -webkit-transition: all 0.4s ease;
	  transition: all 0.4s ease;
	}
	.cs_nav .cs_nav_list {
		padding: 10px 0;
		overflow: auto;
		height: 100%;
		line-height: 1.6em;
		display: block;
	}
	.cs_nav > .cs_active {
	  left: 0vw;
	}
	.cs_nav .cs_nav_list ul {
	  padding-left: 15px;
	  display: none;
	}
	.cs_nav .cs_nav_list a {
	  display: block;
	  padding: 12px 15px;
	  line-height: 16px;
	}
	.cs_nav .cs_nav_list > li > a {
	  font-size: 18px;
	  line-height: 22px;
	}
	.cs_nav .menu-item-has-children {
	  position: relative;
	}
	/*Mobile Menu Button*/
	.cs_menu_toggle {
	  display: inline-block;
	  width: 30px;
	  height: 27px;
	  cursor: pointer;
	  position: absolute;
	  top: 27px;
	  right: 30px;
	  color: #fff;
	}
	.cs_menu_toggle span,
	.cs_menu_toggle span:before,
	.cs_menu_toggle span:after {
	  width: 100%;
	  height: 2px;
	  background-color: currentColor;
	  display: block;
	}
	.cs_menu_toggle span {
	  margin: 0 auto;
	  position: relative;
	  top: 12px;
	  -webkit-transition-duration: 0s;
			  transition-duration: 0s;
	  -webkit-transition-delay: 0.2s;
			  transition-delay: 0.2s;
	}
	.cs_menu_toggle span:before {
	  content: "";
	  position: absolute;
	  margin-top: -9px;
	  -webkit-transition-property: margin, -webkit-transform;
	  transition-property: margin, -webkit-transform;
	  transition-property: margin, transform;
	  transition-property: margin, transform, -webkit-transform;
	  -webkit-transition-duration: 0.2s;
			  transition-duration: 0.2s;
	  -webkit-transition-delay: 0.2s, 0s;
			  transition-delay: 0.2s, 0s;
	}
	.cs_menu_toggle span:after {
	  content: "";
	  position: absolute;
	  margin-top: 9px;
	  -webkit-transition-property: margin, -webkit-transform;
	  transition-property: margin, -webkit-transform;
	  transition-property: margin, transform;
	  transition-property: margin, transform, -webkit-transform;
	  -webkit-transition-duration: 0.2s;
			  transition-duration: 0.2s;
	  -webkit-transition-delay: 0.2s, 0s;
			  transition-delay: 0.2s, 0s;
	}
	.cs_site_header.cs_style_1 .cs_menu_toggle {
	  top: 50%;
	  right: 0px;
	  margin-top: -13px;
	}
	.cs_site_header.cs_style_1.cs_heading_color .cs_menu_toggle {
	  color: var(--heading-color);
	}
	.cs_site_header.cs_style_1.cs_heading_color .cs_nav > div {
	  background-color: #fff;
	  color: var(--heading-color);
	}
	.cs_toggle_active span {
	  background-color: rgba(0, 0, 0, 0);
	  -webkit-transition-delay: 0.2s;
			  transition-delay: 0.2s;
	}
	.cs_toggle_active span:before {
	  margin-top: 0;
	  -webkit-transform: rotate(45deg);
			  transform: rotate(45deg);
	  -webkit-transition-delay: 0s, 0.2s;
			  transition-delay: 0s, 0.2s;
	}
	.cs_toggle_active span:after {
	  margin-top: 0;
	  -webkit-transform: rotate(-45deg);
			  transform: rotate(-45deg);
	  -webkit-transition-delay: 0s, 0.2s;
			  transition-delay: 0s, 0.2s;
	}
	.cs_nav .cs_nav_list a {
	  position: relative;
	}
	.cs_site_header.cs_style_1 .cs_main_header_in {
	  height: 80px;
	}
	.cs_site_header .current-menu-item > a:before {
	  display: none;
	}
	.cs_site_header.cs_style_1 .cs_main_header_center .cs_site_branding {
	  position: absolute;
	  left: 0px;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
			  transform: translateY(-50%);
	}
	.cs_site_header.cs_style_1 {
	  top: 0;
	}
	.cs_nav .cs_nav_list img {
	  display: none;
	}
  }
  @media screen and (max-width: 991px) {
	.cs_site_header .container {
	  max-width: 100%;
	}
	.cs_site_header.cs_style_1 .cs_action_box > *:not(:last-child) {
	  margin-right: 25px;
	}
  }
  @media (max-width:1199px) {
	.cs_gescout_sticky {
		opacity: 1;
	}
	}
	@media (max-width:575px) {
	  .cs_hamburger_btn {
		display: none;
	  }
	}

/*======================================
	End Header CSS
========================================*/

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

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

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

@media (max-width: 767px) {
	.blog__space {
	  padding-bottom: 0;
	}
  }
  .blog__mlr {
	margin: 0 200px;
  }
  @media only screen and (min-width: 1600px) and (max-width: 1800px) {
	.blog__mlr {
	  margin: 0 200px;
	}
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.blog__mlr {
	  margin: 0 100px;
	}
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.blog__mlr {
	  margin: 0 30px;
	}
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog__mlr {
	  margin: 0 50px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog__mlr {
	  margin: 0 30px;
	}
  }
  @media (max-width: 767px) {
	.blog__mlr {
	  margin: 0;
	}
  }
  .blog__content {
	padding-top: 30px;
  }
  .blog__catagory {
	margin-right: 30px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog__catagory {
	  margin-right: 26px;
	}
  }
  @media (max-width: 767px) {
	.blog__catagory {
	  margin-right: 20px;
	}
  }
  .blog__catagory a {
	font-weight: 500;
	font-size: 17px;
	color: var(--it-common-blue);
	padding: 6px 30px;
	border: 1px solid var(--it-common-blue);
	border-radius: 35px;
	display: inline-block;
  }
  @media (max-width: 767px) {
	.blog__catagory a {
	  font-size: 15px;
	  padding: 6px 25px;
	}
  }
  .blog__catagory-color-2 a {
	border: 1px solid var(--it-common-paste);
	color: var(--it-common-paste);
  }
  .blog__catagory-color-3 a {
	border: 1px solid var(--it-common-pink-4);
	color: var(--it-common-pink-4);
  }
  .blog__main-img:hover img {
	transform: scale(1.1) rotate(5deg);
  }
  .blog__main-img img {
	width: 100%;
	transition: 0.6s;
  }
  .blog__title {
	font-weight: 700;
	font-size: 22px;
	padding-bottom: 10px;
	transition: 0.3s;
	color: var(--it-common-black);
	line-height: 1.2;
  }
  .blog__title a{
	font-weight: 700;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.blog__title {
	  font-size: 20px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.blog__title br {
	  display: none;
	}
  }
  .blog__title:hover {
	color: var(--it-common-blue);
  }
  .blog__title-color-2:hover {
	color: var(--it-common-paste);
  }
  .blog__title-color-3:hover {
	color: var(--it-common-pink-4);
  }
  .blog__text {
	border-bottom: 1px solid var(--it-border-1);
	margin-bottom: 15px;
	padding-bottom: 15px;
}
  .blog__text p {
	padding-right: 30px;
  }
  @media (max-width: 767px) {
	.blog__text p {
	  padding-right: 0;
	}
  }
  .blog__link a {
	font-weight: 500;
	font-size: 18px;
	color: var(--it-common-black);
  }
  .blog__link a span {
	height: 15px;
	width: 15px;
	border-radius: 50%;
	background-color: var(--it-common-blue);
	line-height: 14px;
	display: inline-block;
	text-align: center;
	margin-left: 5px;
  }
  .blog__link a span i {
	font-size: 14px;
	color: var(--it-common-white);
  }
  .blog__link a:hover span {
	animation: tfLeftToRight 0.4s forwards;
  }
  .blog__link-color-2 a span {
	background-color: var(--it-common-paste);
  }
  .blog__link-color-3 a span {
	background-color: var(--it-common-pink-4);
  }

  .blog-2__plr {
	padding: 0 220px;
  }
  .blog__date {
	display: flex;
	align-items: center;
	gap: 8px;
}
.blog__date a {
	font-weight: 400;
	display: flex;
	align-items: center;
	gap: 5px;
	flex-wrap: wrap;
}
  @media only screen and (min-width: 1600px) and (max-width: 1800px) {
	.blog-2__plr {
	  padding: 0 100px;
	}
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog-2__plr {
	  padding: 0 30px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-2__plr {
	  padding: 0 30px;
	}
  }
  @media (max-width: 767px) {
	.blog-2__plr {
	  padding: 0px;
	}
  }
  .blog-2__item {
	margin-bottom: 70px;
  }
  .blog-2__item:hover .blog-2__thumb img {
	transform: scale(1.2);
  }
  .blog-2__thumb img {
	transition: 0.6s;
	width: 100%;
	transform: scale(1);
  }
  .blog-2__meta-img {
	flex: 0 0 auto;
	padding-right: 20px;
  }
  @media (max-width: 767px) {
	.blog-2__meta-img {
	  padding-right: 10px;
	}
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-2__meta-img {
	  padding-right: 20px;
	}
  }
  .blog-2__meta-box {
	padding: 0 70px;
	margin-top: -30px;
  }
  @media only screen and (min-width: 1600px) and (max-width: 1800px) {
	.blog-2__meta-box {
	  padding: 0 60px;
	}
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.blog-2__meta-box {
	  padding: 0 50px;
	}
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.blog-2__meta-box {
	  padding: 0 24px;
	}
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog-2__meta-box {
	  padding: 0 50px;
	}

  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-2__meta-box {
	  padding: 0 18px;
	}
  }
  @media (max-width: 767px) {
	.blog-2__meta-box {
	  padding: 0 17px;
	}
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-2__meta-box {
	  padding: 0 70px;
	}
  }
  .blog-2__meta {
	box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.05);
	background-color: var(--it-common-white);
	padding: 11px 20px;
	border-radius: 5px;
	position: relative;
	z-index: 2;
  }
  .blog-2__date span {
	font-size: 17px;
	font-weight: 400;
  }
  .blog-2__meta-img img {
	max-width: 35px !important;
	border-radius: 100% !important;
}
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.blog-2__date span {
	  font-size: 14px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-2__date span {
	  font-size: 14px;
	}
  }
  @media (max-width: 767px) {
	.blog-2__date span {
	  font-size: 14px;
	}
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-2__date span {
	  font-size: 17px;
	}
  }
  .blog-2__content-text {
	border-bottom: 1px solid var(--it-border-1);
	padding-top: 30px;
	margin: 0 30px;
	padding-bottom: 30px;
}
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.blog-2__content-text {
	  margin: 0 15px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-2__content-text {
	  margin: 0 9px;
	}
  }
  @media (max-width: 767px) {
	.blog-2__content-text {
	  margin: 0 15px;
	}
  }
  @media only screen and (min-width: 440px) and (max-width: 575px) {
	.blog-2__content-text {
	  margin: 0 30px;
	}
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-2__content-text {
	  margin: 0 80px;
	}
  }
  .blog-2__content-text p {
	padding-bottom: 10px;
	padding: 0 !important;
}
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.blog-2__content-text p {
	  padding: 0;
	  padding-bottom: 10px;
	}
  }
  @media (max-width: 767px) {
	.blog-2__content-text p {
	  font-size: 14px;
	}
  }
  @media only screen and (min-width: 440px) and (max-width: 575px) {
	.blog-2__content-text p {
	  font-size: 16px;
	}
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-2__content-text p {
	  font-size: 16px;
	}
  }
  .blog-2__content-title-sm {
	font-size: 22px;
	font-weight: 700;
	color: var(--it-common-black);
	transition: 0.3s;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-2__content-title-sm br {
	  display: none;
	}
  }
  @media (max-width: 767px) {
	.blog-2__content-title-sm {
	  font-size: 19px;
	}
	.blog-2__content-title-sm br {
	  display: none;
	}
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-2__content-title-sm br {
	  display: block;
	}
  }
  .blog-2__content-title-sm:hover {
	color: var(--it-common-blue-4);
  }
  .blog-2__content-button {
	padding-top: 30px;
  }

  .blog-3__mlr {
	margin: 0 200px;
  }
  @media only screen and (min-width: 1600px) and (max-width: 1800px) {
	.blog-3__mlr {
	  margin: 0 100px;
	}
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.blog-3__mlr {
	  margin: 0 100px;
	}
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-3__mlr {
	  margin: 0 30px;
	}
  }
  @media (max-width: 767px) {
	.blog-3__mlr {
	  margin: 0;
	}
  }
  .blog-3__item:hover .blog-3__meta span::after {
	width: 100%;
	opacity: 1;
	visibility: visible;
  }
  .blog-3__item:hover .blog-3__link span {
	color: var(--it-common-blue);
  }
  .blog-3__item:hover .blog-3__link span i {
	color: var(--it-common-blue);
  }
  .blog-3__item:hover .blog-3__main-thumb img {
	transform: scale(1.2);
  }
  .blog-3__main-thumb {
	position: relative;
	border-radius: 20px;
  }
  .blog-3__main-thumb img {
	width: 100%;
	transition: 0.6s;
  }
  .blog-3__thumb-overly {
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	background-color: var(--it-theme-1);
	padding: 6px 32px;
	border-radius: 30px;
	margin: 10px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-3__thumb-overly {
	  padding: 4px 15px;
	}
  }
  @media (max-width: 767px) {
	.blog-3__thumb-overly {
	  padding: 4px 18px;
	}
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-3__thumb-overly {
	  padding: 6px 30px;
	}
  }
  .blog-3__thumb-overly span {
	font-weight: 500;
	font-size: 17px;
	color: var(--it-common-black);
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-3__thumb-overly span {
	  font-size: 13px;
	}
  }
  @media (max-width: 767px) {
	.blog-3__thumb-overly span {
	  font-size: 14px;
	}
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-3__thumb-overly span {
	  font-size: 14px;
	}
  }
  .blog-3__content {
	padding: 25px 0;
  }
  .blog-3__meta span {
	font-weight: 400;
	font-size: 17px;
	color: #333333;
	padding-bottom: 10px;
	display: inline-block;
	transition: 0.3s;
	position: relative;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-3__meta span {
	  font-size: 14px;
	}
  }
  @media (max-width: 767px) {
	.blog-3__meta span {
	  font-size: 14px;
	}
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-3__meta span {
	  font-size: 16px;
	}
  }
  .blog-3__meta span::after {
	content: "";
	position: absolute;
	bottom: 9px;
	left: 0;
	height: 1px;
	width: 0;
	background-color: var(--it-common-black);
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
  }
  .blog-3__title-sm {
	font-weight: 700;
	font-size: 22px;
	transition: 0.3s;
	line-height: 1.3;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-3__title-sm {
	  font-size: 19px;
	}
	.blog-3__title-sm br {
	  display: none;
	}
  }
  @media (max-width: 767px) {
	.blog-3__title-sm {
	  font-size: 18px;
	}
	.blog-3__title-sm br {
	  display: none;
	}
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-3__title-sm {
	  font-size: 20px;
	}
  }
  .blog-3__title-sm:hover {
	color: var(--it-common-blue);
  }
  .blog-3__text {
	border-bottom: 1px solid var(--it-border-1);
  }
.blog-3__text p {
	padding-right: 120px;
	padding-bottom: 10px;
	margin-bottom: 15PX;
}
  @media only screen and (min-width: 1600px) and (max-width: 1800px) {
	.blog-3__text p {
	  padding-right: 90px;
	}
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.blog-3__text p {
	  padding-right: 20px;
	}
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.blog-3__text p {
	  padding-right: 0;
	}
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog-3__text p {
	  padding-right: 90px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-3__text p {
	  padding-right: 0;
	  font-size: 15px;
	}
  }
  @media (max-width: 767px) {
	.blog-3__text p {
	  padding-right: 0;
	  font-size: 14px;
	}
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-3__text p {
	  padding-right: 0;
	  font-size: 15px;
	}
  }
  .blog-3__link {
	padding-top: 15px;
  }
  .blog-3__link a {
	font-weight: 500;
	font-size: 18px;
	color: var(--it-common-black);
	transition: 0.3s;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-3__link a {
	  font-size: 15px;
	}
  }
  @media (max-width: 767px) {
	.blog-3__link a {
	  font-size: 14px;
	}
  }
  @media (max-width: 767px) {
	.blog-3__link a {
	  font-size: 16px;
	}
  }
  .blog-3__link a:hover {
	color: var(--it-common-blue);
  }
  .blog-3__link a:hover i {
	animation: tfLeftToRight 0.4s forwards;
  }
  .blog-3__link a i {
	padding-left: 8px;
	transform: translateY(2px);
	font-size: 17px;
	font-weight: 500;
	transition: 0.3s;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog-3__link a i {
	  font-size: 15px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-3__link a i {
	  font-size: 15px;
	}
  }
  @media (max-width: 767px) {
	.blog-3__link a i {
	  font-size: 14px;
	}
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-3__link a i {
	  font-size: 16px;
	}
  }
  .blog-3__link a i:hover {
	color: var(--it-common-black);
  }
  .blog-3__top-text p {
	padding-right: 106px;
  }
  @media only screen and (min-width: 1600px) and (max-width: 1800px) {
	.blog-3__top-text p {
	  padding-right: 85px;
	}
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.blog-3__top-text p {
	  padding-right: 7px;
	}
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.blog-3__top-text p {
	  padding-right: 0;
	}
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.blog-3__top-text p {
	  padding-right: 0;
	  font-size: 15px;
	}
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-3__top-text p {
	  padding-right: 0;
	}
  }

  .blog-4__mlr {
	margin: 0px 200px;
  }
  @media only screen and (min-width: 1600px) and (max-width: 1800px) {
	.blog-4__mlr {
	  margin: 0 100px;
	}
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.blog-4__mlr {
	  margin: 0 100px;
	}
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-4__mlr {
	  margin: 0 30px;
	}
  }
  @media (max-width: 767px) {
	.blog-4__mlr {
	  margin: 0;
	}
  }
  .blog-4__item-bg {
	border-radius: 15px;
	background-repeat: no-repeat;
	background-size: cover;
  }
  .blog-4__item {
	padding: 70px 30px;
	border-radius: 5px;
	padding-bottom: 50px;
	position: relative;
	z-index: 1;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog-4__item {
	  padding: 70px 26px;
	  padding-bottom: 50px;
	}
  }
  .blog-4__item::after {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f9f8f8;
	position: absolute;
	z-index: -1;
	transition: 0.4s;
	border-radius: 10px;
  }
  .blog-4__item:hover::after {
	background-color: rgba(34, 34, 34, 0.8);
  }
  .blog-4__item:hover .border-btn-2 {
	background-color: var(--it-common-white);
	color: var(--it-common-black);
  }
  .blog-4__item:hover .blog-4__title {
	color: var(--it-common-white);
  }
  .blog-4__item:hover .blog-4__content p {
	color: var(--it-common-white);
  }
  .blog-4__item:hover .blog-4__meta span {
	color: var(--it-common-white);
  }
  .blog-4__tag {
	position: absolute;
	top: 0;
	left: 30px;
  }
  .blog-4__tag.tag-color-2 span {
	background-color: var(--it-theme-1);
  }
  .blog-4__tag.tag-color-3 span {
	background-color: #ffb995;
  }
  .blog-4__tag span {
	background-color: #7ee1f0;
	padding: 12px 20px;
	display: inline-block;
	border-radius: 0 0 5px 5px;
	color: var(--it-common-black);
	font-size: 14px;
	font-weight: 600;
	transition: 0.3s;
  }
  .blog-4__meta {
	padding-bottom: 15px;
  }
  .blog-4__meta span {
	color: #818282;
	font-size: 16px;
	font-weight: 400;
	transition: 0.3s;
  }
  @media (max-width: 767px) {
	.blog-4__meta span {
	  font-size: 15px;
	}
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-4__meta span {
	  font-size: 16px;
	}
  }
  .blog-4__title {
	font-size: 22px;
	color: var(--it-common-black);
	line-height: 1.2;
	padding-bottom: 10px;
	transition: 0.3s;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog-4__title {
	  font-size: 19px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-4__title {
	  font-size: 20px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-4__title {
	  font-size: 20px;
	}
  }
  @media (max-width: 767px) {
	.blog-4__title {
	  font-size: 19px;
	}
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-4__title {
	  font-size: 22px;
	}
  }
  .blog-4__title:hover.title-color-1 {
	color: #7ee1f0;
  }
  .blog-4__title:hover.title-color-2 {
	color: var(--it-theme-1);
  }
  .blog-4__title:hover.title-color-3 {
	color: #ffb995;
  }
  .blog-4__content {
	padding-bottom: 35px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog-4__content {
	  padding-bottom: 20px;
	}
  }
  .blog-4__content p {
	font-size: 16px;
	transition: 0.3s;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog-4__content p {
	  font-size: 15px;
	}
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog-4__content p {
	  font-size: 14px;
	}
  }

  .blog-5__plr {
	padding: 0 200px;
  }
  @media only screen and (min-width: 1600px) and (max-width: 1800px) {
	.blog-5__plr {
	  padding: 0 100px;
	}
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.blog-5__plr {
	  padding: 0 100px;
	}
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-5__plr {
	  padding: 0 30px;
	}
  }
  @media (max-width: 767px) {
	.blog-5__plr {
	  padding: 0;
	}
	.blog-5__item {
		flex-direction: column;
	}
  }
  .blog-5__space {
	padding-top: 100px;
	padding-bottom: 70px;
  }
  .blog-5__item {
	padding: 10px;
	border-radius: 10px;
	background-color: #31303f;
	transition: 0.3s;
	border: 1px dashed transparent;
  }

  .blog-5__item:hover {
	background-color: var(--it-common-black-7);
	border: 1px dashed #89abf1;
  }
  .blog-5__item:hover .blog-5__link a {
	color: #89abf1;
  }
  .blog-5__item:hover .blog-5__title-sm {
	color: #89abf1;
  }
  .blog-5__main-img {
		padding-right: 30px;
		min-width: 330px;
	}
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.blog-5__main-img {
	  padding-right: 30px;
	}
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog-5__main-img {
	  padding-right: 60px;
	}
  }
  @media (max-width: 767px) {
	.blog-5__main-img {
	  padding-right: 0;
	  margin-bottom: 30px;
	  width: 100%;
	}
  }
  .blog-5__main-img img {
	border-radius: 10px;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.blog-5__main-img img {
	  width: 100%;
	}
  }
  @media (max-width: 767px) {
	.blog-5__main-img img {
	  width: 100%;
	}
  }
  .blog-5__meta span {
	color: #89abf1;
	display: inline-block;
	margin-bottom: 13px;
  }
  .blog-5__title-sm {
	font-size: 22px;
	color: var(--it-common-white);
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.blog-5__title-sm {
	  font-size: 19px;
	}
	.blog-5__title-sm br {
	  display: none;
	}
  }
  @media (max-width: 767px) {
	.blog-5__title-sm {
	  font-size: 19px;
	}
	.blog-5__title-sm br {
	  display: none;
	}
  }
  .blog-5__content p {
	color: var(--it-common-white-2);
	padding-bottom: 10px;
	padding-right: 40px;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.blog-5__content p {
	  font-size: 15px;
	  padding-right: 0;
	}
  }
  .blog-5__link a {
	font-size: 18px;
	color: var(--it-common-white);
	font-weight: 500;
	transition: 0.3s;
  }
  .blog-5__link a:hover i {
	animation: tfLeftToRight 0.4s forwards;
  }
  .blog-5__link a i {
	padding-left: 15px;
  }
  .blog-5__item-box-2 .blog-5__meta span {
	color: var(--it-theme-1);
  }
  .blog-5__item-box-2:hover {
	background-color: var(--it-common-black-7);
	border: 1px dashed var(--it-theme-1);
  }
  .blog-5__item-box-2:hover .blog-5__link a {
	color: var(--it-theme-1);
  }
  .blog-5__item-box-2:hover .blog-5__title-sm.title-color-2 {
	color: var(--it-theme-1);
  }
  .blog-5__item-box-3 .blog-5__meta span {
	color: var(--it-common-pink-4);
  }
  .blog-5__item-box-3:hover {
	background-color: var(--it-common-black-7);
	border: 1px dashed var(--it-common-pink-4);
  }
  .blog-5__item-box-3:hover .blog-5__link a {
	color: var(--it-common-pink-4);
  }
  .blog-5__item-box-3:hover .blog-5__title-sm.title-color-3 {
	color: var(--it-common-pink-4);
  }
  .blog-5__item-box-4 .blog-5__meta span {
	color: var(--it-common-green);
  }
  .blog-5__item-box-4:hover {
	background-color: var(--it-common-black-7);
	border: 1px dashed var(--it-common-green);
  }
  .blog-5__item-box-4:hover .blog-5__link a {
	color: var(--it-common-green);
  }
  .blog-5__item-box-4:hover .blog-5__title-sm.title-color-4 {
	color: var(--it-common-green);
  }

  @media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
	.postbox__wrapper {
	  padding-right: 0px;
	  margin-bottom: 50px;
	}
  }

  .postbox__p-right {
	margin-right: 20px;
  }
  @media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
	.postbox__p-right {
	  margin-right: 0px;
	}
  }

.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: var(--accent-color);
}
.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;
}

/*--------------------------------------------------------------
  20. Posts
----------------------------------------------------------------*/
.cs_post.cs_style_1 {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background-color: #fff;
  }
  .cs_post.cs_style_1 .cs_post_info {
	padding: 24px 30px 30px;
	border: 1px solid transparent;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
  }
  @media (max-width: 1199px) {
	.cs_post.cs_style_1 .cs_post_info {
	  padding: 24px 25px 30px;
	}
  }
  .cs_post.cs_style_1 .cs_post_meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	gap: 0px 18px;
	margin-bottom: 16px;
	border-top: 0;
  }
  .cs_post.cs_style_1 .cs_post_meta li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	gap: 6px;
  }
  .cs_post.cs_style_1 .cs_post_thumb {
	overflow: hidden;
	display: block;
  }
  .cs_post.cs_style_1 .cs_post_thumb img {
	width: 100%;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	object-fit: cover;
}
  .cs_post.cs_style_1 .cs_post_thumb:hover img {
	-webkit-transform: scale(1.03);
			transform: scale(1.03);
  }
  .cs_post.cs_style_1 .cs_post_subtitle {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
}
  .cs_post.cs_style_1:hover {
	-webkit-transform: translateY(-3px);
			transform: translateY(-3px);
  }
  .cs_post.cs_style_1:hover .cs_post_info {
	-webkit-box-shadow: 0 50px 30px -40px rgba(0, 0, 0, 0.1);
			box-shadow: 0 50px 30px -40px rgba(0, 0, 0, 0.1);
	border-color: var(--br-color);
  }
  .cs_post.cs_style_1.cs_type_1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	gap: 22px;
	background-color: transparent;
  }
  @media (max-width: 575px) {
	.cs_post.cs_style_1.cs_type_1 {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	}
  }
  .cs_post.cs_style_1.cs_type_1 .cs_post_info {
	border: none;
  }
  .cs_post.cs_style_1.cs_type_1 .cs_post_info {
	padding: 0;
  }
  .cs_post.cs_style_1.cs_type_1 .cs_post_thumb {
	-webkit-box-flex: 0;
		-ms-flex: none;
			flex: none;
	width: 50%;
	height: 405px;
  }
  @media (max-width: 575px) {
	.cs_post.cs_style_1.cs_type_1 .cs_post_thumb {
	  width: 100%;
	  height: initial;
	}
  }
  .cs_post.cs_style_1.cs_type_1 .cs_post_thumb img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	max-height: 405px;
}
  .cs_post.cs_style_1.cs_type_1 .cs_post_subtitle {
	-webkit-line-clamp: 4;
  }
  .cs_post.cs_style_1.cs_type_1:hover .cs_post_info {
	-webkit-box-shadow: none;
			box-shadow: none;
  }
  .cs_post.cs_style_1.cs_type_2 {
	height: 835px;
	position: relative;
	overflow: hidden;
  }
  @media (max-width: 991px) {
	.cs_post.cs_style_1.cs_type_2 {
	  height: 650px;
	}
  }
  @media (max-width: 767px) {
	.cs_post.cs_style_1.cs_type_2 {
	  height: 550px;
	}
  }
  @media (max-width: 575px) {
	.cs_post.cs_style_1.cs_type_2 {
	  height: 450px;
	}
  }
  .cs_post.cs_style_1.cs_type_2 .cs_post_thumb {
	height: 100%;
	width: 100%;
  }
  .cs_post.cs_style_1.cs_type_2 .cs_post_thumb img {
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
  }
  .cs_post.cs_style_1.cs_type_2 .cs_post_info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border: none;
	padding: 50px 60px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-pack: end;
		-ms-flex-pack: end;
			justify-content: flex-end;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 25, 25, 0)), to(var(--heading-color)));
	background: linear-gradient(180deg, rgba(25, 25, 25, 0) 0%, var(--heading-color) 100%);
  }
  @media (max-width: 1400px) {
	.cs_post.cs_style_1.cs_type_2 .cs_post_info {
	  padding: 40px 35px;
	}
  }
  @media (max-width: 575px) {
	.cs_post.cs_style_1.cs_type_2 .cs_post_info {
	  padding: 50px 25px;
	}
  }
  .cs_post.cs_style_1.cs_type_2:hover {
	-webkit-transform: initial;
			transform: initial;
  }
  .cs_post.cs_style_1.cs_type_2:hover .cs_post_thumb img {
	-webkit-transform: scale(1.04);
			transform: scale(1.04);
  }
/* CS Blog Detail*/  
  .cs_blog_details img {
  }
  .cs_blog_details .cs_video_block {
	margin-bottom: 40px;
	border-radius: 6px;
  }
  .cs_blog_details h2 {
	font-size: 28px;
	font-weight: 400;
	margin-bottom: 20px;
}
.cs_blog_details h1,
.cs_blog_details h2,
.cs_blog_details h3,
.cs_blog_details h4,
.cs_blog_details h5,
.cs_blog_details h6{
	font-weight: 600;
	line-height: 140%;
}
  .cs_blog_details p {
	margin-bottom: 35px;
  }
  .cs_blog_details .has-drop-cap:first-child:first-letter,
  .cs_blog_details > img:first-child + p:first-letter {
	float: left;
	font-size: 51px;
	line-height: 0.5em;
	font-weight: 700;
	margin: 10px 10px 0 0;
	text-transform: uppercase;
	font-style: normal;
	color: var(--accent-color);
	font-family: var(--heading-font);
  }
  .cs_blog_details blockquote {
	border-left: 5px solid var(--accent-color) !important;
	font-size: 28px;
	line-height: 1.25em;
	font-style: normal;
	font-weight: 600;
	color: var(--heading-color);
	padding: 15px 0px 15px 30px;
	margin: 40px 0;
}
.cs_blog_details blockquote p {
	font-family: inherit !important;
	font-size: 21px;
	font-style: normal;
	color: var(--heading-color);
	margin: 0;
	font-weight: 600;
	line-height: 1.33em;
}
  .cs_blog_details blockquote svg {
	display: block;
	margin-bottom: 25px;
  }
  .cs_blog_details blockquote cite, .cs_blog_details blockquote cite small {
	display: block;
	font-style: initial;
	font-size: 18px;
	line-height: 1.66em;
	color: var(--body-color);
	margin-top: 20px;
	font-weight: 600;
}
.cs_blog_details blockquote::before {
	font-family: "Font Awesome 6 Free";
	content: "\f10d";
	font-weight: 900;
	color: var(--accent-color);
	margin-bottom: 25px;
	display: block;
	font-size: 44px;
}
@media (max-width: 575px) {
	.cs_blog_details blockquote {
	  padding: 15px 0px 15px 20px;
	}
  }
  .cs_blog_details ul {
	list-style: disc;
  }
  .cs_blog_details ul li{
	font-weight: 400;
  }
  .cs_blog_details ul li:not(:last-child) {
	margin-bottom: 5px;
  }
  .cs_blog_details > * {
	margin-bottom: 0;
  }
  
  .cs_post_share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 20px 20px;
	justify-content: center;
}
  
  .cs_post_share > * {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	gap: 15px;
  }
  
  .cs_categories {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	gap: 15px;
	font-size: 16px;
	line-height: 1.6em;
  }
  .cs_categories a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	color: #fff;
	background-color: var(--accent-color);
	padding: 2px 15px;
  }
  .cs_categories a:hover {
	background-color: var(--heading-color);
	color: #fff;
  }
  
/* Blockquote */
blockquote {
	/* padding: 30px; */
	font-style: italic;
	border-left: 8px solid var(--accent-color) !important;
	font-size: 30px;
	line-height: 40px;
	/* font-weight: 600; */
	color: var(--accent-color);
}

.cs_author_card {
	border: 1px solid var(--br-color);
	border-right: 0;
	border-left: 0;
	padding: 50px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0 50px;
  }
  @media (max-width: 767px) {
	.cs_author_card {
	  gap: 0 20px;
	}
  }
  @media (max-width: 575px) {
	.cs_author_card {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  gap: 20px 0;
	  text-align: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	}
	.cs_author_card br {
	  display: none;
	}
  }
  .cs_author_card img {
	height: 150px;
	width: 150px;
	border-radius: 50%;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-box-flex: 0;
		-ms-flex: none;
			flex: none;
  }
  @media (max-width: 767px) {
	.cs_author_card img {
	  height: 120px;
	  width: 120px;
	}
  }
  .cs_author_card h3 {
	margin-bottom: 12px;
  }
  .cs_author_card p {
	margin-bottom: 15px;
  }
  @media (max-width: 575px) {
	.cs_author_card .cs_social_btns.cs_style_1 {
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	}
  }
  .cs_author_card .cs_social_btns.cs_style_1 a {
	height: 35px;
	width: 35px;
	font-size: 15px;
  }
  
#comments .comments-title {
	font-size: 22px;
	font-weight: 500;
	line-height: 30px;
}
.comment-metadata a {
	color: var(--accent-color);
}
.comment-metadata time {
	font-weight: 400;
	font-size: 13px;
	color: var(--accent-color);
}
.comment-author .says, .comment-edit-link {
	color: var(--heading-color) !important;
	font-weight: 400 !important;
}
/* Comment List */
.comment-list {
	padding: 25px 20px;
	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;
}
.comment-author.vcard {
	display: inline-block;
}
.comment-meta a {
	color: var(--heading-color);
	font-weight: 500;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: var(--it-common-black);
	position: relative;
}
.comment-meta a:hover{
	color:var(--accent-color);
}
.comment-author.vcard .fn, .comment-author .says {
	display: inline-block !important;
}

.logged-in-as a {
	color: var(--heading-color);
	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: var(--heading-color);
	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;
	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 {
	width: 100%;
}
.comment-respond input {
	max-height: 50px;
}
.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: var(--accent-color);
}
.comment-respond textarea {
	height: 225px !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 {
    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: var(--accent-color);
}
.logged-in-as a:hover {
	color: var(--accent-color);
}
.comment-form .comment-form-wrap {
	margin-top: 35px;
}
.comment-form .form-group,
.comment-form .comment-message {
	position: relative;
	display: block;
	margin: 0 0 25px;
}
.comment-form .form-group input:hover,
.comment-form .comment-message textarea:hover{
	border-color:var(--accent-color);
}
/* Comment Form Reply */
.comment-list .bottom-title h2.comments-heading {
	background: transparent !important;
	color: var(--heading-color);
	left: auto;
}
.comment-list .bottom-title h2.comments-heading a {
	color: var(--accent-color);
	font-size: 15px;
	margin-left:5px;
}
.comment-list .bottom-title h2.comments-heading a:hover{
	color:var(--heading-color);
}
.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;
}
}

.ecozone-blog-main-section {
	padding: 100px 0 150px;
}

@media screen and (max-width: 991px) {
	.ecozone-blog-main-section {
		padding: 30px 0 80px;
	}
}

.ecozone-blog-main-section .sidebar-main,
.ecozone-blog-main-section__blog {
	margin-top: 50px;
}
.ecozone-blog-main-section__archive {
	margin-top:20px;
}
.blog-single-column {
	margin-top:30px;
}
.ecozone-blog-main-section.blog-single {
	padding: 100px 0 150px;
}

.card-news-style-2 {
	overflow: hidden;
	/* margin-bottom: 56px; */
}
.card-news-style-2 .card-image {
  margin-bottom: 29px;
}
.card-news-style-2 .card-image img {
  width: 100%;
  border-radius: 8px;
  display: block;
}
.card-news-style-2 .card-info .card-meta .date-post {
  background-image: url(assets/img/dot.png);
  background-repeat: no-repeat;
  background-position: left 14px center;
  display: inline-block;
  padding: 0px 0px 0px 26px;
}
.card-news-style-2 .card-info .card-title {
  margin-bottom: 29px;
}
.card-news-style-2 .card-info .card-title a {
  font-size: 26px;
  line-height: 31px;
  font-weight: 600;
  font-family: "Urbanist", sans-serif;
  color: var(--heading-color);
}
.card-news-style-2 .card-info .card-title a:hover {
  color: var(--accent-color);
}
.card-news-style-2 .card-info .card-more .btn-learmore-2 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  font-family: "Urbanist", sans-serif;
  color: var(--heading-color);
}
.card-news-style-2 .card-info .card-more .btn-learmore-2 svg {
  margin-left: 10px;
  fill: var(--heading-color);
}
.card-news-style-2 .card-info .card-more .btn-learmore-2:hover {
  color: var(--accent-color);
}
.card-news-style-2 .card-info .card-more .btn-learmore-2:hover svg {
  fill: var(--accent-color);
}
.card-news-style-2.card-news-style-3 .card-title a {
  font-size: 48px;
  line-height: 58px;
}
.card-news-style-2.card-news-style-3 .card-image {
  margin-bottom: 0px;
}
.card-news-style-2.card-news-style-3 .card-image img {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.card-news-style-2.card-news-style-3 .card-info {
  padding: 42px 42px 42px 42px;
  border: 1px solid #D1D3D4;
  border-top: 0px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.card-news-style-2.card-news-style-3 .card-info .card-title {
  margin-bottom: 10px;
}
.card-news-style-2.card-news-style-3 .card-info .card-desc {
  margin-bottom: 32px;
}
.card-news-style-2.card-news-style-3 .card-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-news-style-2.card-news-style-3 .card-more .card-author-comment .author {
  display: inline-block;
  padding: 1px 27px 0px 18px;
  background-image: url(assets/img/author.png);
  background-repeat: no-repeat;
  background-position: left top 0px;
  font-size: 14px;
  line-height: 14px;
  color: var(--body-color);
}
.card-news-style-2.card-news-style-3 .card-more .card-author-comment .comments {
  display: inline-block;
  padding: 0px 0px 0px 18px;
  background-image: url(assets/img/comment.png);
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 14px;
  line-height: 14px;
  color: var(--body-color);
}

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

/*====================================
	Page CSS
======================================*/
/* BLog Single */
.news-area.archive.single {
	padding-top: 70px 0 0;
}
/* Search Page CSS */
.search-page{
	padding:70px 0 100px;
}
/* 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__area {
	padding: 130px 0;
}
.error__heading {
	margin: 0 0 5px;
}

@media (max-width: 991px) {
	.cs_footer_logo {
	  display: none;
	}
	.error__area {
		padding: 80px 0;
	}
  }
/*====================================
	End Page CSS
======================================*/

/*====================================
	BreadCrumbs CSS
======================================*/
.breadcrumbs {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	padding: 100px 0;
	z-index: 10;
	background-color: #667D9E;
}
.bread-inner {
	text-align: center;
	z-index: 100;
	position: relative;
}
.breadcrumbs::before {
	background: var(--heading-color);
	opacity: 0.6;
}
.breadcrumbs .bread-title {
    z-index: 5553;
    position: relative;
    border-radius: 5px;
}
.breadcrumbs .bread-title p {
    color: #fff;
    font-size: 13px;
}
.breadcrumbs h2 {
	color: #fff;
	text-transform: capitalize;
	font-size: 45px;
	margin: 0;
	padding: 0;
	line-height: 45px;
	z-index: 555;
	position: relative;
}
.breadcrumbs .bread-list {
	display: block;
	margin-top:20px;
}
.breadcrumbs ul li {
	display: block;
	display: inline-block;
}
.breadcrumbs ul li span {
	margin: 0px 10px;
	font-size: 11px;
	font-weight: 400;
	color:#fff;
}
.breadcrumbs.style2 ul li span {
	font-size: 14px;
}
.breadcrumbs ul li a{
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
}
.breadcrumbs ul li a:hover{
	opacity:0.8;
	color:#fff !important;
}
.breadcrumbs.style2 ul li a{
	font-weight:500;
}
.breadcrumbs.style2 ul li a:hover{
	color:var(--accent-color);
}
.breadcrumbs .bread-menu {
	color: #fff;
	z-index: 555;
	position: relative;
	line-height: initial;
	font-size: 0;
	margin-top: 15px;
}
.breadcrumbs .bread-menu span {
	color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size: 16px;
	padding-right: 8px;
	margin-right: 8px;
	display: inline-block;
	font-weight: 500;
}
.breadcrumbs .bread-menu span:hover{
	color:var(--accent-color);
}
.breadcrumbs .bread-menu span:last-child{
	margin:0;
	padding:0;
}
.breadcrumbs .bread-menu span + span::before {
	content: "\f105";
	font-family: 'FontAwesome';
	left: -7px;
	position: relative;
}
/* Blog Single */
.breadcrumb.bread-two {
	background: #F8F9FA;
	margin: 0;
	padding: 30px 0;
	border-top: 1px solid #cccccc61;
	text-align: center;
}
.breadcrumb.bread-two:before{
	display:none;
}
.breadcrumb.bread-two .bread-menu {
	color: var(--accent-color);
	font-size: 0;
	line-height: initial;
}
.breadcrumb.bread-two .bread-menu span {
	color: var(--heading-color);
	font-size: 14px;
	margin-right: 15px;
	padding-right: 15px;
	position: relative;
	transition: all 0.3s ease;
	font-weight: 500;
}
.breadcrumb.bread-two .bread-menu span:last-child{
	margin:0;
	padding:0;
}
.breadcrumb.bread-two .bread-menu span:hover{
	color:var(--accent-color);
}
.breadcrumb.bread-two span::before {
	content: "/";
	position: absolute;
	right: -4px;
	width: 9px;
	height: 9px;
	top: 2px;
	border-radius: 100%;
	font-size: 12px;
}
.breadcrumb.bread-two .home::before {
	content: "\f015";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right: 5px;
}
.breadcrumb.bread-two span:last-child:before{
	display:none;
}
.breadcrumb.bread-two .bread-menu span span{
	margin:0;
	padding:0;
}
.breadcrumb.bread-two .bread-menu span span:before{
	display:none;
}
.breadcrumb.bread-two .bread-menu span.current-item {
	color: var(--accent-color);
}
/*====================================
	End BreadCrumbs CSS
======================================*/

/*====================================
	Pagination CSS
======================================*/
.pagination-main {
	text-align: left;
	margin: 50px 0 0 0;
	display: flex;
}
.pagination-main.full-width {
	text-align: center;
}
.pagination-main.full-width{
	text-align: left;
}
.pagination-list{
	list-style:none;
}
.pagination-list.pagination-list__center{
	justify-content: center;
}
.pagination-main .pagination-list li a, .pagination-list .page-numbers {
	display: inline-block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 600;
	transition: 0.3s;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--body-color);
	border: 1px solid var(--br-color);
}
.pagination-main .pagination-list li.active a, .pagination-main .pagination-list li:hover a, .pagination-list span.current, .pagination-list .page-numbers:hover {
	background: var(--accent-color);
	color: #fff;
	border-color: transparent !important;
}
.pagination-main .pagination-list li a span {
	color: inherit !important;
}

.pagination-list {
	border-radius: 100px;
	display: flex;
	padding: 0;
	margin: 0;
	gap: 8px;
}
.pagination-plugin.align-left {
	justify-content: start;
}
/*====================================
	End Pagination CSS
======================================*/

/*====================================
	Wordpress Default CSS
======================================*/
p b, strong {
	color: var(--heading-color);
}
.sidebar-main{
	background-color: var(--gray-color);
  	padding: 35px;
}
.sidebar-main .widget ul li a {
	line-height: 30px;
	position: relative;
	width: 100%;
	display: block;
	background: transparent;
	font-weight: 500;
}
.sidebar-main .widget ul li a:hover{
	color:var(--accent-color) !important;
}
.single-news.news-large img {
	width: auto;
}
.widget {
	border-radius: 0;
}
.sidebar-main .widget {
	margin-bottom: 45px;
}
.sidebar-main .widget:last-child{
	margin:0 !important;
	border:none !important;
}
.wp-block-search .wp-block-search__label{
	display: none;
}
.wp-block-archives-dropdown label,
.wp-block-search .wp-block-search__label {
	color: var(--heading-color);
	font-weight: 500;
	padding-bottom: 5px;
}
.widget.widget_search {
	border: none;
}
/* 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: var(--heading-color);
	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: var(--heading-color);
}
.widget ul li a:hover {
	color: var(--accent-color);
}
/* Akismet Widget */
.widget_akismet_widget .a-stats a {
	background: #F60 !important;
	border: none;
	color: #fff;
}
.widget_akismet_widget .a-stats a strong {
  color: #fff;
}

.sidebar-main .wp-block-social-links {
	margin-top: 10px;
}
/* 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:var(--accent-color);
}
.widget_nav_menu ul li a i {
	display: inline-block;
	margin-right: 15px;
}
.about-us-text p {
	font-weight: 500;
	line-height: 24px;
	color: var(--body-color) !important;
}
/* Category List */
.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:var(--accent-color);
}
.widget_categories ul li a span{
	display:inline-block;
	color:var(--accent-color);
}

.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: var(--heading-color);
}
.widget_recent_comments a:hover{
	color: var(--accent-color);
}
.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: var(--accent-color) !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:var(--heading-color);
}
.widget_recent_comments .comment-author-link a, .wp-block-latest-comments__comment a {
	color: var(--heading-color) !important;
}
.widget_recent_comments .comment-author-link a:hover{
	color:var(--accent-color);
}
#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: var(--heading-color);
	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: var(--heading-color) !important;
}
.wp-block-categories {
	padding: 0;
}
.sidebar-main  .wp-block-categories li {
	display: block;
  }
  .sidebar-main .wp-block-categories li a {
	width: initial !important;
	display: inline-block !important;
	color: var(--body-color) !important;
	font-size: 18px;
}
.sidebar-main .wp-block-categories li a:hover{
	text-decoration: none !important;
  color: var(--accent-color) !important;
}
.sidebar-main .wp-block-categories li {
	font-size: 16px;
	color: var(--body-color) !important;
	margin-bottom: 0;
	position: relative;
	display: flex;
	align-items: center;
	gap: 0;
}
  .sidebar-main .widget  .wp-block-categories li:hover,
  .sidebar-main .widget .wp-block-categories li:hover a,
  .sidebar-main .widget .wp-block-categories li a:hover,
  .sidebar-main .widget ul.wp-block-categories li a:hover {
	color: var(--accent-color) !important;
  }

.wp-block-categories-list.wp-block-categories li::before, 
.wp-block-categories-list.wp-block-categories li::after {
	content: "";
	/* position: absolute; */
	left: 0;
	top: 3px;
	height: 20px;
	width: 20px;
	border: 2px solid var(--heading-color);
	border-radius: 3px;
	display: inline-block;
	margin-right: 15px;
}
.wp-block-categories-list.wp-block-categories li::after {
	position: absolute;
	height: 7px;
	width: 7px;
	transform: rotate(45deg);
	top: 12px;
	left: 5px;
	border: 2px solid var(--heading-color);
	border-left: 0;
	border-bottom: 0;
	margin: 0;
	border-radius: 0px;
}

/* Subscribe */
@media (min-width: 992px) {
.ecozone-blog-archive .sidebar-main {
	padding-left: 40px;
}
.ecozone-blog-archive.left-sidebar .sidebar-main{
	padding-left: 0px;
	padding-right:40px;
}
}

.blog-sidebar .subscribe form,
.widget_mc4wp_form_widget .form-main{
	position:relative
}
.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;
}
/* Widget Select */
.single-widget select {
	width: 100%;
	padding: 12px;
	font-size: 14px;
	border: 1px solid #ebebeb;
	background: #F5F8F9;
	position: relative;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	user-select: 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: var(--heading-color);
	font-size: 14px !important;
	display: inline-block;
	padding: 8px 12px;
	background: #fff;
	margin-top: 5px;
}
.widget_tag_cloud .tagcloud a:hover{
	background:var(--accent-color);
	color:var(--heading-color);
}
/* Tag */
.widget_tag_cloud .tagcloud a {
	background: #f6f6f6;
}
.widget_tag_cloud .tagcloud a:hover{
	background:var(--accent-color);
	color:var(--heading-color);
}
/* Widget RSS */
.widget_rss .rsswidget {
  display: inline-block;
}
.widget_rss ul.wp-block-rss li a, .widget_rss ul li a {
	line-height: 26px !important;
	color: var(--heading-color);
	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:var(--accent-color);
}
.widget_rss ul.wp-block-rss li, .widget_rss ul li {
	margin-bottom: 12px;
	padding-bottom: 12px;
}
.widget_rss .widget-title a {
	color: var(--heading-color);
	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: var(--accent-color);
}
.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: var(--heading-color);
	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: var(--accent-color);
	font-style: initial;
}
.page-links {
	padding-left: 30px;
}
.btn.btn-learmore-2.post-btn span {
	transform: rotate(0);
	background: var(--accent-color);
}
/* 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: var(--accent-color);
	color: #fff;
	height: 50px;
	border: none;
	border-radius: 0px;
	padding: 0 20px;
	cursor: pointer;
	height: 100%;
}
.search-form input[type="submit"]:hover{
	background:var(--heading-color);
	color:#fff;
}
.ecozone-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: var(--accent-color);
    padding: 9px 15px;
    color: var(--heading-color);
    border-radius: 0px;
    border: none;
}
form.post-password-form input[type="submit"]:hover{
	background:var(--heading-color);
	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: var(--heading-color);
	color: #fff;
}
.page-links span.current,.page-links a:hover {
    background: var(--accent-color);
    color: var(--heading-color);
}
.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:var(--accent-color);
}
.comment-list ul li a::before, .blog-detail ul li a::before, .blog-single ul li::before,.ecozone-entry-page ul li:before{
	top: 14px;
}
.ecozone-entry-page ul li::before {
	top: 15px;
}
ol.comment-list li:before{
	top:12px;
}
.comment-reply-link:hover {
	background: var(--heading-color);
	color: #fff !important;
}
.logged-in-as {
	margin-bottom: 20px;
}

table {
	width: 100%;
	margin-bottom: 25px;
}
table th {
	font-weight: 400 !important;
	color: var(--body-color);
}
table td, table th {
	border-top: 1px solid var(--br-color) !important;
	padding: 14px 10px !important;
}
table tr:last-child th, table tr:last-child td{
	border-bottom: 1px solid var(--br-color) !important;
} 
  
.blog-single .comment-list {
	background: transparent;
	padding: 0;
	margin: 0;
	margin-bottom: 50px;
}
.share-tag.post-tag li a:hover {
	color: var(--accent-color);
}
p a {
	color: var(--accent-color);
}
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 {
	color: var(--heading-color);
	display: inline-block;
	transition: 0.3s;
	font-weight: 400;
	font-size: 12px !important;
	border-radius: 5px;
	background-color: #ECEEF2;
	padding: 13px 18px;
	margin: 0px 8px 8px 0px;
	box-shadow: none;
	font-weight: 500;
	margin: 0px 8px 8px 0px !important;
	font-size: 14px !important;
}
.wp-block-tag-cloud, .share-tag.post-tag ul {
	position: relative;
}
.wp-block-tag-cloud {
	margin: 0 !important;
}
.wp-block-tag-cloud a, .share-tag.post-tag ul a {
	margin-top: 10px;
}
.share-tag.post-tag ul li a:hover {
	background: var(--accent-color);
}
.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-block-tag-cloud a {
	background-color: transparent;
	padding: 13px 18px;
	margin: 0px 8px 8px 0px;
	box-shadow: none;
	margin: 0px 8px 8px 0px !important;
	font-size: 14px !important;
	display: inline-block;
	padding: 6px 20px;
	border: 1px solid var(--br-color);
	color: var(--body-color);
	font-size: 18px !important;
}
.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: var(--heading-color);
}
.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: var(--heading-color);
	font-size: 15px;
	font-weight: 500;
}
.calendar_wrap #wp-calendar caption {
	caption-side: top;
	background: #FFDC60;
	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: #FFDC60;
	padding: 0;
	text-align: center;
}
.calendar_wrap #wp-calendar tfoot tr a {
	color: #353535;
}
.calendar_wrap #wp-calendar tfoot tr a:hover{
	color:var(--accent-color);
}
.wp-block-gallery ul.blocks-gallery-grid li {
	padding-left: 0px !important;
}
.blocks-gallery-caption {
	padding-bottom: 10px;
}
.has-large-font-size {
	color: var(--heading-color);
}
.wp-calendar-nav {
	text-align: center;
}
.wp-block-calendar table caption {
	color: var(--heading-color);
}
.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: #FFDC60;
	color: #fff;
}
.wp-block-image {
	overflow: hidden;
	margin-bottom: 35px;
}
.widget_archive select {
	margin-top: 5px;
}
.widget_recent_entries ul li a:before {
  display: none;
}
.widget_recent_entries ul li a {
	padding: 0 !important;
	font-weight: 500;
	color: var(--accent-color);
	line-height: 26px !important;
}
.widget_recent_entries ul li a:hover{
	color:var(--heading-color);
}
.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;
	font-size: 16px;
	margin-left: 0;
	background: none !important;
	line-height: 24px;
	color: var(--dark-blue-color);
	font-size: 18px;
}
.wp-block-latest-posts__post-excerpt {
	margin: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: var(--heading-color);
	margin-top: 5px;
}
ul.wp-block-latest-posts li a {
	color: var(--body-color);
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.28em !important;
	font-family: var(--heading-color-font);
}
.wp-block-latest-posts.wp-block-latest-posts__list{
	margin:0;
}
.wp-block-latest-posts__featured-image {
	margin-bottom: 5px;
	padding-top: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
	clear: both;
	margin-bottom: 20px;
}
.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;
}
.blocks-gallery-grid {
	margin-left: -15px;
}
.blog-detail p{
	line-height:initial;
}
/* BLog Sidebar Widget */
.sidebar-main .widget .widget {
	box-shadow: none;
}
.sidebar-main .widget ul li {
	padding-left: 0px;
	line-height: 30px;
}
.sidebar-main .widget ul li:last-child {
	border: none;
	padding: 0;
	margin: 0;
}
.wp-block-latest-comments__comment a:hover{
	color:var(--accent-color);
}

/* Categories */
.wp-block-categories li {
	display: inline-flex;
	align-items: center;
	font-weight: 400 !important;
	font-size: 14px;
	gap: 10px;
}
.wp-block-categories li a {
	color: var(--heading-color) !important;
}
.sidebar-main ol {
	padding-left: 0;
}
.sidebar-main .widget h2 {
	position: relative;
	font-size: 28px;
	line-height: 1.25em;
	margin-bottom: 28px;
	font-weight: 600 !important;
}
.wp-block-search .wp-block-search__label {
    width: auto;
}
.wp-block-search .wp-block-search__input {
	margin: 0 !important;
	width: 100%;
	border: 1px solid var(--body-color);
	height: 50px;
	padding: 10px 58px 10px 20px;
	border-radius: 0;
	outline: none;
	background: transparent;
}
.wp-block-search .wp-block-search__input:focus {
	border-color: var(--accent-color) !important;
}
.wp-block-search .wp-block-search__button {
	color: #fff;
	right: 0;
	font-size: 0;
	line-height: 50%;
	position: absolute;
	right: 0;
	height: 50px;
	border: none;
	background-color: transparent;
	width: 55px;
	margin: 0;
	/* padding: 0 0 0 10px; */
	top: 0;
	background-color: transparent;
	-webkit-mask-size: contain;
}
.wp-block-search .wp-block-search__button:hover{
	color: var(--white-color);
	background-color: var(--body-color);
}
.wp-block-search .wp-block-search__button::before, .wp-block-search .wp-block-search__button::after {
	content: "";
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 100%;
	height: 18px;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.83334 19.1667C7.98738 19.1667 6.18287 18.6193 4.64802 17.5937C3.11316 16.5682 1.91688 15.1105 1.21046 13.4051C0.504044 11.6996 0.319213 9.82298 0.679342 8.0125C1.03947 6.20201 1.92838 4.53896 3.23367 3.23367C4.53896 1.92838 6.20201 1.03947 8.0125 0.679342C9.82298 0.319213 11.6996 0.504044 13.4051 1.21046C15.1105 1.91688 16.5682 3.11316 17.5937 4.64802C18.6193 6.18287 19.1667 7.98738 19.1667 9.83334C19.1639 12.3078 18.1797 14.6802 16.4299 16.4299C14.6802 18.1797 12.3078 19.1639 9.83334 19.1667ZM9.83334 2.83334C8.44887 2.83334 7.09549 3.24388 5.94435 4.01305C4.7932 4.78222 3.89599 5.87547 3.36618 7.15455C2.83637 8.43364 2.69774 9.8411 2.96784 11.199C3.23794 12.5568 3.90462 13.8041 4.88359 14.7831C5.86256 15.7621 7.10984 16.4287 8.46771 16.6988C9.82557 16.9689 11.233 16.8303 12.5121 16.3005C13.7912 15.7707 14.8845 14.8735 15.6536 13.7223C16.4228 12.5712 16.8333 11.2178 16.8333 9.83334C16.8315 7.97739 16.0934 6.19799 14.781 4.88564C13.4687 3.57328 11.6893 2.83519 9.83334 2.83334Z' fill='currentColor'/%3E%3Cpath d='M20.3346 21.5001C20.0252 21.5 19.7285 21.377 19.5098 21.1582L14.8431 16.4916C14.6306 16.2715 14.513 15.9768 14.5157 15.6709C14.5183 15.365 14.641 15.0724 14.8573 14.8561C15.0736 14.6398 15.3663 14.5171 15.6722 14.5144C15.9781 14.5118 16.2728 14.6294 16.4928 14.8419L21.1595 19.5086C21.3226 19.6717 21.4336 19.8796 21.4786 20.1059C21.5236 20.3321 21.5005 20.5667 21.4122 20.7798C21.324 20.993 21.1745 21.1752 20.9827 21.3034C20.7908 21.4316 20.5653 21.5 20.3346 21.5001Z' fill='currentColor'/%3E%3C/svg%3E");
	transition: all 0.3s ease;
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 50%;
	margin-left: -11px;
}
.wp-block-search .wp-block-search__button::after {
	opacity: 0;
	visibility: hidden;
	color: white;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.83334 19.1667C7.98738 19.1667 6.18287 18.6193 4.64802 17.5937C3.11316 16.5682 1.91688 15.1105 1.21046 13.4051C0.504044 11.6996 0.319213 9.82298 0.679342 8.0125C1.03947 6.20201 1.92838 4.53896 3.23367 3.23367C4.53896 1.92838 6.20201 1.03947 8.0125 0.679342C9.82298 0.319213 11.6996 0.504044 13.4051 1.21046C15.1105 1.91688 16.5682 3.11316 17.5937 4.64802C18.6193 6.18287 19.1667 7.98738 19.1667 9.83334C19.1639 12.3078 18.1797 14.6802 16.4299 16.4299C14.6802 18.1797 12.3078 19.1639 9.83334 19.1667ZM9.83334 2.83334C8.44887 2.83334 7.09549 3.24388 5.94435 4.01305C4.7932 4.78222 3.89599 5.87547 3.36618 7.15455C2.83637 8.43364 2.69774 9.8411 2.96784 11.199C3.23794 12.5568 3.90462 13.8041 4.88359 14.7831C5.86256 15.7621 7.10984 16.4287 8.46771 16.6988C9.82557 16.9689 11.233 16.8303 12.5121 16.3005C13.7912 15.7707 14.8845 14.8735 15.6536 13.7223C16.4228 12.5712 16.8333 11.2178 16.8333 9.83334C16.8315 7.97739 16.0934 6.19799 14.781 4.88564C13.4687 3.57328 11.6893 2.83519 9.83334 2.83334Z' fill='white'/%3E%3Cpath d='M20.3346 21.5001C20.0252 21.5 19.7285 21.377 19.5098 21.1582L14.8431 16.4916C14.6306 16.2715 14.513 15.9768 14.5157 15.6709C14.5183 15.365 14.641 15.0724 14.8573 14.8561C15.0736 14.6398 15.3663 14.5171 15.6722 14.5144C15.9781 14.5118 16.2728 14.6294 16.4928 14.8419L21.1595 19.5086C21.3226 19.6717 21.4336 19.8796 21.4786 20.1059C21.5236 20.3321 21.5005 20.5667 21.4122 20.7798C21.324 20.993 21.1745 21.1752 20.9827 21.3034C20.7908 21.4316 20.5653 21.5 20.3346 21.5001Z' fill='white'/%3E%3C/svg%3E");
}
.wp-block-search .wp-block-search__button:hover::after{
	opacity:1;
	visibility: visible;
}

.wp-block-search .wp-block-search__button:hover::before{
	opacity:0;
	visibility: hidden;
}

.wp-block-search__inside-wrapper {
	position: relative;
}
.wp-block-latest-posts {
	padding: 0 !important;
}
.wp-block-latest-posts__featured-image {
	left: 0;
	width: 94px;
	height: 94px;
	flex: 0 0 auto;
	object-fit: cover;
	overflow: hidden;
	margin: 0;
	/* float: left; */
	display: block;
	margin-bottom: 10px;
	float: left;
	margin-right: 15px;
	border-radius: 4px;
}
.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:var(--heading-color);
}

#comments {
	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: var(--accent-color);
}
/*====================================
	Wordpress Default Sidebar
======================================*/

/*====================================
	Others CSS
======================================*/

/* Footer Link */
.footer .widget_nav_menu ul li {
	margin-bottom: 0px;
	position: relative;
	padding-bottom: 0px;
	border: none;
}
.footer .widget_nav_menu ul li a {
	display: inline-block;
	color: #B4B4B4;
	padding: 0;
	margin: 0;
	background: transparent;
	font-weight: normal;
	font-size: 16px;
}
.footer .widget_nav_menu ul {
    box-shadow: none;
    margin: 0;
}
.footer .widget_nav_menu ul li a::before{
	display:none;
}
.footer .widget_nav_menu ul li a:hover {
	color:var(--accent-color);
}
/* Footer Mail Chimp */
.footer .widget_mc4wp_form_widget .widget-title {
	margin-bottom: 0px;
	font-size: 18px;
	font-weight: 600;
	text-align:center;
}
.footer .widget_mc4wp_form_widget .mc4wp-form-fields p:last-child {
    margin: 0;
    position: absolute;
    right: 0;
    top: -9px;
    border-radius: 0px;
}
.footer .widget_mc4wp_form_widget form {
    background: #fff;
    padding: 15px;
    line-height: initial;
}
/* Footer News */
.footer-news .single-f-news .content {
  padding-left: 85px;
}
.footer-news .single-f-news .content .title {
	font-size: 14px;
	margin: 0;
}
.footer .footer-newsletter .address {
	color: #777;
	font-size: 15px;
	margin-bottom: 20px;
}
.footer .single-f-news .post-meta i {
    color: var(--accent-color);
}
.footer .sidebar-main .address-widget-list li {
	display: block;
	margin-bottom: 10px;
	line-height: 25px;
	position: relative;
	padding-left: 40px !important;
	border: none;
	padding-bottom: 0;
}
.footer .address-widget-list li,
.footer .address-widget-list li a {
    font-weight: normal;
    color: #ccc;
    font-size: 15px;
}
.footer .address-widget-list li a{
	padding-left: 0px !important;
}
.footer .address-widget-list li a:before{
	display:none;
}
.footer .address-widget-list li i {
	color: #fff;
	text-align: center;
	border-radius: 100%;
	font-size: 15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: absolute;
	left: 0;
	top: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid transparent;
	margin-top: -15px !important;
}
.footer .address-widget-list li:hover i{
	background:#fff;
	color:var(--accent-color);
}
.footer .sidebar-main .address-widget-list li:last-child {
	margin-bottom: 0px;
}
.footer .address-widget-list li span{
	color:var(--accent-color);
	display:inline-block;
}
.footer_contact p {
	margin-bottom: 15px;
}
/* Social */
.footer .social{
	margin-top:22px;
}
.footer .sidebar-main .social li {
	display: inline-block;
	margin: 0 10px 0 0;
	border: none;
}
.footer .social li:last-child{
	margin-right:0px;
}
.footer .sidebar-main .social li a {
	display: block;
	font-size: 16px;
	text-align: center;
	width: 32px;
	height: 32px;
	line-height: 32px !important;
	border: 1px solid #fff !important;
	border-radius: 100%;
	background: #fff;
	color: var(--heading-color);
	padding:0;
}
.footer .social-icons li:before,.footer .sidebar-main .social li a:before {
  display: none;
}

/* Copyright */
.footer .copyright {
	text-align: center;
	padding: 20px 0;
	border-top: 1px solid #ebebeb3b;
	background: #fff;
	z-index: 10000;
	position: relative;
}
.footer .copyright-content p {
    font-size: 15px;
    color: inherit;
}
.footer .copyright-content p span{
	font-size:17px;
	font-weight:800;
	text-transform:uppercase;
}
.footer .copyright-content a:hover{
	color:var(--accent-color);
}

#footer-menu li {
  display: inline-block;
  font-size: 13px;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #cccccca1;
  line-height: initial;
}
#footer-menu li:first-child {
  margin: 0;
  padding: 0;
  border: none;
}
#footer-menu li:hover a {
	color: var(--accent-color);
}
.footer-logo .img-logo img {
	max-width: 150px;
}
#footer-menu li{
	position:relative;
}
.newsletter-main .mc4wp-form input {
	background: #f6f6f6;
}
.newsletter-2__input-box input {
	height: 80px !important;
	border-radius: 50px;
	margin: 0;
}
/* 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: var(--accent-color);
}
.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: #FFDC60;
	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: var(--heading-color);
}
.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-size: 21px;
	/* color: #fff; */
	padding-bottom: 30px;
	margin: 0;
}
.footer {
	background: var(--gray-color);
}
.footer ul li a {
	color: var(--heading-color) !important;
}

.cs_bottom_footer {
	display: flex !important;
	justify-content: center !important;
	gap: 5px !important;
}
.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;
}

.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 .wp-block-latest-posts__post-title,.footer-news-list li a {
	color: #fff !important;
  }
  .footer-news-list .wp-block-latest-posts__featured-image img {
	border-radius: 100%;
  }

  .cs_footer_top {
	border-bottom: 1px solid #353535;
  }

  .cs_copyright a {
	color: var(--accent-color);
  }

  .cs_widget_title,
  .cs_newsletter_title {
	line-height: 1.6em;
  }

  .cs_menu_widget {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(2, 1fr);
  }

  .cs_text_widget p {
	margin: 0;
  }
  .cs_text_widget + .cs_social_btns {
	margin-top: 30px;
  }

  .cs_footer_row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 50px 80px;
	padding: 90px 0;
  }
  @media (max-width: 1400px) {
	.cs_footer_row {
	  gap: 50px 60px;
	}
  }
  @media (max-width: 1199px) {
	.cs_footer_row {
	  gap: 50px 30px;
	}
  }
  @media (max-width: 991px) {
	.cs_footer_row {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  gap: 50px 40px;
	  padding: 60px 0;
	}
  }
  .cs_footer_row .cs_footer_col {
	-webkit-box-flex: 1.2;
		-ms-flex: 1.2;
			flex: 1.2;
  }
  @media (max-width: 991px) {
	.cs_footer_row .cs_footer_col {
	  -webkit-box-flex: 0 !important;
		  -ms-flex: none !important;
			  flex: none !important;
	  width: calc(50% - 20px);
	}
  }
  @media (max-width: 470px) {
	.cs_footer_row .cs_footer_col {
	  width: 100%;
	}
  }
  .cs_footer_row .cs_footer_col:first-child {
	-webkit-box-flex: 1.5;
		-ms-flex: 1.5;
			flex: 1.5;
  }
  .cs_footer_row .cs_footer_col:nth-child(2) {
	-webkit-box-flex: 1;
		-ms-flex: 1;
			flex: 1;
  }
  
  .cs_footer_widget_menu {
	margin: 0;
	padding: 0;
	list-style: none;
  }
  .cs_footer_widget_menu li:not(:last-child) {
	margin-bottom: 10px;
  }
  
  .cs_footer_text_widget p {
	margin-bottom: 0;
  }
  .cs_footer_text_widget img + p {
	margin-top: 35px;
  }
  
  .cs_copyright a {
	color: var(--accent-color);
  }
  
  .cs_footer_bottom {
	border-top: 1px solid var(--body-color);
  }
  
  .cs_footer_bottom_in {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	padding: 23px 0;
	gap: 5px 25px;
  }
  @media (max-width: 767px) {
	.cs_footer_bottom_in {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  text-align: center;
	}
  }
  .cs_footer_bottom_in .cs_footer_widget_menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	gap: 2px 30px;
  }
  .cs_footer_bottom_in .cs_footer_widget_menu li {
	margin-bottom: 0;
  }
  .cs_footer_widget_menu a,
  .cs_copyright a,
  .cs_page_heading .breadcrumb a,
  .cs_footer_link_hover a span,
  .cs_footer_link_hover p a{
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), to(currentColor));
	background-image: linear-gradient(90deg, currentColor 0, currentColor 100%);
	-webkit-transition: background-size 0.42s cubic-bezier(0.49, 0.49, 0.08, 1), color 0.27s ease-out;
	transition: background-size 0.42s cubic-bezier(0.49, 0.49, 0.08, 1), color 0.27s ease-out;
	background-position: 100% calc(100% - 0px);
	background-size: 0 1px;
  }
  .cs_footer_widget_menu a:hover,
  .cs_copyright a:hover,
  .cs_page_heading .breadcrumb a:hover,
  .cs_footer_link_hover p a:hover{
	background-size: 100% 1px;
	background-position: 0 calc(100% - 0px);
  }
  
  .cs_footer_link_hover a span{
	-webkit-transition: background-size 0.42s cubic-bezier(0.49, 0.49, 0.08, 1), color 0.27s ease-out !important;
	transition: background-size 0.42s cubic-bezier(0.49, 0.49, 0.08, 1), color 0.27s ease-out !important;
  }
  .cs_footer_link_hover a span:hover {
	background-size: 100% 1px !important;
	background-position: 0 calc(100% - 0px) !important;
  }
  
  .cs_footer.cs_style_1 {
	padding-top: 1px;
	margin-top: 134px;
  }
  .cs_footer.cs_style_1.cs_type_1 {
	margin-top: 0;
  }
  .cs_footer.cs_style_1 .cs_newsletter.cs_style_2 {
	margin-top: -134px;
  }
  .cs_footer.cs_style_1 .cs_social_btns.cs_style_1 {
	font-size: 14px;
	margin-top: 30px;
  }
  .cs_footer.cs_style_1 .cs_social_btns.cs_style_1 a {
	height: 30px;
	width: 30px;
	border-color: #fff;
	color: #fff;
  }
  .cs_footer.cs_style_1 .cs_social_btns.cs_style_1 a:hover {
	border-color: var(--accent-color);
  }

  @media (max-width: 767px) {
	.cs_footer_logo {
	  display: none;
	}

  }
  .footer-list-style ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: grid !important;
	grid-gap: 10px !important;
	grid-template-columns: repeat(2, 1fr) !important;
}
.copyright-footer p {
	margin: 0;
}

/* Newsletter Form */

  .sidebar-main ul.social-sidebar li{
	background: transparent !important;
  }
  .sidebar-main ul.social-sidebar a {
	width: 36px !important;
	height: 36px !important;
	border-radius: 100%;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 100% !important;
	display: flex !important;
	justify-content: center !important;
	background-color: #ECEEF2 !important;
	color: var(--heading-color) !important;
	align-items: center;
}
.sidebar-main ul.social-sidebar a svg {
	width: 18px;
}
  .sidebar-main ul.social-sidebar a:hover{
	background-color: var(--accent-color) !important;
	color:var(--heading-color) !important;

  }
  .sidebar-main .wp-block-social-links .wp-social-link svg {
	fill: var(--heading-color) !important;
	color: currentColor !important;
}
.sidebar-main .social-sidebar li {
	margin: 0 !important;
	padding: 0 !important;
	transform: none !important;
  }
.wp-block-social-links {
	gap: 8px;
}
  .sidebar-main ul.social-sidebar a:hover {
	transform: translateY(-10px);
	animation: none;
	transform: translateY(-3px);
	transition-duration: 0.2s;
}
  .cs_post_meta * {
	color: var(--body-color);
	transition: all 0.3s ease;
}
.cs_post_meta.cs_white_color *{
	color:#fff;
} 

  .cs_post_meta * a:hover,
  .cs_post_meta * span a:hover,
  .cs_post_meta * span:hover {
	color: var(--accent-color) !important;
  }
  .breadcrumb-style-v1 .contact-head {
	background-color: #F4F6F9;
	border-radius: 16px;
	padding: 88px 0px;
  }

  .breadcrumb-style-v1.with-bg {
	  background-size: cover;
	  background-position: center;
	  min-height: 700px;
  }
  .breadcrumb-style-v1.with-bg .contact-head {
	  margin: 0;
	  background: none;
  }

  .cs_footer ul {
	padding: 0;
  }
  .cs_footer ul li a {
	color: #fff;
  }
  @media (max-width: 767px) {
  .breadcrumb-style-v1.with-bg {
	  height: initial;
	  min-height: initial;
  }
  }

  .container-breadcrumb {
	display: inline-block;
  }

  .sidebar .sidebar-right {
	margin-bottom: 50px;
  }

  .sidebar-search {
	position: relative;
  }
  .sidebar-search .form-search {
	position: relative;
  }
  .sidebar-search .form-search .form-control {
	height: 64px;
	border: 0px;
	background-color: #F4F6F9;
  }

  .list-popular-posts {
	margin-top: 27px;
  }

  .sidebar-right .list-categories li {
	list-style: none;
  }

  .box-tags-sidebar .btn.btn-neutral-100 {
	padding: 13px 18px;
	margin: 0px 8px 8px 0px;
	font-size: 14px;
	line-height: 14px;
  }

  .content-blog-2 .col-lg-9 {
	flex: 0 0 auto;
	width: 72%;
  }
  .content-blog-2 .col-lg-3 {
	flex: 0 0 auto;
	width: 28%;
  }

  .box-list-news-2 {
	padding-right: 80px;
  }

  .box-content-blog-post .blog-head {
	max-width: 905px;
	margin: auto;
  }

  .box-content-detail-blog {
	padding-top: 50px;
}
.box-content-detail-blog .box-image-header{
	margin-bottom: 40px;
}
  .box-content-detail-blog .box-detail-info img {
	width: 100%;
  }

  .box-content-recommended {
	background-color: #F4F6F9;
	padding: 145px 0px 170px 0px;
  }
  @media only screen and (max-width: 992px) {

	.box-content-recommended .col-lg-4 .card-news-style-2 {
		margin-bottom: 56px;
	}
	.box-content-recommended .col-lg-4:last-child .card-news-style-2 {
		margin: 0;
	}
  }
@media (min-width: 1399.98px) {
	.box-faqs-list.box-faqs-list--v2 .item-faqs .item-info p {
	  margin: 0;
	  padding-right: 120px;
	}
	.top-bar {
	  margin-bottom: 38px;
	}
  }
body.logged-in .header{
	top:32px;
}
@media (max-width: 780px) {
	body.logged-in .header{
		top:46px;
	}
}

/* Update CSS */
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.menu-item-has-children .menu-expand {
	top: 12px;
}
.card-news-style-2 .card-info .card-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}
.elementor-editor-active .header {
    top: 0 !important;
}
@media (max-width: 780px) {
body.logged-in .header.stick {
	top: 0;
}
}

@media (max-width: 767px) {
.header .main-header .header-right {
	position: absolute;
	right: 0;
}
.hero-5 .banner-inner-top {
	padding-top: 120px;
	padding-bottom: 10px;
}
.box-button-slider {
	justify-content: start !important;
}
.hero-4 .banner-inner {
	padding: 120px 0px 0px 0px;
}
h1 br, h2 br, h3 br, h4 br, h5 br, h6 br, p br{
	display: none !important;
}

.top-bar-inner {
	flex-direction: column;
	text-align: center;
  }
  .box-top-bar-left,.box-top-bar-right {
	width: 100%;
  }
  .box-top-bar-right {
	/*! min-width: 100%; */
	display: flex;
	justify-content: center;
	flex-direction: row;
	text-align: center;
	min-width: 100% !important;
	padding: 0;
  }
  .box-top-bar-right a {
	overflow: visible;
	text-indent: initial;
	width: initial;
	margin-right: 0;
	padding-right: 0;
  }
.text-96 {
	font-size: 50px !important;
	line-height: 60px !important;
}
.list-partners li a span {
	font-size: 30px;
	line-height: 42px;
  }
.box-content-detail-blog .box-detail-info p {
	padding: 0 20px !important;
}
.ecozone-blog-main-section.blog-single {
	padding-top: 20px;
}
.box-content-recommended {
	padding: 80px 0;
}
}

.sidebar-main ul {
	padding-left: 0;
	margin: 0;
}
/*====================================
	Others CSS
======================================*/