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

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

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

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

/*** 
=============================================
	Color Css 
=============================================
***/

:root {
	--themeColorPrimary: #149dd5;
	--themeColorSecondry: #0b0c47;
	--themeColorOptional: #ee1d2a;
	--themeColorBlack: #000000;
	--themeColorWhite: #ffffff;
}

.bg-primary {
	background: var(--themeColorPrimary) !important;
}
.bg-secondry {
	background: var(--themeColorSecondry) !important;
}
.bg-optional {
	background: var(--themeColorOptional) !important;
}
.bg-black {
	background: var(--themeColorBlack) !important;
}
.bg-white {
	background: var(--themeColorWhite) !important;
}
.clr-primary {
	color: var(--themeColorPrimary) !important;
}
.clr-secondry {
	color: var(--themeColorSecondry) !important;
}
.clr-optional {
	color: var(--themeColorOptional) !important;
}
.clr-black {
	color: var(--themeColorBlack) !important;
}
.clr-white {
	color: var(--themeColorWhite) !important;
}

/* btn color css */
.theme-btn.style-one {
	background: var(--themeColorSecondry) !important;
	outline: auto;
}
.theme-btn.style-one::before {
	border-bottom: 60px solid var(--themeColorPrimary) !important;
}
.theme-btn.style-one::after {
	border-bottom: 60px solid var(--themeColorPrimary) !important;
}
.theme-btn.style-two {
	background: var(--themeColorPrimary) !important;
	outline: auto;
}
.theme-btn.style-two::after {
	border-bottom: 60px solid var(--themeColorSecondry) !important;
}
.theme-btn.style-two::before {
	border-bottom: 60px solid var(--themeColorSecondry) !important;
}

