/* Theme Name: Divi Child *
Template Version: 1.0
Description: A customized version of Divi which adds a number of tiny features you need.
Template: Divi
*/

@font-face {
	font-family: "Icons";
	src: url("https://davisplumbingca.com/wp-content/themes/Divi-child/fonts/icons-solid-900.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: "Icons";
	src: url("https://davisplumbingca.com/wp-content/themes/Divi-child/fonts/icons-regular-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Icons";
	src: url("https://davisplumbingca.com/wp-content/themes/Divi-child/fonts/icons-brands-400.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}
*{
	transition: 0.3s ease-in-out;
}
body {
	font-size: 1.0625rem;
	font-family: 'Roboto Condensed', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	font-feature-settings: "liga";
	color: #1d1d1d;
	font-weight: 300;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Rubik', sans-serif;
}
p strong {
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	font-weight: 500;
}
div#page-container {
	overflow: hidden;
}


.button {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	margin: 0 0 0 5px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #68b6fb;
	padding: 15px 20px;
	border-radius: 5px;
	width: fit-content;
	order: 4;
	position: relative;
	overflow: hidden;
	transition: all 0.3s;
	z-index: 1;
}

.button::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #68b6fb;
	border-radius: 5px;
	z-index: -2;
}

.button::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #4895d8; /* Darker shade of blue */
	transition: all 0.3s;
	border-radius: 5px;
	z-index: -1;
}

.button:hover {
	color: #fff;
}

.button:hover::before {
	width: 100%;
}



.button .fa{
	margin-right:5px;
}
/*HEADER STYLES*/
header#main-header {
	background-color: #1e5faa !important;
}
.header-menu-container {
	width: 95%;
	display: flex;
	justify-content: center;
	align-items: center;
	/* padding: 10px 0; */
}
.header-menu-holder{
	padding:10px 0;
}
.header-info-holder {
	/* width: calc(100% - 50px); */
	margin-right: 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.logo_container {
	position: relative !important;
	display: flex;
	margin-left: 20px;
	align-items: center;
}

.text-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Rubik', sans-serif;
	color: #fff;
}
.text-logo-icon {
	width: 50px;
	margin-right: 5px;
}
.header-info-block {
	display: none;
}

.logo-link img{
	max-height: 70px !important;
	max-width:100% !important;
}

div#et-top-navigation {
	padding: 0 !important;
}

@keyframes wave {
	0% { transform: rotate(0deg) translateY(0px); }
	25% { transform: rotate(2deg) translateY(2px); }
	50% { transform: rotate(0deg) translateY(0px); }
	75% { transform: rotate(-2deg) translateY(-2px); }
	100% { transform: rotate(0deg) translateY(0px); }
}

.add-info-btn {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #4ba1ed;
	width: 50px;
	padding: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	cursor: pointer;
	box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
	border: 1px solid #fff;
	border-right: none;
} 
.add-info-block {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 240px;
	position: fixed;
	right: -190px;
	-webkit-transition: right 0.4s ease-in-out;
	transition: right 0.4s ease-in-out;
}

.open-info {
	right: 0;
}

.open-info #add-info-open-icon {
	display: none;
}

.open-info #add-info-close-icon {
	display: block;
}
.add-info-container {
	background: #1e5faa;
	display: flex;
	flex-direction: column;
	padding: 20px;
	width: 190px;
	height: auto;
	border-bottom-left-radius: 10px;
	box-shadow: rgb(255 255 255 / 30%) -1px 4px 5px 3px, rgb(255 254 254 / 24%) 0px 4px 5px 1px;
}

.add-info-btn .fa {
	color: #ffffff;
}
#add-info-close-icon {
	display: none;
}
.add-info-btn span {
	line-height: 1;
	color: #ffffff;
	margin-top: 5px;
	font-size: 12px;
}


.add-info-container a, .header-location-container {
	color: #fff;
	font-size: 15px;
	display: flex;
	justify-content: space-between;
	font-weight: 400;
	text-align: right;
	width: 100%;
}
.email-btn {
	margin: 10px 0;
	display: none;
}
.add-info-container .fa {
	margin-right: 5px;
	margin-top: 2px;
}

