/*!
Theme Name: wellottelectric
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
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: wellottelectric
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.

wellottelectric 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/
*/

@font-face {
    font-family: 'futuramedium';
    src: url('./fonts/futuramedium.otf') format("opentype");
}

@font-face {
  font-family: 'Jost-Italic';
  src: url("./fonts/Jost-Italic.ttf") format("truetype");
}

@font-face {
  font-family: 'Knockout-HTF50-Welterweight-Regular';
  src: url("./fonts/Knockout-HTF50-Welterweight-Regular.otf") format("opentype");
}

body{
    margin:0;
    padding:0;
    color:#000;
    font-family: 'futuramedium';
}

p,a,ul li,ol li{
	font-size:16px;
	line-height:30px;
	font-family: 'futuramedium';
}

img{
	max-width:100%;
}

a {
	text-decoration: none !important;
}

/* header css */

header.header_section {
	position: sticky;
	top: 0px;
	z-index: 999;
	padding: 0px 0px 10px 0px;
	box-shadow: 0px 3px 6px #0000004A;
	background: #FFFFFF;
}

.header_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.header-logo a {
    display: block;
}

.header-logo img {
    height: 80px;
}


.top_header p a{
	color:#007FC4;
}

.header_info_block p {
    font-style: italic;
}

.button_group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.button_group a {
    text-decoration: none;
    line-height: normal;
    height: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    min-width: 150px;
    border-radius: 12px;
}

a.blue_button {
    background: #007FC4;
    color: #fff;
}

a.blue_button:hover {
    background: #104366;
}

div#mega-menu-wrap-menu-1 {
    background: transparent;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    font-family: 'futuramedium';
    color: #000000;
    font-size: 16px;
    height: auto;
    padding: 0px 25px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #B74221;
    background: transparent;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus {
    background: transparent;
    color: #B74221;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {background: #007fc4;color: #fff;}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    background: transparent;
    color: #007fc4;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: #fff;
    font-size: 16px;
    line-height: 42px;
    display: block;
}

.generac-logo img {
    width: 80px;
}

.we-serve-content img {
    width: 22px;
    margin-right: 5px;
}

.we-serve-content p {
    margin: 0;
    color: #ffffff;
}
.main_buttons {
    display: flex;
    grid-gap: 30px;
}
.button-group a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding: 0px 15px;
    border-radius: 10px;
    min-width: 170px;
    font-family: 'Knockout-HTF50-Welterweight-Regular';
	text-transform:uppercase;
}

.header-phone img {
    width: 24px;
    margin-right: 5px;
}

.header-phone a {
    color: #ffffff;
    font-family: 'Knockout-HTF50-Welterweight-Regular';
}

.header-menu-generac {
    grid-gap: 30px;
}
.follow-us p {
	margin: 0;
	color: #ffffff;
	font-family: 'Knockout-HTF50-Welterweight-Regular';
}
.socialmedia {
    grid-gap: 5px;
    margin-left: 5px;
}
.socialmedia img {
    width: 24px;
}


.header_section {
    flex-wrap: wrap;
    padding: 7px 20px 7px 0px;
    gap: 70px;
    background: linear-gradient(90deg, #FFFFFF, #FFFFFF, #34586E, #34586E, #34586E);
}

.top_header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-left: 31%;
}

header.site_header {
    background: #fff;
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    padding: 10px 0px;
    border-bottom: 4px solid #B74221;
}

.hedaer_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.header-logo {
    margin-top: -55px;
    transition: 0.5s;
}

.header-logo img {
    transition: 0.5s;
}

.button-group a {
    line-height: normal;
}

header.site_header.fixed-header .header-logo {
    margin: 0px;
}

header.site_header.fixed-header .header-logo img {
    height: 60px;
}

a.red-button:hover {
    background: #34586e;
}

.follow-us p {
    line-height: normal;
    margin-top: 5px;
}



/* header css */


/* hero css */

section.home-banner-section {
    padding: 50px 0px;
    min-height: calc(100vh - 125px);
    display: flex;
    justify-content: center;
    align-items: center;
	background-position:center bottom !Important;
}

section.home-banner-section.home-banner-sectionmd {
    padding: 0px;
    position: relative;
}

.overlay_hero {
    position: absolute;
    width: 100%;
    left: 0px;
}

img.banner_image {
    width: 100%;
    display: block;
}

.home-banner-content h5 {
    display: inline-block;
    background: #ffffff54;
    font-family: 'futuramedium';
    color: #fff;
    padding: 5px 15px;
    border-radius: 7px 7px 7px 7px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.26px;
    position: relative;
    z-index: 2;
}

.home-banner-content p {
    color: #fff;
}

.home-banner-content h1 {
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    color: #fff;
    font-size: 69px;
    line-height: 71px;
}

.home-banner-content h1 span {
    color: #B74221;
}

.home-banner-content ul {
    list-style: none;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 27px;
    margin: 25px 0px;
}

.home-banner-content ul li {
    color: #fff;
    padding-left: 33px;
    background-repeat: no-repeat !IMPORTANT;
    background-size: 23px !IMPORTANT;
    background-position-y: 4px !Important;
}

a.blue-button {
    background: #1A2D38;
    border: 1px solid #1A2D38;
    color: #fff;
}

a.blue-button img {
    margin-right: 8px;
    width: 22px;
}

.button-group {
    gap: 14px;
}

a.blue-button:hover {
    border-color: #fff;
    background: #34586e;
}
/* 
.home-banner-content h5:after {
    content: '';
    position: absolute;
    right: -37px;
    height: 40px;
    width: 7px;
    background: rgba(255 255 255/33%);
    top: -8px;
    border-radius: 30px;
} */

