/*!
Theme Name: Natural Salt Pools New
Theme URI: http://underscores.me/
Author: Webrammer
Author URI: http://www.webrammer.com
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: nsp-new
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.

Natural Salt Pools New 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1440px; } }

body
{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	overflow-x: hidden;
}

p
{
	font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4,h5
{
	font-family: 'Oswald', sans-serif;
}

ul
{
	list-style-type: none;
}

a
{
	text-decoration: none !important;
	color: #3963b8;
}

.single_service ul
{
	list-style-type: none;
	margin: 15px 0;
	padding: 0;
}
.single_service ul li
{
 position: relative;
 padding-left: 15px;str

}
.single_service ul li::before 
{
	position: absolute;
	content: '\f0da';
	left: 0px;
	font-family:fontawesome;
	font-size: 16px;
	color: #000;
	font-weight: 600;
}

.cta a {
	padding: 6px 15px;
	color: #000;
	border: 2px solid #3963b8;
	background-color: #fff;
	font-size: 16px;
	cursor: pointer;
	border-radius: 55px;
	text-transform: uppercase;
/* 	transition: all 0.4s ease; */
	outline: none;
	position: relative;
	overflow: hidden;
	font-weight: bold;
	z-index: 1;
  }
  
 
  
.cta a:hover {
	border-color: #3963b8;
	color: #fff;
	background-color: #3963b8;
  }


.blue_cta a {
	padding: 6px 15px;
	color: #fff;
	border: 2px solid #fff;
	background-color: #1252a1;
	font-size: 16px;
	cursor: pointer;
	border-radius: 55px;
	text-transform: uppercase;
/* 	transition: all 0.4s ease; */
	outline: none;
	position: relative;
	overflow: hidden;
	font-weight: bold;
	z-index: 1;
  }
.blue_cta a:hover {
	border-color: #3963b8;
	color: #3963B8;
	background-color: #fff;
  }
.owl-dots {
	display: none;
}
@media only screen and (min-width: 1441px){
	.container-fluid
{
	width: 98% !important;
}
}

/* ........ Common CSS ............ */
.common_pg 
{
    padding-bottom: 60px;
}
.strip_banner
{
	background: url(images/strip-banner-bg.webp) no-repeat center center/cover;
	padding: 20px 20px 30px 20px;
	border-radius: 8px;
	margin-top: 20px;
	box-sizing: border-box;
}
.solar-strip
{
    border-radius: 0;
}
.strip_banner h2
{
	color: #fff;
	font-weight: bold;
	font-size: 40px;
	text-shadow: 0 2px #000;
	text-transform: capitalize;
}
.strip_banner h3
{
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 32px;
	text-shadow: 0 2px #000;
}
div.wpforms-container-full input[type="date"]::placeholder, 
div.wpforms-container-full input[type="datetime"]::placeholder, 
div.wpforms-container-full input[type="email"]::placeholder, 
div.wpforms-container-full input[type="number"]::placeholder, 
div.wpforms-container-full input[type="tel"]::placeholder, 
div.wpforms-container-full input[type="text"]::placeholder, 
div.wpforms-container-full input[type="time"]::placeholder, 
div.wpforms-container-full input[type="url"]::placeholder, 
div.wpforms-container-full select::placeholder, 
div.wpforms-container-full textarea::placeholder
{
  opacity: 0.5 !important;
  color: #000000 !important;
  font-family: 'Open Sans', sans-serif !important;
}

/* .......... Header ......... */
header
{
	position: absolute;
	width: 100%;
	z-index: 99;
	top: 0;
}
.header_top
{
	padding: 10px 0;
	background: #fff;
}
.header_top .ht_phone, .header_top .ht_email, .header_top .ht_address
{
	display: inline-block;
	margin-right: 10px;
}
.header_top .ht_phone a, .header_top .ht_email a, .header_top .ht_address a
{
	color: #000;
}
.header_top .ht_phone a i, .header_top .ht_email a i, .header_top .ht_address a i
{
	color: #3963b8;
}
.header_top .social a i
{
	color: #3963b8;
	font-size: 20px;
	margin-right: 8px;
}
.header_top .social img
{
	width: 18px;
	height: auto;
}
.header_btm
{
	padding: 15px;
}
.logo {
	width: 150px;
}
.header_btm .logo img
{
	width: 100%;
	max-width: 150px;
	height: auto;
}
.header_btm #mega-menu-main_menu
{
	display: flex !important;
	align-items: center;
	flex-direction: row;
	justify-content: space-evenly;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-flyout ul.mega-sub-menu
{
	width: 310px !important;
}
.header_btm ul li .mega-menu-link
{
	color: #fff;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 500 !important;
	border-bottom: 2px solid transparent !important;
	text-transform: uppercase !important;
}
.header_btm ul li .mega-menu-link:hover
{
	border-bottom: 2px solid #fff !important;
	color: #fff;
}
.header_btm ul li .mega-menu-link.active
{
	border-bottom: 2px solid #fff !important;
}
.header_btm .form-control {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	background-color: transparent;
	border: 0;
	border-bottom: 2px solid #878894;
	color: #fff;
	box-shadow: 0 0 0 0;
}
.header_btm .form-control::placeholder{
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
}
.header_btm .btn.btn-primary.search-toggle
{
	background-color: transparent;
	box-shadow: 0 0 0 0;
	color: #878894;
	border: 0;
	border-bottom: 2px solid #878894;
}
.header_btm .h_book , .header_btm .menu_icon
{
	display: inline-block;
}
.header_btm .h_book a
{
	padding: 8px 5px;
	border: 2px solid #fff;
	color: #fff;
	text-transform: uppercase;
	border-radius: 55px;
}
.header_btm .h_book a:hover
{
	background-color: #fff;
	color: #3963B8;
	transition: 0.2s linear;
}
.header_btm .menu_icon .btn.btn-primary
{
	background-color: transparent;
	padding: 0;
	font-size: 32px;
	border: 0;
	margin-left: 10px;
}
/* Inner Header */
#inner_header
{
	position: inherit;
	background: url(images/header-inner-bg.webp) no-repeat center center/cover;

}
#inner_header .breadcrumb
{
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
} 
#inner_header .breadcrumb h2
{
	font-size: 32px;
	font-weight: bold;
}
#inner_header .breadcrumb h5
{
	font-size: 16px;
	font-weight: 400;
	font-family: 'Raleway', sans-serif;
}
#inner_header .breadcrumb a
{
	color: #fff;
}

/* .... Offcanvas ........ */
.offcanvas-start
{
	background: url(images/footer-top-bg.webp) no-repeat center top/cover;
}
.offcanvas-header
{
	border-bottom: 2px solid #fff;
}
.offcanvas .social {
	margin-top: 30px;
}
.offcanvas .social a i 
{
	color: #fff;
	font-size: 20px;
	margin-right: 8px;
}
.offcanvas .social img
 {
	width: 18px;
	height: auto;
	filter: brightness(0) invert(1);
}
.offcanvas #mega-menu-main_menu {
	display: flex !important;
	flex-direction: column;
}
.offcanvas .navbar-nav .menu-item .nav-link
{
	color: #fff !important;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}
.offcanvas #mega-menu-main_menu .mega-sub-menu a
{
	padding: 0 10px !important;
	color: #fff !important;
}
.offcanvas-header .btn-close {
	filter: brightness(0) invert(1);
}
.offcanvas-header img {
	max-width: 120px;
	height: auto;
}

/* ........ Home Page ......... */
.appoint_form {
	padding: 20px 30px 5px 30px;
	border-radius: 15px;
	box-shadow: 0px 0 11px 0px #dbdbdb;
	position: relative;
	z-index: 999;
	margin-top: -185px;
	background: #fff;
	text-align: center;
}
.appoint_form h2
{
	font-size: 24px;
	color: #000;
	display: inline;
	margin: 0 auto;
	font-weight: 500;
	text-transform: uppercase;
	border-bottom: 2px solid #000;
}
.appoint_form #wpforms-2996
{
	position: relative;
	margin: 0;
}
.appoint_form #wpforms-submit-2996 
{
	position: absolute;
	right: 60px;
	bottom: 29px;
	background-color: #1252a1;
	color: #fff !important;
	border: 2px solid transparent;
	border-radius: 55px;
	text-transform: uppercase !important;
}
.appoint_form #wpforms-submit-2996::after 
{
	content: '\f061';
	font-family: fontawesome;
	color: #fff !important;
	font-weight: 400;
}
.appoint_form #wpforms-submit-2996:hover
{
	border: 2px solid #1252a1;
	background: #fff;
	color: #1252a1 !important;
}
.appoint_form #wpforms-submit-2996:hover::after 
{
	color: #1252a1 !important;
}
/* About Section */
.aboutus_sec
{
	padding: 60px 0 40px 0;
}
.aboutus_sec h6 {
	font-size: 24px;
	margin-bottom: 2px;
}
.aboutus_sec h1 {
	font-size: 31px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 2px;
}
.aboutus_sec  h3 {
	font-size: 36px;
	font-weight: bold;
	border-bottom: 2px solid #000;
	padding-bottom: 12px;
}
.aboutus_sec h1 span, .aboutus_sec h3 span
{
	color: #1252a1;
}
.aboutus_sec .child_service  {
	margin: 20px 0;
}
.aboutus_sec .child_service .srv_page_img {
	display: flex;
	border-radius: 5px;
	background-color: #f1f1f1;
	height: 50px;
	width: 50px;
	padding: 5px;
	align-items: center;
}
.aboutus_sec  .child_service .srv_page_img img
{
	width: 100%;
	height: auto;
	
}
.aboutus_sec  .child_service .srv_page_title
{
	display: inline-block;
}
.aboutus_sec  .child_service h2
{
	font-size: 24px;
}
.aboutus_sec  .child_service h2 a
{
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #000;
}
.absec_btm
{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.absec_btm .ph a
{
	font-family: 'Oswald', sans-serif;
	font-size: 26px;
	font-weight: 600;
	color: #000;
}
.absec_btm .ph a i
{
	color: #3b64af;
	font-size: 36px;
}
.about_right
{
	position: relative;
}
.tf_exp 
{
	position: absolute;
	display: flex;
	align-items: center;
	background: #faf8f8;
	padding: 6px;
	border-radius: 12px;
	top: 45px;
	left: 60px;
}
.tf_exp h2 
{
	font-family: 'Poppins', sans-serif;
	font-size: 48px;
	font-weight: 600;
	color: #3963B8;
	margin-bottom: 0;
}
.tf_exp h3 
{
	font-size: 24px;
	font-family: 'Poppins', sans-serif;
	border: 0;
	padding: 0;
	margin: 0 0 0 10px;
	font-weight: 600;
	line-height: 1;
}
/* Service Section */
.service_sec 
{
	padding: 50px 0 30px 40px;
	background: url(images/service-sec-bg.webp) no-repeat left center/cover;
	background-size: 40% 100%;
}
.service_sec h2
{
	font-size: 40px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	color: #fff;
}
.service_sec p
{
	color: #fff;
}
.service_sec #home_service .item {
	background-color: #fff;
	border-radius: 0 0 0 40px;
	box-shadow: 2px 0 10px 0px #ddd;
	margin-left: 25px;
}
.service_sec #home_service .item .srv_img{
	max-height: 300px;
	overflow: hidden;
}
.srv_icon {
	width: 70px;
	height: 70px;
	position: absolute;
	left: 45px;
	bottom: 62px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #3963b8;
	padding: 12px;
	border: 1px solid #fff;
}
.srv_icon img{
	filter: brightness(0) invert(1);
}
.service_sec #home_service .item .srv_title {
	display: block;
	padding: 20px;
	border-radius: 0 0 0 40px;
	margin-top: 20px;
}
.service_sec #home_service .item .srv_title h2 a, .service_sec #home_service .item .srv_title h2{
	color: #000;
	font-size: 24px;
	font-weight: 600;
}
.service_sec #home_service .item .srv_title h2 a i {
	float: right;
	margin-top: 3px;
	transition: 0.3s linear;
}
.service_sec #home_service .item:hover .srv_img img {
	filter: blur(0.7px);
}
.service_sec #home_service .item:hover h2 a i {
	transform: translateX(5px);
	transition: 0.3s linear;
}
.service_sec #home_service .owl-nav {
	position: absolute;
	left: -34%;
	bottom: 70px;
}
.service_sec #home_service .owl-nav button.owl-next, .service_sec #home_service .owl-nav button.owl-prev{
	margin: 0 5px;
}
.service_sec #home_service .owl-nav span{
	display: none;
}
.service_sec #home_service .owl-nav button.owl-next::after {
	content: '\f061' !important;
	color: #fff !important;
	font-family: "Font Awesome 6 Pro" !important;
	font-size: 20px;
	font-weight: 500;
	border: 2px solid #fff;
	padding: 10px 12px;
	border-radius: 55px;
	left: -10px;
}
.service_sec #home_service .owl-nav button.owl-prev::after {
	content: '\f060' !important;
	color: #fff !important;
	font-family: "Font Awesome 6 Pro" !important;
	font-size: 20px;
	font-weight: 500;
	border: 2px solid #fff;
	padding: 10px 12px;
	border-radius: 55px;
}
/* Awards Section */
.awards_sec {
	padding: 40px 0;
	background: url(images/awards-sec-bg.webp) no-repeat bottom/cover;
	background-position: 0ch 3em;
}
.award_txt 
{
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: flex-end;
}
.award_txt 
{
	color: #fff;
}
.award_left h2
{
	font-size: 29px;
	font-weight: 400;
}
.award_left h5
{
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
	font-weight: 500;
}
.award_right h2
{
	font-size: 30px;
	font-weight: 400;
}
.award_right h5
{
	font-family: 'Raleway', sans-serif;
	font-size: 28px;
	font-weight: 500;
}
.award_middle img {
	max-width: 180px;
}
.award_middle h2 {
	font-size: 30px;
}
.award_middle h5 {
	font-weight: 300;
}
.award_right {
	margin-top: 56px;
}
.award_left {
	margin-top: 90px;
}
/* Service Plan Section */
.service_plan_sec
{
	padding: 40px 0 10px 0;
}
.service_plan_sec h2 
{
	font-size: 36px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	text-transform: uppercase;
	padding-bottom: 12px;
	margin-bottom: 30px;
}
.service_plan_sec h3 
{
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.service_plan_sec .planDetails
{
	font-family: 'Poppins', sans-serif;
	font-size: 17px;
	font-weight: 400;
}
.service_plan_sec #home_srvplan .owl-stage-outer {
	overflow: visible;
}
.service_plan_sec #home_srvplan .owl-stage {
	transform: unset !important;
}
#home_srvplan .owl-item {
	display: none;
  }
  
  /* Show only the active item */
  #home_srvplan .owl-item.active {
	display: block;
	width: 100%;
  }