.mobile_menu_bar {
	padding: 0 !important;
}

.hours-holder {
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 1;
	margin-top: 10px;
}
.hours-holder .fa {
	color: #fff;
}

a.hours-box {
	padding: 0 !important;
}
.header-info-block a.hours-box {
	pointer-events: none;
}
.hours {
	border: none;
	height: auto;
	box-shadow: none;
	background: transparent;
}

.hours img {
	display: none;
}

.hours p {
	padding: 0 !important;
	font-size: 15px !important;
	text-shadow: none;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: right;
}


ul#mobile_menu {
	top: 100%;
	background-color: #68b6fb !important;
	/* border-color: #cf291d !important; */
	height: auto !important;
}

ul#mobile_menu li{
	text-align:center;
	padding-left: 0%;
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after{
	background:#1e5faa !important;
}
.et_mobile_menu li a {
	color: #1a202c !important;
}
.mobile_nav ul#mobile_menu ul.sub-menu li a:not(.mobile-toggle) {
	position: relative;
}

.et_mobile_menu .current_page_item a {
	color: #ffffff !important;
	opacity: 1 !important;
}
/*change Divi opened hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
	content: '\4d';
}
/*rotate the Divi Menu icon on click*/
.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
	color: #4ba1ed;
}
/*rotate the Divi Menu icon on click*/
.booking-button-switch{
	display:none !important;
}
.button-quote-header {
	text-align:center;
	padding:10px 0;
}

@media screen and (min-width:980px){
	.button-quote-header:before{
		content: "";
		position: absolute;
		height: 57px;
		width: 100vw;
		background-color: #68b6fb;
		/* border-radius: 0 0 60px 0; */
		left: -6%;
		top: 0;
		z-index: -1;
	}
}
.top_button {
	position: relative;
	display: inline-block;
	background-color: #fff;
	font-weight: bold;
	text-shadow: none;
	color: #1e5faa;
	padding: 7px 25px;
	transition: 0.3s ease-in-out;
	font-size: 16px;
	border-radius: 5px;
}
.top_button a .fa {
	margin-right:5px;
}

/*END HEADER STYLES*/

