@charset "UTF-8";
/*
Theme Name: Montegopools
Theme URI: 
Author: the Montegopools team
Author URI:
Description: 
Tested up to: 6.9
Requires PHP: 5.6
Version: 2.7
*/

*, ::after, ::before {
box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {margin: 0;	padding: 0;}
h2,h3,h4{font-family: Oswald,"Oswald Fallback";width: 100%;display: block;font-weight: 400;}
h2 ,h3{font-size: 36px;font-family: Oswald,"Oswald Fallback";color: #333;}
p {margin: 0 0 10px 0;padding: 0;}
img { max-width: 100%;}
.site_container {max-width: 960px;margin: 0px auto;position: relative;}
head {  background: #eee;}
body {background: #fff;font-size: 16px;color: #333;font-family: Roboto,"Roboto Fallback";font-weight: 300;font-style: normal;margin: 0;}
section{padding:80px 40px;}
.bg-gray{background: #f3f4f6;box-shadow: rgba(0,0,0,0.25) 0 0 11px 0; -moz-box-shadow: rgba(0,0,0,0.25) 0 0 11px 0; -webkit-box-shadow: rgba(0,0,0,0.25) 0 0 11px 0;}
.dflex{display:flex;}
.cta{background-color: rgba(136,209,251,1); text-decoration: none; margin: 10px 0; clear: both; position: relative; text-align: center; line-height: 22px; cursor: pointer; box-shadow: none;
background-image: none; padding: 0; height: auto; transition: background-color .2s ease,border-color .2s ease; color: #f7f7f7; font-family: Oswald;font-weight: 400;padding: 11px 49px;float: left;}
@font-face {
font-family: "Merriweather";
src: url("assets/fonts/u-4c0qyriQwlOrhSvowK_l5-eTxCVx0ZbwLvKH2Gk9hLmp0v5yA-xXPqCzLvF-udrA.woff2") format("woff2");
font-style: italic;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Oswald";
src: url("assets/fonts/TK3iWkUHHAIjg752GT8G.woff2") format("woff2");
font-style: normal;
font-weight: 200 700;
font-display: swap;
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto";
src: url("assets/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2");
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto";
src: url("assets/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2");
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto";
src: url("assets/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2");
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto";
src: url("assets/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2");
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
scroll-behavior: smooth;
}

/* Header Css Starts */
#masthead {
position: fixed;
z-index: 101;
width: 100%;
display: block;
box-shadow: rgba(0,0,0,.25) 0 3px 11px 0;
-moz-box-shadow: rgba(0,0,0,.25) 0 3px 11px 0;
-webkit-box-shadow: rgba(0,0,0,.25) 0 3px 11px 0;
transition: height .2s ease,background-color .2s ease,padding .2s ease,width .2s ease,margin .2s ease,top .2s ease,transform .2s ease;
}
.topbar {
position: relative;
padding: 9.5px 50px;
background-color: #9dd9fc;
transition: height .2s ease,background-color .2s ease,padding .2s ease,width .2s ease,margin .2s ease,top .2s ease,transform .2s ease;
}
.topbar_wrap {
max-width: 1820px;
display: flex;
margin: 0px auto;
}
.topbar_phone {
position: relative;
width: 50%;
padding-right: 1.5%;
margin-top: 6px;
color: rgb(255, 255, 255);
font-size: 13px;
font-weight: 500;
}
.topbar_phone a {
text-decoration: none;
color: rgb(255, 255, 255);
font-size: 13px;
font-weight: 500;
}
.topbar_social {
position: relative;
width: 50%;
padding-left: 1.5%;
text-align: right;
}
.topbar_social a {
margin-right: 4px;
position: relative;
display: inline-block;
}
.topbar_social a i {
font-size: 12px;
line-height: 16px;
border-radius: 50%;
text-align: center;
width: 24px;
height: 24px;
background-color: rgba(255,255,255,.25);
color: #fff;
padding: 4px;
}
.menulogobar {
transition: height .2s ease,background-color .2s ease,padding .2s ease,width .2s ease,margin .2s ease,top .2s ease,transform .2s ease;
padding-right: 40px;
padding-left: 40px;
padding-top: 15px;
padding-bottom: 15px;
background: #fff;
}
.menulogobar_wrap {
display: flex;
max-width: 1820px;
margin: 0px auto;
}
.logo {
transition: height .2s ease,background-color .2s ease,padding .2s ease,width .2s ease,margin .2s ease,top .2s ease,transform .2s ease;
display: block;
width: 25%;
padding-right: 1.5%;
}
.logo img{
width: 47%;
margin-left: 0px;
transition: height .2s ease,background-color .2s ease,padding .2s ease,width .2s ease,margin .2s ease,top .2s ease,transform .2s ease;
}
.menuwrap {
position: relative;
width: 75%;
padding-left: 1.5%;
justify-content: flex-end;
display: flex;
}
.menu-button-container {
display: none;
}
#masthead.headersticky .topbar {
display: none;
}
#masthead.headersticky .logo img {
width: 42%;
transition: height .2s ease,background-color .2s ease,padding .2s ease,width .2s ease,margin .2s ease,top .2s ease,transform .2s ease;
}
#masthead.headersticky #primary-menu-list {
margin: 22px 0 0 0;
}
.logo a {
transition: height .2s ease,background-color .2s ease,padding .2s ease,width .2s ease,margin .2s ease,top .2s ease,transform .2s ease; 
}
#primary-menu-list {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 30px 0 0 0;
list-style: none;
}
#primary-menu-list li {
padding: 0 15px;
position: relative;
}
#primary-menu-list a {
font-size: 15px;
color: #333;
font-weight: 400;
font-family: Roboto;
text-decoration: none;
position: relative;
letter-spacing: .03em;
}
#primary-menu-list > li > a:after{
content: '';
width: 100%;
height: 0;
border: 0 solid transparent;
border-top-width: 0px;
border-top-color: transparent;
border-top-color: #88d1fb;
display: block;
transition: transform .2s ease-out,opacity .2s ease-out;
margin-top: .2em;
transform: scaleX(0);
opacity: 0;
border-top-width: 2px;
}
#primary-menu-list li a:hover:after, #primary-menu-list li.current-menu-item a:after, #primary-menu-list li.current_page_ancestor a:after
{
transform: scaleX(1);
border-top-color: #88d1fb;	
opacity: 1;
border-top-width: 2px;
transform-origin: left;
}
.primary-menu-container .sub-menu-toggle::before {
content: "\f107";
font-family: FontAwesome;
right: -4px;
position: relative;
top: -2px;
transition: transform .25s ease;
font-size: 11px;
color: #333;
padding: 0 2px 0 5px;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
display: flex;
padding: 0;
justify-content: center;
align-items: center;
background: transparent;
color: currentColor;
border: none;
transition: transform .25s ease;
width: auto;
margin-left: 0px;
position: relative;
}
.primary-navigation .primary-menu-container > ul > .menu-item {
display: flex;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle span {
display: none;
}
.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul, .footer-navigation > .footer-navigation-wrapper > li .sub-menu-toggle[aria-expanded="false"] ~ ul {
display: none;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu {
left: 15px;
right: auto;
margin: 0;
min-width: max-content;
position: absolute;
top: 100%;
padding-top: 3px;
z-index: 88888;
transition: transform .4s ease-out,opacity .1s ease-out;
background-color: rgba(255,255,255,.8);
padding: 0;
list-style: none;
}
.primary-navigation li:hover .sub-menu-toggle:before {
transform: rotate(180deg);
}
.primary-navigation .sub-menu .menu-item > a {
display: block;
font-size: 14px !important;
padding: 15px 30px 15px 15px;
margin: 0;
}
#primary-menu-list .sub-menu li.menu-item {
padding: 0px;
position: relative;
}
#primary-menu-list li .sub-menu a:after {
display: none;
}
#primary-menu-list li .sub-menu a:hover, #primary-menu-list li .sub-menu li.current-menu-item a {
color: #3f5fa6;
}
#primary-menu-list .sub-menu .sub-menu li a
{
font-style: 14px;
}
#primary-menu-list .sub-menu .sub-menu li.menu-item {
width: 185px;
}
#primary-menu-list .sub-menu .sub-menu {
position: absolute;
left: 100%;
top: 0;
background-color: rgba(255,255,255,.8);
list-style: none;
padding: 0;
display: none;
}
#primary-menu-list li .sub-menu li.menu-item-has-children a::after {
content: "\f105";
font-family: FontAwesome;
position: relative;
top: -2px;