.service_plan_sec #home_srvplan .planPrice {
	display: flex;
	justify-content: space-between;
	background: #f9f9f9;
	border-radius: 75px;
	align-items: center;
	padding: 20px 20px 20px 50px;
	width: 134%;
	position: relative;
	z-index: 10000 !important;
	margin-bottom: 30px;
}
.service_plan_sec #home_srvplan .planPrice .cta a, .service_plan_sec #home_srvplan .planPrice .cta img{
	display: inline-block;
}
.service_plan_sec #home_srvplan .planPrice .cta img{
	max-width: 250px;
}
.service_plan_sec #home_srvplan .planPrice .cta a {
	margin-right: -40px;
	position: relative;
}
.service_plan_sec #home_srvplan .planPrice h6 {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.service_plan_sec #home_srvplan .price_content span {
	font-size: 24px;
	font-weight: 500;
	font-family: 'Oswald', sans-serif;
}
.srv_plan_right {
	border-radius: 35px;
	background: url(images/srv-plan-right.webp) no-repeat center center/ cover;
	height: 100%;
	overflow: hidden;
	display: flex;
	justify-content: end;
	align-items: flex-end;
	padding: 0 50px 50px 0;
}
.srv_plan_right_content h3 {
	font-size: 40px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	text-align: end;
}
.srv_plan_right_content h4 a, .srv_plan_right_content h4  {
	font-size: 34px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	text-align: end;
	margin-bottom: 20px;
}
.srv_plan_right_content .cta {
	text-align: right;
	margin-top: 35px;
}
.service_plan_sec #home_srvplan .owl-nav {
	position: absolute;
	right: -18%;
	top: 15px;
}
.service_plan_sec #home_srvplan .owl-nav button.owl-next, .service_plan_sec #home_srvplan .owl-nav button.owl-prev{
	margin: 0 5px;
}
.service_plan_sec #home_srvplan .owl-nav span{
	display: none;
}
.service_plan_sec #home_srvplan .owl-nav button.owl-next::after {
	content: '\f061' !important;
	color: #3963b8 !important;
	font-family: "Font Awesome 6 Pro" !important;
	font-size: 20px;
	font-weight: 500;
	border: 2px solid #3963b8;
	padding: 10px 12px;
	border-radius: 55px;
	left: -10px;
}
.service_plan_sec #home_srvplan .owl-nav button.owl-prev::after {
	content: '\f060' !important;
	color: #3963b8 !important;
	font-family: "Font Awesome 6 Pro" !important;
	font-size: 20px;
	font-weight: 500;
	border: 2px solid #3963b8;
	padding: 10px 12px;
	border-radius: 55px;
}
/* Galler Section */
.gallery_sec 
{
	padding: 25px 0 90px 0;
}
.gallery_sec h2
{
	font-size: 36px;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	display: inline-block;
	margin-bottom: 25px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}
.gallery_sec .twentytwenty-wrapper.bafg-twentytwenty-wrapper.twentytwenty-horizontal {
	border: 2px solid #3963b8;
	border-radius: 2px ;
	overflow: hidden;
}
.gallery_sec .twentytwenty-handle,
.gallery_sec .twentytwenty-horizontal .twentytwenty-handle::before, .gallery_sec .twentytwenty-horizontal ,
.gallery_sec .twentytwenty-handle::after, .gallery_sec  .twentytwenty-vertical .twentytwenty-handle::before, 
.gallery_sec .twentytwenty-vertical .twentytwenty-handle::after  {
	background: #3963b8 !important;
	border-color: #3963b8 !important;
	box-shadow: 0 !important;
}
.gallery_sec  .twentytwenty-horizontal .twentytwenty-handle::before, 
.gallery_sec .twentytwenty-horizontal .twentytwenty-handle::after
{
	box-shadow: 0 3px 0 #3963b8, 0px 0px 12px rgba(51, 51, 51, 0.5) !important;
}

.gallery_sec #before_after .owl-nav {
	position: absolute;
	left: 0;
	top: -50px;
}
.gallery_sec #before_after .owl-nav button.owl-next, .gallery_sec #before_after .owl-nav button.owl-prev{
	margin: 0 5px;
}
.gallery_sec #before_after .owl-nav span{
	display: none;
}
.gallery_sec #before_after .owl-nav button.owl-next::after {
	content: '\f061' !important;
	color: #3963b8 !important;
	font-family: "Font Awesome 6 Pro" !important;
	font-size: 20px;
	font-weight: 500;
	border: 2px solid #3963b8;
	padding: 7px 9px;
	border-radius: 55px;
	left: -10px;
}
.gallery_sec #before_after .owl-nav button.owl-prev::after {
	content: '\f060' !important;
	color: #3963b8 !important;
	font-family: "Font Awesome 6 Pro" !important;
	font-size: 20px;
	font-weight: 500;
	border: 2px solid #3963b8;
	padding: 7px 9px;
	border-radius: 55px;
}
#video-carousel, #video-carousel .owl-stage-outer, #video-carousel .owl-stage,
#video-carousel .owl-item, #video-carousel .item, 
#video-carousel .carousel-video-inner, #video-carousel iframe {
	border: 0;
	height: 99.4% !important;
	width: 100%;
}
.gallery_sec #video-carousel .owl-nav {
	position: absolute;
	right: 0;
	top: -50px;
}
.gallery_sec #video-carousel .owl-nav button.owl-next, .gallery_sec #video-carousel .owl-nav button.owl-prev{
	margin: 0 5px;
}
.gallery_sec #video-carousel .owl-nav span{
	display: none;
}
.gallery_sec #video-carousel .owl-nav button.owl-next::after {
	content: '\f061' !important;
	color: #3963b8 !important;
	font-family: "Font Awesome 6 Pro" !important;
	font-size: 20px;
	font-weight: 500;
	border: 2px solid #3963b8;
	padding: 7px 9px;
	border-radius: 55px;
	left: -10px;
}
.gallery_sec #video-carousel .owl-nav button.owl-prev::after {
	content: '\f060' !important;
	color: #3963b8 !important;
	font-family: "Font Awesome 6 Pro" !important;
	font-size: 20px;
	font-weight: 500;
	border: 2px solid #3963b8;
	padding: 7px 9px;
	border-radius: 55px;
}

/* .......... Inner Pages ........... */
.inner_pg
{
	padding: 40px 0 50px 0;
}