/*** 
=============================================
	Header Section Css 
=============================================
***/
.main-header.style-two .header-top .top-left .info-box li {
	margin-right: 15px;
}
.main-header.style-two .header-top .top-left .info-box li a.phone {
	font-size: 18px;
	color: var(--themeColorWhite);
}
.main-header.style-two .main-menu .navigation > li {
	padding: 40px 0;
}
.main-header.style-two .outer-container .header-upper .upper-right .menu-right-content {
	margin-top: 30px;
}
.sticky-header .main-menu .navigation > li > a {
  padding: 45px 15px !important;
}
@media (max-width: 768px){
	.main-header .outer-container {
		padding-bottom: 0px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.main-header.style-two .outer-container .header-upper .upper-right .menu-right-content {
		margin-top: 10px;
	}
	.main-header.style-two .menu-area .mobile-nav-toggler {
		margin-top: 20px;
	}
	.header-upper.clearfix {
		display: flex;
		justify-content: space-between;
		align-content: center;
		align-items: center;
	}
	.main-header .outer-container .header-upper .upper-right {
		width: 0;
	}
}
/*** 
=============================================
	BreadCrumb Section Css 
=============================================
***/
@media (max-width: 768px){
}
/*** 
=============================================
	Home Page Css 
=============================================
***/
.main-slider.style-two .content-box {
	max-width: 60%;
}
.main-slider .owl-nav {
	display: none;
}
#content_block_three .inner-box .form-inner .form-group label {
	color: var(--themeColorWhite);
}
#content_block_three .inner-box .form-inner .form-group textarea {
	position: relative;
	width: 100%;
	background: #f8f8f8;
	border: 3px solid #f8f8f8;
	border-radius: 30px;
	padding: 10px 25px;
	transition: all 500ms ease;
}
.mu-services-cnt {
	display: flex;
	gap: 60px;
	position: relative;
	flex-wrap: wrap;
}
.mu-services-cnt div.phone {
	font-size: 25px;
	margin-top: 10px;
}
.mu-advantage-list #content_block_one .content-box .list-item li::before {
  color: var(--themeColorWhite);
}
@media (max-width: 768px){
	.main-slider.style-two .slide {
		padding: 50px 0px 80px 0px;
	}
	.main-slider.style-two .content-box {
		max-width: 100%;
	}
}
/*** 
=============================================
	Serivces Page Css 
=============================================
***/
ul.mu-services-list li {
	display: flex;
	justify-content: start;
	align-content: baseline;
	align-items: baseline;
	gap: 10px;
	margin-bottom: 15px;
}
.mu-blog-list img {
	width: 100%;
	height: 500px;
	object-fit: contain;
}
.mu-blog-list h3 {
	padding-bottom: 15px;
}
.mu-blog-list ul, .content-side ul {
	margin: 15px 30px;
}
.mu-blog-list ul li:before, .content-side ul li:before {
	content: "\f0da";
	font-family: 'Font Awesome 5 Free';
	font-size: 16px;
	color: var(--themeColorPrimary);
	font-weight: 700;
	margin-right: 10px;
}
@media (max-width: 768px){
}
/*** 
=============================================
	Products Page Css 
=============================================
***/
.single-shop-block .inner-box {
	padding: 60px 20px;
}
.single-shop-block:hover .image-box img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.single-shop-block .cart-btn a {
	padding: 10px 20px;
}
@media (max-width: 768px){
}
/*** 
=============================================
	Blog Page Css 
=============================================
***/
.mu-blog-grid-img img {
	width: 100%;
	height: 350px;
	object-fit: cover;
}
@media (max-width: 768px){
}
/*** 
=============================================
	Areas Page Css 
=============================================
***/
.team-block-one .inner-box {
	box-shadow: 0px 2px 3px 2px #000;
}
.bg-color-3 .service-block-one .inner-box .image-box img {
	height: 270px;
	object-fit: cover;
	width: 100%;
}
.mu-area-bg-white p {
	color: var(--themeColorWhite);
}
.mu-area-bg-white figure img {
	height: 470px;
	width: 100%;
	object-fit: cover;
}
.blog-details .border-shap .border-2 {
	z-index: 30;
}
.blog-details.mu-area-list-points {
	padding-bottom: 50px !important;
}
.mu-area-bg-white-form figure img {
	height: 640px;
	width: 100%;
	object-fit: cover;
}
.blog-details.bg-primary .text a {
	color: var(--themeColorSecondry);
}
@media (max-width: 768px){
}
/*** 
=============================================
	Footer Section Css 
=============================================
***/
p.mu-footer-cta {
	font-size: 25px;
	color: #fff;
}
.main-footer ul.social-links.clearfix li {
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.main-footer ul.social-links.clearfix li a {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
	background: #213d5e;
	color: #fff;
	border-radius: 50%;
	text-align: center;
}
@media (max-width: 768px){
}
/*** 
=============================================
	Floating button Area Css 
=============================================
***/
.mu-single-call-box {
	max-width: 100%;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 25px;
	padding: 0 50px;
}
.mu-single-call-box .mu-btn {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	transition: 0.1s;
	margin: 0 auto;
}
.floating-btn, .floating-btn-2{
	display: none;
}
.floating-btn , .floating-btn-2 
{
	background:    var(--themeColorPrimary);
	border-radius: 1000px;
	box-shadow:    0 5px #000000;
	padding:       15px 15px;
	color:         #ffffff;
	font:          normal bold 20px/1 "Open Sans", sans-serif;
	text-align:    center;
}
.btn-primary{
	background-color: var(--themeColorPrimary);
	border-radius: 50px;
	padding: 10px 26px;
}
/*Mobile Css Start*/
@media (max-width: 768px){
	.scroll-top.open {
		bottom: 20px;
	}
	.scroll-top {
		right: 5px;
	}
	.mu-single-call-box {
		display: none;
	}
	.floating-btn, .floating-btn-2 {
		position: fixed;
		bottom: 20px;
		display: block !important;
		z-index: 999;
	}
	.floating-btn{
		left: 10px;
	}
	.floating-btn-2{
		right: 70px;
	}
	.floating-btn a, .floating-btn-2 a {
		color: white !important;
		font-size: 20px;
	}
}
/* ========== Area Cover ========== */
#mu-area-cover-box {
    padding: 30px 0;
}
#mu-area-cover-box p {
    text-align: center;
    font-size: 30px;
	margin-bottom: 20px;
	
}
.mu-area-cover-grid {
  display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 10px;
  margin-bottom: 10px;
}
.mu-area-cover-grid a {
    line-height: 1.2em;
  font-size: 15px;
    font-weight: 500;
}
.mu-area-cover-btn-box {
    text-align: center;
    margin-top: 20px;
}
button#mu-area-cover-btn {
	background: var(--themeColorPrimary);
	border: transparent;
    color: #000;
    width: auto;
    border-radius: 4px;
	padding: 10px 37px;
	border-radius: 50px;
}
@media (max-width: 768px){
  .mu-area-cover-grid {
    grid-template-columns: 1fr;
  }
}

/***