/* .home-banner-content h5 span {
    display: inline-block;
    background: rgba(255 255 255/33%);
    width: 33px;
    border: 1px solid red;
    height: 19px;
    position: absolute;
    right: -33px;
    top: 0px;
    background: url(https://testdemoproject.xyz/wellottelectric/wp-content/uploads/2026/06/Path-1414.png);
    background-repeat: no-repeat !IMPORTANT;
    background-size: contain !IMPORTANT;
    z-index: -1;
} */
/* 
.home-banner-content h5 span:after, .home-banner-content h5 span:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 7px;
    background: rgba(255 255 255/33%);
    border-radius: 30px;
    z-index: -1;
}

.home-banner-content h5 span:after{
    top:0px;
}

.home-banner-content h5 span:before{
    bottom: -7px;
}  */

.hero_review_block {
    position: absolute;
    left: 0px;
    bottom: 39px;
    width: 100%;
}

.hero_review_block .d-flex img {
    height: 38px;
    margin-right: 8px;
}

.hero_review_block .d-flex p, .hero_review_block .d-flex p a {
    margin: 0px;
    color: #fff;
    font-family: 'futuramedium';
}

.hero_review_block .d-flex p a, .hero_review_block .d-flex p span{
    text-decoration:underline !important;
}

img.arrow_image_center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    width: 49px;
}

.hero_review_block .d-flex p a:hover {
    color: #b74221;
}

/* hero css */


section.introduction_section {
    margin: 70px 0px;
}

.introduction-img img {
    width: 100%;
    border-radius: 20px;
    border: 4px solid #B74221;
}

section.introduction_section .row {
    gap: 25px 0px;
}


/* footer css */
.footer-section {
    background: #1A2D38;
    padding: 60px 0px;
}
img.footer_main_logo {
    width: 180px;
    margin-bottom: 20px;
}
.footer-intro-logo p {
    color: #FFFFFF;
    margin: 0;
}
img.footer_second_img {
    width: 250px;
    margin-top: 20px;
}
.footer-menu h4 {
    color: #B74221;
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    font-size: 28px;
}
.footer-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
}
.footer-menu ul li a {
    color: #ffffff;
}
.quick_link_title {
    margin-left: 70px;
}
.contact_info_row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 15px;
}

.contact_info_deta {
    width: calc(100% - 40px);
    padding-left: 10px;
}

.contact_info_deta a {
    color: #ffffff;
}
.contact_info_row img {
    width: 35px;
}
.contact_info_deta p {
    margin: 0;
    color: #ffffff;
}

.footer-follow-us {
    margin-top: 40px;
}

.footer-socialmedia img {
    width: 40px;
}

.footer-socialmedia {
    grid-gap: 10px;
}
.footer-menu ul li a:hover {
    color: #B74221;
}
.contact_info_deta a:hover {
    color: #B74221;
}
.footer-socialmedia img:hover {
    opacity: 0.5;
}
.copyright-section {
    background: #34586E;
    padding: 7px 0px;
}
.copyright-text p a:hover {
    color: #B74221;
}
.copyright-text a {
    color: #ffffff;
}

.copyright-text p {
    margin: 0;
}

.copy_main {
    justify-content: space-between;
}

.license_text p {
    margin: 0;
    color: #ffffff;
}
.license_text p:hover {
    color: #B74221;
}
.license_text {
    display: none;
}
/* footer css */

/*Home page CSS*/

a.red-button {
    background: #B74221;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-family: 'Knockout-HTF50-Welterweight-Regular';
}
a.red-button img {
    margin-right: 8px;
    width: 22px;
}


/* why us css */

section.why-us-section {
    padding-top: 70px;
    background-size: 98% !IMPORTANT;
}

.title_text h5 {
    display: inline-block;
    background: #364A55;
    font-family: 'futuramedium';
    color: #fff;
    padding: 5px 15px;
    border-radius: 7px 7px 7px 7px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.26px;
    position: relative;
    z-index: 2;
}

.title_text h2 {
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    color: #000000;
    font-size: 48px;
    line-height: 54px;
}

.title_text h2 span {
    color: #B74221;
}

.why-us-content {
    padding-right: 40px;
}

.why-us-box .why-us-box-image {
    width: 45px;
}

.why-us-box-content {
    width: calc(100% - 60px);
    flex: 1;
    padding-left: 25px;
}

.why-us-box-content h4 {
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    color: #000000;
    font-size: 25px;
    margin: 0px;
    line-height: 35px;
}

.why-us-box-content p {
    margin: 0px;
}

.why-us-box {
    margin-bottom: 20px;
}

