/*!
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 
=============================================
***/
.main-slider-style3 .main-slider-content .btn-box .btn-one::before, .about-style3__content .history-box .btn-box .btn-one::after {
	background: var(--thm-secondary-color);
}
.sec-title .sub-title h4::before, .sec-title .sub-title h4{
	background-color: var(--thm-secondary-color);
	color: var(--thm-black);
}
.sec-title h2 {
	color: var(--thm-primary-color);
}

.bg-primary {
	background: var(--thm-primary-color) !important;
}
.bg-secondary {
	background: var(--thm-secondary-color) !important;
}
.bg-black {
	background: var(--thm-black) !important;
}
.txt-primary {
	color: var(--thm-primary-color) !important;
}
.txt-secondary {
	color: var(--thm-secondary-color) !important;
}
.txt-white {
	color: var(--thm-white) !important;
}
.txt-black {
	color: var(--thm-black) !important;
}

.mu-simple-pg h2, .mu-simple-pg h3, .mu-simple-pg h4, .mu-simple-pg h5, .mu-simple-pg h6 {
	color: var(--thm-primary-color);
	margin-bottom: 10px;
}
.mu-simple-pg li {
	list-style: disclosure-closed;
	margin: 10px 25px;
	padding-left: 10px;
}

/*** 
=============================================
	Header Section Css 
=============================================
***/
.main-header-style1__top-inner::before, .main-header-style1__top-inner__box::before, .main-header-style1__top-inner::after {
	background-color: var(--thm-secondary-color);
}
.main-header-style1__top-left p, .select-box.clearfix a, .classes-time-schedule-box-style1 .icon p {
	color: var(--thm-black);
}
.main-header-style1__top-left p a, .starting-locations-box-style1 .icon span, .select-box.clearfix p {
	color: var(--thm-primary-color);
}
.logo-box-style3__bg, .main-header-style3__bottom-middle__bg, .book-driving-lesson-box-style1__bg {
	opacity: 1;
}
.login-register-box-style1 .icon, .main-header-style3__bottom-middle .main-menu .main-menu__list > li.current > a, .main-header-style3__bottom-middle .main-menu .main-menu__list > li:hover > a {
	color: var(--thm-secondary-color);
}
.main-header-style3__top-left .starting-locations-box-style1 .nice-select, .main-header-style3__top-middle p, .main-header-style3__top-right .login-register-box-style1 ul li a {
	color: #fff;
}
.stricky-header--style1.black-bg.main-menu, .stricky-header--style1.black-bg .main-menu__wrapper, .stricky-header--style1.black-bg .main-menu__wrapper-inner {
	background-color: #fff;
}
.stricky-header--style1.black-bg .main-menu__list > li > a {
	color: var(--thm-primary-color);
}
.stricky-header--style1.black-bg .main-menu__list > li.current > a, .stricky-header--style1.black-bg .main-menu__list > li:hover > a {
	color: var(--thm-secondary-color);
}
.main-header-style3__bottom-middle .main-menu .main-menu__list > li > a, .book-driving-lesson-box-style1 h5 a {
	color: var(--thm-primary-color);
}
.sticky-logo-box-style1 a {
	width: 140px;
}
.main-menu .main-menu__list > li + li {
	margin-left: 20px;
}
@media (max-width: 768px){
	.logo-box-style3 {
		justify-content: start;
	}
}
/*** 
=============================================
	BreadCrumb Section Css 
=============================================
***/
.breadcrumb-style1 .inner-content {
	padding: 200px 0px 168px;
}
@media (max-width: 768px){
}
/*** 
=============================================
	Home Page Css 
=============================================
***/
.main-slider-style3 .main-slider-content .big-title h2 {
	font-size: 60px;
}
.main-slider__nav .swiper-button-next, .main-slider__nav .swiper-button-prev {
	background-color: var(--thm-secondary-color);
}
.faq-style1 .sec-title .sub-title h4::before, .faq-style1 .sec-title .sub-title h4, .testimonial-style1 .sec-title .sub-title h4, .testimonial-style1 .sec-title .sub-title h4::before {
	background-color: var(--thm-primary-color) !important;
	color: var(--thm-white) !important;
}
.mu-faqs-pg .accordion-box-style1 .accordion {
	background: var(--thm-secondary-color);
	width: 50%;
	padding: 10px;
}
.accordion-box-style1 .accordion .accord-btn::after {
	color: var(--thm-primary-color);
	background: var(--thm-secondary-color);
}
.accordion-box-style1 .accordion .accord-btn::before {
	background-color: var(--thm-secondary-color);
}
.accordion-box-style1 .accordion .accord-btn h4, .accordion-box-style1 .accordion .accord-btn h4 span {
	color: var(--thm-black);
}
.accordion-box-style1 .accordion .accord-content {
	background-color: var(--thm-primary-color);
}
.accordion-box-style1 .accordion .accord-content p {
	color: #fff;
}