/* ............ About Us .............. */
.aboutus_pg img
{
	border-radius: 15px;
	overflow: hidden;
}
.aboutus_pg h1 
{
	font-size: 31px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 2px;
}
.aboutus_pg h3 
{
	font-size: 36px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding-bottom: 12px;
	margin-bottom: 18px;
	display: inline-block;
}
.twenty_exp
{
	background: url(images/ab-experience-bg.webp) no-repeat center center/cover;
	border-radius: 15px;
	padding: 20px;
	margin-bottom: 20px;
}
.twenty_exp img
{
	width: 100%;
	height: auto;
}
.twenty_exp h2 
{
	font-size: 82px;
	font-family: 'Poppins', sans-serif;
	border-bottom: 0px solid #000;
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #3963B8;
	text-shadow: 3px 3px 0px #000;
	-webkit-text-stroke: 2px #fff;
	font-weight: bold;
}
.twenty_exp h3 
{
	font-size: 32px;
	font-family: 'Poppins', sans-serif;
	border-bottom: 0px solid #000;
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #fff;
	text-shadow: 2px 2px 0px #000;
}
.twenty_exp h4
{
	font-size: 27px;
	font-family: 'Poppins', sans-serif;
	border-bottom: 0px solid #000;
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #fff;
	text-shadow: 2px 2px 0px #000;
}
.ab_service
{
	background: url(images/ab-srv-bg.webp) no-repeat center center/cover;
	padding: 20px 0;
	border-radius: 8px;
	overflow: hidden;
}
.ab_service h2 
{
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	display: inline-block;
}
.aboutus_pg .element-content.collapsed {
    max-height: 450px;
    overflow: hidden;
    position: relative;
}
.aboutus_pg h1 span, .aboutus_pg h3 span
{
	color: #1252a1;
}
#about_srv .item
{
	background: rgb(58,101,186);
	background: linear-gradient(90deg, rgba(58,101,186,1) 0%, rgba(79,126,220,1) 100%);
	border: 4px solid #fff;
	border-radius: 10px;
	padding: 20px 10px;
	margin: 8px;
}
#about_srv .item:hover 
{
	background: #fff;
	border: 4px solid rgb(58,101,186);
	box-shadow: 0 0 15px 0px #00000091;
}
.aboutus_pg .absrv_icon {
	width: 150px;
	height: auto;
	margin: 0 auto;
}
.aboutus_pg .absrv_icon img{
	filter: brightness(0) invert(1);
}
#about_srv .item:hover .absrv_icon img
{
	filter: brightness(1) invert(0);
}
.absrv_title h4 a, .absrv_title h4
{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
#about_srv .item:hover .absrv_title h4 a
{
	color: rgb(58,101,186);
}
.aboutus_pg #about_srv .owl-nav 
{
	position: absolute;
	top: 30%;
	width: 100%;
	z-index: -1;
}
.aboutus_pg #about_srv .owl-nav button.owl-next,
.aboutus_pg #about_srv .owl-nav button.owl-prev
{
	margin: 0 5px;
}
.aboutus_pg #about_srv .owl-nav span
{
	display: none;
}
.aboutus_pg #about_srv .owl-nav button.owl-next::after 
{
	content: '\f105' !important;
	color: #fff !important;
	font-family: "Font Awesome 6 Pro" !important;
	font-size: 25px;
	font-weight: 600;
	border: 0px solid #3963b8;
	padding: 7px 9px;
	border-radius: 55px;
	position: absolute;
	right: -30px;
}
.aboutus_pg #about_srv .owl-nav button.owl-prev::after 
{
	content: '\f104' !important;
	color: #fff !important;
	font-family: "Font Awesome 6 Pro" !important;
	font-size: 25px;
	font-weight: 600;
	border: 0px solid #3963b8;
	padding: 7px 9px;
	border-radius: 55px;
	position: absolute;
	left: -30px;
}
.aboutus_pg #about_srv  .owl-dots 
{
	display: block;
}
.aboutus_pg #about_srv .owl-dot 
{
	width: 8px;
	height: 8px;
	background: #fff !important;
	border-radius: 55px;
	margin-right: 10px;
	transition: 0.3s linear;
}
.aboutus_pg #about_srv .owl-dot.active, .aboutus_pg #about_srv .owl-dot:hover
{
	width: 38px;
	transition: 0.3s linear;
}


/* ............. FAQ's ............ */
.faq-nav 
{
	display: flex;
	justify-content: center;
	padding-left: 0;
	margin-bottom: 0;
	flex-wrap: wrap;
}
.faq-nav li
{
	margin-bottom: 38px;
	padding: 0 15px;
}
.faq-nav a 
{
	background: #3963B8;
	background: linear-gradient(90deg, rgba(57, 99, 184, 1) 0%, rgba(87, 134, 227, 1) 100%);
	color: #fff;
	padding: 8px 10px;
	border-radius: 10px;
	position: relative;
}
.faq-nav .active::after 
{
	content: '';
	position: absolute;
	background: linear-gradient(90deg, rgba(57, 99, 184, 1) 0%, rgba(87, 134, 227, 1) 100%);
	width: 30px;
	height: 30px;
	display: block;
	transform: rotate(48deg);
	bottom: -13px;
	left: 36%;
	z-index: -1;
}
.faq_pg .faq_sec .accordion-item
{
	border: 2px solid #7f7f7f00;
	margin-bottom: 10px;
}
.faq_pg .faq_sec .accordion-item p
{
	margin-bottom: 0;
}
.faq_pg .accordion-button::after 
{
	content: '\f106';
	font-family: fontawesome;
	background-image: none !important;
	font-size: 20px;
	transform: rotate(180deg);
}
.faq_pg .accordion-button:not(.collapsed)::after
{
	transform: rotate(90deg);
}
.faq_pg .accordion-header .accordion-button
{
	border-radius: 15px !important;
	box-shadow: 0 0 0 0;
	padding: 12px;
	margin-bottom: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}
.faq_pg .accordion-header 
{
	border-radius: 15px;
}
.faq_pg .accordion-header .accordion-button 
{
	background: #e6e6e6;
	color: #000;
	box-shadow:  0 0 0 0;
}
.faq_pg .accordion-header .accordion-button:not(.collapsed)::after
{
	filter: brightness(0) invert(1);
}
.faq_pg .accordion-header .accordion-button:not(.collapsed) 
{
	background: #3963B8;
	background: linear-gradient(90deg, rgba(57, 99, 184, 1) 0%, rgba(87, 134, 227, 1) 100%);
	color: #fff;
	box-shadow:  0 0 0 0;
}
.faq_pg .accordion-header .accordion-button p
{
	margin: 0 0 0 10px;
}
.faq_pg .accordion-body {
	padding: 10px 0 5px 25px;
}
.faq_form 
{
	border: 2px solid #3963B8;
	border-radius: 15px;
	padding: 30px;
}
.faq_form h2
{
	font-weight: bold;
	font-size: 35px;
}
.faq_form div.wpforms-container-full input[type="date"], 
.faq_form div.wpforms-container-full input[type="datetime"], 
.faq_form div.wpforms-container-full input[type="email"], 
.faq_form div.wpforms-container-full input[type="number"], 
.faq_form div.wpforms-container-full input[type="tel"], 
.faq_form div.wpforms-container-full input[type="text"], 
.faq_form div.wpforms-container-full input[type="time"], 
.faq_form div.wpforms-container-full input[type="url"],
.faq_form div.wpforms-container-full select, 
.faq_form div.wpforms-container-full textarea
{
	border: 1px solid #3963B8;
	color: #000;
	font-family: 'Open Sans', sans-serif !important;
	border-radius: 10px;
}
.faq_form div.wpforms-container-full button[type="submit"], .faq_form div.wpforms-container-full button[type="submit"]:hover
{
   color: #fff !important;
   background: #1252a1 !important;
   border: 2px solid #fff !important;
   border-radius: 55px !important;
   text-transform: uppercase;
   font-size: 17px !important;
   font-weight: 400 !important;
   font-family: 'Open Sans', sans-serif !important;
   padding: 10px 20px !important;
   padding-right: 60px !important;
   height: auto !important;
   position: relative !important;
   /* box-shadow: 0 0px 5px 1px #a8a8a8 !important; */
   text-align: center;
}
.faq_form div.wpforms-container-full .wpforms-form button[type="submit"]::before
{
  content: '\f101';
  font-family: 'Font Awesome 6 Pro';
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 9px;
  right: 35px;
}
.faq_form div.wpforms-container-full button[type="submit"]:hover
{
   color: #1252a1 !important;
   background: #fff !important;
   border: 2px solid #1252a1 !important;
}
.faq_form div.wpforms-container-full button[type="submit"]:hover::before
{
   color: #1252a1 !important;
}



/* ........... Services ............. */
.service_pg
{
	padding-bottom: 25px;
}
.service_pg h2,.service_pg h1
{
	font-weight: bold;
	font-size: 32px;
	text-transform: capitalize;
}
.service_item 
{
	margin-top: 20px;
	position: relative;
	border: 2px solid transparent;
	box-shadow: 0 0 8px 1px #d3d3d3;
	border-radius: 15px;
	overflow: hidden;
	max-height: 375px;
}
.service_item:hover
{
	border-color: #3963B8;
	background: #3963B8;
background: linear-gradient(180deg, rgba(57, 99, 184, 0) 0%, rgba(57, 99, 184, 1) 100%);
}
.service_item .overlay
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.service_item:hover .overlay
{
	background: #3963B8;
	background: linear-gradient(180deg, rgba(57, 99, 184, 0) 0%, rgba(57, 99, 184, 1) 100%);
}
.service_item h2
{
	position: absolute;
	color: #000;
	bottom: 30px;
	width: 100%;
	text-align: center;
}
.service_item h2 a
{
	color: #000;
}
.service_item h2 a i
{
	display: none;
	float: right;
}
.service_item:hover h2 a i
{
	display: block;
}
.service_item:hover h2 
{
	text-align: left;
	padding: 0 30px 0 30px;
}
.service_item:hover h2 a
{
	color: #fff;
}
.services_strip
{
	padding: 50px 0 60px 0;
}


/* ........... Chemistry Tips .............. */
.chemistry_tips_pg 
{
	padding-bottom: 80px;
}
.chemistry_thumb
{
	border-radius: 15px;
	overflow: hidden;
}
.chemistry_tabs h2
{
	font-size: 42px;
	font-weight: bold;
	margin-bottom: 20px;
}
.chemistry_tabs .tab-content 
{
	display: block;
	margin-top: 20px;
}
.chemistry_tabs .nav-pills
 {
	white-space: nowrap;
}
.chemistry_tabs  .nav-pills .nav-link
{
	border: 2px solid #000;
	border-radius: 8px;
	font-weight: 600;
	color: #000;
	margin-top: 10px;
	background: transparent;
	position: relative;
}
.chemistry_tabs  .nav-pills .nav-link.active
{
	background: #6E9AF4;
	background: linear-gradient(270deg, rgba(110, 154, 244, 1) 0%, rgba(57, 99, 184, 1) 100%);
	color: #fff;
	border: 0;
}
.chemistry_tabs .nav-link.active::after {
	content: '';
	position: absolute;
	right: -9px;
	width: 20px;
	height: 20px;
	background: #6e9af4;
	transform: rotate(45deg);
	z-index: -1;
	top: 10px;
}
.chemistry_strip 
{
	border-radius: 0;
	margin: 15px 0 40px 0;
}
.chemistry_content h2
{
	font-weight: bold;
	font-size: 38px;
}
.toggle-link {
	color: #3963B8;
	font-weight: 600;
}
.chemistry_content .element-content.collapsed {
    max-height: 500px;
    overflow: hidden;
    position: relative;
}
.vid-list-container {
	padding: 0 30px;
}
.vid-list .owl-nav button.owl-next, .vid-list .owl-nav button.owl-prev{
	margin: 0 5px;
}
.vid-list .owl-nav span{
	display: none;
}
.vid-list .owl-nav button.owl-next::after {
	content: '\f061' !important;
	position: absolute;
	right: -30px;
	top: 30%;
	background: linear-gradient(270deg, rgba(110, 154, 244, 1) 0%, rgba(57, 99, 184, 1) 100%);
	color: #fff !important;
	font-family: "Font Awesome 6 Pro" !important;
	font-size: 14px;
	font-weight: 500;
	padding: 3px 7px;
	border-radius: 55px;
}
.vid-list .owl-nav button.owl-prev::after 
{
	content: '\f060' !important;
	color: #fff !important;
	position: absolute;
	background: linear-gradient(270deg, rgba(110, 154, 244, 1) 0%, rgba(57, 99, 184, 1) 100%);
	left: -30px;
	top: 30%;
	font-family: "Font Awesome 6 Pro" !important;
	font-size: 14px;
	font-weight: 500;
	padding: 3px 7px;
	border-radius: 55px;
}
.chemistry_tips_pg .videosection 
{
	height: 100%;
}
.chemistry_tips_pg .vid-container 
{
	height: 80%;
}
.chemistry_tips_pg iframe 
{
	border: 0;
	height: 92%;
}


/* ........... Pool Tiles & Services ......... */
.poolservices_pg
{
	background: url(images/poolservices-bg.webp) no-repeat center center/cover;
}
.poolservices_pg h1
{
	font-weight: bold;
	font-size: 40px;
	text-transform: capitalize;
	margin-bottom: 20px;
}
.poolservices_pg p
{
	font-family: 'Poppins', sans-serif;
}
#pooltiles-srv-carousel .item 
{
	border-radius: 15px;
	overflow: hidden;
	background: #4A78D4;
	background: linear-gradient(90deg, rgba(74, 120, 212, 1) 0%, rgba(103, 148, 238, 1) 100%);
	color: #fff;
	margin: 8px;
	box-shadow: 0 0 5px 0px #c2c2c2;
}
#pooltiles-srv-carousel .item .thumbnail 
{
	height: 180px;
}
#pooltiles-srv-carousel .item:hover .thumbnail
{
	height: 125px;
	overflow: hidden;
}
.ps_content 
{
	padding: 20px;
	border-top: 2px solid #3c65b9;
	background-color: #fff;
	color: #000;
	text-align: center;
	position: relative;
	z-index: 9;
}
#pooltiles-srv-carousel .item:hover .ps_content 
{
	border-top: 2px solid #fff;
	background: linear-gradient(90deg, rgba(74, 120, 212, 1) 0%, rgba(103, 148, 238, 1) 100%);
	color: #fff;
}
.ps_icon 
{
	width: 70px;
	height: 70px;
	margin: -56px auto 3px auto;
	background: #fff;
	border-radius: 55px;
	position: relative;
	z-index: 9;
	padding: 8px;
	border: 2px solid #3c65b9;
}
.ps_content .cta 
{
	margin: 20px 0 10px 0;
	display: none;
}
#pooltiles-srv-carousel .item:hover .ps_icon 
{
	width: 80px;
	height: 80px;
	background: url(images/water-droplet.webp) no-repeat center center/contain;
	border: 2px solid transparent;
	padding: 26px 17px 15px 17px;
}
#pooltiles-srv-carousel .item:hover .cta 
{
	display: block;
}
#pooltiles-srv-carousel .item:hover .ps_icon img 
{
	filter: brightness(0) invert(1);
}
.poolservices_pg .strip_banner
{
	margin-top: 100px;
	margin-bottom: -76px;
	padding-bottom: 80px;
	border-radius: 0;
}

.poolservices_pg .strip_banner img
{
	margin-top: -89px;
}
#pooltiles-srv-carousel .owl-dots 
{
	display: block;
	text-align: center;
}
#pooltiles-srv-carousel button.owl-dot 
{
	width: 10px;
	height: 10px;
	background: #3963B8;
	margin-right: 5px;
	border-radius: 55px;
}
#pooltiles-srv-carousel button.owl-dot.active
{
	width: 30px;
}



/* ........... Pool Systems ........... */
.poolsystems_pg
{
	padding: 0;
}
.pool_systems_top
{
	background: url(images/pool-systens-top-bg.webp) no-repeat center center/cover;
	padding: 30px 0;
}
.pool_systems_thumbnail
{
	max-height: 280px;
	overflow: hidden;
	border: 2px solid #3963b8;
	border-radius: 8px;
}
.pool_systems_btm
{
	background: url(images/pool-systens-bototm-bg.webp) no-repeat center center/cover;
	padding: 40px 0 60px 0;
}
.pool_systems_srv
{
	border: 3px solid #3963B8;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
}
.pool_systems_srvc
{
	padding: 0 20px;
}
.pool_systems_srv .srv_icon
{
	height: 85px;
	width: 85px;
	left: 34%;
  bottom: 76px;
  background-color: #fff;
  border: 2px solid #3963B8;
}
.pool_systems_srv .srv_icon img
{
	filter: unset;
}
.pool_systems_srv .srv_title a, .pool_systems_srv .srv_description a
{
	color: #000;
}
.strip_banner.poolsystems_strip_banner
{
	background: url(images/ps-strip-bg.webp) no-repeat center center/cover !important;
	padding-left: 60px;
	margin-top: 40px;
}
.poolsystems_strip_banner h2
{
	font-size: 46px;
}
.poolsystems_strip_banner h3
{
	font-size: 45px;
}
.poolsystems_strip_banner .cta
{
	margin-top: 20px;
}




/* .......... Single Service ............ */
.single_service .element-content.collapsed 
{
    max-height: 400px;
    overflow: hidden;
    position: relative;
}
.single_content 
{
	height: 420px;
}
.single_service .thumbnail 
{
	/* border-radius: 15px; */
	overflow: hidden;
	text-align: center;
	max-height: 410px;
}
.single_service .srv_content h1
{
	font-weight: bold;
	font-size: 42px;
}
.single_service .srv_content h2
{
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 26px;
}
.single_service .srv_content h3
{
	font-family: 'open Sans', sans-serif;
	font-weight: 600;
	font-size: 18px;
}
.single_service .srv_content p
{
	font-weight: 500;
}
.service_extra
{
	margin-bottom: 40px;
}
.srv_carousel_sec 
{
	background: url(images/strip-banner-bg.webp) no-repeat center center/cover;
	padding: 40px 0;
	padding: 40px 0px 130px 0px;
	margin-bottom: -95px;
}
.srv_carousel_sec h2
{
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
}
#srv_carousel 
{
	padding: 0 80px;
}
#srv_carousel .item 
{
	position: relative;
	border: 3px solid #fff;
	border-radius: 12px;
	overflow: hidden;
	height: 165px;
}
#srv_carousel .item:hover
{
	border: 3px solid #4372d1;
}
#srv_carousel .item .overlay
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #FFF;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
#srv_carousel .item:hover .overlay
{
	background: #427FD2;
	background: linear-gradient(0deg, rgba(66, 127, 210, 1) 0%, rgba(66, 127, 210, 0) 100%);
}
#srv_carousel .item h3
{
	text-align: center;
	left: 0;
	position: absolute;
	bottom: 25px;
	border: 0;
	width: 100%;
}
#srv_carousel .item h3 a
{
	color: #000;
	position: absolute;
	width: 100%;
	z-index: 9;
	font-size: 20px;
	left: 50%;
	transform: translateX(-50%);
}
#srv_carousel .item:hover h3 a
{
	color: #fff;
}
#srv_carousel .owl-nav 
{
	position: absolute;
	top: 28%;
	width: 100%;
	left: 15px;
	z-index: -1;
}
#srv_carousel .owl-nav button.owl-next,
#srv_carousel .owl-nav button.owl-prev
{
	margin: 0 5px;
}
#srv_carousel .owl-nav span
{
	display: none;
}
#srv_carousel .owl-nav button.owl-next::after 
{
	content: '\f105' !important;
	color: #fff !important;
	font-family: "Font Awesome 6 Pro" !important;
	font-size: 25px;
	font-weight: 600;
	border: 0px solid #3963b8;
	padding: 7px 9px;
	border-radius: 55px;
	position: absolute;
	right: 57px;
}
#srv_carousel .owl-nav button.owl-prev::after 
{
	content: '\f104' !important;
	color: #fff !important;
	font-family: "Font Awesome 6 Pro" !important;
	font-size: 25px;
	font-weight: 600;
	border: 0px solid #3963b8;
	padding: 7px 9px;
	border-radius: 55px;
	position: absolute;
	left: 30px;
}
/* Equipment Sales Repair */
.servSubList .btn.btn-primary.open-modal 
{
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
	background: #1252a1;
	box-shadow: 0 0 0 0;
	color: #fff;
	padding: 15px 0;
}
.servSubList .btn.btn-primary.open-modal:hover
{
	background: #fff;
	color: #1252a1;
}
#wpforms-3111
{
	margin: 0;
}
.equipment_modal h5
{
	font-weight: bold;
	font-size: 28px;
}
.equipment_modal div.wpforms-container-full input[type="date"], 
.equipment_modal div.wpforms-container-full input[type="datetime"], 
.equipment_modal div.wpforms-container-full input[type="email"], 
.equipment_modal div.wpforms-container-full input[type="number"], 
.equipment_modal div.wpforms-container-full input[type="tel"], 
.equipment_modal div.wpforms-container-full input[type="text"], 
.equipment_modal div.wpforms-container-full input[type="time"], 
.equipment_modal div.wpforms-container-full input[type="url"],
.equipment_modal div.wpforms-container-full select, 
.equipment_modal div.wpforms-container-full textarea
{
	border: 1px solid #3963B8;
	color: #000;
	font-family: 'Open Sans', sans-serif !important;
	border-radius: 10px;
}
.equipment_modal div.wpforms-container-full button[type="submit"], .equipment_modal div.wpforms-container-full button[type="submit"]:hover
{
   color: #fff !important;
   background: #1252a1 !important;
   border: 2px solid #fff !important;
   border-radius: 55px !important;
   text-transform: uppercase;
   font-size: 17px !important;
   font-weight: 400 !important;
   font-family: 'Open Sans', sans-serif !important;
   padding: 10px 20px !important;
   padding-right: 60px !important;
   height: auto !important;
   position: relative !important;
   /* box-shadow: 0 0px 5px 1px #a8a8a8 !important; */
   text-align: center;
}
.equipment_modal div.wpforms-container-full .wpforms-form button[type="submit"]::before
{
  content: '\f101';
  font-family: 'Font Awesome 6 Pro';
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 9px;
  right: 35px;
}
.equipment_modal div.wpforms-container-full button[type="submit"]:hover
{
   color: #1252a1 !important;
   background: #fff !important;
   border: 2px solid #1252a1 !important;
}
.equipment_modal div.wpforms-container-full button[type="submit"]:hover::before
{
   color: #1252a1 !important;
}





/* ............... Service Areas ................ */
.service_areas_pg
{
	background: url(images/service-areas-bg.webp) no-repeat center center/cover;
	padding-bottom: 0;
}
.srvar_left
{
	background: url(images/srvar-right.webp) no-repeat center center/contain;
}
.area-map-content {
    display: none;
}
.area-map-content.active {
    display: block;
}
.srv_area_list {
	margin-bottom: 30px;
}
.srv_area_list h2
{
	line-height: 1;
}
.srv_area_list h2 a
{
	color: #000;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	position: relative;
}
.map-tab-trigger.active {
    color: #3963b8; /* or any highlight color */
}
.map-tab-trigger.active::before {
	content: '\f105';
	margin-right: 0px;
	font-size: 20px;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 500;
    color: #3963b8; /* or any highlight color */
}
.srvar_right 
{
	background: #3963b8;
	padding: 12px 18px 0px 18px;
	border-radius: 8px;
	box-shadow: 0 0 10px 0px #8f8f8f;
}
.srvar_right h2
{
		color: #000;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}
.srvar_right .cta
{
	margin: 20px 0 0 0;
	text-align: center;
}
.srvar_strip
{
	border-radius: 0;
}




/* .......... Area Details, Child Service Details, Grandchild Details .......... */
.area_detail_pg
{
	padding-bottom: 40px;
}
.area_detail_pg
{
	background: url(images/area-detail-bg.webp) no-repeat center center/cover;
}
.area_detail_pg .srv_area_quote 
{
	padding: 40px 20px 40px 20px;
	border: 2px solid #3963B8;
	border-radius: 6px;
}
.area_detail_pg .srv_area_quote  #wpforms-2762
{
	margin-top: 0 !important;
}
.area_detail_pg .srv_area_quote  #wpforms-2762 .wpforms-container .wpforms-field
{
	padding: 8px 0 !important;
}
.area_detail_pg .srv_area_quote h2
{
	font-weight: 600;
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 10px;
}
.area_detail_pg .srv_area_quote h2 span
{
	color: #3963B8;
}
.area_detail_pg .srv_area_quote h3
{
	font-weight: bold;
	margin-bottom: 25px;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
}
.area_detail_pg .srvar_right {
	background: #fff;
	padding: 12px 18px 0px 18px;
	border-radius: 8px;
	box-shadow: 0 0 10px 0px #8f8f8f;
}
.area_detail_pg  .srv_area_list 
{
	padding-bottom: 38px;
}
.area_detail_pg .srv_area_nav a 
{
	background: #fff;
	color: #000;
	border: 1px solid #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	display: block;
	font-size: 18px;
	padding: 8px 10px;
	border-radius: 6px;
	margin: 0 0px 20px 0;
	position: relative;
	z-index: 1;
}
.area_detail_pg .srv_area_nav a::after 
{
	content: '';
	position: absolute;
	display: none;
	background: #3963B8;
	background:  rgba(87, 134, 227, 1);
	width: 20px;
	height: 20px;
	display: none;
	transform: rotate(48deg);
	bottom: 8px;
	right: -9px;
	z-index: -1;
}
.area_detail_pg .srv_area_nav a:hover, 
.area_detail_pg .srv_area_nav a.active
{
	background: #3963B8;
	background: linear-gradient(90deg, rgba(57, 99, 184, 1) 0%, rgba(87, 134, 227, 1) 100%);
	color: #fff;
	border: 1px solid transparent;
}
.area_detail_pg .srv_area_nav a.active::after
{
	display: block;
}
.area_detail_pg .service-thumbnail
{
	position: relative;
}
.area_detail_pg .service-thumbnail h2 
{
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 28px;
	text-transform: capitalize;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	text-shadow: 2px 2px #000;
}
.area_detail_pg .service_content .element-content.collapsed 
{
    max-height: 250px;
    overflow: hidden;
    position: relative;
}
.area_detail_pg .srvar_right .service_content .toggle-link 
{
	color: #3963B8;
	font-weight: 600;
}
.area_detail_pg .srvar_left
{
	background: transparent;
}
.area_detail_pg .srv_area_list.active a,
.area_detail_pg .srv_area_list a.active 
{
    font-weight: bold;
    color: #007bff; /* or your active color */
}
.area_detail_pg .toggle-link
{
	display: block;
}
.area_detail_pg .service_content
{
	position: relative;
}
.area_detail_pg .service_content::after
{
	content: '';
	position: absolute;
	width: 95%;
	height: 1px;
	background: #000;
	left: 50%;
	transform: translate(-50%);
	bottom: -18px;
}
.grandchild_services
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 20px;
}
.srv_area_list .grandchild_services .gc_cta
{
	margin: 40px 20px -10px 20px;
}
.srv_area_list .grandchild_services .gc_cta a 
{
	background: #3963B8;
	background: linear-gradient(90deg, rgba(57, 99, 184, 1) 0%, rgba(87, 134, 227, 1) 100%);
	color: #fff;
	padding: 8px 10px;
	border-radius: 10px;
	font-size: 18px;
	position: relative;
}
.srv_area_list .grandchild_services .gc_cta a:hover
{
	background: #fff;
	color: #3963B8;
	border-radius: 6px;
}
/* .......... Grandchild Details .......... */
.grandchild_single_pg .srv_area_list 
{
	padding-bottom: 0px;
}
.grandchild_single_pg .service_content::after 
{
	display: none;
}
.grandchild_single_pg div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row
{
	flex-wrap: wrap;
}
.grandchild_single_pg div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-25
{
	width: 100%;
}
.grandchild_single_pg  .srv_area_quote
{
	padding-bottom: 0;
}
.srv_area_quote h2
{
	font-weight: bold;
	font-size: 35px;
}
.srv_area_quote div.wpforms-container-full input[type="date"], 
.srv_area_quote div.wpforms-container-full input[type="datetime"], 
.srv_area_quote div.wpforms-container-full input[type="email"], 
.srv_area_quote div.wpforms-container-full input[type="number"], 
.srv_area_quote div.wpforms-container-full input[type="tel"], 
.srv_area_quote div.wpforms-container-full input[type="text"], 
.srv_area_quote div.wpforms-container-full input[type="time"], 
.srv_area_quote div.wpforms-container-full input[type="url"],
.srv_area_quote div.wpforms-container-full select, 
.srv_area_quote div.wpforms-container-full textarea
{
	background: transparent;
	border: 1px solid #3963B8;
	color: #000;
	font-family: 'Open Sans', sans-serif !important;
	border-radius: 10px;
}
.srv_area_quote div.wpforms-container-full input[type="date"]::placeholder, 
.srv_area_quote div.wpforms-container-full input[type="datetime"]::placeholder, 
.srv_area_quote div.wpforms-container-full input[type="email"]::placeholder, 
.srv_area_quote div.wpforms-container-full input[type="number"]::placeholder, 
.srv_area_quote div.wpforms-container-full input[type="tel"]::placeholder, 
.srv_area_quote div.wpforms-container-full input[type="text"]::placeholder, 
.srv_area_quote div.wpforms-container-full input[type="time"]::placeholder, 
.srv_area_quote div.wpforms-container-full input[type="url"]::placeholder,
.srv_area_quote div.wpforms-container-full select::placeholder, 
.srv_area_quote div.wpforms-container-full textarea::placeholder
{
	color: #000 !important;
	opacity: 1 !important;
}
.srv_area_quote div.wpforms-container-full button[type="submit"], 
.srv_area_quote div.wpforms-container-full button[type="submit"]:hover
{
   color: #fff !important;
   background: #1252a1 !important;
   border: 2px solid #fff !important;
   border-radius: 55px !important;
   text-transform: uppercase;
   font-size: 17px !important;
   font-weight: 400 !important;
   font-family: 'Open Sans', sans-serif !important;
   padding: 10px 20px !important;
   padding-right: 60px !important;
   height: auto !important;
   position: relative !important;
   /* box-shadow: 0 0px 5px 1px #a8a8a8 !important; */
   text-align: center;
}
.srv_area_quote div.wpforms-container-full .wpforms-form button[type="submit"]::before
{
  content: '\f101';
  font-family: 'Font Awesome 6 Pro';
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 9px;
  right: 35px;
}
.srv_area_quote div.wpforms-container-full button[type="submit"]:hover
{
   color: #1252a1 !important;
   background: #fff !important;
   border: 2px solid #1252a1 !important;
}
.srv_area_quote div.wpforms-container-full button[type="submit"]:hover::before
{
   color: #1252a1 !important;
}
.grandchild_single_pg .service_content .element-content.collapsed {
	max-height: 410px;
	overflow: hidden;
	position: relative;
}


/* ........... Contact Us ............. */
.contact_pg .map
{
	border-radius: 10px;
	overflow: hidden;
	height: 100%;
}
.contact_pg .map iframe
{
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.contact_pg .contact_info .info_bx 
{
	background: rgb(58,101,186);
	background: linear-gradient(90deg, rgba(58,101,186,1) 0%, rgba(79,126,220,1) 100%);
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}
.contact_pg .contact_info .info_bx a 
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: 500;
	height: 248px;
	padding: 0 20px;
	text-align: center;
	font-size: 22px;
}
.contact_pg .contact_info .info_bx a i
{
	font-size: 32px;
	margin-bottom: 15px;
}
@keyframes shake 
{
	0% { transform: translateX(0); }
	20% { transform: translateX(-5px); }
	40% { transform: translateX(5px); }
	60% { transform: translateX(-5px); }
	80% { transform: translateX(5px); }
	100% { transform: translateX(0); }
}
.shake 
{
	animation: shake 0.5s ease-in-out;
}
.contact_pg .contact_info .info_bx:hover a i
{
	animation: shake 0.6s ease-in-out;
}
  
.contact_pg .contact_form 
{
	background: rgb(58,101,186);
	background: linear-gradient(90deg, rgba(58,101,186,1) 0%, rgba(79,126,220,1) 100%);
	border-radius: 10px;
	padding: 20px 20px 1px 20px;
}
.contact_pg .contact_form h2
{
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0;
}
.contact_form #wpforms-2754
{
	margin-top: 0;
}
.contact_form div.wpforms-container-full input,
.contact_form div.wpforms-container-full input[type="email"],
.contact_form div.wpforms-container-full input[type="tel"],
.contact_form div.wpforms-container-full input[type="text"],
.contact_form div.wpforms-container-full select,
.contact_form div.wpforms-container-full textarea
{
	color: #000099;
	border-radius: 12px;
}
.contact_form div.wpforms-container-full input,
.contact_form div.wpforms-container-full input[type="date"]::placeholder, 
.contact_form div.wpforms-container-full input[type="datetime"]::placeholder, 
.contact_form div.wpforms-container-full input[type="email"]::placeholder, 
.contact_form div.wpforms-container-full input[type="number"]::placeholder, 
.contact_form div.wpforms-container-full input[type="tel"]::placeholder, 
.contact_form div.wpforms-container-full input[type="text"]::placeholder, 
.contact_form div.wpforms-container-full input[type="time"]::placeholder, 
.contact_form div.wpforms-container-full input[type="url"]::placeholder, 
.contact_form div.wpforms-container-full select::placeholder, 
.contact_form div.wpforms-container-full textarea::placeholder
{
	color: #000099;
	opacity: 1;
}
.contact_form .wpforms-container .wpforms-field
{
	padding: 8px 0 !important;
}
.contact_form #wpforms-2754-field_14-container
{
	padding: 0px 0 !important;
}
.contact_form .wpforms-submit-container
{
	text-align: end;
}
.contact_form div.wpforms-container-full button[type="submit"], .contact_form div.wpforms-container-full button[type="submit"]:hover
{
   color: #fff !important;
   background: #1252a1 !important;
   border: 2px solid #fff !important;
   border-radius: 55px !important;
   text-transform: uppercase;
   font-size: 17px !important;
   font-weight: 400 !important;
   font-family: 'Open Sans', sans-serif !important;
   padding: 10px 20px !important;
   padding-right: 60px !important;
   height: auto !important;
   position: relative !important;
   /* box-shadow: 0 0px 5px 1px #a8a8a8 !important; */
   text-align: center;
}
.contact_form div.wpforms-container-full .wpforms-form button[type="submit"]::before
{
  content: '\f101';
  font-family: 'Font Awesome 6 Pro';
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 9px;
  right: 35px;
}
.contact_form div.wpforms-container-full button[type="submit"]:hover
{
   color: #1252a1 !important;
   background: #fff !important;
   border: 2px solid #1252a1 !important;
}
.contact_form div.wpforms-container-full button[type="submit"]:hover::before
{
   color: #1252a1 !important;
}




/* ........... Blog Page ............ */
.blog .content
{
	height: 700px;
	padding-bottom: 50px;
}
.blog_pre
{
	margin-bottom: 30px;
}
.blog_dt
{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	font-size: 13px;
	margin-top: 5px;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
}
.blog_pre .blog_dt p
{
	font-size: 13px;
}
.blog_img 
{
	max-height: 230px;
	overflow: hidden;
	margin-bottom: 15px;
}
.blog_img img 
{
	max-width: 100%;
	height: auto;
}
.blog_pre a
{
	color: #000;
}
.blog_pre h2 
{
	line-height: 0.8;
	margin: 0px 0px 10px 0px;
}
.blog_pre h2 a
{
	font-size: 22px;
	font-family: 'Oswald', sans-serif;
}
.blog_pre .blog_des
{
	font-size: 16px;
}
.pagination
{
	justify-content: center;
}
ul.page-numbers 
{
	list-style: none;
	margin: 0;
}
.page-numbers:after 
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
ul.page-numbers li 
{
	display: block;
	float: left;
	margin: 0 4px 4px 0;
	text-align: center;
	background: #3963B8;
}
.page-numbers a, .page-numbers span 
{
	line-height: 1.6em;
	display: block;
	padding: 10px 15px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	font-weight: 400;
	cursor: pointer;
	border: 1px solid #ddd;
	color: #fff;
}
.page-numbers a span 
{
	padding: 0
}
.page-numbers a:hover, .page-numbers.current, .page-numbers.current:hover 
{
	color: #3963B8;
	background: #fff;
	text-decoration: none;
}
.page-numbers:hover 
{
	text-decoration: none
}
.readmore a
{
	color: #3963b8;
}
.search-submit
{
  margin-left: -45px;
  width: 36px;
  height: 37px;
    background-color:transparent; /* Button background color */
    border: 0px solid #1689c6; /* Border styling */
    border-radius: 0 4px 4px 0; /* Rounded corners on the right */
    cursor: pointer;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 512 512%22%3E%3Cpath d%3D%22M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z%22/%3E%3C/svg%3E');
    background-size: 50%; /* Size of the icon */
    background-position: center; /* Center the icon */
    background-repeat: no-repeat; /* Prevent repeating */
    text-indent: -9999px; /* Hide button text */
    position: absolute;
}
.search-field, #cat, #archives-dropdown-3 
{
	background: transparent;
	border: 1px solid #3963b8;
	border-radius: 5px;
	padding: 5px;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	margin-bottom: 15px;
}
.widget_row 
{
	text-align: right;
	margin: 20px 0 0 0;
}
#categories-2, #search-2 
{
	display: inline-block;
}
#categories-2 h2, #search-2 h2
{
	display: none;
}
#cat
{
	margin-right: 20px;
}
.search-field::placeholder 
{
	opacity: 1;
	color: #000;
}
.bloglist
{
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	transition: transform 0.3s ease-in-out;
	border-radius: 15px;
}
.bloglist::before
{
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	content: '';
	transition: transform 0.3s ease-in-out;
	opacity: 0.7;
}
.feature_right_blog
{
	height: 219px;
	margin-bottom: 0px;
	transition: transform 0.3s ease-in-out;
}
.bloglist h3
{
	position: absolute;
	top: 5px;
	z-index: 9;
	left: 5px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	display: none;
	text-transform: uppercase;
	font-size: 22px;
}
.bloglist:hover h3
{
	display: block;
}
.bloglist .blog_Content 
{
	position: absolute;
	z-index: 99;
	bottom: 20px;
	left: 0px;
	width: 100%;
	padding: 0 0px;
	text-align: center;
	color: #fff;
}
.bloglist:hover h2
{
	text-shadow: 1px 1px 0px #000;
}
.bloglist .blogdate 
{
	display: none;
	transition: transform 0.3s ease-in-out;
}
.bloglist .blogdate 
{
	margin-bottom: 10px;
}
.bloglist .blogdate span
{
	text-shadow: 1px 1px 0px #000;
	margin-right: 7px;
	border-right: 2px solid #fff;
	padding-right: 10px;
}
.bloglist .blogdate span i
{
	margin-right: 3px;
}

.bloglist .blogimg img 
{
	transition: transform 0.3s ease-in-out;
}
.featured_title
{
	text-transform: uppercase;
	font-size: 34px;
	font-weight: bold;
}
#blog_carousel .item:hover .bloglist h2 a 
{
	color: #3963b8;
	text-transform: capitalize;
}
#blog_carousel .item:hover .bloglist .blogimg img 
{
	transform: scale(1.1);
	transition: transform 0.3s ease-in-out;
}
#blog_carousel .item:hover .bloglist .blogdate 
{
	display: block;
	transform: scale(1.1);
}
#blog_carousel .owl-dots
{
	display: block;
	text-align: center;
}
#blog_carousel .owl-dot {
	width: 10px;
	height: 10px;
	border-radius: 55px;
	background: #3963b8;
	margin-right: 8px;
}
#blog_carousel .owl-dot.active {
	width: 30px;
}
#blog_carousel .item:hover .bloglist::before
{
	background: #3963b8;
	transition: transform 0.3s ease-in-out;
}