display: inline-block;
width: 5px;
margin-left: 10px;

font-size: 11px;
color: #333;

transform: rotate(0deg);
transform-origin: center center;

transition: transform 0.3s ease-out, color 0.3s ease-out;
}

#primary-menu-list li .sub-menu .sub-menu li a::after {
display: none;
}

#primary-menu-list li .sub-menu li:hover a::after {
transform: rotate(180deg);
color: #3f5fa6;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu#sub-menu-5 {
left: -20px;
right: 0;
}

#primary-menu-list li .sub-menu li:hover > .sub-menu
{
display: block;
}
#primary-menu-list .sub-menu:hover > .sub-menu
{
display: block;
}
/* Header Css Ends */

/* Default Page Css Starts */
.inner_banner {
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding: 130px 40px;
text-align: center;
background-position: 50% 50%;
}
.inner_banner::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
border-radius: inherit;
background-color: rgba(0,0,0,1);
opacity: 0.4;
}
.inner_banner h1 {
color: rgb(255, 255, 255);
font-weight: 400;
font-size: 36px;
font-family: Oswald,"Oswald Fallback";
text-transform: uppercase;
margin: 10px 0;
}
.inner_banner p {
font-size: 20px;
color: #88d1fb;
font-family: Merriweather,"Merriweather Fallback";
font-style: italic;
font-weight: 400;
margin: 10px 0;
}
.innerpage_wrap {
position: relative;
margin: 50px 0;
}
.innerpage_title {
font-weight: 400;
text-align: center;
}
.inner_content {
margin-top: 30px;
}
.page-id-40 .inner_content, body.error404 .inner_content p {
text-align: center;
}
.hrwrap {
position: relative;
width: 48px;
margin: 0px auto;
padding-top: 10px;
}
hr {
color: rgba(136,209,251,1);
background: none;
border: none;
border-bottom: 3px solid rgb(136, 209, 251);
}
/* Default Page Css Ends */

/* Footer Css Starts */
#colophon {
position: relative;
}
.footercta {
background-color: #88d1fb;
box-shadow: rgba(0,0,0,.25) 0 -3px 11px 0;
-moz-box-shadow: rgba(0,0,0,.25) 0 -3px 11px 0;
-webkit-box-shadow: rgba(0,0,0,.25) 0 -3px 11px 0;
position: relative;
padding: 30px 0;
}
.footercta .site_container
{
display: flex;
align-items: center;
}
.footerctatext {
position: relative;
width: 58.33333%;
padding-right: 1.5%;
}
.footerctatext h2 {
color: rgb(255, 255, 255);
font-size: 28px;
font-weight: 400;
}
.footercta_call {
position: relative;
width: 25%;
padding-left: .75%;
padding-right: .75%;
}
.footercta_calltext {
font-size: 14px;
color: rgb(255, 255, 255);
}
.footercta_calltext a {
color: rgb(255, 255, 255);
text-decoration: none;
font-family: Roboto,"Roboto Fallback";
font-weight: bold;
font-size: 24px;
}
.footercta_callurl a {
font-size: 22px;
font-weight: 700;
text-decoration: none;
color: #fff;
}
.footercta_gettouch {
position: relative;
width: 16.66667%;
text-align: center;
}
.footercta_gettouch a {
text-decoration: none;
color: #fff;
border: 2px solid #fff;
border-radius: 2px;
padding: 13px 39px;
font-size: 15px;
font-family: Oswald,"Oswald Fallback";
font-weight: 400;
transition: background-color .2s ease,border-color .2s ease;
}
.footercta_gettouch a:hover {
color: rgba(136,209,251,.82);
background: #fff;
}
.footerwidgets {
box-shadow: rgba(0,0,0,.25) 0 -3px 11px 0;
-moz-box-shadow: rgba(0,0,0,.25) 0 -3px 11px 0;
-webkit-box-shadow: rgba(0,0,0,.25) 0 -3px 11px 0;
background-color: #3f5fa6;
position: relative;
padding-top: 85px;
color: #fff;
}
.footerwidgets .footerwidgets_wrap {
display: flex;
}
.footerwidget1 {
position: relative;
width: 50%;
padding-right: 1.5%;
}
.footerwidget2 {
position: relative;
width: 25%;
padding-right: 14px;
}
.footerwidget3 {
position: relative;
width: 25%;
}
.footerwidgets h4 {
font-weight: 400;
font-family: Oswald, 'Oswald Fallback';
padding-bottom: 10px;
}
.footerwidget1 p {
max-width: 409px;
}
.footer_social a {
margin-right: 4px;
position: relative;
display: inline-block;
}
.footer_social a i {
font-size: 12px;
line-height: 16px;
border-radius: 50%;
text-align: center;
width: 24px;
height: 24px;
background-color: rgba(255,255,255,.25);
color: #fff;
padding: 4px;
}
.footer_social {
margin: 30px 0;
}
.site_address {
font-weight: 400;
font-family: Roboto,"Roboto Fallback";
}
.footerwidgets .footerwidgets_wrap .footerwidget2 .site_address {width: 100%;max-width: 150px;}
.footerwidget3 a {
font-weight: 400;
font-family: Roboto,"Roboto Fallback";
text-decoration: none;
color: #fff;
}
.footerphone {
padding-bottom: 5px;
}
.footerpentairlogo a {
display: inline-block;
padding-left: 50%;
}
.footerpentairlogo a img {
max-width: 211px;
}
.footer_copyright {
font-weight: 400;
font-size: 13px;
padding: 20px 0;
margin-top: 70px;
}
.site-info {
display: none;
}
/* Footer Css Ends */