.accordion-box-style1 .accordion .accord-btn.active::after {
	color: var(--thm-primary-color);
	border-color: var(--thm-secondary-color);
	background-color: var(--thm-secondary-color);
}
.accordion-box-style1 .accordion .accord-btn.active h4 {
	color: var(--thm-primary-color);
}
.accordion-box-style1 .accordion .accord-btn.active {
	background-color: var(--thm-primary-color);
}
.accordion-box-style1 .accordion .accord-btn {
	background-color: var(--thm-primary-color);
}
.single-testimonial-style1__inner::after,  .single-testimonial-style1__inner .arrow-down {
	background-color: var(--thm-black);
}
.single-testimonial-style1:hover .single-testimonial-style1__img .inner::before {
	opacity: 0;
}
.single-testimonial-style1__img .rating-box .icon i {
	color: var(--thm-secondary-color);
}

.testimonial-style1 .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
	background-color: var(--thm-primary-color);
}
.testimonial-style1 .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] span {
	color: var(--thm-white);
}
@media (max-width: 768px){
	.about-style3, .courses-style2, {
		padding: 60px 0px 60px;
	}
	.main-slider-style3 .container {
		padding-bottom: 80px;
	}
	.main-slider-style3 .main-slider-content .big-title h2 {
		font-size: 30px;
	}
	.mu-faqs-pg .accordion-box-style1 .accordion {
		width: 100%;
		padding: 0;
	}
}
/*** 
=============================================
	About Page Css 
=============================================
***/
@media (max-width: 768px){
}
/*** 
=============================================
  Registration Page Css 
=============================================
***/
.nice-select {
	height: 60px;
}
select.mu-select-block {
	display: block !important;
}
div.mu-select-block {
  display: none;
}
.contact-form form select {
	height: 60px;
}
#student-register-form p {
  padding: 10px 0;
}
.contact-form form button.btn-one::after {
	background-color: var(--thm-primary-color);
}
@media (max-width: 768px){
}
/*** 
=============================================
	Courses Page Css 
=============================================
***/
.single-courses-style2__overlay, .single-courses-style2:hover .single-courses-style2__overlay {
	background-color: var(--thm-black);
}
.single-courses-style2:hover .single-courses-style2__img::before {
	opacity: 0;
}
.single-courses-style2__overlay .title h3 a:hover {
	color: var(--thm-secondary-color);
}
.single-courses-style2__content-price .left.mu-price-list {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	text-align: justify;
	width: 100%;
}
.single-courses-style2__content-price {
	background-color: var(--thm-primary-color);
}
.single-courses-style2__content-price.mu-thm-secondry .btn-one::after{
	background-color: var(--thm-secondary-color);
}
.single-courses-style2__content-price .left h4, .single-courses-style2__content-price .right .btn-box a {
	color: var(--thm-white);
}
.single-courses-style2__content-price .btn-one::before {
	z-index: -1;
}
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
	background-color: var(--thm-secondary-color);
}
.courses-style2-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] span {
	color: #fff;
}