.why-us-estimate-form {
    border: 3px solid #B74221;
    border-radius: 20px;
    padding: 25px;
    background: linear-gradient(180deg, #34586E, #1A2D38);
}

.why-us-estimate-form h3 {
    color: #fff;
    text-align: center;
    margin-bottom: 25px;
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    font-size: 36px;
    padding: 0px 17%;
}

.why-us-estimate-form h3 span {
    color: #B74221;
}

.why-us-estimate-form input, .why-us-estimate-form select {
    width: 100%;
    height: 42px;
    border-radius: 12px;
    border: none !IMPORTANT;
    outline: none !IMPORTANT;
    background: #fff;
    padding: 5px 15px;
    box-shadow: inset 0px 4px 0px #B7422173;
    color: #7A7A7A;
    font-size:16px;
}

.why-us-estimate-form textarea{
    width: 100%;
    height: 95px;
    border-radius: 12px;
    border: none !IMPORTANT;
    outline: none !IMPORTANT;
    background: #fff;
    padding: 10px 15px;
    box-shadow: inset 0px 4px 0px #B7422173;
    color: #7A7A7A;
    font-size:16px;
}

.why-us-estimate-form ::-webkit-input-placeholder {
  color: #7A7A7A;
}
.why-us-estimate-form ::-moz-placeholder {
  color: #7A7A7A;
}
.why-us-estimate-form :-ms-input-placeholder {
  color: #7A7A7A;
}
.why-us-estimate-form :-moz-placeholder {
  color: #7A7A7A;
}

.why-us-estimate-form input[type="checkbox"] {
    width: 25px;
    box-shadow: none !IMPORTANT;
    height: 25px;
}

.why-us-estimate-form p {
    margin-bottom: 10px;
}

span.wpcf7-list-item-label {
    color: #6B8A9C;
    flex: 1;
    padding-left: 10px;
    font-size: 16px;
}

span.wpcf7-list-item {
    margin: 0px;
}

span.wpcf7-list-item label {
    display: flex;
    flex-wrap: wrap;
}

span.wpcf7-spinner {
    display: none !IMPORTANT;
}

.why-us-estimate-form input[type="submit"] {
    background: #B74221 !IMPORTANT;
    color: #fff;
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    text-transform: uppercase;
    font-size: 20px;
    box-shadow: none !IMPORTANT;
    border: 2px solid #B74221 !IMPORTANT;
}

.why-us-estimate-form input[type="submit"]:hover {
    background: #fff !IMPORTANT;
    color: #000 !IMPORTANT;
}

section.why-us-section .container {
    border-bottom: 1px solid #7A7A7A6E;
    padding-bottom: 70px;
    margin-bottom: 70px;
}

/* why us css */


/* service slider css */

.title_text.service-description {
    padding-left: 18%;
}

section.service-section {
    margin-bottom: 70px;
}

section.service-section .row {
    align-items: end !IMPORTANT;
}

.service-box {
    border: 2px solid #34586E;
    border-radius: 20px;
    overflow: hidden;
    transition: 0.5s;
}

.service-box a{
	color:#000;
	text-decoration:none;
}

img.service-img {
    height: 225px;
    width: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.divider_block {
    width: 100%;
    border-top: 4px solid #FEBA12;
    border-bottom: 4px solid #FEBA12;
    padding: 7px;
    background: #B74221;
}

.service-box-content {
    padding: 24px;
    position: relative;
    padding-top: 40px;
    min-height: 224px;
}

.service-box-icon {
    border: 4px solid #FEBA12;
    background: #34586E;
    height: 80px;
    width: 80px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    position: absolute;
    top: -54px;
}

.service-box-icon img {
    height: 50px;
    transition: 0.5s;
}

.service-box-content h3 {
    color: #000000;
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    text-transform: uppercase;
    font-size: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.service-box-content p {
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.service-box:hover {
    border-color: #feba12;
}

.service-box:hover img.service-img {
    transform: scale(1.2);
}

.service-img-main {
    overflow: hidden;
}

.service-box:hover .service-box-icon img {
    transform: rotateY(360deg);
}

.swiper-pagination span {
    border: 1px solid #000000;
    opacity: 1;
    width: 16px;
    height: 16px;
    position: relative;
    background: transparent;
}

.swiper-pagination span.swiper-pagination-bullet-active:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 65%;
    width: 65%;
    border-radius: 50%;
    background: #B74221;
}

.service_slider .swiper-pagination {
    position: static !IMPORTANT;
    margin-top: 30px;
}

/* sevice slider css */


/* about css */

.border-top-derk {
    border-top: 5px solid #feba12 !IMPORTANT;
    border-bottom: 5px solid #b74221 !Important;
    display: block;
}

.home-about-img, .home-about-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

section.home-about-us-section {
    position: relative;
}

section.home-about-us-section:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !IMPORTANT;
    background-position: right center !IMPORTANT;
    background-size: cover !IMPORTANT;
}

.home-about-content {
    position: relative;
    z-index: 2;
    height: 100%;
}

img.hanging_image {
    position: absolute;
    right: 30px;
    width: 106px;
}

img.logo_white {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 54%;
}

.home-about-content-inner {
    padding: 40px;
    padding-right: 15%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding-left: 20px;
    position: relative;
    z-index: 6;
}

.text-white h2 {
    color: #fff;
}

.border-bottom-dark {
    border-bottom: 5px solid #feba12 !Important;
    border-top: 5px solid #b74221 !IMPORTANT;
    display: block;
}

/* about css */

/* we offer css */

section.what-we-offer-section {
    background-size: 98% !IMPORTANT;
    background-position: center center !IMPORTANT;
    padding: 80px 0px;
}

.what-we-offer-box {
    background-repeat: no-repeat ! IMPORTANT;
    background-size: 568px ! IMPORTANT;
    height: 526px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px 23%;
    background-position: center center ! IMPORTANT;
}

.what-we-offer-box h4 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    text-transform: uppercase;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0 0 0/20%);
    font-size: 23px;
}

.what-we-offer-box h3 {
    text-transform: uppercase; 
}

.what-we-offer-box img {
    height: 47px;
    margin-bottom: 8px;
}

.what-we-offer-box h3 {
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    color: #000;
    font-size: 25px;
    line-height: 30px;
    margin: 0px;
}

.what-we-offer-box p {
    margin: 0px;
    color: #000000;
    line-height: 28px;
}

section.what-we-offer-section .col-lg-3 {
    padding: 0px;
}

section.what-we-offer-section .row.mb-5 {
    margin-bottom: 10px !IMPORTANT;
}

/* we offer css */

/* expert section */

section.secure-home-expert-section {
    padding: 60px 0px;
}

.secure-home-expert-img img {
    border-radius: 22px;
}

section.brighten-light-section {
    margin: 70px 0px;
    background-size: 98% !IMPORTANT;
    background-position: center center !IMPORTANT;
}

section.brighten-light-section .row {
    gap: 25px 0px;
}

section.brighten-light-section .row {
    flex-direction: row-reverse;
}

.brighten-light-content {
    padding-left: 20px;
}

.we-logo-border-img {
    margin: 50px auto;
    max-width: 85%;
    margin-bottom: 40px;
}

.logo-box {
    margin: 13px 18px;
    height: 105px;
    border-radius: 15px;
    box-shadow: 0px 0px 15px rgba(0 0 0/20%);
    text-align: center;
    padding: 15px;
}

.logo-box img {
    height: 76px;
    width: 100%;
    object-fit: contain;
}

/* expert section */


/* service area css */

section.service-area-section {
    margin: 70px 0px;
}

.area_we_serve_block {
    margin: 0px;
    border: 4px solid #B74221;
    border-radius: 20px;
    overflow: hidden;
}