#blog_carousel .owl-item.active.center .item
{
    transform: scale(1.1);
    transition: transform 0.5s ease;
    z-index: 2;
}
#blog_carousel .owl-item .item 
{
	transform: scale(1);
	transition: transform 0.5s ease;
	padding: 0 25px 0 20px;
	margin: 35px 0;
}
#blog_carousel .owl-item .item  h2 a, #blog_carousel .owl-item .item  h2
{
	font-size: 24px;
	color: #000;
	text-align: center;
	text-transform: capitalize;
	font-weight: bold;
}
#blog_carousel .owl-item .item:hover h2 a
{
	color: #3963b8;
}
#blog_scroll {
	max-height: 475px; /* or any height you want */
	overflow: hidden;
	padding-right: 20px;
	position: relative; /* Helps in some cases */
  }
  .blog_left
  {
	margin-bottom: 20px;
	height: 100%;
  }
.blog_left::before
{
	background: #3963B8;
	background: linear-gradient(180deg, rgba(57, 99, 184, 0) 0%, rgba(57, 99, 184, 1) 100%);
}
.blog_left h2 a, .blog_left h2
{
	color: #fff;
	font-size: 35px;
	font-weight: bold;
	text-shadow: 1px 1px 0px #000;
}
#blog_scroll .bloglist {
	position: unset;
	border: 2px solid #3963b8;
	margin-bottom: 10px;
}
#blog_scroll .bloglist::before
{
	display: none;
}
#blog_scroll .bloglist .blog_Content 
{
	position: unset;
	text-align: left;
	padding: 15px 5px 15px 0;
}
#blog_scroll .bloglist .blog_Content h2, #blog_scroll .bloglist .blog_Content h2 a
{
	color: #000;
	font-size: 22px;
	text-align: left;
	text-shadow: 0 0 0 0;
}
#blog_scroll .bloglist:hover .blog_Content h2 a
{
	color: #3963B8;
}
#blog_scroll .bloglist .blog_Content .cta
{
	margin-top: 15px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar 
{
	background: #3963B8 !important;
}


/* ----------------------------- Blog Inner ------------------------------ */
.blog_inner .content
{
	height: 600px;
}
.sidebar #search-2
{
	display: none;
}
.singleBlogContent 
{
	font-size: 16px;
	margin-bottom: 20px;
	border-right: 1px solid #3963B8;
	padding-right: 20px;
}
.singleBlogContent a
{
	color: #3963B8;
}
.singleBlogContent a:hover
{
	color: #3963B8;
}
.singleBlogContent img 
{
	max-width:100%;
	overflow: hidden;
	margin-bottom:15px;
	margin-top:10px;
}
.singleBlogContent article
{
	height: unset !important;
	max-height: unset !important;
}
.singleBlogContent article + [data-readmore-toggle]
{
	display: none;
}
.singleBlogContent nav
{
	display: none;
}
.widget {
	/* padding: 20px; */
	/* border: 2px solid #e66e0c; */
	/* margin-bottom: 20px; */
	display: inline-block;
}
.widget-title {
	display: none;
}
#search-2
{
	float: right;
}
.widget ul
{
	list-style-type: none;
	padding: 0;
}
.widget ul li
{
	padding: 10px 0px;
	border-bottom: #cfcfcf 1px solid;
}
.widget ul li a
{
	color: #000;
	font-weight: 400;
}
#comments 
{
	margin-top: 60px;
	padding: 20px 0;
}
#comments label 
{
	width: 100%;
}
#comments textarea 
{
	overflow: auto;
	resize: vertical;
	width: 100%;
	border: 2px solid #3963B8;
	outline: unset;
	height: 120px;
	padding:10px;
}
#comments #author,#comments #email 
{
	border: 2px solid #3963B8;
	width: 100%;
	outline: unset;
	padding: 5px;
}
.comment-form-url, .comment-form-cookies-consent 
{
	display: none;
}
.comments-title 
{
	font-size: 22px;
}
.comment-list 
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ol.comment-list li 
{
	margin-bottom:10px;
}
ol.comment-list li 
{
	margin-bottom: 15px;
	background: #f7f7f7;
	padding: 15px;
}
.children 
{
	list-style: none;
}
ol.children li 
{
	margin-bottom: 15px;
	background: #eee;
	padding: 15px;
}

#commentform #submit
{
	padding: 10px 30px;
	color: #3963B8;
	border: 1px solid #3963B8;
	background: transparent;
	border-radius: 55px;
}
#commentform #submit:hover
{
	background-color: #fff;
}
.single_blog_content 
{
	background: rgb(255,255,255);
}
.banner_img_blog 
{
	background: url(images/single-blog-thumb-bg.webp) no-repeat center center/cover;
	margin-top: 80px;
}
.single_blog_content .single_blog_image 
{
	position: relative;
	margin-top: -65px;
}
.single_blog_content .single_blog_image img 
{
	margin: 0 !important;
	border: 2px solid #fff;
	border-radius: 8px;
	box-shadow: 0 0 5px 0px #888;
}
.single_blog_content .single_blog_image h1 
{
	font-size: 36px;
	font-weight: bold;
	text-transform: capitalize;
	color: #fff;
	text-shadow: 2px 2px 0px #000;
}
.single_blog_content ul
{
	list-style: none;
	padding: 0;
}
.single_blog_content ul li
{
	position: relative;
	padding-left: 15px;
}
.single_blog_content ul li::before
{
	content: '\f105';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 0;
}
.heateor_sss_svg
{
	background: linear-gradient(90deg, rgba(57, 99, 184, 1) 0%, rgba(87, 134, 227, 1) 100%) !important;
	border-radius: 4px !important;
}
.single_blog_content blockquote
{
	background: #3963B8;
	background: linear-gradient(90deg, rgba(57, 99, 184, 1) 0%, rgba(87, 134, 227, 1) 100%);
	font-size: 16px;
	color: #fff;
	padding: 20px;
	position: relative;
}
.single_blog_content blockquote::before {
	content: '\f0eb';
	position: absolute;
	left: 4px;
	top: 20px;
	font-family: 'Font Awesome 6 Pro';
}
.single_blog #categories-2
{
	display: none;
}
#comments {
	margin-top: 0px;
  }
  #comments label {
	width: 100%;
  }
  #commentform textarea {
	overflow: auto;
	resize: vertical;
	width: 100%;
	border: 1px solid #3963B8;
	background: #3963b8;
	color: #fff;
	height: 120px;
	border-radius: 8px;
	padding: 10px;
  }
  #commentform #author, #commentform #email {
	  border: 1px solid #3963B8;
	  width: 100%;
	  background: #3963b8;
	color: #fff;
	  padding: 5px;
	  border-radius: 8px;
	  height: 45px;
  }
  #commentform #author::placeholder
  {
	content: 'Name';
  }
  .comment-form-url, .comment-form-cookies-consent {
	display: none;
  }
  .comments-title {
	font-size: 22px;
	display: none;
  }
  .comment-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-color: #fff;
	border: 1px solid #3963B8;
	border-radius: 10px;
	margin-bottom: 20px;
  }
  .comment-metadata {
	  display: none;
  }
  .reply 
  {
	margin: 10px 0;
  }
  .reply a
  {
	color: #000;
	background: #fff;
	border-radius: 55px;
	padding: 4px 20px;
	font-family: 'Oswald', sans-serif;
	border: 2px solid #3963B8;
  }
   
  ol.comment-list li {
	margin-bottom: 15px;
	background: #fff;
	padding: 15px;
	border-bottom: 1px solid #3963B8;
  }
  .children {
	list-style: none;
  }
  ol.children li {
	margin-bottom: 15px;
	padding: 15px;
  }
  span.says
  {
	display: none;
  }
  /* Style for comment replies */
  .comment-list .children {
	list-style: none;
	margin-left: 30px; /* Indent replies */
	position: relative;
	padding-left: 20px; /* Space for thread line */
  }
  
    /* Vertical thread line */
	.comment-list .children::before {
		content: "";
		position: absolute;
		top: 0;
		left: -6px;
		width: 1px;
		height: 25%;
		background: #3963B8;
	}
	
	
	/* Horizontal connector from parent to child */
	.comment-list .children > li::before {
		content: "";
		position: absolute;
		top: 25%;
		left: -5px;
		width: 10px;
		height: 1px;
		background: #3963B8;
	}
	.comment-list .children > li
	{
	  border: 0;
	}
   
  
  #commentform #submit {
  background: #fff;
	color: #000;
	margin-top: 10px;
	border: 2px solid #3963B8;
	border-radius: 35px;
	padding: 8px 20px;
	font-family: 'Oswald', sans-serif;
	box-shadow: 0px 0px 10px #dbdbdb;
  }
   
  #commentform #submit:hover {
	border: 2px solid #fff;
	background:#3963B8;
	transition: color 0.3s ease 0s;
	color: #fff;
  }
  .comment-form-author {
	display: inline-block;
	width: 48%;
	margin-right: 12px;
}
.comment-form-email {
	display: inline-block;
	width: 48%;
}
.comment-meta
{
	background: transparent !important;
}
.url {
	color: #000 !important;
}
#respond
{
	padding: 15px;
	border: 1px solid #3963B8;
	border-radius: 10px;
}
#reply-title
{
	font-family: 'Oswald', sans-serif;
}