.section-btn::before {
	background-color: var(--thm-secondary-color);
}
.section-btn-inner {
	border: 1px solid var(--thm-secondary-color);
}
@media (max-width: 768px){
}
/*** 
=============================================
	Gallery Page Css 
=============================================
***/
.single-project-style1__img img {
	height: 350px;
	object-fit: cover;
}
.single-project-style1__img-overlay-content .title h3 {
	color: var(--thm-secondary-color);
}
@media (max-width: 768px){
}
/*** 
=============================================
   Location Css
=============================================
***/
.mu-location-pg-btn {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 20px;
}
.frm-location input[type="submit"] {
	position: relative;
	padding: 7px 16px;
	display: inline-block;
	color: var(--thm-white);
	text-decoration: none;
	transition: all 0.5s ease;
	z-index: 0;
	background: var(--thm-primary-color);
	border-radius: 0;
	width: 100%;
	border-radius: 5px;
}
.frm-location.active input[type="submit"] {
	background: var(--thm-secondary-color);
	color: var(--thm-black);
	font-weight: bold;
}
@media ( max-width:769px) {
	.mu-location-pg-btn {
		grid-template-columns: 1fr;
	}
}
/*** 
=============================================
	Contact Page Css 
=============================================
***/
.single-contact-info-style3 {
	background-color: var(--thm-primary-color);
}
.single-contact-info-style3 .text {
	background-color: var(--thm-secondary-color);
}
.single-contact-info-style3 .content-box .phone-email p span, .single-contact-info-style3 .content-box .btn-box a {
	color: var(--thm-secondary-color);
}
.single-contact-info-style3 .content-box .phone-email p a, .single-contact-info-style3 .content-box .phone-email p {
	color: var(--thm-white);
}
.contact-info-style3-social-links ul li a {
	background: var(--thm-secondary-color);
}
.lacation-style1__map-box {
	height: 450px;
	mix-blend-mode: normal;
	opacity: 1;
}
@media (max-width: 768px){
}
/*** 
=============================================
	Footer Section Css 
=============================================
***/
.footer-main {
	padding: 50px 0px 30px;
}
.footer-style1__upper-content::before {
	background: linear-gradient(90deg, rgba(7, 1, 73, 0.9472163865546218) 0%, rgba(7, 1, 73, 0.7287289915966386) 5%, rgba(7, 1, 73, 0) 15%, rgba(7, 1, 73, 0) 85%, rgba(7, 1, 73, 0.7483368347338936) 95%, rgb(7, 1, 73) 100%);
}
.footer-style1__upper::before {
	border-bottom: 2px dashed #ffa809;
}
.footer-style1__top-inner {
	border-radius: var(--thm-border-radius);
	background-color: var(--thm-primary-color);
}
.footer-style1__top-inner-left li .title-box h4, .single-footer-widget .title h3 {
	color: var(--thm-secondary-color);
}
.footer-style1__top-inner-left li .title-box p a {
	color: var(--thm-white);
	&:hvoer {
		color: var(--thm-secondary-color);
	}
}
.footer-style1__top-inner-right .btn-box {
	background-color: var(--thm-secondary-color);
}
.footer-style1__top-inner-right .btn-box p, .footer-style1__top-inner-right .btn-box p a {
	color: var(--thm-black);
}
.footer-widget-links ul li a i {
	opacity: 1;
	color: var(--thm-secondary-color);
}
.footer-social-links-style1 ul li a {
	background: var(--thm-secondary-color);
	color: var(--thm-black);
	border: 1px solid var(--thm-primary-color);
	&:hover {
		border: 1px solid var(--thm-secondary-color);
	}
}
.footer-logo-style1 a img {
	width: 200px;
}
.subscribe-box-form .text p, .copyright-text p {
	color: var(--thm-white);
}
.footer-widget-links ul li a {
	color: var(--thm-white);
	&:hvoer {
		color: var(--thm-secondary-color);
	}
}
.footer-bottom {
	border-top: 1px solid var(--thm-secondary-color);
	padding: 15px 0px 15px;
	background: var(--thm-primary-color);
}
@media (max-width: 768px){
	.footer-bottom {
		padding: 15px 0px 80px;
	}
}
/*** 
=============================================
	Floating button Area Css 
=============================================
***/
.scroll-to-top {
	right: 5px;
	bottom: 20px;
}
.scroll-to-top .scroll-bar-text {
	background: var(--thm-primary-color);
	border: 1px solid #fff;
}

.mu-single-call-box {
	max-width: 100%;
	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(--thm-primary-color);
	border-radius: 5px;
	border: 1px solid #fff;
	padding:       15px;
	color:         #ffffff;
	font:          normal bold 20px/1 "Open Sans", sans-serif;
	text-align:    center;
}
/*Mobile Css Start*/
@media (max-width: 768px){
	.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;
	}
}