@media screen and (min-width: 981px) {
	/*HEADER STYLES*/

	.header-menu-container {
		flex-wrap: wrap;
		width: 100%;
		max-width: 100%;
		padding: 0;
	}



	.header-info-holder {
		/* width: 1200px; */
		max-width: 84%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		/* margin: 10px 0; */
		height: 100px;
		margin: auto;
	}
	.header-menu-holder{
		background: #68b6fb;
		padding: 0;
	}


	.header-menu-holder::before {
		content: "";
		position: absolute;
		height: 100px;
		width: 100vw;
		background-color: #1e5faa;
		border-radius: 60px 0 0;
		right: -4%;
		z-index: 0;
	}

	div#info-block {
		display: none;
	}

	.logo_container {
		min-width: 280px !important;
		max-width: 300px;
		width: 18vw !important;
		margin-left: 0;
	}

	.header-info-block {
		display: flex;
		justify-content: space-between;
		height:50px;
		flex-direction: row;
		align-items: center;
		width: 83%;
	}

	.header-info-block::before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100vw;
		background-color: #68b6fb;
		border-radius: 0 0 60px 0;
		left: -6%;
		top: 0;
		z-index: -1;
	}

	.header-info-block .fa {
		margin-right: 5px;
	}
	.top-header-info{
		display:flex;
	}
	.header-location-container {
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 1;
		margin-right: 8px;
		font-size: 16px;
		color: #000;
		width: auto;
	}
	.header-location-container p, .phonenum p, .email-btn p {
		/* display: flex; */
		flex-direction: column;
		align-items: flex-start;
	}
	.header-location-container .fa {
		font-size: 25px;
	}

	.header-location-container .fa, .email-btn .fa, .hours-holder .fa, .phonenum .fa {
		width: 27px;
		height: 35px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #ffffff;
	}

	.header-info-block span {
		line-height: 24px !important;
		font-weight: normal;
	}
	.header-info-block span {
		line-height: 17px !important;
		font-weight: normal;
		font-size: 15px;
		color: #fff;

	}
	.email-btn {
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 1;
		margin: 0 0 0 5px;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		background: #68b6fb;
		padding: 15px 20px;
		border-radius: 5px;
		width: fit-content;
		order: 4;
		position: relative;
		overflow: hidden;
		transition: all 0.3s;
		z-index: 1;
		min-width: 165px;
	}

	.email-btn::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #68b6fb;
		border-radius: 5px;
		z-index: -2;
	}

	.email-btn::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0%;
		height: 100%;
		background-color: #4895d8; /* Darker shade of blue */
		transition: all 0.3s;
		border-radius: 5px;
		z-index: -1;
	}

	.email-btn:hover {
		color: #fff;
	}

	.email-btn:hover::before {
		width: 100%;
	}


	.email-btn > p > span:nth-child(2){
		font-weight:bold;
	}

	.email-btn .info-addon {
		display: none;
	}
	.email-btn .fa {display: none;}
	.hours-holder {
		margin: 0;
	}
	.hours-holder .fa {
		font-size: 24px;
	}

	.phonenum {
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 1;
		margin: 5px;
		font-size: 16px;
		color: #000;
	}

	.phonenum .fa {
		font-size: 23px;
		margin-bottom: 1px;
	}

	.hours p {
		color: #fff;
		line-height: 17px !important;
	}

	div#et-top-navigation {
		/* width: 100%; */
		margin-left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		/* background: #68b6fb; */
		margin-right: 10px;
	}

	#top-menu-nav{
		text-align:center;
	}
	nav#top-menu-nav ul#top-menu li a{
		padding-top: 7px !important;
		padding-bottom: 7px !important;
		font-weight: 500;
		color: #ffffff !important;
		text-transform: capitalize;
		/* filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); */
	}
	#top-menu .menu-item-has-children>a:first-child:after {
		top: 8px;
		color: #4ba1ed;
	}
	nav#top-menu-nav ul#top-menu .current-menu-item a{
		color: #68b6fb !important;
		font-weight: 600;
	}
	nav#top-menu-nav ul#top-menu li {
		padding-left: 11px;
		padding-right: 11px !important;
	}

	nav#top-menu-nav ul#top-menu li:last-child {
		padding-right: 0 !important;
	}

	nav#top-menu-nav ul#top-menu .current-menu-item {
	}

	nav#top-menu-nav ul#top-menu li:last-child.current-menu-item {
		padding-right: 11px !important;
	}
	nav#top-menu-nav ul#top-menu .current-menu-item a:after {
		color: #d9b6c6 !important;
	}
	ul.sub-menu {
		filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
		top: 43px;
		background-color: #1e5faa !important;
		border-color: #4ba1ed !important;
		padding: 10px 0 !important;
	}
	ul.sub-menu li ul {
		top: -8px;
	}
	nav#top-menu-nav #top-menu ul.sub-menu a {
		color: #fff !important;
		position: relative;
		padding: 6px 6px 6px 16px !important;
		line-height: 1.2;
		filter: drop-shadow(0px 1px 1px #1e5faa);
	}

	#top-menu-nav ul.sub-menu a:after {
		color: #fff !important;
	}
	ul.sub-menu li {
		padding: 0 10px !important;
		width: 100%;
	}
	ul.sub-menu li a {
		padding: 5px 0px !important;
		width: 100% !important;
	}
	.modalHolder{
		display:none;
	}
	/*END HEADER STYLES*/}

/*Main Banner*/
.homepage-header-holder{
	/* width:70%; */
}

.header-title h1{
	font-size:50px;
}

.header-subtitle{
	font-size: 18px;
}