.single_blog_content #archives-3 {
	display: none;
}
.single_blog_content #categories-2, .single_blog_content #search-2  {
	max-width: 180px;
}
.single_blog_content #categories-2 {
	max-width: 180px;
	float: left;
}
.single_blog_content #cat, .single_blog_content  .search-field
{ 
	width: 100%;
	background: transparent;
	color: #000;
}
.single_blog_content .search-field::placeholder {
	color: #000;
}
.sidebar .widget
{
	display: block;
}
.sidebar #archives-dropdown-2
{
	color: #fff;
	border-radius: 55px;
	background-color: #3963B8;
	padding: 8px 15px;
	border: 0;
	margin: 20px 0;
}
.tag-cloud-link {
	font-size: 16px !important;
	color: #fff;
	border-radius: 8px;
	background: #3963B8;
	background: linear-gradient(90deg, rgba(57, 99, 184, 1) 0%, rgba(87, 134, 227, 1) 100%);
	padding: 0px 10px;
	display: inline-block;
}
.sidebar .tag-cloud-link:hover
{
	color: #3963B8;
}
#tag_cloud-2 .widget-title
{
	margin-bottom: 20px;
	display: block;
}
.archive_main .blog_Content h2 {
	font-size: 24px;
	text-shadow: 1px 1px 0px #fff;
	font-weight: bold;
}
.single_blog_content .sidebar #recent-posts-2
{
	display: none;
}
.post-tabs .tabs-nav {
	display: flex;
	list-style: none;
	margin-bottom: 10px;
	padding-left: 0;
  }
  .post-tabs .tab-link {
	color: #fff;
	border-radius: 8px;
	background: #3963B8;
	background: linear-gradient(90deg, rgba(57, 99, 184, 1) 0%, rgba(87, 134, 227, 1) 100%);
	padding: 8px 15px;
	border: 1px solid #3963B8;
	font-size: 16px !important;
	margin-bottom: 20px;
	cursor: pointer;
	margin-right: 15px;
  }
  .post-tabs .tab-link::before {
	display: none;
}
  .post-tabs .tab-link.current {
	background: transparent;
	color: #000;
  }
  .tab-content {
	display: none;
  }
  .tab-content.current {
	display: block;
  }
  .post-item
  { 
	border-bottom: 1px solid #000;
	margin-bottom: 8px;
	padding-bottom: 8px;
  }
  .post-item a
  { 
	color: #000;
  }
  .post-item a:hover
  { 
	color: #3963B8;
  }
  #archives-2 .widget-title
  {
	display: block;
  }
  .widget_archive
  {
	height: 400px;
  }
  #tag_cloud-2 {
	margin: 30px 0;
}
#archives-2 ul li::before {
	display: none;
}
.tagcloud {
	line-height: 3;
}
.singleBlogContent article {
    overflow: hidden;
}
.single_blog .widget_row 
{
	text-align: left;
	margin: 0;
}
.single_blog #search-3 
{
	float: right;
}


