/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.7
	Stable tag: 3.4.7
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/


:root {
	--themeSecondarycolor: #d4302f;
}

.th-btn::before, .th-btn::after {
	background-color: var(--themeSecondarycolor);
}
.sub-title {
	color: var(--themeSecondarycolor);
}
.sub-title::before, .sub-title::after {
  background: var(--themeSecondarycolor);
}
.appointment-form-wrap::after {
  border-bottom: solid 30px #325091;
  border-left: solid 35px #325091;
}

/*** 
=============================================
  Header Section Css 
=============================================
***/
.header-top {
  background-color: var(--themeSecondarycolor);
  --body-color: var(--title-color);
}
.header-layout1 .header-top .container {
	padding-left: 400px;
}
.header-links li > i, .header-links li, .header-links span, .header-links p, .header-links a {
  color: var(--white-color);
}
.header-layout1 .logo-bg::after {
	background-color: #325091;
}
.header-layout1 .header-button .th-btn {
  display: flex !important;
}
.main-menu > ul > li {
  margin: 0 10px;
}
.main-menu a {
  color: var(--themeSecondarycolor);
}
.main-menu a:hover {
  color: var(--theme-color);
}
.header-button {
  gap: 5px;
}
.header-button .th-btn {
	margin-left: 0;
  padding: 21.5px 20px;
}

.footer-top {
  background-color: var(--theme-color);
  position: relative;
  z-index: 2;
  padding: 50px 0;
}

@media (max-width: 768px){
  .footer-top .cta-btn {
    margin-bottom: 20px;
  }
	.th-menu-toggle {
		background-color: var(--themeSecondarycolor);
	}
	.th-menu-wrapper .mobile-logo {
		/*background-color: #ffffff;*/
		border-bottom: 5px solid var(--theme-color);
	}
	.header-layout1 .logo-bg {
		height: calc(100% - 0px);
	}
}
/*** 
=============================================
  BreadCrumb Section Css 
=============================================
***/
@media (max-width: 768px){
}
/*** 
=============================================
  Home Page Css 
=============================================
***/
.hero-1 .th-hero-bg {
	background-position: center;
}
.hero-title {
	font-size: 40px;
	line-height: normal;
}
.checklist li > i {
  color: var(--themeSecondarycolor);
}
.about-feature_title {
  color: var(--themeSecondarycolor);
}
.about-feature_text {
  color: var(--white-color);
}
.testi-card_avater img {
  border: 1px solid var(--title-color);
}
.process-card_number {
	background-color: var(--themeSecondarycolor);
}
.process-card {
  border-radius: 0;
  height: 100%;
}
@media (max-width: 768px){
	.hero-style1 {
		padding: 90px 0 0px;
	}
	.hero-style1 .btn-group {
		display: none;
	}
	.hero-title {
        font-size: 30px;
    }
}
/*** 
=============================================
  About Page Css 
=============================================
***/
@media (max-width: 768px){
}
/*** 
=============================================
  Serivces Page Css 
=============================================
***/
.mu-home-services.service-card {
  background-color: var(--theme-color);
}
.mu-home-services.service-card .th-btn::before {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.mu-home-services.service-card .th-btn::after {
  -webkit-transform: translate(12%, -50%);
  -ms-transform: translate(12%, -50%);
  transform: translate(12%, -50%);
}
.mu-home-services.service-card .service-content {
  padding: 40px 30px;
  max-width: 100%;
  margin: auto;
}
.mu-home-services.service-card .box-title a:hover {
  color: var(--title-color);
}
.service-featured_content {
	/*margin: -80px 30px 0;*/
	background: var(--title-color);
}
.service-featured_content .box-title a {
	color: var(--theme-color);
}
@media (max-width: 768px){
}
/*** 
=============================================
  Gallery Page Css 
=============================================
***/
.project-card::after {
  height: 90%;
  width: 90%;
}
.mu-gallery-images {
  height: 350px !important;
  object-fit: cover;
}
@media (max-width: 768px){
}
/*** 
=============================================
  Contact Page Css 
=============================================
***/
.contact-feature {
  background: var(--theme-color);
}
.contact-feature .icon-btn {
  background-color: var(--title-color);
}
.contact-feature_link {
  color: var(--white-color);
}
.contact-feature_link:hover {
  color: var(--title-color);
}
@media (max-width: 768px){
}
/*** 
=============================================
  Footer Section Css 
=============================================
***/
.footer-widget .widget_title, .info-box_icon {
	color:var(--themeSecondarycolor);
}
.th-social a {
	background-color: var(--themeSecondarycolor);
}
.th-social a:hover {
	background-color: var(--title-color);
	border: 1px solid var(--theme-color);
}
.copyright-wrap {
  padding: 15px 0;
  background: var(--themeSecondarycolor) !important;
}
.copyright-text {
  color: #fff;
}
@media (max-width: 768px){
}
/*** 
=============================================
  Floating button Area Css 
=============================================
***/
.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(--theme-color);
  border-radius: 5px;
  box-shadow:    0 5px #000000;
  padding:       15px 15px;
  color:         #ffffff;
  font:          normal bold 20px/1 "Open Sans", sans-serif;
  text-align:    center;
}
/*Mobile Css Start*/
@media (max-width: 768px){
	.scroll-top {
		right: 1px;
		bottom: 20px;
	}
	.mu-single-call-box {
		display: none;
	}
	.floating-btn, .floating-btn-2 {
		position: fixed;
		bottom: 20px;
		display: block !important;
		z-index: 999;
	}
	.floating-btn{
		left: 1px;
	}
	.floating-btn-2{
		right: 55px;
	}
	.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 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: 10px;
}
button#mu-area-cover-btn {
	background: transparent;
	border: transparent;
    color: #000;
    width: auto;
    border-radius: 4px;
}
@media (max-width: 768px){
  .mu-area-cover-grid {
    grid-template-columns: 1fr;
  }
}