.header-buttons{
	display: flex;
	padding: 20px 0;
	justify-content: center;
	align-items: center;
}
.header-buttons .booking-button-switch{
	margin-right:20px;
}

@media screen and (max-width:980px){
	.header-buttons .booking-button-switch{
		margin-right:0px !important;
	}
}

.header-buttons .booking-button-switch {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	margin: 0 0 0 5px;
	font-size: 16px;
	font-weight: bold;
	color: #1e5faa;
	background: #fff;
	padding: 15px 20px;
	border-radius: 5px;
	width: fit-content;
	order: 4;
	position: relative;
	overflow: hidden;
	transition: all 0.3s;
	z-index: 1;
	margin-right: 15px;
}

.header-buttons .booking-button-switch::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 5px;
	z-index: -2;
}

.header-buttons .booking-button-switch::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #4895d8; /* Darker shade of blue */
	transition: all 0.3s;
	border-radius: 5px;
	z-index: -1;
}

.header-buttons .booking-button-switch:hover {
	color: #fff;
}

.header-buttons .booking-button-switch:hover::before {
	width: 100%;
}


@media screen and (max-width:768px){
	.homepage-header-holder{
		width:100%;
	}
	.header-title h1{

	}
}

@media screen and (max-width:980px){
	.header-buttons{
		flex-direction:column;
		gap:20px;
	}
}

.h2__under{
	position: absolute;
	font-size: 90px;
	line-height: 1.1;
	letter-spacing: -0.02em;
	font-weight: 800;
	z-index: -1;
	top: -64px;
	white-space: nowrap;
	color: #fff;
}
@media screen and (max-width:980px){
	.h2-title{
		display:flex;
		justify-content: center;
	}
}
@media (min-width: 1601px) {
	.h2__under {
		margin: 0 auto;
	}
}

/* Page Styles*/
.section-title-heading{
	font-weight: bold;
	text-transform:uppercase;
	color: #68b6fb;
	position: relative;
	z-index: 1;
}

.entry-title{
	font-size:35px !important;
	color: #1e5faa;
}

/* BADGES SECTION STYLE */

div#css-badges-section {
	background-color: #ffffff!important;
}
.badge-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	margin-top: -80px;
}
.badge-block {
	display: flex;
	margin: 1px 1px;
	-webkit-box-shadow: 0 5px 83px 0 rgb(40 40 40 / 12%);
	-khtml-box-shadow: 0 5px 83px 0 rgba(40,40,40,.12);
	-moz-box-shadow: 0 5px 83px 0 rgba(40,40,40,.12);
	-ms-box-shadow: 0 5px 83px 0 rgba(40,40,40,.12);
	-o-box-shadow: 0 5px 83px 0 rgba(40,40,40,.12);
	box-shadow: 0 5px 83px rgb(40 40 40 / 12%);
	padding: 10px;
	background: #68b6fb;
	border-radius: 10px;
	flex-direction: column;
	align-items: center;
	width: 260px;
	margin-bottom: 60px;
}
.badge-block img {
	width: 70px;
	height: 65px;
	margin-top: 20px;
}
.badge-content {
	width: calc(100% - 60px);
	text-align: center;
	height: 40px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}

.badge-content .content {
	font-size: 15px;
	text-transform: capitalize;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
}

.badge-block:hover {
	background: #1e5faa;
}



.badge-block:hover .title {
	color: #fff;
}

.badge-block:hover  .content {
	color: #fff;
	border-color: #fff;
}

.badge-title{
	width: 80%;
	margin: auto;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	position: relative;
	bottom: -30px;
	font-size: 1.2rem;
	box-shadow: 0px 15px 15px 0px rgb(0 0 0 / 4%);
	padding: 10px 0 !important;
	font-weight: bold;
	color: #1e5faa;
	margin-top: -20px;
}
@media screen and (max-width:980px){
	.badge-container {
		margin-top: 20px;
		margin-bottom: auto;
	}
}

/* SERVICES SECTION STYLE */
.srvBlockTitle{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 40px 0px;
}