/* ......... Gallery .............. */
.gallery_pg
{
	padding-bottom: 90px;
}
.tab-content 
{
	display: block;
}
.gallery_pg .gallery_content
{
	height: 600px;
}
.gallery_pg #pills-tab 
{
	justify-content: center;
}
.gallery_pg .nav-link 
{
	border: 1px solid #3963b8;
	border-radius: 30px;
	margin-right: 20px;
	color: #000 !important;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
}
.gallery_pg .videosection {
	height: 94%;
}
.gallery_pg .vid-container {
	height: 80%;
}
.gallery_pg .nav-link.active
{
	background:  #3963b8;
	color: #fff !important;
}
/* .gallery_pg .vid-list .owl-nav button.owl-prev::after, 
.gallery_pg .vid-list .owl-nav button.owl-next::after 
{
	top: 15%;
} */
.gallery_pg .vid-container iframe {
	border-radius: 15px;
	height: 100%;
}
.gallery_pg .vid-item.item .thumb
{
	border-radius: 15px;
	overflow: hidden;
}
.gallery_pg .vid-list-container 
{
	margin-top: 20px;
}
.gallery_pg .hover-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none; /* Don't interfere with hover or click */
    z-index: 1;
}

.gallery_pg .thumb:hover .hover-video {
    opacity: 1;
}