.service-area-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.area_we_serve_block .col-md-6:nth-child(2) {
    background: linear-gradient(180deg, #34586E, #1A2D38);
    padding: 40px !IMPORTANT;
}

.service-area-content ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.service-area-content ul li {
    background-repeat: no-repeat !IMPORTANT;
    background-size: 27px !IMPORTANT;
    padding-left: 33px;
}

.service-area-content a.blue-button {
    border-color: #fff;
}

.map-iframe p {
    margin: 0px;
}

.map-iframe iframe {
    width: 100%;
    height: 732px;
    display: block;
}

/* service area css */

/* portfolio css */

section.portfolio-section {
    padding: 70px 0px;
}

#portfolio-logo-slider .swiper-pagination {
    position: static !IMPORTANT;
    margin-top: 40px;
}

/* portfolio css */

/* blog css */

section.blog-section {
    margin: 70px 0px;
}

section.blog-section .row {
    align-items: end;
}

section.blog-section .row h2 {
    margin: 0px;
}

.blog-box {
    border: 2px solid #34586E;
    border-radius: 20px;
    overflow: hidden;
    transition: 0.5s;
}

.blog_feature_image.home-blog {
    overflow: hidden;
}

.blog_feature_image.home-blog img {
    height: 225px;
    width: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.blog_content_block {
    padding: 24px;
    position: relative;
    min-height: 225px;
}

.blog_content_block h3 {
    color: #000000;
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    text-transform: uppercase;
    font-size: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blogSwiper .swiper-pagination {
    position: static !IMPORTANT;
    margin-top: 30px;
}

.blog-box a {
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    text-transform: uppercase;
    font-size: 19px;
    color: #B74221;
    position: relative;
}

.blog-box a:after {
    content: '\f178';
    text-decoration: none !IMPORTANT;
    margin-left: 10px;
    font-family: fontAwesome !IMPORTANT;
}

.blog-box a:hover {
    color: #35596f;
}

.blog-box:hover .blog_feature_image.home-blog img {
    transform: scale(1.2);
}

.blog-box:hover {
    border-color: #feba12;
}

.blog-box:hover .blog_content_block h3 {
    color: #34586e;
}

/* blog css */


/* footer css */

.upgrader-cta-content {
    border: 1px solid #B74221;
    max-width: 95%;
    margin: 0 auto;
    background: #34586E;
    padding: 20px;
    border-radius: 15px;
    flex-wrap: wrap;
}

.upgrader-cta-content h2 {
    color: #fff;
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    flex: 1;
    margin: 0px;
    font-size: 34px;
}

.upgrade-cta-section {
    margin-bottom: -75px;
    position: relative;
    z-index: 2;
}

.footer-section {
    padding-top: 115px;
    position: relative;
}

.cta_content_ft {
    flex: 1;
    padding-right: 15px;
}

.cta_content_ft p {
    color: #fff;
}

.cta_content_ft p:last-child {
    margin: 0px;
}

.footer-section:before {
    content: '';
    position: absolute;
    width: 113px;
    height: 150px;
    background-size: contain !IMPORTANT;
    background-repeat: no-repeat !IMPORTANT;
    right: 20px;
    top: 0px;
}

/* footer css */

/* testimonial css */

section.testimonial-section {
    margin: 70px 0px;
    position: relative;
    padding: 60px 0px;
}

img.lady_image {
    position: absolute;
    right: 10%;
    bottom: 0px;
    width: 590px;
}

.testimonial_block {
    background: #fff;
    padding: 24px;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;

}

.testimonial_block {
    position: relative;
    overflow: hidden;
}

.testimonial_block:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 10px;
    width: 100%;
    border-top: 10px solid #34586e;
    border-bottom: 10px solid #b74221;
}

img.quate_image {
    height: 50px;
    margin-bottom: 13px;
}

img.ratting_image {
    height: 23px;
    margin-bottom: 15px;
}

.testimonial_block h4 {
    color: #B74221;
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    text-transform: uppercase;
    position: relative;
}

.testimonial_block h4:before {
    content: '-';
    margin-right: 6px;
}

a.readmore_button {
    color: #34586e;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 7px;
}

.testimonial_description {
    overflow: hidden;
    height: 182px;
}

.testimonial_slider .swiper-pagination {
    position: static !IMPORTANT;
    margin-top: 40px;
}

.testimonial_slider .swiper-pagination span {
    border-color: #fff;
}

/* testimonial css */


.common-hero-banner {
	padding: 75px 0px;
	background: #1a2d38;
}

.page_title h1 {
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    font-size: 54px;
    line-height: 60px;
    margin: 0px;
}

section.blog_section {
    margin: 70px 0px;
}

section.blog_section .row {
    gap: 25px 0px;
}

.pagination {
    justify-content: center;
    align-items: center;
}

.pagination span, .pagination a {
    height: 45px;
    min-width: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    border-radius: 30px;
    background: #ddd;
    color: #000;
    font-family: 'futuramedium';
    font-size: 15px;
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pagination .current, .pagination span:hover, .pagination a:hover {
    background: #B74221;
    color: #fff;
}

/* blog detail css start */
section.post__detail {
    margin: 50px 0px;
}
.post__detail article.post p.post-meta {
    margin-bottom: 20px;
}
.post__detail article.post p.post-meta, .post__detail article.post p.post-meta a {
	color: #000000;
	text-decoration: none;
	font-size: 16px;
}
.post-content img {
    border-radius: 20px;
}
.post__detail .post h2 {
	font-size: 30px;
	margin: 0 0 12px 0;
	color: #000000;
	font-family: 'Knockout-HTF50-Welterweight-Regular';
}
.post__detail .post h3 {
	font-size: 26px;
	color: #000000;
	margin: 0 0 12px 0;
	font-family: 'Knockout-HTF50-Welterweight-Regular';
}
.post__detail .post h4 {
	font-size: 22px;
	color: #000000;
	margin: 0 0 12px 0;
	font-family: 'Knockout-HTF50-Welterweight-Regular';
}
.post-navigation {
    display: none;
}
.single__post__sidebar {
    position: sticky;
    top: 110px;
}
.single__post__sidebar .sidebar__data {
    border: 2px solid #1A2D38 !important;
    padding: 25px;
    margin-bottom: 15px;
    border-radius: 15px;
    background: #ffffff !important;
    color: #000000;
}
.sidebar__data h4 {
	margin-bottom: 10px;
	color: #000000;
	font-size: 24px;
	font-family: 'Knockout-HTF50-Welterweight-Regular';
}
.search__post__sidebar form {
    display: flex;
    align-items: center;
    position: relative;
}
.search__post__sidebar form input {
    width: 100%;
    height: 45px;
    padding: 10px;
    border-radius: 18px;
    border: 2px solid #1A2D38 !important;
    padding-right: 46px;
    font-size: 15px;
    outline: none;
}
.search__post__sidebar form button {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 45px;
    background: transparent ! IMPORTANT;
    border: none ! IMPORTANT;
    outline: none ! IMPORTANT;
    color: #000000;
}
ul.category-list-items {
    margin: 0px;
    list-style: none;
    padding: 0;
}
ul.category-list-items li a {
    display: block;
    padding: 12px 0px;
    border-bottom: 1px solid #000000;
    color: #000000;
}
.post-content p {
    color: #000000;
}
.post-content ul {
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
}

.post__detail article.post p.post-meta a {
	color: #B74221;
}
.post-content a {
    color: #B74221;
    text-decoration: none;
}
ul.category-list-items li a:hover {
    color: #B74221;
}
/* blog detail css end */
main#primary {
    padding: 60px 0px;
}

/* contact us css start */
section.contact_page_section {
    padding: 60px 0px;
}
.contact_main_title {
    margin-bottom: 30px;
}
.contact_page_block {
    text-align: center;
    border: 5px solid #B74221;
    height: 100%;
    padding: 20px;
    background: linear-gradient(180deg, #34586E, #1A2D38);
    transition: 0.5s;
    border-radius: 20px;
}
.contact_page_block_image {
    display: inline-flex;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #FEBA12;
    border: 2px solid #B74221;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    transition: 0.5s;
}
.contact_page_block_image img {
    filter: invert(1);
    height: 52px;
}
.contact_page_block h4 {
    font-size: 25px;
    color: #ffffff;
    font-family: 'futuramedium';
}
.contact_page_block a {
    color: #ffffff;
}
.contact_page_block:hover .contact_page_block_image {
    transform: rotateY(360deg);
}
.contact_page_block:hover a {
    color: #B74221;
}

.contact_main_title h2 {
    color: #000000;
}

.contact_iframe p {
    margin: 0;
}
.contact_iframe iframe {
	border: 3px solid #B74221 !important;
	border-radius: 20px;
	height: 720px;
}
section.contact_page_location {
    padding: 0 0 60px 0px;
}
/* contact us css end */


/* about us page css */

section.about_page-section {
    margin: 70px 0px;
}

.about_page-img img {
    max-width: 100%;
    border: 4px solid #B74221;
    border-radius: 20px;
}

section.wellottel_about_section {
    padding: 50px 0px;
    background: linear-gradient(180deg, #34586E, #1A2D38);
}

section.wellottel_about_section .row {
    gap: 40px 0px;
}

.wellottel_about_block {
    height: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 25px;
    display: flex;
    flex-wrap: wrap;
    transition: 0.5s;
}

.wellottel_about_image {
    border: 4px solid #b74221;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #f8f8f8;
}

.wellottel_about_image img {
    height: 55px;
    transition: 0.5s;
}

.wellottel_about_content {
    width: calc(100% - 100px);
    padding-left: 25px;
}

.wellottel_about_content h3 {
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    color: #000000;
    font-size: 35px;
    line-height: 37px;
}

section.wellottel_about_section a.blue-button {
    border-color: #fff;
}

.wellottel_about_block:hover {
    box-shadow: 0px 0px 20px #b74221;
}

.wellottel_about_block:hover .wellottel_about_image img {
    transform: rotateY(360deg);
}

section.team_section {
    margin: 70px 0px;
}

.team_block {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
	    border: 2px solid #1c303b;
}

img.prodile_image {
    height: 428px;
    width: 100%;
    object-fit: cover;
}

.team_block h3 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 10px;
    margin: 0px;
    background: #1c303b;
    text-align: center;
    color: #fff;
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    font-size: 20px;
    box-shadow: 0px -6px 10px rgba(0 0 0/40%);
}

section.team_section .swiper-pagination {
    margin-top: 30px;
    position: static !IMPORTANT;
}


section.blocks_sections {
    margin: 70px 0px;
}

section.blocks_sections .row {
    gap: 25px 0px;
    justify-content: center;
}

.blocks_sedule {
    height: 100%;
    text-align: center;
    border: 2px solid #34586E;
    border-radius: 20px;
    overflow: hidden;
    transition: 0.5s;
    padding: 30px;
    background: #fefefe;
    box-shadow: 0px 0px 20px rgba(0 0 0/20%);
}

.blocks_sedule_image {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    border: 3px solid #1a2d38;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 4px 2px 0px #b74221;
}

.blocks_sedule_image img {
    height: 56px;
    transition: 0.5s;
}

.blocks_sedule_data h2 {
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    color: #000000;
    font-size: 29px;
    line-height: 35px;
}

.blocks_sedule:hover img {
    transform: rotateY(360deg);
}

/* about us page css */

/* service page css */

section.service-page-section {
    margin: 70px 0px;
}

section.service-page-section .row {
    gap: 25px 0px;
}

section.service-page-section .service-box-content {
    min-height: auto;
}

section.service-page-section .service-box {
    height: 100%;
}

/* service page css */

/* portfolio page css */

section.portfolio_page_section {
    margin: 70px 0px;
}

section.portfolio_page_section .row {
    gap: 25px 0px;
}

section.portfolio_page_section .portfolio-logo-box img {
    width: 100%;
    height: 275px;
    border: 3px solid #B74221;
    border-radius: 20px;
    object-fit: cover;
}

.portfolio-hidden {
    display: none;
}

/* postfolio page css */


/* faq page css */

section.faqs_section {
    margin: 70px 0px;
}

.accordion-item {
    margin-bottom: 15px;
    background: linear-gradient(180deg, #34586E, #1A2D38) !IMPORTANT;
    border-radius: 15px !IMPORTANT;
    overflow: hidden !IMPORTANT;
    border: 2px solid #B74221 !important;
}

.accordion-item:last-child{
	margin:0px;
}

button.accordion-button {
    background: transparent !IMPORTANT;
    color: #fff !IMPORTANT;
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    font-size: 22px;
    border: none !IMPORTANT;
    outline: none !IMPORTANT;
    box-shadow: none !IMPORTANT;
}

.accordion-body p {
    color: #fff !IMPORTANT;
}

.accordion-body p:last-child {
    margin: 0px;
}

button.accordion-button:after {
    filter: brightness(0) invert(1);
}

.accordion-body {
    border-top: 1px solid #676767;
}

.accordion-body p a {
    text-decoration: none;
    color: #b84221;
}

.accordion-body p a:hover {
    color: #fff;
}

/* faq page css */

/* process css */

.what-we-offer-box-new {
    height: 100%;
    outline: 4px solid #34586e;
    border: 12px solid #b74221;
    border-radius: 20px;
    background: #fec330;
    padding:20px;
}

.what-we-offer-box-new h4{
 	text-align:center;
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    text-transform: uppercase;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0 0 0 / 20%);
    font-size: 23px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
}

.what-we-offer-box-new h3{
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    color: #000;
    font-size: 25px;
    line-height: 30px;
    margin: 0px;
}

.what-we-offer-box-new p {
    margin: 0px;
    color: #000000;
    line-height: 28px;
}

.what-we-offer-box-new p a{
	margin: 0px;
	text-decoration:none;
    color: #000000;
    line-height: 28px;
}

/* process css */


.secure-home-expert-content ul {
    list-style: number;
}

.secure-home-expert-content ul li {
    margin-bottom: 10px;
}

.secure-home-expert-content ul li b {
    color: #b74221;
}

.title_text li{
	text-align:left;
}

/* benefites css */

section.benefits_section {
    margin: 70px 0px;
}

section.benefits_section .row {
    gap: 25px 0px;
}

.benefits_block {
    border: 3px solid #B74221;
    border-radius: 20px;
    padding: 25px;
    background: linear-gradient(180deg, #34586E, #1A2D38);
    height: 100%;
    color: #fff;
    transition: 0.5s;
}

.benefits_block h4 {
    font-family: 'Knockout-HTF50-Welterweight-Regular';
    font-size: 29px;
}

.benefits_block p {
    margin: 0px;
}

.benefits_block:hover {
    box-shadow: 0px 0px 20px rgba(0 0 0/45%);
}

/* benefites css */


section.what-we-offer-sectionnew {
    margin: 50px 0px;
    padding: 50px 0px;
    background: #f7f7f7;
}

section.what-we-offer-sectionnew .row {
    gap: 30px 0px;
}

.schedule_content {
    padding: 40px;
    border-radius: 30px;
    border: 4px solid #b74221;
}

section.schedule_section {
    margin: 50px 0px;
}

.button-group {
    flex-wrap: wrap;
}

section.policy_section {
    margin: 50px 0px;
}

section.policy_section h4 {
    font-family: 'futuramedium';
    font-size: 21px;
}

.service-box .button-group {
    padding: 0px 25px 25px;
}

.service-box .button-group a {
    color: #fff;
}

.service-box-content p.content_servicesp {
    overflow: hidden;
    text-overflow: unset;
    display: -webkit-box;
    -webkit-line-clamp: initial;
    -webkit-box-orient: vertical;
    height: 92px;
	transition: all 0.3s ease;
}

.service-box-content .content_servicesp.expanded {
    height: auto;
}

section.service-page-section .service-box.service_box_ht {
    height: auto;
}

a.read_more {
    display: inline-block;
    margin-top: 10px;
}
.wpcf7-response-output {
    border-color: #B74221 !important;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
}

@media(max-width:1600px){
	img.lady_image{
		right:3%;
	}
}

@media(max-width:1400px) {
	p,a,ul li,ol li{
		font-size:14px;
		line-height:25px;
	}
	
	img.footer_main_logo {
		width: 150px;
	}
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		font-size: 14px;
		padding: 0px 20px;
	}

	.home-banner-content h5 {
		font-size: 12px;
	}

	.home-banner-content h1 {
		font-size: 59px;
		line-height: 60px;
	}

	.home-banner-content ul li {
		background-size: 20px !IMPORTANT;
		background-position-y: 2px !IMPORTANT;
		padding-left: 28px;
	}

	.home-banner-content ul {
		gap: 20px;
		margin: 18px 0px;
	}

	.button-group a {
		height: 40px;
		min-width: 155px;
	}

	.button-group a img {
		width: 20px !IMPORTANT;
	}

	.header-logo {
		margin-top: -50px;
	}

	section.home-banner-section {
		min-height: calc(100vh - 118px);
	}

	.title_text h5 {
		font-size: 12px;
	}

	.title_text h2 {
		font-size: 38px;
		line-height: 42px;
	}

	.why-us-box .why-us-box-image {
		width: 45px;
	}

	.why-us-box-content {
		width: calc(100% - 45px);
	}

	.why-us-box-content h4 {
		font-size: 21px;
		line-height: 30px;
	}

	.why-us-estimate-form h3 {
		font-size: 30px;
	}

	span.wpcf7-list-item-label {
		font-size: 14px;
	}

	.why-us-estimate-form input[type="submit"] {
		font-size: 18px;
	}

	section.why-us-section {
		padding-top: 50px;
	}

	section.why-us-section .container {
		padding-bottom: 50px;
		margin-bottom: 50px;
	}

	img.service-img, .blog_feature_image.home-blog img {
		height: 200px;
	}

	.divider_block {
		padding: 5px;
	}

	.service-box-icon {
		height: 70px;
		width: 70px;
		border: 3px solid #feba12;
		top: -46px;
	}

	.service-box-icon img {
		height: 40px;
	}

	.service-box-content h3, .blog_content_block h3 {
		font-size: 22px;
	}

	.service-box-content {
		min-height: 200px;
	}

	section.service-section {
		margin-bottom: 50px;
	}

	.swiper-pagination span {
		height: 14px;
		width: 14px;
	}

	img.hanging_image {
		width: 95px;
	}

	section.what-we-offer-section {
		padding: 50px 0px;
	}

	.what-we-offer-box h3 {
		font-size: 22px;
		line-height: 24px;
	}

	.what-we-offer-box p {
		line-height: 24px;
	}

	.what-we-offer-box {
		background-size: 497px ! IMPORTANT;
        padding: 20px 25%;
        height: 447px;
	}

	section.secure-home-expert-section {
		padding: 50px 0px;
	}

	section.brighten-light-section {
		margin: 50px 0px;
	}

	.logo-box {
		margin: 13px 13px;
	}

	section.testimonial-section {
		margin: 50px 0px;
		padding: 50px 0px;
	}

	img.lady_image {
		width: 555px;
	}

	section.service-area-section {
		margin: 50px 0px;
	}

	.map-iframe iframe {
		height: 639px;
	}

	section.portfolio-section {
		padding: 50px 0px;
	}

	section.blog-section {
		margin: 50px 0px;
	}

	.testimonial_block h4 {
		font-size: 19px;
	}

	.blog-box a {
		font-size: 17px;
	}

	.blog_content_block {
		min-height: 200px;
	}

	.upgrader-cta-content h2 {
		font-size: 28px;
	}

	.footer-menu h4 {
		font-size: 22px;
	}

	.footer-socialmedia img {
		width: 35px;
	}

	.footer-section:before {
		width: 100px;
		height: 134px;
	}
	.contact_iframe iframe {
		height: 710px;
	}
	
	section.faqs_section {
		margin: 50px 0px;
	}

	button.accordion-button {
		font-size: 19px;
	}
	
	section.portfolio_page_section{
		margin:50px 0px;
	}
	
	section.about_page-section, section.blocks_sections, section.team_section {
		margin: 50px 0px;
	}

	.wellottel_about_content h3 {
		font-size: 26px;
		line-height: 28px;
	}

	.blocks_sedule_data h2 {
		font-size: 26px;
		line-height: 32px;
	}
	
	.hero_review_block .d-flex img {
		height: 25px;
	}

	img.arrow_image_center {
		width: 39px;
	}
	
	.benefits_block h4{
		font-size:25px;
	}
}



@media(max-width:1200px){
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		padding: 0px 12px;
	}

	.header-menu-generac {
		gap: 22px;
	}

	.top_header {
		padding-left: 21%;
	}

	.header_section {
		background: linear-gradient(90deg, #FFFFFF 14%, #34586E, #34586E, #34586E);
	}

	.home-banner-content h1 {
		font-size: 49px;
		line-height: 50px;
	}

	.why-us-content {
		padding: 0px;
	}

	.what-we-offer-box {
		background-size: 497px ! IMPORTANT;
        padding: 11px 19%;
        height: 447px;
	}
	
	.what-we-offer-box h4 {
		font-size: 20px;
		height: 78px;
		width: 78px;
	}

	.brighten-light-content {
		padding: 0px;
	}

	.logo-box {
		height: 80px;
	}

	.logo-box img {
		height: 54px;
	}

	.testimonial_block {
		padding: 15px;
	}

	.testimonial_description p {
		line-height: 26px;
	}

	.title_text h2 {
		font-size: 33px;
		line-height: 37px;
	}

	.area_we_serve_block .col-md-6:nth-child(2) {
		padding: 30px !IMPORTANT;
	}

	.service-box-content h3, .blog_content_block h3 {
		font-size: 18px;
	}

	.quick_link_title {
		margin-left: 35px;
	}

	img.footer_main_logo {
		width: 120px;
	}

	.footer-menu h4 {
		font-size: 20px;
	}

	.upgrader-cta-content h2 {
		font-size: 23px;
	}
	
	button.accordion-button {
		font-size: 17px;
	}
	
	section.about_page-section .row {
		gap: 25px 0px;
	}

	.wellottel_about_image {
		height: 80px;
		width: 80px;
	}

	.wellottel_about_image img {
		height: 41px;
	}

	.wellottel_about_content {
		width: calc(100% - 80px);
		padding-left: 20px;
	}

	.blocks_sedule_image {
		height: 80px;
		width: 80px;
	}

	.blocks_sedule_image img {
		height: 41px;
	}
	
	img.lady_image{
		right:0px;
	}
	
	.testimonial_block:before{
		border-top: 6px solid #34586e;
    	border-bottom: 6px solid #b74221;
	}
	
	.hero_review_block{
		display:none;
	}
}

@media(max-width:1199px) {
	.contact_iframe iframe {
		height: 735px;
	}
}

@media(max-width:991px) {
	.contact_iframe iframe {
		height: 820px;
	}
}

@media(max-width:993px){
	#mega-menu-wrap-menu-1 .mega-menu-toggle {
		background: transparent !IMPORTANT;
	}

	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
		background: #b74221;
	}

	#mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
		background: #fff !IMPORTANT;
	}

	#mega-menu-wrap-menu-1 .mega-menu-toggle ~ button.mega-close:before {
		visibility: hidden;
	}
}