.services-section-heading .section-title-heading {
	color: #fff;
	filter: drop-shadow(1px 1px 0px black);
	text-align: center;
}

.srvBlockTitle__under{
	position: absolute;
	font-size: 90px;
	line-height: 1.1;
	letter-spacing: -0.02em;
	font-weight: 800;
	z-index: 0;
	top: -42px;
	white-space: nowrap;
	color: #ededf0;
}

@media (min-width: 1601px) {
	.srvBlockTitle__under {
		margin: 0 auto;
	}
}



.srvBlockTitle p {
	color: #0c4c93;
	font-size: 42px;
	line-height: 55px;
	z-index:1;
	position:relative;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
}

.srvElement {
	max-width: 500px;
	margin: 0 auto;
	/* border: 1px solid #1e5faa; */
	background: #1e5faa;
	margin-bottom: 25px;
	margin-top: 25px;
	overflow: hidden;
	box-shadow: 1px 1px 6px #00000069;
}
.srv-icon {
	position: relative;
	top: -30px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	right: 10px;
}
.srv-icon img {
	width: 56px !important;
	object-fit: contain !important;
	object-position: center!important;
	border: none !important;
	max-width: none;
	filter: hue-rotate(0deg);
	position: relative;
	bottom: -15px;
}

.srv-icon:before{
	font-family: "Icons";
	content: "\f041";
	font-weight: 900;
	color: #68b6fb;
	display:inline-block;
	transform:rotate(180deg);
	position: absolute;
	font-size: 105px;
}
.srvElementHeader h2 {
	/* text-align: center; */
	color: #1e5faa;
	font-weight: 500;
	padding-bottom: 5px;
	padding-top: 10px;
	font-size: 22px;
	min-height: 59px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.srvElementImg {
	display: flex;
	justify-content: center;
	align-items: center;
	/* margin-bottom: 10px; */
	position: relative;
}
.srvElementImg img {
	width: 100%;
	max-height: 330px;
	object-fit: cover;
	object-position: center;
}
.srvElementBody {
	padding: 10px 10px 10px 10px;
}
.srvElementBody a {
	color: #3faedd;
}
.srvElementHeader {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	padding: 0 10px;
	max-height: 80px;
}
.srvElementContent {
	text-align: justify;
	font-size: 16px;
	line-height: 1.6;
	color: #fff;
}
.srvElement:hover .srvElementImg img {
	filter: grayscale(1) drop-shadow(0px 0px 6px #fff);
}
.srvElement:hover .srv-icon img{
	filter: none;
}
.srvElement:hover h2 {
	color: #68b6fb;
	font-weight: bold;
}

.srvElementFullWidth .srvElementBody{
	padding:0;
}
.srvElementFullWidth .srvElementBody .srvElementContent{
	padding:10px;
}

/* SERVICES STYLE DESKTOP*/
@media screen and (min-width:981px){
	.srvBlockTitle__under{
		position: absolute;
		font-size: 150px;
		top:-90px;}

	.srvElement {
		width: 32%;
		display: flex;
		flex-direction: column;
		margin: 0;
		margin-bottom: 15px;
		margin-top: 15px;
		border-radius: 20px;
	}
	.srvElementImg img {
		height: 200px;
	}
	.srvElementFullWidth .srvElementImg img {
		height: 100%;
	}
	.srvBlock {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 1200px;
		margin: 0 auto;
	}
	.srvElementBody {
		height: 100%;
	}
	.srvElementHeader h3 {
		min-height: 54px;
		display: flex;
		justify-content: center;
		align-items: center;
	}


	.srvElementContent {
		height: 100%;
	}
	.srvElementFullWidth .srvElementContent {
		height: auto;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
	}

	.srvElementFullWidth .srvElementBody .srvElementHeader h2{
		order: 2;
		text-align: center;
		width: 80%;
	}

	.srvElement.srvElementFullWidth {
		width: 100%;
		max-width: 1080px;
		flex-direction: row;
	}
	.srvElementFullWidth .srvElementHeader {
		border-top: none;
		width: 100%;
		justify-content: flex-start;
		padding: 0;
	}
	.srvElementFullWidth .srv-icon {
		left: -28px;
		order: 1;
		top: -12px;
	}
	.srvElementFullWidth .srvElementImg {
		width: 34%;
		margin: 0;
	}
	.srvElementFullWidth .srvElementBody {
		width: 72%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: 0px 0px 10px 0px;
		height: auto;
		padding: 0;
	}

}
/* additional services*/
#additionalServices{
	row-gap: 20px;
	column-gap: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding-bottom: 10px;
}
@media screen and (max-width:980px){
	#additionalServices{
		flex-direction:column;
		align-items: center;
	}
}