.gallery_pg .video-highlight-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    transition: opacity 0.3s ease;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
}

.gallery_pg .thumb:hover .video-highlight-overlay {
    opacity: 1;
}

.gallery_pg .vid-item {
    cursor: pointer;
}




/* ........ Testimonial .......... */
.write_review_cta
{
	margin-bottom: 20px;
	text-align: center;
}
.reviews_pg
{
	background: url(images/testimonial-bg.webp) no-repeat center center;
	background-size: cover;
	padding-bottom: 100px;
}
.testi_content
{
	height: 600px;
	overflow: hidden;

}
.testimoList
{
	position: relative;
	margin-bottom: 20px;
}
.testimoList::after
{
	content: '';
	position: absolute;
	width: 95%;
	height: 1px;
	background: #3963b8;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.testitopicon
{
	display: flex;
	align-items: center;
}
.testitopicon img 
{
	display: inline-block;
	margin-right: 10px;
}
.testitopicon h4 
{
	display: inline-block;
	font-weight: 500;
	font-size: 24px;
	padding-right: 30px;
	margin-right: 15px;
	border-right: 1px solid #3963b8;
	margin-bottom: 0;
}
.testitopicon h4 span
{
	font-size: 16px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}
.rating 
{
	position: absolute;
	top: 3px;
	right: 0;
	font-size: 22px;
	color: #3963b8;
}
.testi_quote_form 
{
	padding: 30px;
	background: #f7f7f7;
	border-radius: 18px;
	border: 1px solid #446bbb;
}
.testi_quote_form h2
{
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 600;
}
.testi_quote_form div.wpforms-container-full input,
.testi_quote_form div.wpforms-container-full input[type="email"],
.testi_quote_form div.wpforms-container-full input[type="tel"],
.testi_quote_form div.wpforms-container-full input[type="text"],
.testi_quote_form div.wpforms-container-full select,
.testi_quote_form div.wpforms-container-full textarea
{
	color: #000;
	background: #fff;
	border-radius: 12px;
	border: 0;
	opacity: 1;
}
.reviews_form div.wpforms-container-full input,
.reviews_form div.wpforms-container-full input[type="email"],
.reviews_form div.wpforms-container-full input[type="tel"],
.reviews_form div.wpforms-container-full input[type="text"],
.reviews_form div.wpforms-container-full select,
.reviews_form div.wpforms-container-full textarea,
.reviews_form div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader
{
	color: #000;
	background: #fff;
	border-radius: 12px;
	border: 1px solid #3963B8;
	opacity: 1;
}
.reviews_form div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.selected svg,
.reviews_form div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.hover svg
{
	fill: #3963B8;
}
.review_model .modal-dialog
{
	max-width: 630px;
}
.testi_quote_form div.wpforms-container-full input::placeholder,
.testi_quote_form div.wpforms-container-full input[type="date"]::placeholder, 
.testi_quote_form div.wpforms-container-full input[type="datetime"]::placeholder, 
.testi_quote_form div.wpforms-container-full input[type="email"]::placeholder, 
.testi_quote_form div.wpforms-container-full input[type="number"]::placeholder, 
.testi_quote_form div.wpforms-container-full input[type="tel"]::placeholder, 
.testi_quote_form div.wpforms-container-full input[type="text"]::placeholder, 
.testi_quote_form div.wpforms-container-full input[type="time"]::placeholder, 
.testi_quote_form div.wpforms-container-full input[type="url"]::placeholder, 
.testi_quote_form div.wpforms-container-full select::placeholder, 
.testi_quote_form div.wpforms-container-full textarea::placeholder,
.reviews_form div.wpforms-container-full input::placeholder,
.reviews_form div.wpforms-container-full input[type="date"]::placeholder, 
.reviews_form div.wpforms-container-full input[type="datetime"]::placeholder, 
.reviews_form div.wpforms-container-full input[type="email"]::placeholder, 
.reviews_form div.wpforms-container-full input[type="number"]::placeholder, 
.reviews_form div.wpforms-container-full input[type="tel"]::placeholder, 
.reviews_form div.wpforms-container-full input[type="text"]::placeholder, 
.reviews_form div.wpforms-container-full input[type="time"]::placeholder, 
.reviews_form div.wpforms-container-full input[type="url"]::placeholder, 
.reviews_form div.wpforms-container-full select::placeholder, 
.reviews_form div.wpforms-container-full textarea::placeholder
{
	color: #000 !important;
	opacity: 0.5 !important;
}
.testi_quote_form .wpforms-container .wpforms-field,
.reviews_form .wpforms-container .wpforms-field
{
	padding: 8px 0 !important;
}
.testi_quote_form #wpforms-2754-field_14-container,
.reviews_form #wpforms-2754-field_14-container
{
	padding: 0px 0 !important;
}
.testi_quote_form .wpforms-submit-container,
.reviews_form .wpforms-submit-container
{
	text-align: end;
}
.testi_quote_form div.wpforms-container-full button[type="submit"], .testi_quote_form div.wpforms-container-full button[type="submit"]:hover,
.reviews_form div.wpforms-container-full button[type="submit"], .reviews_form div.wpforms-container-full button[type="submit"]:hover
{
   color: #fff !important;
   background: #1252a1 !important;
   border: 2px solid #fff !important;
   border-radius: 55px !important;
   text-transform: uppercase;
   font-size: 17px !important;
   font-weight: 400 !important;
   font-family: 'Open Sans', sans-serif !important;
   padding: 10px 20px !important;
   padding-right: 60px !important;
   height: auto !important;
   position: relative !important;
   /* box-shadow: 0 0px 5px 1px #a8a8a8 !important; */
   text-align: center;
}
.testi_quote_form div.wpforms-container-full .wpforms-form button[type="submit"]::before,
.reviews_form div.wpforms-container-full .wpforms-form button[type="submit"]::before
{
  content: '\f101';
  font-family: 'Font Awesome 6 Pro';
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 9px;
  right: 35px;
}
.testi_quote_form div.wpforms-container-full button[type="submit"]:hover,
.reviews_form div.wpforms-container-full button[type="submit"]:hover
{
   color: #1252a1 !important;
   background: #fff !important;
   border: 2px solid #1252a1 !important;
}
.testi_quote_form div.wpforms-container-full button[type="submit"]:hover::before,
.reviews_form div.wpforms-container-full button[type="submit"]:hover::before
{
   color: #1252a1 !important;
}




/* ........... Booking .......... */
.booking_pg
{
	background: url(images/booking-bg.webp) no-repeat left center/cover;
}
#custom-calendar {
	height: 100%;
}
.pika-single 
{
	padding: 30px 40px 30px 27px;
	background-color: #f8f8f8;
	z-index: 9;
	border-radius: 18px;
	border: 1px solid #446bbb;
	height: 100%;
}
.pika-lendar 
{
	width: 100%;
	height: 100%;
	text-align: center;
}
.pika-button {
	padding: 21px;
	color: #666;
	background: #fff;
	text-align: center;
	font-size: 18px;
}
.is-selected .pika-button, .pika-button:hover{
	background: #3963B8;
	color: #fff !important;
}
.is-today .pika-button {
	color: #3963B8;
}
.pika-label {
	font-weight: bold;
	background-color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	padding: 10px 5px;
	margin-top: -7px;
}
.pika-table {
	background-color: #fff;
	height: 84%;
}
.pika-title {
	margin: 10px 0;
	display: inline-block;
}
.pika-table abbr {
	font-size: 16px;
	font-weight: 400;
}
.pika-prev, .pika-next {
	opacity: 1;
}
.booking_form {
	padding: 30px;
	background: #f2f2f2;
	border-radius: 18px;
	border: 1px solid #446bbb;
}
.booking_form h2{
	text-transform: uppercase;
	font-size: 38px;
	font-weight: 700;
}
.booking_form div.wpforms-container-full input,
.booking_form div.wpforms-container-full input[type="email"],
.booking_form div.wpforms-container-full input[type="tel"],
.booking_form div.wpforms-container-full input[type="text"],
.booking_form div.wpforms-container-full select,
.booking_form div.wpforms-container-full textarea
{
	color: #000;
	border-radius: 12px;
	opacity: 1;
}
.booking_form div.wpforms-container-full input,
.booking_form div.wpforms-container-full input[type="date"]::placeholder, 
.booking_form div.wpforms-container-full input[type="datetime"]::placeholder, 
.booking_form div.wpforms-container-full input[type="email"]::placeholder, 
.booking_form div.wpforms-container-full input[type="number"]::placeholder, 
.booking_form div.wpforms-container-full input[type="tel"]::placeholder, 
.booking_form div.wpforms-container-full input[type="text"]::placeholder, 
.booking_form div.wpforms-container-full input[type="time"]::placeholder, 
.booking_form div.wpforms-container-full input[type="url"]::placeholder, 
.booking_form div.wpforms-container-full select::placeholder, 
.booking_form div.wpforms-container-full textarea::placeholder,
.booking_form div.wpforms-container-full option
{
	color: #000 !important;
	opacity: 1 !important;
}
.booking_form .wpforms-container .wpforms-field
{
	padding: 8px 0 !important;
}
.booking_form #wpforms-2754-field_14-container
{
	padding: 0px 0 !important;
}
.booking_form .wpforms-submit-container
{
	text-align: end;
}
.booking_form div.wpforms-container-full button[type="submit"], .booking_form div.wpforms-container-full button[type="submit"]:hover
{
   color: #fff !important;
   background: #1252a1 !important;
   border: 2px solid #fff !important;
   border-radius: 55px !important;
   text-transform: uppercase;
   font-size: 17px !important;
   font-weight: 400 !important;
   font-family: 'Open Sans', sans-serif !important;
   padding: 10px 20px !important;
   padding-right: 60px !important;
   height: auto !important;
   position: relative !important;
   /* box-shadow: 0 0px 5px 1px #a8a8a8 !important; */
   text-align: center;
}
.booking_form div.wpforms-container-full .wpforms-form button[type="submit"]::before
{
  content: '\f101';
  font-family: 'Font Awesome 6 Pro';
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 9px;
  right: 35px;
}
.booking_form div.wpforms-container-full button[type="submit"]:hover
{
   color: #1252a1 !important;
   background: #fff !important;
   border: 2px solid #1252a1 !important;
}
.booking_form div.wpforms-container-full button[type="submit"]:hover::before
{
   color: #1252a1 !important;
}




/* ......... Error ............ */
.error_pg
{
	background: url(images/error-bg.webp) no-repeat center center/cover;
	padding:40px 0;
	text-align: center;
}
.error_pg img
{
	max-width: 800px;
	width: 100%;
	height: auto;
}
.error_pg h3
{
	margin: 10px 0 40px 0;
	font-weight: bold;
	font-size: 24px;
}




/* ......... Thank You .......... */
.thanku_pg
{
	padding: 90px 0;
}
.thanku_pg h3 
{
	color: #fff;
	text-shadow: 1px 2px 1px #000;
}