/* Sitemap Page Css Starts */
h3.post-type {
font-size: 23px;
font-family: Oswald,"Oswald Fallback";
color: #333;
font-weight: 400;
margin-bottom: 20px;
padding-top: 40px;
}
.sitemap-item.page_item {
line-height: 35px;
}
.sitemap-item.page_item a {
color: #333;
text-decoration: none;
}
.sitemap-item.page_item a:hover {
color: #000;
}
/* Sitemap Page Css Ends */
/*  */
.homeHero {position: relative;background-color: rgb(33, 37, 39);padding:0;}
.homeHero .item {height: 816px;}
.homeHero .item img{height:100%;object-fit:cover;	object-position: 50% 50%;opacity: .5;}
.homeHero .cptionBox {position: absolute;top: 30%;left: 0;right: 0;margin: 0 auto;z-index:2;color: #fff;text-align: center;padding:0 30px;}
.homeHero h2 {color: rgb(136, 209, 251);font-family: Merriweather,"Merriweather Fallback";font-style: italic;text-decoration: none;font-weight: 400;font-size: 20px;}
.homeHero h1 {font-size: 85px;font-family: Oswald,"Oswald Fallback";font-weight: 400;width: 100%;max-width: 700px;margin: 50px auto;}
.projectP.home .cpbox p {margin: 0;font-size: 14px;color: #949494;}
/*  */

/*  */
.bggray {background: #f3f4f6;}
.serv-form.home {padding: 50px 30px;background: #fff;margin: -100px 40px 0;position: relative;z-index: 1;}
.serv-form.home form .dflex .formGroup input,
.serv-form.home form .dflex .formGroup select {	border: 1px solid #d4d4d4;}
.serv-form.home form .formGroup.btn .cta{margin:0;}
/*  */
/*  */
.projectP.home {padding: 100px 52px;}
.projectP.home h3 {text-align: center;}
.projectP.home .projectBox {margin: 52px 0 0;}
.projectP.home #lightgallery .prjWrpp .wrapper a {line-height: normal;text-decoration:none;}
.projectP.home #lightgallery figure{margin:0;line-height:0;overflow: hidden;height: 308px;}
.projectP.home .cpbox {padding: 15px;text-align: center;}
.projectP.home .cpbox h4 {font-size: 18px;font-weight: 400;color: #333;font-family: Oswald;}
.projectP.home .projectBox aside {text-align: center;width: 100%;margin: 80px 0px 0;}
.projectP.home .projectBox aside a{float:none;}
/*  */
/*  */
.home-trust .rightContet {width: 100%;max-width: 550px;padding: 0 20px 80px 50px;}
.home-trust .rightContet .hrwrap {width: 34px;margin: 0 0 20px;}
.home-trust .rightContet p {margin: 0 0 19px;color: #898989;}
.home-trust .rightContet .cta {font-size: 15px;}
/*  */
.homeCall {width: 100%;height: auto;max-width: none;margin: 0 auto;padding: 163px 40px;background-attachment: fixed;background-size: cover;position:relative;}
.homeCall::before{position:absolute;content:"";background:#333;left:0;top:0;width:100%;height:100%;opacity:.79;}
.homeCall .dflex {justify-content: space-around;position:relative;}
.homeCall .hrwrap {width: 25px;padding-top: 0;}
.homeCall .fourBox h4{font-size: 36px;color: #fff;text-align: center;}
.homeCall .fourBox h3 {font-family: Merriweather,"Merriweather Fallback";font-style: italic;font-weight: 400;color: #88d1fb;font-size: 20px;width: 100%;max-width: 200px;margin: 20px auto 0;text-align: center;}
/*  */
.home.clietsay-heading{position:relative;z-index:1;}
.home.clietsay-heading h3{color:#000;}
.home.clietsay img {top: -14px;opacity: .5;}
.home.clietsay::before{background:#fff;}
.home.clietsay .dflex .clientRe h5 {font-weight: 700;}
.home.clietsay aside {text-align: center;margin: 51px 0 0;}
.home.clietsay aside a {float: none;font-size: 15px;padding: 11px 38px;}




/*about page css  */
.aboutIntro {padding: 80px 30px;}
.aboutIntro .abflex {display: flex;column-gap: 20px;}
.aboutIntro .abflex .abContent h5 {font-size: 16px;color: #696969;font-weight: 400;margin: 8px 0 14px;}
.aboutIntro .abflex .abContent h5:nth-child(3) {margin: 25px 0 12px;}
/*  */

/*  */
.ab-callout {background:#f3f4f6;box-shadow: rgba(0,0,0,0.25) 0 0 11px 0; -moz-box-shadow: rgba(0,0,0,0.25) 0 0 11px 0; -webkit-box-shadow: rgba(0,0,0,0.25) 0 0 11px 0;}
.ab-callout .callOut-flex {display: flex;justify-content: space-between;}
.ab-callout .callWrapp {padding: 0px 10px;}
.ab-callout .callWrapp h5{color: #333;font-weight: 400;margin: 8px 0; padding: 2px 0;font-size: 16px;}
.ab-callout .callWrapp .icon {width: 45px;height: 45px;}
.ab-callout .callWrapp .icon svg{width:100%;color: rgba(51,51,51,1); fill: rgba(51,51,51,1);}
/*  */

/* .servic-pool section */
.servic-pool {scroll-margin: 100px;}
.servic-pool h2 {color: rgba(63,95,166,1);margin: 10px 0;}
.servic-pool .abflex {display: flex;column-gap: 40px;text-decoration: none;margin: 20px 0;padding-bottom: 20px;border-bottom: 1px solid rgba(219,219,219,1);}
.servic-pool .abflex .poolImg {width: 195px;height: 195px;min-width: 195px;min-height: 195px;}
.servic-pool .abflex .poolImg img {width: 100%;height: 100%;object-fit: cover;}
.servic-pool .abflex h3 {font-weight: 400;font-size: 23px;margin: 0 0 20px;color: rgba(51,51,51,1);}
.servic-pool .abflex p {color: #696969;font-size: 15px;margin: 0 0 35px;}
.servic-pool .cta {background-color: rgba(136,209,251,1);text-decoration: none;margin: 10px 0;clear: both;position: relative;text-align: center;line-height: 22px;cursor: pointer;box-shadow: none;background-image: none;
padding: 0;height: auto;transition: background-color .2s ease,border-color .2s ease;color: #f7f7f7;font-family: Oswald;font-weight: 400;padding: 11px 49px;}
/*  */

/* service images with text */
.serImg-withTxt {padding: 0;}
.serImg-withTxt .dflex {height: 538px;}
.serImg-withTxt .lftImg img {width: 100%;height:100%;}
.serImg-withTxt .lftImg,
.rightContet{flex: 0 0 50%;}
.serImg-withTxt .rightContet {padding: 60px 40px;}
.serImg-withTxt .rightContet h3 {max-width: 410px;margin: 20px 0 0;}
.serImg-withTxt h5{font-size: 20px; color: #88d1fb; font-family: Merriweather,"Merriweather Fallback"; font-style: italic; font-weight: 400; margin: 10px 0;}
.serImg-withTxt .hrwrap {position: relative;width: 48px;margin: 0px;padding-top: 10px;}
.serImg-withTxt .rightContet p {max-width: 600px;margin: 30px 0 20px;}
.serImg-withTxt .rightContet .cta {padding: 13px 46px;}
/*  */

/*single services page css  */
.single_ser .dflex {column-gap: 25px;padding: 80px 0;}
.single_ser .contentInfo {	flex: 0 0 57%;}
.single_ser .silder {max-width: 391px;box-shadow: rgba(0,0,0,0.25) 0px 3px 11px 0px;-moz-box-shadow: rgba(0,0,0,0.25) 0px 3px 11px 0px ;-webkit-box-shadow: rgba(0,0,0,0.25) 0px 3px 11px 0px;height: 100%;width: 100%;overflow: hidden;}
.single_ser .silder .item {height: 277px;width: 100%;}
.single_ser .silder img{width:100%;height:100%;object-fit:cover;}
.single_ser h4{color:#3f5fa6;font-weight:500;font-size: 23px; margin: 0 0 8px;}
.single_ser .contentInfo ul {column-count: 2;column-gap: 80px;margin: 30px 0 0;}
.single_ser .contentInfo ul li {line-height: 32px;}
.serv-form h2 {text-align: center;}
.serv-form p {text-align: center;margin: 8px 0;	color: #696969;}
.serv-form form .dflex {justify-content: space-between;column-gap: 35px;}
.serv-form form .dflex .formGroup {width: 100%;margin: 10px 0 0;}
.serv-form form .formGroup label {display: block;font-size: 15px;font-weight: 300; text-align: left;}
.serv-form form .dflex .formGroup input,
.serv-form form .dflex .formGroup select{font-size: 16px;background-color:#fff;border: 2px solid #fff;width: 100%;margin: 3px 0;height: 40px;padding: 0 10px;color: #333;}
.serv-form form  .formGroup textarea{font-size: 16px;background-color:#fff;border: 2px solid #fff;width: 100%;margin: 3px 0;height: 80px;padding: 0 10px;color: #333;}
.serv-form form .dflex .formGroup button {background: transparent;border: none;font-size: 16px;color: #333;font-weight: 300;}
.serv-form form .formGroup.btn {display: flex;justify-content: center;margin: 20px 0 0;}
.serv-form form .formGroup.btn .cta {font-size: 15px;text-transform: uppercase;border: none;font-weight: 400;color: #fff;padding: 13px 119px;}
.wpcf7-form .wpcf7-not-valid-tip {
text-align: left;
font-size: 12px;
}
/*  */

/*  contact page */
/* contact info with map */
.contact-map-withcont {padding: 0;}
.contact-map-withcont .contInfo {padding: 50px 20px;margin-top: 41px;  text-align: center;}
.contact-map-withcont .dflex .map {width: 100%;flex: 0 0 60%;text-align:center;line-height: 0;}
.contact-map-withcont .dflex .map iframe{width:100%;height: 379px;}
.contact-map-withcont .dflex .contInfo {flex: 0 0 40%;}
.contact-map-withcont .dflex .contInfo h4 {color: #88d1fb;font-size: 22px;font-weight: 700;margin: 8px 0;}
.contact-map-withcont .addwrapp {margin: 23px 0 8px;}
.contact-map-withcont .addwrapp div {width: 100%;max-width: 150px;margin: 0px auto;color: #646464;}
.contact-map-withcont p {margin: 16px 0 24px;}
.contact-map-withcont .socialIcon a {color: rgba(207, 207, 207, 1);display: inline-block;font-size:20px;margin: 0 10px;}
/*  */

/* contact banner with conaact form */
.contactpage .dflex .topWrapp .hrwrap {margin: 8px 0 0px;width: 25px;padding: 0;}
.inner_banner.contactpage {background-size: cover;width: 100%;background-position: 50% -47.84px;padding: 100px 40px;background-attachment: fixed;background-repeat: no-repeat;}
.inner_banner.contactpager::before {opacity: 0.33;}
.contactpage .dflex .topWrapp p,
.contactpage h1{text-align: left;}
.contactpage h1 {margin: 20px 0 10px;}
.contactpage .dflex .topWrapp form {margin: 40px 0 0;}
.topWrapp form .formGroup {margin:10px 0 0;padding:0 .9375em; }
.topWrapp form .formGroup input,
.topWrapp form .formGroup textarea{font-size: 16px;background-color:#fff;border: 2px solid #fff;width: 100%;margin: 3px 0;height: 40px;padding: 0 10px;color: #333;}
.topWrapp form .formGroup textarea {width: 100%;height: 80px;}
.contactpage .dflex .topWrapp {flex: 0 0 57%;}
.contactpage .dflex {justify-content: flex-end;}
.topWrapp form .formGroup .cta {width: auto;float: right;background-color: rgba(136,209,251,1);border: none;color: #fff;padding: 14px 79px;font-size: 15px;text-transform: uppercase;line-height: 14px;
height: auto;margin: 10px 0 0;}
.topWrapp form .formGroup .cta:hover{background:rgb(107, 206, 217)}
/*  */


/* project gallery */
.projectP #lightgallery {padding: 0;display: flex;flex-wrap:wrap;justify-content:center;}
.projectP #lightgallery .prjWrpp {flex: 0 0 33%;padding: 12px;position: relative;overflow: hidden;}
.projectP #lightgallery .prjWrpp .wrapper {overflow: hidden;transform: translateZ(0);box-shadow: rgba(0,0,0,.25) 0 3px 11px 0;transition: all .2s ease-out;height:100%;}
.projectP #lightgallery .prjWrpp  a{transition: all .2s ease-out;line-height:0;display:inherit;}
.projectP #lightgallery .prjWrpp .wrapper img {height: 100%;width: 100%;object-fit: cover;transition: transform 0.2s ease;height: 308px;}
.projectP #lightgallery .prjWrpp:hover img{transform: scale(1.06);}
/*  */


/*project content with img  */
.projectP {padding: 100px 40px;}
.serImg-withTxt.projSec .rightContet h3 {width: 300px;}
.serImg-withTxt.projSec .hrwrap {width: 37px;}
.serImg-withTxt.projSec .rightContet p {max-width: 100%;}
/*  */

/* what client say */
.clietsay-heading{padding: 80px 40px 0;}
.clietsay-heading h3{text-align: center;}
.clietsay {position: relative;background:#fff;padding: 50px 20px 100px;}
.clietsay img {position: absolute;top:0px;height: auto;width: 100%;left: 0;object-position: bottom;}
.clietsay::before {position: absolute;content: '';width: 100%;height: 100%;left: 0;bottom: 0;background-color: rgb(255,255,255,.5);}
.clietsay .dflex {text-align: center;}
.clietsay .dflex .clientRe p {padding: 0 20px;color: #6b6868;font-style: italic;}
.clietsay .dflex .clientRe h5{font-weight:500; margin:14px 0 8px;font-size:16px;}
/*  */

/* news page css */
.newsblog .hrwrap {margin: 0;padding: 5px 0 0px;}
.newsblog .newslft .dflex {column-gap: 30px;margin: 0 0 25px;padding: 0 15px 0 0px;}
.newsblog .newslft {flex: 0 0 65%;}
.newsblog .newslft .dflex .imgBox a{width: 250px;min-width: 250px;display:block;height: 168px;}
.newsblog .newslft .dflex .imgBox img{width:100%;height:100%;object-fit:cover;height: 100%;}
.newsblog .newslft .contentBox h4,
.newsblog .asidebar .contentBox h4{margin: 0 0 15px;font-size: 1.2em;font-weight: 400;font-family: Merriweather,"Merriweather Fallback";font-style: italic;}
.newsblog .newslft .contentBox h4 a,
.newsblog .asidebar .contentBox h4 a{color: #88d1fb;text-decoration:none;}
.newsblog .newslft .dflex .contentBox p {line-height: 1.4em;margin: 0 0 15px;}
.newsblog .newslft .dflex .contentBox aside a,
.newsblog .asidebar .contentBox aside a{color: #000;font-weight: 300;text-decoration: none;}
.newsblog .boxWrpp {background: #474747;color: #fff;padding:62px 30px;max-width: 304px;margin: 21px 0 10px;}
.newsblog .boxWrpp .innerWrapp {max-width: 213px;margin: 0px auto;text-align: center;}
.newsblog .boxWrpp h5 {font-size: 28px;font-family: Oswald;}
.newsblog .boxWrpp .innerWrapp p {font-weight: 300;font-family: Roboto,"Roboto Fallback";font-size: 14px;}
.newsblog .boxWrpp .innerWrapp a {background-color: rgba(136, 209, 251, 1);color: #fff;text-decoration: none;font-weight: 400;padding: 9px 26px;display: inline-block;margin: 10px 0 0;font-family: Oswald;}
.newsblog .asidebar {padding-left: 15px;}
.newsblog .asidebar .dflex .imgBox a{width: 121px;height: 112px;display: block;}
.newsblog .asidebar .dflex .imgBox img{width:100%;height:100%;object-fit: cover;}
.newsblog .asidebar .dflex {column-gap: 15px;margin: 0 0 25px;}
.newsblog .asidebar .contentBox h4{margin:0 0 15px;max-width: 150px;}
.newsblog .asidebar .search-form {position: relative;}
.newsblog .asidebar .search-form label {display: none;}
.newsblog .asidebar .search-form input {font-family: Roboto,"Roboto Fallback"; color: #333;height: 32px;background: rgba(243, 244, 246, 1);padding: 0 37px 0 15px;font-size: 14px;border: none;	width: 100%;opacity:1;text-transform: capitalize;}
.newsblog .asidebar .search-form input::placeholder {color: #333;}
.newsblog .asidebar .search-form button {position: absolute;right: 15px;border: none;font-size: 16px;background: transparent;top: 4px;}
/*  */

/*  */
.newsblog-single {padding-top: 120px;}
.newsblog-single .dflex-full h1 {font-weight: 400;text-decoration: none;font-style: normal;font-size: 85px;margin: 0 0 80px;}
.newsblog-single .dflex-full .authorinfo {margin: 8px 0;}
.newsblog-single .dflex-full .singlepost_image {padding: 8px 0 0;}
.newsblog-single .dflex-full .singlepost_image img{width:100%;}
.newsblog-single .dflex-full h2 {margin: 10px 0 8px;padding: 2px 0;}
.newsblog-single .dflex-full .singlepost_content p {margin: 0 0 19px;}
.newsblog-single .custom_share {margin: 40px 0;}
.newsblog-single .custom_share .heateor_sss_sharing_ul {display: flex;align-items: center;column-gap: 5px;}
.newsblog-single .related._posts {display: flex;justify-content: space-between;column-gap: 20px;}
.newsblog-single.related._posts {display: flex;justify-content: space-between;column-gap: 20px;}
.newsblog-single .related._posts .dflex {flex-wrap: wrap;width: 100%;}
.newsblog-single .related._posts .dflex .imgBox{width: 100%;}
.newsblog-single .related._posts .dflex .imgBox a{width: 100%;height: 170px;display: inline-flex;text-decoration: none;}
.newsblog-single .related._posts .dflex .imgBox a img {object-fit: cover;width: 100%;}
.newsblog-single .contentBox {padding: 15px 0;}
.newsblog-single .contentBox p {margin: 15px 0;}
.newsblog-single .contentBox h4 {font-family: Merriweather,"Merriweather Fallback";font-style: italic;font-weight: 400;font-size: 20px;}
.newsblog-single .contentBox h4 a{color: #88d1fb;text-decoration: none;}
.newsblog-single .contentBox aside a {color: #333;text-decoration: none;}

/*  */
/*about page css  */
.whyPage-cont {padding: 80px 30px;}
.whyPage-cont .abflex {display: flex;column-gap: 20px;}
.whyPage-cont .abflex .abContent h5 {font-size: 16px;color: #696969;font-weight: 400;margin: 8px 0 14px;}
.whyPage-cont .abflex .abContent h5:nth-child(3) {margin: 25px 0 12px;}
.whyPage-cont .whyImg {flex: 0 0 42%;}
.whyPage-cont .whyImg figure {text-align: center;width: 280px;margin: 0px auto;}
.whyPage-cont .abContent {flex: 0 0 58%;}
/*  */
/* 3step css start here */
.three-step .dflex {justify-content: space-between;gap: 45px;align-items: center;}
.three-step .left-box .iconBox svg {width: 45px;color: rgb(51, 51, 51);fill: rgb(51, 51, 51);}
.three-step .left-box{text-align: right;}
.three-step .left-box h5 {font-size: 16px;color: #696969;font-weight: 400;margin: 8px 0 14px;}
.three-step .center-box {max-width: 248px;margin: 0px auto;}
.three-step .left-box.right {text-align: left;}
/*  */
.inner_banner.singleList-page {padding: 50px 40px;}
.inner_banner.singleList-page a {color: #fff;text-decoration: none;}
.inner_banner.singleList-page aside{text-align:left;}
.singleList {padding: 80px 40px 50px;}
.singleList .singleLeft {flex: 0 0 70%;}
.singlRight .star svg {height:51px;width: 225px;}
.singleList .book {text-align: right;float: right;}
.singlRight .book a {font-size: 15px;padding: 16px 37px;font-weight: 400;}
.singleList .singleLeft p strong {font-weight: 400;margin: 30px 0 15px;display: block;color: #696969;}
.singleList .singleLeft h3 {margin: 0 0 5px;}
.singleList hr.border {color:rgba(136,209,251,0.82);height: 1px;background: rgb(128,128,128);border: 0;margin: 20px 0;}
.silderSec .item {background:#000;}
.silderSec .item img {height: 565px;object-fit: cover;opacity: .65;object-position:center center;}
.silderSec .item {position: relative;}
.silderSec .item .cptionBox {position: absolute;bottom: 0;background: rgb(119, 183, 209);width: 100%;left: 0;color: #fff;padding: 16px 30px;font-size: 18px;font-weight: 400; opacity: 0;
transform: translateY(30px);transition: all 0.8s ease;}
#single-listing .owl-item.active .cptionBox {opacity: 1;transform: translateY(0px);}
.silderSec .item .cptionBox p{margin:0;}
.silderSec ul {margin: 70px 0 0;column-count: 4;column-gap: 80px;}
.silderSec ul li {margin: 0 0 15px;}
.callOut {background-color: rgb(243, 244, 246);padding: 37px 0;}
.callOut .boxWrapp{text-align:center;}
.callOut .dflex {justify-content: space-around;}
.callOut .boxWrapp .icon svg {width: 50px;height: 50px;color: rgb(136, 209, 251);fill: rgb(136, 209, 251);}
.callOut .boxWrapp h4 {font-family: Merriweather,"Merriweather Fallback";font-style: italic;font-weight: 400;font-size: 20px;color: #88d1fb;margin: 8px 0;}
.callOut .boxWrapp h3 {font-size: 36px;font-weight: 400;color: #6e6e6e;}
.callOut .boxWrapp {width: 240px;text-align: center;border-right: 2px solid #fff;}
.callOut .boxWrapp:last-child {border-right: 0;}
#single-listing .owl-nav {margin: 0;}
#single-listing button {position: absolute;top: 50%;transform: translateY(-50%);margin: 0;opacity:0;  transition: all 0.3s ease; /* smooth animation */}
#single-listing button span {font-size: 35px;color: #fff;}
#single-listing button span:hover{background:transparent;}
#single-listing button.owl-prev {left: -30px;}
#single-listing button.owl-next {right: -30px;}
#single-listing:hover button {opacity: 1;background: transparent;}
#single-listing:hover button.owl-prev{left: 30px;}
#single-listing:hover button.owl-next {right: 30px;}

/*  */
.socialMedia {padding: 45px 0px 90px;}
.socialMedia .dflex {justify-content: center;column-gap: 13px;}
.socialMedia .dflex a {border-radius: 50%;color: #fff;width: 36px;height: 36px;line-height: 36px;font-size: 20px;background: #1877f2;text-align: center;transition: all .2s ease-out}
.socialMedia .dflex a:hover{transform: scale(1.06);}
.socialMedia .dflex a:nth-child(2) {background: #000;}
.socialMedia .dflex a:nth-child(3) {background: #0079b4;}
.socialMedia .dflex a:nth-child(4) {background: #01e675;}
.socialMedia .dflex a:nth-child(5) {background: #707070;}
.popuphomewrap {max-width: 1050px;margin: 0px auto;display: block;text-align: center;padding: 40px 95px;}
.popuphomewrap video{max-width: 100%;margin-top: 30px;}
.serv-form form .dflex .formGroup input.wpcf7-file{background-color: transparent;border: none;}
.wpcf7 form .wpcf7-response-output {background: #fff;}
.custom_pagination{display: flex;}
.custom_pagination span {width: 50%;}
.custom_pagination a {color: #88d1fb;font-weight: bold;}
.custom_pagination span.newer{text-align: right;}
.search-no-results .no-results.not-found {text-align: center;}
.popuphomewrap h2 {font-size: 50px;color: rgb(63, 95, 166);font-weight: bold;}
.search-results .innerpage_wrap .page-header a{color: #88d1fb;text-decoration: none;}
.search-results .post-taxonomies, .socialMedia{display: none;}
/* table  */
.clear-choice { padding: 70px 20px;}
.clear-choice h2 { text-align: center;}
.comparison-wrapper { display: flex; align-items: flex-start; gap: 30px;justify-content: center;margin: 50px 0 0;}

/* FEATURES */
.comparison-wrapper .features { list-style: none; padding: 0; margin-top: 130px; min-width: 240px;}
.comparison-wrapper .features li {display: flex;align-items: center;font-weight: 700;font-size: 13px;height: 32px; padding: 0;color: #000;}
.comparison-wrapper .features li:nth-child(2) {height: 48px;}

/* TABLE */
.comparison-table {display: flex;justify-content: center;}
/* COLUMN */
.comparison-table .col { width:320px; background: #fff; border-radius: 0px; text-align: center; position: relative;margin: 20px 0 20px;border-right: 1px solid rgba(64, 57, 57, 0.17);}
.comparison-table .col.highlight {box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 6px 20px rgba(0,0,0,.15);position: relative;z-index: 1;margin: 0;border-radius: 18px;border-right: 0;}
.comparison-table .ribbon {position: absolute;z-index: 1;background-color: rgb(136, 209, 251);color: rgb(63, 95, 166);transform: rotate(45deg);top: 14px;right: -28px;width: 128px;overflow: hidden;
font-size: 12px;padding: 5px 8px 5px 26px;}
/* HEADERS */


/* LIST */
.comparison-table .price-details ul { list-style: none; padding: 0; margin: 0;}
.comparison-table .price-details  ul li {border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: center; font-size: 14px;}
/* .comparison-table .price-details  ul li span{padding: 8px 32px;} */
.comparison-table .topinfo {font-size: 24px;background: rgb(136, 209, 251); padding: 33px 15px; }
.comparison-table .head {font-size: 24px; color: #fff; border-radius: 0;}
.comparison-table .dark {background:#3f5ea8;padding: 43px 32px;border-radius: 16px 16px 0px 0;position: relative; overflow: hidden;}
.comparison-table  .price-details{border-bottom: 1px solid #eee;}
.comparison-table .col .price-details ul li span{height: 31px;display: flex;align-items: center;}
.comparison-table .price-details ul li:nth-child(2) {height: 47px;}
.comparison-table  .price-details ul{padding: 16px 0;}
.comparison-table .price-details ul li span.mvisble {display: none;}
.comparison-table .price-details .price {font-size: 24px;line-height: 29px;padding:16px 0 24px;margin: 0;color: #000; font-weight: 400;}
.comparison-table .price-details .price sup {font-size: 12px;color: #111;opacity: .7;font-weight: 400;top: -.5em;position: relative;vertical-align: baseline;}
.comparison-table .price-details .price span{font-size: 15px; color: rgb(17, 17, 17);opacity: .7;}
.comparison-table .col.highlight .price-details {border: none;}
.comparison-table .col:last-child .price-details,
.comparison-table .col:last-child {border-radius: 0 18px 18px 0;}
.comparison-table .col:last-child .topinfo{border-radius: 0 18px 0px 0;}
/*  */
.comparison-wrapper .features li.tooltip {position: relative;}
/* Default tooltip style */
.tooltip::after { content: attr(data-tooltip); /* Get the default tooltip content from data attribute */
position: absolute;background: #343738; box-shadow: 0 4px 12px rgba(0,0,0,0.2); padding: 12px 20px;
border-radius: var(--tooltip-border-radius, 5px); line-height: 1.4; font-size: 14px;font-weight:400; visibility: hidden; /* Hide tooltip by default */
opacity: 0; /* Make tooltip transparent */  transition: var(--tooltip-transition, opacity 0.3s); /* Add transition effect */  top: var(--tooltip-distance, 10px); /* Show tooltip 10px from the top by default */ left: 50%; transform: translateX(-50%); z-index: 999; /* Ensure the tooltip appears on top */	color: #fff;
word-break: break-word; text-align: center;max-width: 320px;width: 100%;overflow-y: auto; border-radius: 4px;}
/* Position the tooltip at the top */
/* Position the tooltip at the top */
.tooltip.top::after {top: auto;bottom: calc(100% + var(--tooltip-distance, 10px));left: 50%;transform: translateX(-50%);}
/* Position the tooltip at the left */
.tooltip.left::after {top: 50%;left: auto;right: calc(100% + var(--tooltip-distance, 10px));transform: translateY(-50%);}
/* Position the tooltip at the right */
.tooltip.right::after {top: 50%;right: auto;left: calc(100% + var(--tooltip-distance, 10px));transform: translateY(-50%);}
/* Position the tooltip at the bottom */
.tooltip.bottom::after {top: calc(100% + var(--tooltip-distance, 10px));bottom: auto;left: 50%;
transform: translateX(-50%);}
.tooltip:hover::after { visibility: visible; opacity: 1;}
.comparison-wrapper .features li.tooltip i {background: transparent;border: 1px solid #3b2b2b;border-radius: 14px;width: 16px;height: 16px;margin-left: 4px;cursor: pointer;text-align: center;font-size: 10px;line-height: 12px;color: rgb(0,0,0);opacity: .7;}
.comparison-wrapper .features li.tooltip i:hover {background: #000;color: #fff;}
.footer_copyright #accessibilityWidget {font-weight: 600;cursor: pointer;}















/******************************** Responsive Start here  *******************************/

@media screen and (max-width: 1400px) {
#primary-menu-list li {
padding: 0 10px;
}	
body #primary-menu-list {
margin: 30px 0 10px 0;
}
body .logo img {width: 77%;}	
.comparison-table .col {width: auto;}
}

@media screen and (max-width: 1199px) {
.serImg-withTxt .dflex {height: auto;}	
.whyPage-cont .whyImg {flex: 0 0 40%;}
.newsblog-single .dflex-full h1 {font-size: 70px;margin: 0 0 30px;}
#primary-menu-list li {padding: 0 10px;}	
body #primary-menu-list {margin: 20px 0 10px 0;}
body .logo img {width: 77%;}	
}

@media screen and (max-width:991px) {
.serv-form form .dflex {column-gap: 15px;}
.homeHero h1 {font-size: 50px;max-width: 600px;margin: 20px auto;}
.homeHero .item {height: 450px;}
.projectP #lightgallery .prjWrpp {flex: 0 0 50%;}
.homeCall .dflex {flex-wrap: wrap;row-gap:30px;}
.homeCall .dflex .fourBox {flex: 0 0 50%;}
.footercta .site_container {flex-wrap: wrap;}
.footercta_call {width: 50%;padding-left: 80px;text-align: right;}
.footerctatext {width: 100%;margin: 0 0 20px; text-align:center;}
.footercta_gettouch {width: auto;margin-left: 20px;}
.footerwidgets {padding: 85px 20px 0;}
.inner_banner {padding: 80px 40px 50px;}
.aboutIntro .abflex {column-gap: 0;}
.aboutIntro .abflex .abContent ,
.aboutIntro .abflex .abvideo{flex: 0 0 50%;}
.aboutIntro .abflex .abContent {padding-right: 20px;}
.aboutIntro .abflex .abvideo iframe {width: 100%;min-width: inherit !important;height: auto;}
.serImg-withTxt .dflex {height: auto;}
.serImg-withTxt .lftImg img {object-fit: cover;}
.serv-form form .formGroup.btn .cta {padding: 13px 50px;}
.serv-form form .formGroup .wpcf7-spinner {display: none;}
.single_ser .contentInfo ul {column-gap: 20px;}
.silderSec ul {column-count: 3;column-gap: 30px;margin: 30px 0 0;}
.singleList .book {text-align: center;float: none;display: flex;}
.singlRight .book a {padding: 16px 16px;margin: 0px auto;text-align: center;}
.singlRight .star svg {width: 200px;}
.newsblog .dflex {gap: 50px;}
.newsblog .newslft {flex: 0 0 60%;}
.newsblog .newslft .dflex {flex-wrap: wrap;	row-gap: 15px;padding: 0;}
.newsblog .newslft .dflex .imgBox,
.newsblog .asidebar .dflex .imgBox{width: 100%;}
.newsblog .newslft .dflex .imgBox a {width: 100%;height: 120px;}
.newsblog .boxWrpp {padding: 30px 15px;}
.newsblog .asidebar .dflex {flex-wrap: wrap;row-gap: 15px;}
.newsblog .asidebar .dflex .imgBox a{width: 100%;}
.newsblog .asidebar .contentBox h4 {max-width: 100%;}
.newsblog .newslft .contentBox h4, 
.newsblog .asidebar .contentBox h4 {font-size: 1.1em;}
.newsblog-single .related._posts .dflex {gap: 0;}	
.comparison-wrapper .features {	min-width: inherit;}

}

@media screen and (max-width:1024px) {
  #wprmenu_bar .menu_title { float: right; padding-right:20px;}
  #wprmenu_bar .menu_title a::after { background: none; content: "\f095"; font-family: "fontawesome"; color: #fff; font-size: 25px;}
  #wprmenu_bar .menu_title a { font-size: 0; padding: 0 5px;}
  #wprmenu_bar .menu_title a { text-decoration: none; top: 1px;}
.hamburger--slider.neww2 .hamburger-inner::after {transform: translate3d(0, -20px, 0) rotate(-90deg) !important;}
.hamburger--slider.neww2 .hamburger-inner::before {transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0) !important;opacity: 0;}
.hamburger--slider.neww2 .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg) !important;}	
.cbp-spmenu-left.neww {left: 0 !important;}	
.menuwrap {display: none;}	
.logo {width: 100%;padding-right: 0;text-align: center;}
.logo img {max-width: 200px;}
.lg-toolbar{ z-index: 99999 !important;top: 50px;}
.lg-hide-items .lg-toolbar {opacity: 1;}
}


@media screen and (max-width:767px) {
.servic-pool .cta ,
.cta{padding: 10px 20px;font-size: 14px;}
.homeHero .item {height: 320px;}
.homeHero h1 {font-size: 40px;}
.inner_banner {padding: 50px 40px 50px;}
.serv-form.home {margin: 0;}
.serv-form form .dflex {column-gap: 10px;flex-wrap: wrap;}
.serv-form form .dflex .formGroup {flex: 0 0 49%;}
.projectP.home {padding: 50px 10px;}
.home-trust .rightContet {padding: 0 0px 80px 0px;}
.clietsay .dflex {flex-wrap: wrap;	row-gap: 20px;}
.projectP.home .projectBox aside {margin: 30px 0px 0;}
.home.clietsay img {top: inherit;bottom: 0;}
.footerwidgets .footerwidgets_wrap {flex-wrap: wrap;}
.footerwidget1 p {max-width: 100%;}
.footerwidget1 {position: relative;width: 100%;}
.footerwidget2 {width: 50%;}
.footerpentairlogo {text-align: center;margin: 50px 0;}
.footerpentairlogo a {padding-left: 0;}
.aboutIntro .abflex {flex-wrap: wrap;row-gap:30px}
.aboutIntro .abflex .abContent ,
.aboutIntro .abflex .abvideo{flex: 0 0 100%;}
.ab-callout .callOut-flex {flex-wrap: wrap;	row-gap: 20px;}
.servic-pool .abflex {flex-wrap: wrap;}
.servic-pool .abflex .poolImg {width: auto;height: auto;}
.servic-pool .poolContent {margin: 20px 0 0;}	
.servic-pool .abflex p {margin: 0 0 15px;}
.serImg-withTxt .dflex {flex-wrap: wrap;}
.serImg-withTxt .lftImg, .rightContet {flex: 0 0 100%;}
.single_ser .dflex {flex-wrap: wrap;row-gap: 30px;}
.single_ser .contentInfo {flex: 0 0 100%;}
.single_ser .silder {max-width: 100%;width: 100%;}
.clietsay img {top: inherit;bottom: 0;opacity: .5;}
.callOut .dflex {flex-wrap: wrap;row-gap: 30px;}
.callOut .boxWrapp {width: 50%;}
.singleList .dflex {flex-wrap: wrap;}
.singleList .singleLeft {flex: 0 0 100%;}
.singlRight .book a {margin: 0;}
.silderSec ul {column-count: 2;}
.silderSec .item img {height: 350px;}
.singleList {overflow: hidden;}
.contactpage .dflex .topWrapp {flex: 0 0 100%;}
.contact-map-withcont .dflex {flex-wrap: wrap;}
.contact-map-withcont .dflex .contInfo,
.contact-map-withcont .dflex .map{flex: 0 0 100%;}
.newsblog .dflex {flex-wrap: wrap;}
.newsblog .newslft {flex: 0 0 100%;}
.newsblog .newslft .dflex .imgBox a {height: 250px;background-size: cover;}
.newsblog .boxWrpp {max-width: 100%;}
.newsblog .boxWrpp .innerWrapp {max-width: 100%;}
.newsblog .asidebar {padding-left: 0;}
.newsblog .asidebar .dflex {flex-wrap: nowrap;}
.newsblog .asidebar .dflex .imgBox {width: 200px;min-width: 200px;}
.whyPage-cont .abflex {column-gap: 0;flex-wrap: wrap;row-gap: 30px;}	
.whyPage-cont .whyImg,
.whyPage-cont .abContent{flex: 0 0 100%;}
.three-step .dflex {flex-wrap: wrap;}
.three-step .left-box {text-align: left;}
.three-step .center-box {order: -1;}
.newsblog-single .related._posts {flex-wrap: wrap;gap:0;row-gap: 30px;}
.newsblog-single .dflex-full h1 {font-size: 40px;}
.popuphomewrap {padding: 15px 15px;}	
#wprmenu_bar .menu_title {float: right; padding-right: 15px;}
  #wprmenu_bar .menu_title a::after {background: none; content: "\f095";font-family: "fontawesome";color: #fff; font-size: 25px; }
  #wprmenu_bar .menu_title a {font-size: 0; padding: 0 5px;}
  #wprmenu_bar .menu_title a {text-decoration: none; top: 1px;  }
.hamburger--slider.neww2 .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg) !important;}
.hamburger--slider.neww2 .hamburger-inner::before {transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0) !important;opacity: 0;
}
.hamburger--slider.neww2 .hamburger-inner {	transform: translate3d(0, 10px, 0) rotate(45deg) !important;}	
.cbp-spmenu-left.neww {left: 0 !important;}	
.menuwrap {display: none;}	
.logo {width: 100%;padding-right: 0;text-align: center;}
.logo img {max-width: 200px;}	
.comparison-wrapper .features {	display: none;}
.comparison-table .price-details ul li {flex-wrap: wrap;}
.comparison-table .price-details ul li span.mvisble {display: inline-flex;width: 100%;background: #0d7396;justify-content: center;color:#fff;font-weight: 500;}
.comparison-table .price-details ul li span.mvisble br {display: none;}
.comparison-table {align-items: center;display: flex;justify-content: center;flex-direction: column;width: 100%;row-gap: 30px}
.comparison-table .col .price-details ul li span {height: 40px;}
.comparison-table .price-details ul li:nth-child(2) {height: auto;}
.comparison-table .col {margin: 0 50px;border-left: 1px solid rgba(64, 57, 57, 0.17);width: 100%;max-width: 450px;}
}
@media screen and (max-width:575px) {
h2, h3 {font-size: 30px;}
section,
.projectP,
.singleList,
.socialMedia,
.whyPage-cont{padding:50px 15px;}
.topbar {padding: 9.5px 15px;}
.topbar_wrap {align-items: center;}
.inner_banner.contactpage {padding: 100px 15px;}
.serv-form.home,
.serImg-withTxt .rightContet{padding: 50px 15px;}
.serImg-withTxt .rightContet .cta {	margin: 0;}
.servic-pool .abflex h3 {margin: 0 0 10px;}
.serv-form form .formGroup.btn .cta {padding: 11px 50px;}
.serv-form.home form .formGroup .wpcf7-spinner {display: none;}
.home-trust,
.homeCall{padding: 50px 15px;}
.serv-form form .dflex .formGroup {flex: 0 0 100%;}
.homeCall .dflex .fourBox {flex: 0 0 100%;}
.projectP.home .projectBox {margin: 30px 0 0;}
.projectP #lightgallery .prjWrpp {flex: 0 0 100%;padding: 0;}
.clietsay-heading{padding: 50px 15px 0;}
.clietsay ,.aboutIntro,
.ab-callout{padding: 50px 15px 50px;}
.footercta {padding: 30px 15px;}
.footercta_call {width: 100%;padding-left: 0;text-align: center;}
.footercta_gettouch {width: 100%;margin-left: 0;margin: 20px 0 0;}
.footercta_gettouch a {padding: 8px 20px;}
.footerwidgets{padding: 50px 15px 0;}
.silderSec ul {column-count: 1;}
.callOut .boxWrapp {width: 100%;border-right: 0px solid #fff;border-bottom: 2px solid #fff;}
.callOut .boxWrapp:last-child {border-bottom: 0;}
.newsblog .newslft .contentBox h4,
.newsblog .asidebar .contentBox h4 {font-size: 1em;}
.newsblog .newslft .dflex .contentBox aside a,
.newsblog .asidebar .contentBox aside a {font-size: 15px;}
#wprmenu_bar .menu_title { padding-right: 5px; }
.comparison-table .col .price-details ul li span {height: auto;	padding: 10px;}
.projectP #lightgallery {row-gap: 30px;}
}
@media screen and (max-width:440px) {
.inner_banner h1 {font-size: 30px;}
.inner_banner p {font-size: 18px;}
.footerwidget2 {width: 100%;}
.footerwidget3 {margin-top: 20px;width: 100%;}
.footerpentairlogo {margin: 50px 0 0;}
.footer_copyright {margin-top: 0;}
.single_ser .contentInfo ul {column-count: 1;}
.newsblog .asidebar .dflex .imgBox {width: 100px;min-width: 100px;}
.newsblog-single .dflex-full h1 {font-size: 30px;}

}