/*nap section*/
.row-nap {
	display: flex;
	gap: 20px;
	justify-content: space-around;
}
.nap-home {
	background: white;
	padding-left: 35px;
	border-radius: 15px;
	text-align: center;
	width: 250px;
	height: 150px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	position: relative;
	display: flex;
	align-items: center;
}
.nap-home i {
	width: 50px;
	height: 50px;
	background: #68b6fb;
	border-radius: 10px;
	position: absolute;
	left: 0;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	box-shadow: 1px 1px 6px #00000042;
	font-size: 22px;
}
.nap-home h3{
	text-align: left;
}

@media screen and (max-width:980px){
	.row-nap {
		flex-direction: column;
		align-items: center;
	}
	.nap-home {}
}

.modalHolder{
	display:none;
}

/* Contact form */
/* CONTACT FORM STYLE */
.contact-section-title {
	font-size: 26px !important;
	color: #ffffff;
	font-weight: 600;
	line-height: 1.1em;
	font-family: 'Inter', sans-serif;
	text-transform: capitalize;
	padding-bottom: 1em;
}
.contact-section-text {
	color: #fff;
}
.contact-form-holder {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #f8f8f8;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	max-width: 800px;
	margin: 0 auto;
}
.free-estimate-title {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #1e5faa;
	width: 100%;
	font-size: 26px !important;
	color: #ffffff;
	font-weight: 600;
	line-height: 1.1em;
	text-transform: capitalize;
	padding: 25px !important;
	font-family: 'Rubik', sans-serif;
}
div#contact {
	padding: 25px;
	width: 100%;
}
input#customer_name {
	width: calc(50% - 5px);
	float: left;
}
input#phone-cf {
	width: calc(50% - 5px);
	float: left;
	margin-left: 10px;
}
textarea#message {
	margin-bottom: 20px;
}
#contact img {
	float: left;
	width: 120px;
	/* filter: hue-rotate(295deg) contrast(1.5); */
}
input#vercode {
	width: calc(100% - 130px);
	margin: 0;
	margin-left: 10px;
	float: left;
	padding: 10px 10px 10px;
	line-height: 18px;
}
form#contactForm {
	text-align: center;
	width: 100%;
}
input#submitter {
	transition: 500ms;
	overflow: hidden;
	position: relative;
	z-index: 1;
	width: unset;
	height: auto;
	background: #68b6fb;
	color: #ffffff;
	line-height: 1;
	border-radius: 5px;
	display: inline-block;
	padding: 13px 15px;
	font-weight: bold;
	font-size: 14px;
	min-width: 190px;
	text-align: center;
	/* box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px; */
	border: none;
}
input#submitter:hover {
	background-color: #1e5faa !important;
}
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
	max-width: 100%;
	padding: 10px 15px 10px;
	height: auto;
	background-color: #ffffff !important;
	box-shadow: none;
	display: block;
	line-height: 30px;
	font-weight: 300;
	color: #000 !important;
	background-image: none;
	border: 1px solid #ffffff;
	margin-bottom: 20px !important;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	width: 100%;
}
#contactForm input[type=text]::placeholder, #contactForm input[type=password]::placeholder, #contactForm input[type=tel]::placeholder, #contactForm input[type=email]::placeholder, #contactForm input.text::placeholder, #contactForm input.title::placeholder, #contactForm textarea::placeholder, #contactForm select {
	color: #252422 !important;
}
#contactForm input[type=text]:focus, #contactForm input[type=password]:focus, #contactForm input[type=tel]:focus, #contactForm input[type=email]:focus, #contactForm input.text:focus, #contactForm input.title:focus, #contactForm textarea:focus, #contactForm select:focus {
	color: #000 !important;
	border-color: #000000;
}