/* .......... Footer .............. */
footer
{
	background: url(images/footer-top-bg.webp) no-repeat center top/cover;
}
footer .footer_top {
	padding-bottom: 30px;
}
footer h2
{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}
.footer_top ul
{
	padding: 12px 0 0 0;
	margin-bottom: 12px;
}
.footer_top ul li
{
	padding: 6px 0;
}
.footer_top ul li a
{
	color: #fff;
	font-weight: 500;
}
.footer_top .social
{
	display: flex;
	align-items: center;
}
.footer_top .social a i
{
	color: #fff;
	font-size: 20px;
	margin-right: 10px;
}
.footer_top .social img
{
	width: 18px;
	height: auto;
	filter: brightness(0) invert(1);
}
.footer_area {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 0 20px;
	padding-left: 70px;
}
.footer_area ul li {
	display: inline-block;
	margin: 0;
}
.footer_service {
	padding-left: 70px;
}
#menu-footer-menu {
	display: flex;
	justify-content: space-evenly;
	flex-direction: row;
	border-radius: 55px;
	padding: 5px 0;
	background: #1252a1;
	border: 1px solid #85bcff;
}
#menu-footer-menu .nav-link {
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 500;
	padding: 5px 50px 5px 0px;
	border-right: 1px solid #fff;
}
#menu-footer-menu #menu-item-154 .nav-link{
	border-right: 0px solid #fff !important;
	padding-right: 0;
}
.footer_btm {
	background: #0b3e7acc;
	padding: 40px 0 15px 0;
	border-top: 1px solid #85bcff99;
	margin-top: -25px;
	color: #fff;
}
.footer_btm .pcards{
	font-size: 24px;
}
/*................. service areas v2 css.....................*/
.trans_bg {
	background: transparent;
	margin-top: -30px;
}
.pdbtm-100 {
	padding-bottom: 100px;
}
.service_area_title_content {
	margin-bottom: 30px;
	/*text-align: center;*/
}
.area_service_item {
	margin-bottom: 30px;
	text-align: center;
}
.area_cat_service_icon {
	width: 150px;
	height: 150px;
	text-align: center;
	border-radius: 50%;
	border: 2px solid #fff;
	overflow: hidden;
	padding: 10px;
	box-shadow: 0 0 14px #e8e8e8;
	margin: 0 auto;
	margin-bottom: 30px;
}
.area_cat_service_icon img {
	max-width: 100%;
}
.area_service_item h2 {
	font-size: 22px;
	text-align: center;
}
.area_service_item h2 a {
	color: #313131;
}
/*... area service cate....*/
.service_sub_item {
	margin-bottom: 30px;
}
.area_sub_service_thumb {
	max-height: 250px;
	overflow: hidden;
	margin-bottom: 15px;
}
.single_srv_details {
	padding: 30px;
}
.single_srv_details h1 {
	margin-bottom: 30px;
}
.single_srv_details ul {
	margin: 0px;
	padding: 0px;
	margin-bottom: 30px;
}
.single_srv_details ul li {
	position: relative;
	padding-left: 15px;
}
.single_srv_details ul li::before {
	content: '\f105';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 0;
}
.area_detail_pg .srvar_right {
	margin-left: 30px;
	padding: 0px;
	overflow: hidden;
}
.area_child_services .service_item {
	min-height: 100px;
}
.area_child_services .service_item h2 {
	font-size: 22px;
}
.service_area_title_content ul li {
	/*display: inline;*/
	position: relative;
	padding-left: 15px;
	margin:0 15px;
	margin-bottom: 10px;
}
.service_area_title_content ul li::before {
	content: '\f105';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 0;
}
/*................. service areas v2 css.....................*/

/* ................. Responsive ............... */
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.header_btm .menu_icon .btn.btn-primary {margin-left: 65px;}

	/* Home Page */
	.tf_exp {left: 0px;}
	.tf_exp h3 {font-size: 20px !important;}
	.tf_exp h2 {font-size: 38px;}

	/* Service Page */
	.service_item h2 {font-size: 22px;}

	/* Pool Systems Page */
	.poolsystems_pg .srv_description{display: none;}
	.poolsystems_pg .srv_title h2{font-size: 22px;margin-bottom: 20px;}
	.pool_systems_srv .srv_icon {height: 60px;width: 60px;left: 32%;bottom: 29px;}
	.poolsystems_strip_banner h2 {font-size: 30px;}
	.poolsystems_strip_banner h3 {font-size: 27px;}

	/* Chemistry Tips */
	.chemistry_tabs h2, .chemistry_tabs p {margin-bottom: 3px;}

	/* Single Services */
	.single_service .srv_content h1 {font-size: 28px;}
	.single_service .srv_content h2 {font-size: 22px;}

	/* Service Areas */
	.srv_area_list{margin-bottom: 020px;}
	.srv_area_list h2 a, .map-tab-trigger.active::before {font-size: 18px;}

	/* Service details, Child Service Detail */
	.area_detail_pg .srv_area_quote h2, .area_detail_pg .srv_area_quote h3 {font-size: 20px;}

	/* Blog Page */
	#blog_scroll {margin-top: 30px;}

	/* Strip Banner */
	.strip_banner h3 {font-size: 23px;}
	.strip_banner h2 {font-size: 32px;}
}


@media only screen and (min-width: 992px) and (max-width: 1024px){
/* Home Page */
.aboutus_sec h6 {font-size: 22px;}
.aboutus_sec h1 {font-size: 26px;}
.aboutus_sec h3 {font-size: 30px;}
.aboutus_sec .child_service h2 a, .aboutus_sec .child_service h2 {font-size: 19px;;}
.absec_btm .ph a {font-size: 22px;}
.absec_btm .ph a i {font-size: 28px;}
.cta a {padding: 6px 15px;}
.service_sec h2 {font-size: 26px;}
.service_sec #home_service .owl-nav button.owl-prev::after,
.service_sec #home_service .owl-nav button.owl-next:after {padding: 6px 8px;}
.service_sec #home_service .item .srv_title h2 a, 
.service_sec #home_service .item .srv_title h2 {font-size: 18px;}
.srv_icon {bottom: 55px;}
.service_sec .row{align-items: flex-start !important;}
.award_left h2 {font-size: 24px;}
.award_left h5 {font-size: 18px;}
.award_right h5 {font-size: 22px;}
.award_right h2 {font-size: 27px;}
.award_right {margin-top: 110px;}
.award_middle h2 {font-size: 24px;font-weight: 400;}
.service_plan_sec h2 {font-size: 24px;}
.service_plan_sec h3 {font-size: 20px;}
.service_plan_sec .planDetails {font-size: 16px;}
.service_plan_sec #home_srvplan .price_content span {font-size: 18px;}
.service_plan_sec #home_srvplan .planPrice .cta img {max-width: 127px;}
.service_plan_sec #home_srvplan .planPrice .cta a {padding: 6px 8px;}
.appoint_form #wpforms-submit-2996 {right: 4px;bottom: 26px;}

 /* About Us Page */
 .twenty_exp h3 {font-size: 22px;}
 .twenty_exp h2 {font-size: 42px;}
 .twenty_exp h4 {font-size: 20px;}

/* Pool Tiles & Services Page */
.poolservices_pg .strip_banner {margin-top: 54px;}

/* Faq Page */
.faq_btm h2 {font-size: 32px;}
.faq_btm h3 {font-size: 22px;}

/* Footer */
.footer_area {padding-left: 35px;}
.footer_service {padding-left: 10px;}
#menu-footer-menu .nav-link {padding: 5px 28px 5px 0px;}
}

@media only screen and (min-width: 1025px) and (max-width: 1199px){
	/* Home Page */
.aboutus_sec h6 {font-size: 22px;}
.aboutus_sec h1 {font-size: 26px;}
.aboutus_sec h3 {font-size: 30px;}
.aboutus_sec .child_service h2 a, .aboutus_sec .child_service h2 {font-size: 19px;;}
.absec_btm .ph a {font-size: 22px;}
.absec_btm .ph a i {font-size: 28px;}
.cta a {padding: 6px 15px;}
.service_sec h2 {font-size: 26px;}
.service_sec #home_service .owl-nav button.owl-prev::after,
.service_sec #home_service .owl-nav button.owl-next:after {padding: 6px 8px;}
.service_sec #home_service .item .srv_title h2 a, 
.service_sec #home_service .item .srv_title h2 {font-size: 18px;}
.srv_icon {bottom: 55px;}
.service_sec .row{align-items: flex-start !important;}
.award_left h2 {font-size: 24px;}
.award_left h5 {font-size: 18px;}
.award_right h5 {font-size: 22px;}
.award_right h2 {font-size: 27px;}
.award_right {margin-top: 120px;}
.award_middle h2 {font-size: 28px;font-weight: 400;}
.service_plan_sec h2 {font-size: 24px;}
.service_plan_sec h3 {font-size: 20px;}
.service_plan_sec .planDetails {font-size: 16px;}
.service_plan_sec #home_srvplan .price_content span {font-size: 18px;}
.service_plan_sec #home_srvplan .planPrice .cta img {max-width: 127px;}
.service_plan_sec #home_srvplan .planPrice .cta a {padding: 6px 8px;}
.appoint_form #wpforms-submit-2996 {right: 4px;bottom: 26px;}

 /* About Us Page */
 .twenty_exp h3 {font-size: 22px;}
 .twenty_exp h2 {font-size: 42px;}
 .twenty_exp h4 {font-size: 20px;}

/* Pool Tiles & Services Page */
.poolservices_pg .strip_banner {margin-top: 90px;}

/* Faq Page */
.faq_btm h2 {font-size: 32px;}
.faq_btm h3 {font-size: 22px;}

/* Footer */
.footer_area {padding-left: 35px;}
.footer_service {padding-left: 10px;}
#menu-footer-menu .nav-link {padding: 5px 28px 5px 0px;}
}


@media only screen and (min-width: 1200px) and (max-width: 1399px){
	/* Home Page */
	.appoint_form #wpforms-submit-2996 {right: 0px;bottom: 27px;}
	.aboutus_sec .child_service h2 {font-size: 20px;margin-left: 10px;margin-top: 5px;}
	.aboutus_sec .child_service h2 a{font-size: 20px;}
	.absec_btm .ph a {font-size: 29px;}
	.tf_exp {left: 40px;}
	.service_sec h2 {font-size: 32px;}
	.service_sec #home_service .owl-nav {bottom: 58px;}
	.award_left h2 {font-size: 30px;}
	.award_left h5 {font-size: 22px;}
	.award_right h2 {font-size: 32px;}
	.award_right h5 {font-size: 25px;}
	.service_plan_sec h2 {font-size: 28px;}
	.service_plan_sec #home_srvplan .planPrice .cta img {max-width: 177px;}
	.service_plan_sec #home_srvplan .price_content span {font-size: 20px;}
	.service_plan_sec #home_srvplan .planPrice .cta a {padding: 5px 15px;}

	/* About Us */
	.twenty_exp h3 {font-size: 18px;}
	.twenty_exp h2 {font-size: 55px;}
	.twenty_exp h4 {font-size: 22px;}

	/* Service Page */
	.service_item h2 {font-size: 28px;}

	/* Pool Systems Page */
	.poolsystems_strip_banner h2 {font-size: 36px;}
	.pool_systems_srvc {padding: 0 0px;}
	.pool_systems_srvc  h2 {font-size: 24px;}
	.pool_systems_srv .srv_icon {height: 70px;width: 70px;left: 30%;bottom: 45px;}
	.pool_systems_srv .blue_cta {margin-bottom: 10px;}

	/* Single Service */
	.single_service .srv_content h1 {font-size: 34px;}
	.strip_banner h2 {font-size: 38px;}
	.strip_banner h3 {font-size: 28px;}

	/* Footer */
	.footer_service {padding-left: 40px;}
	.footer_area {padding-left: 60px;	}
	#menu-footer-menu .nav-link {padding: 5px 38px 5px 0px;}
}


@media only screen and (min-width: 1400px) and (max-width: 1875px){
	/* Header */
	.header_btm .h_book a {padding: 8px 3px;font-size: 15px;}
	.menu_icon {display: none !important;}

	/* Home Page */
	.service_sec h2 {font-size: 36px;}
	.service_sec #home_service .item .srv_title h2 a, 
	.service_sec #home_service .item .srv_title h2 {font-size: 18px;}
	.service_sec #home_service .owl-nav button.owl-prev::after, 
	.service_sec #home_service .owl-nav button.owl-next::after  {font-size: 18px;padding: 8px 10px;}
	.service_sec #home_service .owl-nav {bottom: 32px;}

	/* About Page */
	.twenty_exp h2 {font-size: 60px;}

	/* Pool Systems Page */
	.pool_systems_srv .srv_icon {left: 32%;bottom: 50px;}

	/* Single Service */
	.single_service .srv_content h1 {font-size: 40px;}
	
	/* Footer */
	.footer_service {padding-left: 45px;}
}
@media only screen and (min-width: 1675px) {
  #srv_carousel .item {height: 200px;}

  	/* Grandchild Details Service Area */
	.grandchild_single_pg .service_content .element-content.collapsed {max-height: 300px;}
}