@media(max-width:992px){
	.we-serve-content.d-flex.align-items-center {
		display: none !IMPORTANT;
	}

	.main_buttons {
		display: none !IMPORTANT;
	}

	.top_header.d-flex.align-items-center {
		justify-content: end !IMPORTANT;
	}

	.header-logo {
		margin-top: -34px;
	}

	.header-logo img {
		height: 65px;
	}

	header.site_header {
		padding: 5px 0px;
	}

	header.site_header.fixed-header .header-logo img {
		height: 44px;
	}

	.home-banner-content h1 {
		font-size: 36px;
		line-height: 42px;
		margin: 0px;
	}

	.home-banner-content ul {
		gap: 10px;
	}

	section.home-banner-section {
		min-height: auto;
	}

	section.home-about-us-section:before {
		background-position: -170px 0px !IMPORTANT;
	}

	.what-we-offer-box {
		background-size: 497px ! IMPORTANT;
        padding: 11px 19%;
        height: 447px;
	}

	img.lady_image {
		width: 410px;
	}

	.service-area-content ul {
		grid-template-columns: repeat(2, 1fr);
	}

	.button-group a {
		min-width: 139px;
	}

	.area_we_serve_block .col-md-6:nth-child(2) {
		padding: 25px !IMPORTANT;
	}

	.map-iframe iframe {
		height: 822px;
	}
	
	.service-area-content ul {
		grid-template-columns: repeat(3, 1fr);
	}

	.blog_content_block {
		min-height: 216px;
	}

	.footer-section .row {
		gap: 25px 0px;
	}

	.quick_link_title {
		margin: 0px;
	}

	.copy_main.d-flex.align-items-center {
		justify-content: center;
		text-align: center;
		gap: 5px;
	}
	
	section.home-about-us-section::before {
		background-position: 50% 0px !IMPORTANT;
	}
	
	section.portfolio_page_section .portfolio-logo-box img {
		height: 200px;
	}	
	
	.wellottel_about_content {
		width: 100%;
		padding: 0px;
	}

	.wellottel_about_block {
		display: block;
		text-align: center;
	}

	.wellottel_about_image {
		margin-bottom: 15px;
	}
}