/* testimonial section */

.testimonial-item {
	border: none;
	border-radius: 10px;
	padding: 1rem;
	background: #68b6fb;
	min-height: 100%;
	break-inside: avoid;
	box-shadow: 1px 1px 6px #00000069;
}

.testimonial-item:hover{
	background: #1e5faa;
}

.testimonial-subject {
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
}

.testimonial-content {
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 500;
	color: #ffffff;
	text-align: center;
	font-style: italic;
}

.reviewer-name{
	color:#fff;
}

.nav-arrows button{
	background:#1e5faa;
	border-color: #1e5faa;
	width: 40px;
	height: 40px;
	border-style:solid;
	color:#fff;
	border-radius:10px
}

/* SERVICES LIST SECTION STYLE */


div#services-list-section {
	background-color: #ffffff!important;
}
.homepage-services {
	text-align: center;
	margin-top: 50px;
	padding: 35px 0;
	border-top: 3px solid #1e5faa;
	border-bottom: 3px solid #1e5faa;
}
.homepage-services #servcss {
	padding: 0;
}
.homepage-services #servcss li {
	position: relative;
	font-weight: bold;
	margin: 0.3em 12px;
	padding-left: 20px;
	display: inline-block;
	color: #333;
}

.homepage-services #servcss li:before {
	position: absolute;
	content: '\f00c';
	top: 0;
	left: 0;
	color: #68b6fb;
	font-family: 'FontAwesome';
}

/* -----------------------------------------------------------------------
* Footer Style
* ----------------------------------------------------------------------- */
#main-footer {
	background-color: #1e5faa;
	padding-top: 20px;
	position: relative;
}
@media screen and (min-width:980px){
	#main-footer {
		background-color: #68b6fb;
		padding-top: 20px;
		position: relative;
		overflow: hidden;
	}
	#main-footer:before{
		content: "";
		position: absolute;
		height: 100%;
		width: 100vw;
		background-color: #1e5faa;
		border-radius: 0 60px 0;
		right: -4%;
		z-index: 0;
		bottom: 107px;
	}
}
#main-footer #footer-widgets {
	margin-bottom: 30px;
	padding: 3% 0 0;
	width: 100%;
}

#main-footer .footer-widget {
	color: #f7f7f7 !important;
	/* font-family: "Archivo", sans-serif; */

	text-align: left;
}

#main-footer .footer-widget strong {
}

#main-footer .footer-widget .et_pb_widget {
	float: none;
}

#main-footer #footer-widgets .footer-widget:nth-child(2) > div {
	width: 100%;
}

#main-footer h4 {
	position: relative;
	color: #fff !important;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.1;
	text-transform: uppercase;
	padding-bottom: 13px;
	margin-bottom: 17px;
	text-align: left;
}
@media screen and (max-width:980px){
	#main-footer h4 {
		text-align:center;
	}

	.footer-widget:nth-child(n) {
		width: 100% !important;
		text-align: center;
		margin: 0 !important;
	}
}
#main-footer h4:before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 30px;
	height: 3px;
	background-color: #22b9fe;
}

@media screen and (max-width:980px){
	.widgettitle:before,
	#main-footer h4:before {
		width: 100%;
	}
	#main-footer .footer-widget {
		margin:auto;
		text-align: center;
	}
}
.openinghours{
	width:100%;
	max-width:350px;
	margin:auto !important;
}
.hours th,
.openinghours td {
	text-align: left !important;
	font-size: 14px;
	font-weight: 400 !important;
	text-shadow: none !important;
}