@media(max-width:991px){
	.what-we-offer-box {
		height: 100%;
		outline: 4px solid #34586e;
		border: 12px solid #b74221;
		border-radius: 20px;
		background: #fec330 !important;
		padding: 20px;
	}

	section.what-we-offer-section .row {
		gap: 25px 0px;
	}
}


@media(max-width:767px){
	section.home-banner-section {
		background-size: cover !IMPORTANT;
		background-position: top center !IMPORTANT;
		padding: 30px 0px;
		background-position: 0px -22px !IMPORTANT;
	}

	section.home-banner-section .col-md-6.col-12 {
		width: 100%;
	}

	section.why-us-section .row {
		gap: 25px 0px;
	}

	.why-us-estimate-form h3 {
		padding: 0px;
	}

	.title_text {
		text-align: center;
	}

	.why-us-box-content {
		text-align: left;
		padding-left: 10px;
	}

	.button-group {
		justify-content: center;
		text-align: center;
	}

	.title_text.service-description {
		padding: 0px;
	}

	section.home-about-us-section:before {
		display: none;
	}

	.home-about-content-inner {
		background: #1a2d38;
	}

	.what-we-offer-box.text-center {
/* 		max-width: 286px; */
		margin: 0 auto;
	}

	.home-about-content-inner {
		align-items: center;
	}

	.home-about-content-inner a.blue-button {
		border: 1px solid #fff;
	}

	section.secure-home-expert-section .row {
		gap: 25px 0px;
		flex-direction: column-reverse;
	}

	section.brighten-light-section .row {
		flex-direction: column-reverse;
		gap: 25px 0px;
	}

	img.lady_image {
		width: 143px;
	}

	.map-iframe iframe {
		height: 200px !IMPORTANT;
	}

	.service-area-content.title_text.text-white {
		align-items: center;
	}

	.service-area-content ul li {
		text-align: left;
	}

	.upgrader-cta-content {
		flex-direction: column;
		text-align: center;
		gap: 17px;
	}
	
	.home-about-content-inner {
		padding: 25px !IMPORTANT;
	}
	
	.home-banner-content .button-group {
		justify-content: start !IMPORTANT;
	}
	
	img.lady_image {
		z-index: 22;
	}
	.post__detail .post h2{
		    font-size: 24px;
	}
	
	.post__detail .post h3{
		font-size: 22px;
	}
	
	.post__detail .post h4{
		font-size: 20px;
	}
	
	.sidebar__data h4 {
		font-size: 20px;
	}
	.common-hero-banner {
        padding: 40px 0px;
    }
	.page_title h1 {
        font-size: 40px;
		line-height:42px;
    }
	.contact_page_block h4 {
        font-size: 22px;
    }
	.contact_page_section .col-md-4 {
        margin-bottom: 20px;
    }
	section.contact_page_section {
        padding: 60px 0px 30px 0;
    }
	.contact_iframe {
        margin-top: 30px;
    }
	.contact_iframe iframe {
        height: 350px;
    }
	
	section.portfolio_page_section .row .col-md-4 {
		width: 50% !IMPORTANT;
	}
	
	.cta_content_ft{
		padding:0px;
		width:100%;
		flex:auto;
	}
	
	.service-area-content ul {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.service-box .button-group {
		justify-content: start;
	}
}

@media(max-width:575px) {
	.contact_page_block_image {
		height: 75px;
		width: 75px;
	}
	.contact_page_block_image img {
        height: 36px;
    }
	
	section.portfolio_page_section .row {
		margin: 0px; 
	}

	section.portfolio_page_section .row .col-md-4 {
		padding: 0px 5px;
	}

	section.portfolio_page_section .row {
		gap: 10px 0px;
	}

	section.portfolio_page_section .portfolio-logo-box img {
		border: 2px solid #B74221;
		border-radius: 12px;
	}
}

@media(max-width:600px){
	.overlay_hero {
		position: relative;
		z-index: 4;
		padding: 30px 0px;
	}

	img.banner_image {
		position: absolute;
		left: 0px;
		top: 0px;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	
	.schedule_content {
		padding: 25px;
		border-radius: 20px;
	}
}

.home-banner-content .button-group {
    flex-wrap: wrap;
}

@media(max-width:510px){
	section.home-banner-section{
		padding-bottom: 65px;
	}
	
	.view-more-blog-btn .button-group {
		justify-content: center !IMPORTANT;
		margin-top: 15px;
	}
}


@media(max-width:420px){
	section.portfolio_page_section .portfolio-logo-box img {
		height: 155px;
	}
}