.openinghours td,
.hours th {
	color: #f7f7f7 !important;
	font-weight: bold;
}

.openinghours tr td:last-child {
	text-align: right !important;
}

#current-day {
	background-color: #68b6fb;
}

#current-day td {
	/* color: #22b9fe !important; */
}

#text-7 .textwidget br,
#text-7 .textwidget strong {
}

#footer-bottom {
	background-color: #68b6fb !important;
	color: white;
	padding: 0;
}

#footer-bottom .container {
	border-top: 3px solid rgba(255, 255, 255, 0.1);
	padding: 25px 0;
}

.floating-estimate-btn {
	text-align: center;
	padding: 8px 10px 8px 10px;
	background-color: #68b6fb;
	color: #ffffff !important;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-left: 0px;
	font-size: 15px;
	z-index: 999999;
	font-weight: bold;
	position: fixed;
	bottom: 55px;
	/* text-transform: uppercase; */
	width: 230px;
	border: solid 2px #1e5faa;
}
.floating-estimate-btn:hover{
	background-color:#1e5faa;
}
#main-footer .listing-rev-btn {
	display: flex;
	position: fixed;
	padding: 8px 10px 8px 10px;
	border: 2px solid #1e5faa;
	border-left: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	bottom:0px;
	background: #68b6fb;
	color: #fff;
	/* text-transform: uppercase; */
	font-size: 15px;
	justify-content: center;
	width: 230px;
	z-index: 9999;
	font-weight:bold;
	align-items: baseline;
}
#main-footer .listing-rev-btn img {
	display:none;
}
#main-footer .listing-rev-btn .fa {
	display: block;
	margin-right: 5px;
	color: #fff;
	position: relative;
	/* bottom: 2px; */
}

#main-footer .listing-rev-btn:hover{
	background:#1e5faa;
}
.paymentsbox{
	display: flex;
	gap: 10px;
}

#social-icons{
	text-align:left;
}

@media screen and (max-width:980px){
	.paymentsbox{
		justify-content: center;
	}
	#social-icons{
		text-align:center;
	}
}

@media screen and (min-width:980px){

	/* SIDEBAR, BLOG, BLOGPOST STYLES DESKTOP */
	.et_pb_sidebar_0 h4.widgettitle {
		text-align: left !important;
		/* font-size: 40px !important; */
	}

	#sidebar h4.widgettitle {
		text-align: left !important;
	}

	.et_pb_sidebar_0 .textwidget {
		text-align: left !important;
	}

	#sidebar .textwidget {
		text-align: left !important;
	}

	.et_pb_sidebar_0.et_pb_widget_area_right {
		border-left: 1px solid #000000;
	}

	#left-area .post-meta {
		text-align: left;
	}

	#main-content .container:before {
		background-color: rgb(6 45 91 / 20%);
	}
}
.et_pb_sidebar_0 h4.widgettitle {
	font-size: 26px;
	position: relative;
	margin-bottom: 10px;
	line-height: 1.2;
	text-align: center;
	border-bottom: 1px solid #68b6fb;
	font-weight: bold;
	color: #1e5faa;
	font-family: "Rajdhani", sans-serif;
}

#sidebar h4.widgettitle {
	font-size: 26px;
	/* font-weight: 400; */
	color: #1e5faa;
	position: relative;
	margin-bottom: 10px;
	line-height: 1.2;
	text-align: center;
	border-bottom: 1px solid #68b6fb;
}

.et_pb_sidebar_0 .textwidget {
	text-align: center;
}

#sidebar .textwidget {
	text-align: center;
}

.et_pb_sidebar_0 .et_pb_widget {
	width: 100%;
}

.post-content-inner{
	text-align:justify;
}


.content-bg {
	background: #f4f4f4;
}

.mb-auto {
	margin-block: auto;
}

.list-content li {
	font-size: 1rem;
	background: #1d5faa;
	padding: 10px;
	margin-block: 8px;
	list-style-position: inside;
	color: #fff;
	font-weight: 600;
	border-radius: 20px 0px 5px 0px;
}