/* DETAILS
==================================================
	Theme Name: Elevation Heating & Air Website
==================================================
*/

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Righteous&display=swap');

:root {
	--font-awesome: 'Font Awesome 6 Free';
	--inter:"Inter", sans-serif;
	--righteous:"Righteous", sans-serif;
	--body-color:#5C606B;
	--blue:#233569;
	--light-blue:#51A9DE;
	--deep-blue:#284495;
	--black:#000000;
	--white:#fff;
	--bold: 700;
	--semi-bold: 600;
	--medium: 500;
	--regular: 400;
	--common-transition: all 0.3s ease 0s;
}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments  start~-~-~-~-~-~-~-~-~-~ */
html { overflow-x: hidden; }
body { margin: 0; padding: 0; font-family: var(--inter); font-weight: var(--regular); font-size: 18px; color: var(--body-color); overflow-x: hidden;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {margin: 0 0 30px; padding: 0; }
h1, .h1, h2, .h2{ font-family: var(--righteous);}
h3, .h3, h4 , .h4, h5 , .h5, h6, .h6{ font-family: var(--inter); font-weight: var(--semi-bold); }
h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ color: var(--blue);}

h1, .h1 { font-size: 60px;}
h2, .h2 { font-size: 54px;}
h3, .h3 { font-size: 30px;}
h4, .h4 { font-size: 24px;}
h5, .h5 { font-size: 22px;}
p { line-height: 1.4; margin: 0 0 20px; padding: 0;}


@media only screen and (max-width: 1599px) { 
	h1, .h1 { font-size: 40px;}
	h2, .h2 { font-size: 36px;}
	h3, .h3 { font-size: 26px;}
}
@media only screen and (max-width: 1399px){
	body{ font-size: 17px;}
	h4, .h4 { font-size: 22px;}
	h5, .h5 { font-size: 20px;}
}
@media only screen and (max-width: 1199px) { 
	h1, .h1 { font-size: 35px;}
	h2, .h2 { font-size: 30px;}
	h3, .h3 { font-size: 24px;}
}
@media only screen and (max-width: 991px){
	body{ font-size: 16px;}
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ margin-bottom: 25px;}
	h1, .h1 { font-size: 32px;}
	h2, .h2 { font-size: 28px;}
	h3, .h3 { font-size: 22px;}
	h4, .h4 { font-size: 20px;}
	h5, .h5 { font-size: 18px;}
}
@media only screen and (max-width: 419px){
	h1, .h1 { font-size: 28px;}
	h2, .h2 { font-size: 25px;}
	h3, .h3 { font-size: 20px;}
	h4, .h4 { font-size: 18px;}
	h5, .h5 { font-size: 16px;}
}
/* --- form-control start --- */
.form-row { margin-bottom: 30px;}
.form-control { background-color: var(--white); border: 0 !important; border-radius: 8px; box-shadow: none !important; color: #868686; padding-left: 24px; padding-right: 24px;}
input.form-control { height: 50px; }
textarea.form-control { height: 100px; resize: none; }

.form-control::-moz-placeholder { color: #868686; opacity: 1; font-weight: 400;}
.form-control:-ms-input-placeholder { color: #868686; font-weight: 400;}
.form-control::-webkit-input-placeholder { color: #868686; font-weight: 400;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{ transition: background-color 9999s ease-in-out 0s; -webkit-text-fill-color: #868686;}
/* --- form-control end --- */
@media only screen and (max-width: 1199px){
	.form-row { margin-bottom: 20px; }
}

@media only screen and (min-width: 1600px) {
	.container { max-width: 1480px; }
}
@media only screen and (min-width: 1740px) {
	.container { max-width: 1594px; }
}

img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover { text-decoration: none; }
ul { padding: 0; margin: 0; list-style: none; }

.common-padding { padding: 100px 0; }
.common-padding-top { padding-top: 100px; }
.common-padding-bottom { padding-bottom: 100px; }
.section-title { margin-bottom: 50px; }
.bg-adjustment{ background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;}
.image-adjustment{ position: relative; overflow: hidden;}
.image-adjustment img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.overlay-content{ position: relative; z-index: 3;}
.sub-title{ width: fit-content; color: var(--light-blue); font-weight: var(--medium); text-transform: uppercase ; font-size: 16px; position: relative; padding-left: 100px;}
.sub-title.text-center{ margin: 0 auto 20px; padding-right: 100px;}
.sub-title::before{ content: ""; width: 80px; height: 2px; background: var(--light-blue); position: absolute; top: 10px; right: auto; left: 0;}
.sub-title.text-center::after{ content: ""; width: 80px; height: 2px; background: var(--light-blue); position: absolute; top: 10px; right: 0; left: auto;}
.sub-title.text-white::before, .sub-title.text-white::after{ background: var(--white);}
.light-gray-bg{ background: #EAEDF3;}
b, strong{ font-weight: var(--semi-bold);}
@media only screen and (max-width: 1399px){
	.sub-title{ padding-left: 70px;}
	.sub-title.text-center{ padding-right: 70px;}
	.sub-title::before{ width: 60px;}
	.sub-title.text-center::after{ width: 60px;}
}
@media only screen and (max-width: 1199px) {
	.common-padding { padding: 80px 0; }
	.common-padding-top { padding-top: 80px; }
	.common-padding-bottom { padding-bottom: 80px; }
	.section-title { margin-bottom: 40px; }
}
@media only screen and (max-width: 991px) {
	.common-padding { padding: 60px 0; }
	.common-padding-top { padding-top: 60px; }
	.common-padding-bottom { padding-bottom: 60px; }
	.section-title{ margin-bottom: 25px;}
	.sub-title{ font-size: 15px; padding-left: 50px;}
	.sub-title.text-center{ padding-right: 50px;}
	.sub-title::before{ width: 40px;}
	.sub-title.text-center::after{ width: 40px;}
}
@media only screen and (max-width: 767px){
	.common-padding { padding: 50px 0; }
	.common-padding-top { padding-top: 50px; }
	.common-padding-bottom { padding-bottom: 50px; }
}
/* --- button start --- */
.btn, .header-btn a { display: inline-block; position: relative; background-color: var(--light-blue) !important; border: 1px solid var(--light-blue); border-radius: 10px; text-align: center; color: var(--white); font-size: 18px; font-weight: var(--semi-bold); text-transform: capitalize; line-height: 1; padding: 19px 75px 19px 40px; transition: var(--common-transition);}
.btn::before, .header-btn a::before { content: ""; background: url(../images/arrow-right.svg); background-repeat: no-repeat !important; background-position: center !important; background-size: 24px !important; width: 24px; height: 24px; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); filter: brightness(0) invert(1); transition: var(--common-transition); }
.btn:hover, .header-btn a:hover, .btn:focus-visible, .btn:active, .btn:focus { background-color: transparent !important; border: 1px solid var(--light-blue); box-shadow: none; outline: none; color: var(--light-blue); }
.btn:hover::before,.btn:focus::before, .header-btn a:hover::before, .header-btn a:focus::before{ right: 35px; filter: inherit;}
@media only screen and (max-width: 1399px){
	.btn, .header-btn a{ font-size: 17px;}
}
@media only screen and (max-width: 1199px){
	.btn{ padding: 16px 50px 16px 20px;}
	.btn::before{ background-size: 20px !important; width: 20px; height: 20px; right: 20px;}
	.btn:hover::before{ right: 17px;}
}
@media only screen and (max-width: 991px) {
	.btn, .header-btn a{ font-size: 16px;}
}
/* --- button end --- */
/* ~-~-~-~-~-~-~-~-~-~ global adjustments  end~-~-~-~-~-~-~-~-~-~ */

/* --- header start ------------------------------------------------------------------------------------------- */
/* ~~hamburger menu start~~ */
.hamburger-nav { display: none; vertical-align: top; width: 30px; height: 20px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }
.hamburger-nav span { display: block; position: absolute; height: 2px; width: 100%; background: var(--deep-blue); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.hamburger-nav span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav span:nth-child(2) { top: 9px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav span:nth-child(3) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav-close { vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }
.hamburger-nav-close span { display: block; position: absolute; height: 2px; width: 100%; background: var(--white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.hamburger-nav-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 10px; left: 3px; }
.hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0; }
.hamburger-nav-close span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px; }
/* ~~hamburger menu end~~ */

.main-header { position: relative; z-index: 999; }
.top-header { background: var(--deep-blue); padding: 15px 0; position: relative;}
.top-header::before{ content: ""; background: var(--deep-blue); position: absolute; z-index: 1; top: 0; bottom: 0; left: -350%; width: 350%;}
.top-header::after{ content: ""; background: var(--deep-blue); position: absolute; z-index: 1; top: 0; bottom: 0; right: -350%; width: 350%;}
.top-header *{ font-size: 16px; color: var(--white);}
.top-header ul li { border-right: 1.5px solid #FFFFFF80; padding: 0 20px; line-height: normal; }
.top-header ul li:first-child{ padding-left: 0;}
.top-header ul li:last-child{ padding-right: 0; border-right: 0;}
.top-header li a:hover{ color: var(--light-blue);}

.bottom-header-row{ padding: 15px 0;}
.logo-wrap { background: var(--white); border-radius: 0 0 10px 10px; height: 215px; position: absolute; z-index: 100; top: 0; left: 0; padding: 15px 30px 20px; transition: var(--common-transition); }
.logo-wrap * { display: inline-block; height: 100%; width: auto; transition: var(--common-transition);}
.desktop-menu li{ margin: 0 20px;}
.desktop-menu li:last-child{ margin-right: 0;}
.desktop-menu li:not(.header-btn) a{ display: block; padding: 10px 0; color: var(--black);}
.desktop-menu li:not(.header-btn) a:hover{ color: var(--light-blue);}

/* sub-menu start */
.main-header .menu-item-has-children .sub-menu { background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); width: 210px; padding: 20px 30px; position: absolute; top: 50px; opacity: 0; visibility: hidden; transition: var(--common-transition); }
.main-header .menu-item-has-children .sub-menu a { display: block; padding: 5px 0; }
.main-header .menu-item-has-children:hover .sub-menu { top: 100px; opacity: 1; visibility: visible; }
.main-header .menu-item-has-children>a { padding-right: 25px; }
.main-header .menu-item-has-children>a::before { position: absolute; content: ''; border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); right: 5px; top: 15px; }
/* sub-menu end */

.current-menu-item:not(.header-btn) a { color: var(--light-blue) !important; }
.mobile-menu { display: none; background: var(--blue); width: 100vw; height: 100vh; position: fixed; top: 0; right: -100vw; overflow: hidden; z-index: 1000; transition: var(--common-transition); }
.mobile-menu .top-row { padding: 20px 0; }
.mobile-logo{ height: 120px;}
.mobile-logo *{ display: block; height: 100%;}
.mobile-menubar li:not(.header-btn){ border-bottom: 1px dashed var(--white);}
.mobile-menubar li.header-btn{ margin-top: 30px;}
.mobile-menubar li:not(.header-btn) a { display: inline-block; padding: 15px 0; color: var(--white);}
.mobile-menubar li:not(.header-btn) a:hover{ color: var(--light-blue);}
body.menu-open { height: 100vh; overflow: hidden; }
.menu-open .mobile-menu { right: 0; }
.mobile-menu .mobile-menubar li{ opacity: 0; -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s;}
.menu-open .mobile-menu .mobile-menubar li{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
.menu-open .mobile-menu .mobile-menubar li:nth-child(2){ transition-delay: 0.24s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(3){ transition-delay: 0.32s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(4){ transition-delay: 0.40s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(5){ transition-delay: 0.48s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(6){ transition-delay: 0.56s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(7){ transition-delay: 0.56s;}

/* ~~ header sticky start ~~ */
@keyframes slide-down {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.header-sticky .main-header { position: fixed; top: 0; width: 100%; background: var(--white); box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 10%); animation: slide-down 0.5s; transition: var(--common-transition); z-index: 999; }
.header-sticky .top-header{ display: none;}
.header-sticky .main-header .logo-wrap { height: 88px; top: 0; padding: 5px 0;}
.header-sticky main{ padding-top: 138px;}
/* ~~ header sticky end ~~ */

@media only screen and (max-width: 1599px) {
	.top-header ul li{ padding: 0 15px;}
	.logo-wrap{ height: 185px; padding: 15px 25px 20px;}
	/* .desktop-menu li { margin: 0 12px; } */
}
@media only screen and (max-width: 1399px){
	.top-header ul li { padding: 0 10px; }
	.logo-wrap { height: 170px; padding: 15px 20px 20px; }
	.desktop-menu li { margin: 0 12px; }
	.header-btn a{ padding: 15px 40px 15px 20px;}
	.header-btn a::before{ right: 12px; background-size: 20px !important; width: 20px; height: 20px;}
	.header-btn a:hover::before{ right: 10px;}
	.header-sticky .main-header .logo-wrap{ height: 78px;}
	.header-sticky main{ padding-top: 129px;}
}
@media only screen and (max-width: 1199px) {
	.top-header *{ font-size: 15px;}
	.desktop-menu { display: none; }
	.hamburger-nav { display: block; }
	.mobile-menu { display: block;}
	.mobile-menu .sub-menu { display: none; width: calc(100% - 20px); margin-left: auto; }
	.header-sticky .bottom-header-row { padding: 25px 0; }
	.header-sticky .main-header .logo-wrap { height: 70px; }
	.header-sticky main{ padding-top: 99px;}
}
@media only screen and (max-width: 991px){
	.top-header { display: none; }
	.bottom-header-row{ justify-content: space-between !important; align-items: center !important; padding: 10px 0;}
	.logo-wrap { position: relative; height: 70px; padding: 0; }
	.mobile-logo { height: 100px; }
	.mobile-menu .top-menu { padding: 10px 10px; background: #51a9de14; border-radius: 10px; }
	.mobile-menu .top-menu li{ padding: 5px 20px 5px 0;}
	.mobile-menu .top-menu li:last-child{ padding-right: 0;}
	.mobile-menu .top-menu li a{ color: var(--white);}
	.mobile-menu .top-menu li a:hover{ color: var(--light-blue);}
	.mobile-menubar { padding-bottom: 30px; height: calc(100vh - 200px); overflow: auto; }
	.header-sticky .bottom-header-row{ padding: 10px 0;}
	.header-sticky .main-header .logo-wrap { height: 60px; padding: 0; }
	.header-sticky main{ padding-top: 90px;}
}
@media only screen and (max-width: 767px){
	.mobile-logo { height: 80px; }
	.mobile-menu .top-menu li{ font-size: 14px;}
}
@media only screen and (max-width: 419px){
	.logo-wrap{ height: 55px;}
	.mobile-logo { height: 60px; }
	.mobile-menu .top-menu li { font-size: 13px; }
	.mobile-menubar{ height: calc(100vh - 180px);}
	.mobile-menubar li.header-btn { margin-top: 20px; }
	.mobile-menu .top-menu{ padding: 15px 10px;}
	.mobile-menu .top-menu ul li{ padding: 3px 8px 3px 0; }
	.header-sticky main{ padding-top: 75px;}
}
/* home-page start----------- */

.hero-banner .banner-bg { padding-bottom: 41.52%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; }
.hero-banner .banner-bg::before { content: ""; background: rgba(7, 20, 57, 0.9); position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }
.hero-banner .container-holder { display: flex; align-items: center; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; }
.hero-banner .banner-info{ padding-right: 10%;}
.hero-banner .banner-info *{ color: var(--white);}
.hero-banner .banner-info p:last-child{ margin-bottom: 0;}
.banner-form-outer { max-width: 450px; padding-left: 30px; margin-left: auto; }
.banner-form { background: #F3F3F3; border-radius: 12px; padding: 35px; position: relative;}
.banner-form input.btn{ background-image: url(../images/arrow-right-white.svg); background-repeat: no-repeat !important; background-position: right 40px center !important; background-size: 24px !important; }
.banner-form input.btn:hover, .banner-form input.btn:focus{ background-image:url(../images/arrow-right.svg);  background-position: right 35px center !important;}
.banner-form p { margin-bottom: 0; }
.wpcf7-response-output { margin: 10px 0 0 !important; font-size: 13px; text-align: center; padding: 5px !important;}
.banner-form-outer .wpcf7-response-output{ color: var(--white);}
.wpcf7-not-valid { border: 1px solid #dc3232 !important; }
.wpcf7-not-valid-tip{ display: none;}

/* .about-us-section.common-padding{ overflow: hidden;} */
.about-image-outer{ padding-right: 17%; padding-bottom: 60px;}
.about-us-section .big-image { padding-bottom: 120%; border-radius: 20px; }
.about-us-section .small-image-outer { position: absolute; right: 0; bottom: 0; max-width: 600px; width: 100%; padding-left: 80px; }
.year-box { background: var(--deep-blue); width: fit-content; max-width: 195px; border-radius: 10px 0 0 10px; padding: 40px; margin-left: auto; margin-right: 45px; position: relative;}

.year-box::before { content: ""; background: #07194F; width: 100px; height: 45px; position: absolute; z-index: -1; top: -45px; right: 0; clip-path: polygon(0 0, 0 0, 100% 100%, 0% 100%); }

.year-box *{ color: var(--white); margin-bottom: 0;}
.year-box p{ font-weight: var(--semi-bold); line-height: normal;}

.about-us-section .smmal-image { background: var(--white); padding-bottom: 75%; border-radius: 20px; border: 10px solid #fff; }
.about-us-section .smmal-image img{ border-radius: 10px;}

.about-info { padding-left: 6%; }
.about-info p:last-child{ margin-bottom: 0;}
.our-services-section { overflow: hidden;}
.services-box, .tab-info-wraper { background: #FFFFFF; padding: 40px; border-radius: 20px;}
.tab-info-wraper{ margin-left: 5%;}
.service-tab .image-wraper { padding-bottom: 100%; border-radius: 20px; margin-right: 7%; }
.services-box p:last-child{ margin-bottom: 0;}
.tab-info-wraper .button-wrap { margin-top: 30px; }
.list-wrap li { color: #454C60; padding-left: 25px; margin-bottom: 12px; position: relative; }
.tab-info-wraper .list-wrap ul{ margin-top: 20px;}
.tab-info-wraper .list-wrap li{ font-weight: var(--semi-bold);}
.list-wrap li::before { content: ""; background: url(../images/list-icon.svg); background-position: center; background-size: 100%; background-repeat: no-repeat; width: 18px; height: 18px; position: absolute; top: 4px; left: 0;}
.service-nav-outer .button-item{ background: #F3F7FA; border: 1px solid #51A9DE; border-radius: 10px; padding: 30px; cursor: pointer;}
.service-nav-outer .button-item h3{ color: #454C60; transition: var(--common-transition); margin-bottom: 0;  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.service-nav-outer .slick-current .button-item h3, .service-nav-outer .button-item:hover h3{ color: var(--light-blue);}


.service-nav-outer { padding-right: 5%; }
.service-nav .slick-list { margin-top: 20px; }
.service-nav .slider-col { padding: 30px 0; }
.slick-dotted.slick-slider{ margin-bottom: 0;}
.service-nav .slick-dots { display: flex; flex-direction: column; justify-content: center; background: #DADEE9; border-radius: 20px; top: 0; right: -20px; left: auto; bottom: 0; width: 4px; }
.service-nav .slick-dots li { width: 4px; height: 100%; padding: 0; margin: 0; }
.service-nav .slick-dots li button { padding: 0; width: 100%; height: 100%; font-size: 0; border-radius: 20px; transition: var(--common-transition);}
.service-nav .slick-dots li button::before{ display: none;}
.service-nav .slick-dots .slick-active button { background: #51A9DE; }

@keyframes show-up {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
/* .slick-active .image-wraper { animation: show-up 0.5s;}
.slick-active .content-wrap { animation: show-up 0.5s;} */

.google-review-box { margin-bottom: 50px; }
.testimonial-section .ti-header { display: flex !important; justify-content: center; align-items: center; margin-bottom: 50px !important; }
.testimonial-section .ti-header .ti-rating-text .ti-rating { display: none !important; }
.testimonial-section .ti-header .ti-rating-text { order: 3; }
.testimonial-section .ti-header span.ti-stars { order: 2; margin: 0 10px 0 20px !important; }
.testimonial-section .ti-header .ti-large-logo { background: #EDF1FC; width: 70px; height: 70px; border-radius: 8px; padding: 10px; overflow: hidden; order: 1; margin: 0 !important;}
.testimonial-section .ti-header .ti-large-logo .ti-v-center { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.testimonial-section .google-review-box .ti-header .ti-large-logo .ti-v-center img { width: auto !important; height: 100% !important;}
.testimonial-section .ti-header .ti-rating-text .nowrap, .testimonial-section .ti-header .ti-rating-text .nowrap *{ margin: 0 !important; color: var(--deep-blue) !important; text-decoration: underline; font-family: var(--inter); font-weight: var(--semi-bold); font-size: 18px !important; }
.testimonial-section .ti-header span.ti-stars .ti-star { width: 25px !important; height: 25px !important; }
.testimonial-section .ti-widget.ti-goog .ti-reviews-container{ padding: 0 35px;}
.testimonial-section .ti-widget.ti-goog .ti-reviews-container-wrapper{ margin: 0 !important;}
.testimonial-section .ti-widget.ti-goog .ti-controls{ position: static !important;}
.testimonial-section .ti-controls .ti-next{ right: -40px !important;}
.testimonial-section .ti-controls .ti-prev{ left: -40px !important;}
.testimonial-section .ti-controls div[role="button"] { background-color: transparent; border: 2px solid var(--light-blue); width: 60px !important; height: 60px !important; border-radius: 10px; padding: 0 !important; top: 50%; transform: translateY(-50%) !important; z-index: 9;  transition: var(--common-transition);}
.testimonial-section .ti-controls div[role="button"]::before{ width: 16px !important; height: 16px !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin: auto !important; transform: none !important; transition: var(--common-transition);}
.testimonial-section .ti-controls .ti-next[role="button"]::before{ background: url(../images/next-arroww.svg) !important; background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important;}
.testimonial-section .ti-controls .ti-prev[role="button"]::before{ background: url(../images/prev-arrow.svg) !important; background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important;}
.testimonial-section .ti-controls div[role="button"]::after{ display: none !important;}
.testimonial-section .ti-controls div[role="button"]:hover{ background: var(--light-blue);}
.testimonial-section .ti-controls div[role="button"]:hover::before{ filter: brightness(0) invert(1);}
.testimonial-section .ti-widget.ti-goog .ti-controls-line { background: rgba(40, 68, 149, 0.35) !important; }
.testimonial-section .ti-widget.ti-goog .ti-controls-line .dot{ background: rgba(40, 68, 149, 1) !important;}

.appointment-section{ background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;}
.appointment-section::before{ content: ""; background: linear-gradient(90deg, rgba(245, 246, 248, 0) 0%, rgba(245, 246, 248, 0.2) 42.27%, rgba(245, 246, 248, 0.7) 50.76%, rgba(245, 246, 248, 0.85) 56.41%, #F5F6F8 100%); position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}
.appointment-section .info-wraper { padding-left: 9%; }

.accordion-section .top-title{ margin-bottom: 30px;}
.accordion-section .title-info { padding-right: 15%; }
.accordion-wraper .accordion-item{ background: transparent; border: 0;}
.accordion-wraper .accordion-item:not(:last-child){ margin-bottom: 30px;}
.accordion-wraper .accordion-button { background: #E5E9F3; border: 0; padding: 30px 55px 30px 130px; border-radius: 10px 10px 0 0; font-size: 22px; font-family: var(--inter); font-weight: var(--semi-bold); color: var(--deep-blue); box-shadow: none; position: relative; overflow: hidden;}
.accordion-button::after { background: url(../images/down-arrow.svg); background-repeat: no-repeat !important; background-position: center !important; background-size: 100% !important; position: absolute; top: 35px; right: 28px;}
.accordion-button:not(.collapsed)::after{ background: url(../images/down-arrow.svg);}
.accordion-button .number-wrap { background: var(--deep-blue); border-radius: 0 0 50px 50px; padding: 22px 12px; font-size: 30px; line-height: 1; color: var(--white); position: absolute; top: -5px; left: 40px; }
.accordion-wraper .accordion-body { background: var(--white); box-shadow: 0px 4px 20px 0px #0000000F; padding: 40px; border-radius: 0 0 10px 10px;}
.benefits-box { background: #F3F7FA; border-radius: 10px; padding: 30px; border: 1px solid #51A9DE; height: 100%;}
.benefits-box .top-row { border-bottom: 1px solid #51A9DE; padding-bottom: 30px; margin-bottom: 30px; }
.benefits-box  h5 { color: var(--light-blue); margin-bottom: 0; }
.benefits-box.list-wrap li{ margin-bottom: 20px;}
.benefits-box.list-wrap li:last-child{ margin-bottom: 0;}

.main-footer { background: #0F1C41;}
.main-footer .top-footer { padding: 60px 0;}
.main-footer *{ color: var(--white);}
.main-footer .logo-outer { margin-bottom: 30px; }
.main-footer .logo-outer::before{ content: ""; background: #51A9DE33; width: calc(50% - 145px); height: 1px; position: absolute; top: 50%; right: auto; left: 0; transform: translateY(-50%);}
.main-footer .logo-outer::after{ content: ""; background: #51A9DE33; width: calc(50% - 145px); height: 1px; position: absolute; top: 50%; right: 0; left: auto; transform: translateY(-50%);}
.main-footer .footer-logo-wrap { max-width: 165px; margin: 0 auto; }
.main-footer .footer-logo-wrap *{ display: block;}

.footer-about { max-width: 1065px; margin: 0 auto; }
.footer-about .title { display: flex; align-items: center; justify-content: center; line-height: 1; margin-bottom: 15px; }
.footer-about .title span { display: block; height: 20px; margin-right: 10px;}
.footer-about .title img{ height: 100%;}
.main-footer a:hover{ color: var(--light-blue);}
.footer-about h5{ margin-bottom: 0;}

.footer-col.contact-call .title { max-width: 140px; }
.footer-location-col { padding: 0 21%; border-right: 1px solid #51A9DE66; border-left: 1px solid #51A9DE66;}
.footer-social-col .social-link { max-width: 250px; margin-left: auto; }
.social-link ul li:not(:last-child){ margin-right: 10px;}
.social-link li a { display: flex; align-items: center; justify-content: center; border: 1px solid var(--white); width: 40px; height: 40px; border-radius: 50%; overflow: hidden; transition: var(--common-transition); position: relative;}
.social-link li a::before { content: ""; background: var(--light-blue); position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; transform: translateY(100%); transition: var(--common-transition);}
.social-link li a *{ position: relative; z-index: 3;}
.social-link li a:hover{ border-color: transparent;}
.social-link li a:hover::before{ transform: none;}

.bottom-footer { background: #FFFFFF0D; padding: 30px 0; }
.bottom-footer p{ margin-bottom: 0; padding: 0 40px;}
@media only screen and (max-width: 1740px) {
	.hero-banner .banner-info { padding-right: 5%; }
}
@media only screen and (max-width: 1599px){
	.hero-banner .banner-bg{ padding-bottom: 45%;}
	.service-nav-outer .button-item{ padding: 25px;}
	.accordion-button .number-wrap{ font-size: 26px;}
}
@media only screen and (max-width: 1399px){
	.hero-banner .banner-bg{ padding-bottom: 50%;}
	.banner-form{ padding: 25px;}
	.year-box{ max-width: 160px; padding: 25px;}
	.service-nav-outer .button-item{ padding: 20px;}
	.service-nav-outer .button-item h3{ font-size: 22px;}
	.services-box{ padding: 25px;}
	.tab-info-wraper{ padding: 25px; margin-left: 15px;}
	.testimonial-section .ti-header .ti-rating-text .nowrap, .testimonial-section .ti-header .ti-rating-text .nowrap *{ font-size: 17px !important;}
	.testimonial-section .ti-header .ti-large-logo{ width: 55px; height: 55px;}
	.testimonial-section .ti-controls div[role="button"]{ width: 50px !important; height: 50px !important;}
	.testimonial-section .ti-controls .ti-next{ right: -15px !important;}
	.testimonial-section .ti-controls .ti-prev{ left: -15px !important;}
	.accordion-wraper .accordion-body{ padding: 25px;}
	.benefits-box{ padding: 20px;}
	.accordion-wraper .accordion-button{ font-size: 20px;}
	.main-footer .footer-logo-wrap{ max-width: 120px;}
	.main-footer .logo-outer::before{ width: calc(50% - 80px);}
	.main-footer .logo-outer::after{ width: calc(50% - 80px);}
}
@media only screen and (max-width: 1199px){
	.hero-banner .banner-bg { padding-bottom: 55%; }
	.banner-form input.btn{ background-position: right 20px center !important; background-size: 20px !important;}
	.banner-form input.btn:hover{ background-position: right 17px center !important;}
	.about-info { padding-left: 0; }
	.service-nav .slider-col { padding: 25px 0; }
	.services-box{ padding: 25px 15px;}
	.tab-info-wraper { padding: 25px 15px; margin-left: 0; }
	.service-tab .image-wraper{ margin-right: 0;}
	.tab-info-wraper .button-wrap { margin-top: 20px; }
	.google-review-box { margin-bottom: 40px; }
	.testimonial-section .ti-header{ margin-bottom: 40px !important;}
	.accordion-wraper .accordion-body { padding: 20px 15px; }
	.accordion-wraper .accordion-item:not(:last-child) { margin-bottom: 24px; }
	.accordion-wraper .accordion-button{ padding: 25px 45px 25px 100px;}
	.accordion-button::after{ width: 16px; height: 16px; top: 30px; right: 20px;}
	.accordion-button .number-wrap { font-size: 20px; left: 25px;}
	.benefits-box { padding: 15px; }
	.benefits-box .top-row { padding-bottom: 15px; margin-bottom: 20px; }
}
@media only screen and (max-width: 1023px){
	.testimonial-section .ti-widget.ti-goog .ti-reviews-container { padding: 0; }
}
@media only screen and (max-width: 991px){
	.hero-banner { padding: 50px 0; }
	.hero-banner .banner-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; }
	.hero-banner .container-holder{ position: relative;}
	.hero-banner .banner-info{ padding-right: 12%; margin-bottom: 25px;}
	.banner-form-outer{ margin: 0 auto; padding-left: 0;}
	.about-image-outer{ margin-bottom: 25px;}
	.service-nav-outer{ margin-bottom: 20px; padding-right: 15px;}
	.service-nav .slick-dots{ right: -15px;}
	.service-nav .slick-list { margin-top: 0; }
	.service-nav .slider-col { padding: 10px 0; }
	.service-nav-outer .button-item h3 { font-size: 20px; }
	.appointment-section .info-wraper { padding: 30px; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(5px); border-radius: 10px; }
	.accordion-section .title-info { padding-right: 0; }
	.accordion-section  .title-dec p:last-child{ margin-bottom: 0;}
	.google-review-box { margin-bottom: 25px; }
	.testimonial-section .ti-header .ti-rating-text .nowrap, .testimonial-section .ti-header .ti-rating-text .nowrap *{ font-size: 16px !important;}
	.testimonial-section .ti-header{ margin-bottom: 25px !important;}
	.accordion-wraper .accordion-button { padding: 20px 40px 20px 80px; font-size: 18px; }
	.accordion-button::after{ top: 22px;}
	.accordion-button .number-wrap { font-size: 18px; left: 20px; padding: 15px 10px;}
	.benefits-box-outer .col-lg-6:not(:last-child) .benefits-box{ height: auto; margin-bottom: 25px;}
	.main-footer .top-footer { padding: 50px 0; }
	.main-footer .logo-outer { margin-bottom: 20px; }
	.main-footer .footer-logo-wrap { max-width: 80px; }
	.footer-col.contact-call .title { max-width: 120px; }
	.bottom-footer{ padding: 15px 0;}
}

@media only screen and (max-width: 767px){
	.hero-banner .banner-info{ padding-right: 0;}
	.banner-form { padding: 20px 15px; }
	.our-services-section .top-row { display: block !important; }
	.our-services-section .top-row .title-wrap { margin-bottom: 20px; }
	.service-tab .image-wraper{ padding-bottom: 80%; margin-bottom: 25px;}
	.services-box, .tab-info-wraper{ padding: 15px;}
	.list-wrap li{ padding-left: 20px;}
	.list-wrap li::before{ width: 15px; height: 15px;}
	.appointment-section .info-wraper{ padding: 20px 15px;}
	.testimonial-section .ti-header .ti-large-logo { width: 45px; height: 45px; }
	.testimonial-section .ti-header span.ti-stars .ti-star { width: 20px !important; height: 20px !important; }
	.testimonial-section .ti-header span.ti-stars { margin: 0 10px!important; }
	.accordion-wraper .accordion-button { padding: 15px 30px 15px 65px; font-size: 17px; }
	.accordion-button::after{ width: 14px; height: 14px; right: 12px;}
	.accordion-button .number-wrap { font-size: 16px; left: 14px; padding: 15px 8px; }
	.accordion-wraper .accordion-body { padding: 20px 10px; }
	.main-footer .top-footer { padding: 40px 0; }
	.main-footer .footer-col { text-align: center !important; }
	.footer-col.contact-call .title{ max-width: 100%;}
	.footer-col.contact-call{ margin-bottom: 25px;}
	.footer-location-col{ padding: 15px 0; border-top: 1px solid #51A9DE66; border-bottom: 1px solid #51A9DE66; border-right: 0; border-left: 0; margin-bottom: 25px;}
	.footer-about .title{ justify-content: center !important;}
	.footer-social-col .social-link{ max-width: 100%;}
	.footer-about h5{ font-size: 16px;}
	.bottom-footer{ font-size: 14px;}
}
@media only screen and (max-width: 419px){
	.year-box { max-width: 120px; padding: 15px; margin-right: 20px;}
	.about-us-section .smmal-image{ border-width: 5px;}
	.year-box p { font-size: 14px; }
	.service-nav-outer .button-item h3 { font-size: 18px; }
}
/* home-page end----------- */

/* our services page start----------- */
.hero-banner.inner-banner .banner-info { margin: 0; }

.hero-banner.inner-banner .banner-bg { padding-bottom: 20.76%; }
.hero-banner.inner-banner .banner-info h1 { margin-bottom: 0; }
.services-item .services-box .image-wraper { padding-bottom: 68.3%; border-radius: 20px; }
.services-item .services-box .content-wrap { padding-left: 35px; }
.services-item:not(:last-child){ margin-bottom: 30px;}
.services-item:nth-child(odd) .row{ flex-direction: row-reverse;}
.services-item:nth-child(odd) .services-box .content-wrap { padding-left: 0; padding-right: 35px; }
.support-section .button-wrap { position: relative;}
.support-section #ajax-loader { width: fit-content; position: absolute; z-index: 1; top: -35px; right: 0; left: 0; margin: 0 auto; }
@media only screen and (max-width: 1399px){
	.services-item .services-box .content-wrap { padding-left: 15px; }
	.services-item:nth-child(odd) .services-box .content-wrap{ padding-right: 15px;}
}
@media only screen and (max-width: 1199px){
	.hero-banner.inner-banner .banner-bg{ padding-bottom: 25%;}
	.services-item .services-box .content-wrap { padding-left: 0; }
	.services-item:nth-child(odd) .services-box .content-wrap{ padding-right: 0;}
}
@media only screen and (max-width: 991px){
	.hero-banner.inner-banner{ padding: 0;}
	.hero-banner.inner-banner .banner-bg { position: relative; }
	.hero-banner.inner-banner .container-holder { position: absolute; }
	.services-item .services-box .image-wraper{ margin-bottom: 25px;}
	.support-section .button-wrap{ margin-top: 30px !important;}
}
@media only screen and (max-width: 767px){
	.hero-banner.inner-banner .banner-bg { padding-bottom: 30%; }
}
@media only screen and (max-width: 419px){
	.hero-banner.inner-banner .banner-bg { padding-bottom: 35%; }
}
/* our services page end----------- */

/* Family Owned and Operated page start */
.commitment-section .image-wraper { padding-bottom: 90%; border-radius: 20px; }
.commitment-section .info-wraper { padding-right: 11%; }

.principles-section  .bg-holder { background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; position: absolute; z-index: 1; top: 0; right: 0; left: 0; width: 100%; height: 70%; }
.principles-section  .bg-holder::before { content: ""; background: rgba(40, 68, 149, 0.95); position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; }
.principles-section .section-title { max-width: 780px; margin: 0 auto 50px; }
.principles-section .section-title *{ color: var(--white);}
.principles-box{ background: var(--white); box-shadow: 0px 4px 20px 0px #0000000F; border-radius: 20px; padding: 20px;	max-width: 1300px; margin: 0 auto;}
.principles-box .image-wraper { padding-bottom: 65%; border-radius: 10px; box-shadow: 0px 4px 20px 0px #0000000F; }
.principles-box .info-wraper { padding-left: 20px; }

.visit-us-section .info-wraper { padding-right: 10%; }
.thank-you-box { background: #F3F7FA; border: 1px solid #51A9DE; border-radius: 10px; padding: 60px; }
@media only screen and (max-width: 1399px){
	.commitment-section .info-wraper { padding-right: 5%; }
	.visit-us-section .info-wraper { padding-right: 5%; }
	.thank-you-box{ padding: 30px;}
}
@media only screen and (max-width: 1199px){
	.commitment-section .info-wraper { padding-right: 15px; }
	.principles-box .info-wraper { padding-left: 15px; }
	.visit-us-section .info-wraper { padding-right: 15px; }
	.principles-section .section-title{ margin: 0 auto 40px;}
}
@media only screen and (max-width: 991px){
	.commitment-section .image-wraper{ margin-bottom: 25px;}
	.commitment-section .info-wraper{ padding-right: 0;}
	.commitment-section .info-wraper p:last-child{ margin-bottom: 0;}
	.principles-box{ padding: 15px;}
	.principles-section .section-title{ margin: 0 auto 25px;}
	.principles-box .image-wraper{ margin-bottom: 25px;}
	.principles-box .info-wraper { padding-left: 0; }
	.visit-us-section .info-wraper { padding-right: 0; margin-bottom: 25px; }
}
@media only screen and (max-width: 767px){
	.thank-you-box { padding: 15px; }
}
/* Family Owned and Operated page end */



/* Saving You Money page start */
.get-to-know-section .image-col .image-wraper{ padding-bottom: 134%; border-radius: 20px;}
.get-to-know-section .image-col:first-child { width: calc(44% - 15px); }
.get-to-know-section .image-col:last-child { width: calc(56% - 15px); }
.get-to-know-section .image-col:first-child  .image-wraper{ padding-bottom: 154%;}
.get-to-know-section .info-wraper { padding-left: 8%; }
.get-to-know-section .info-wraper p:last-child{ margin-bottom: 0;}

.benefit-section { background: var(--light-blue);}

.benefit-section .image-design { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; width: 47%; }
.benefit-section .image-design::before { content: ""; background: rgba(40, 68, 149, 0.9); position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }
.benefit-section .image-design img{ width: 100%; height: 100%; object-fit: cover;}
@media only screen and (min-width: 2550px){
	.benefit-section .image-design{ width: 48%;}
}
@media only screen and (min-width: 4000px){
	.benefit-section .image-design{ width: 48.5%;}
}
@media only screen and (min-width: 6000px){
	.benefit-section .image-design{ width: 49%;}
}
.benefit-section  .info-wraper{ position: relative; z-index: 3;}
.benefit-section  .info-wraper *{ color: var(--white);}
.benefit-section .info-wraper h2 span{ display: block;}
.benefit-list-box { background: #F3F7FA; padding: 30px 50px 30px 0; border-radius: 50px; align-items: center;}
.benefit-list-box * { position: relative; z-index: 3; }
.benefit-list-box .icon-wrap { display: flex; align-items: center; justify-content: center; background: #F3F7FA; border: 7px solid #284495E5; border-radius: 50%; width: 120px; height: 120px; }
.benefit-list-box .info-wrap { width: calc(100% - 120px); padding-left: 20px; }
.benefit-list-box .info-wrap h5{ margin-bottom: 10px;}
.benefit-list-box .info-wrap p:last-child{ margin-bottom: 0;}
.benefit-list-box:not(:last-child){ margin-bottom: 30px;}

.Process-box-outer .row{ justify-content: center;}
.Process-box-outer .Process-box-col:not(:last-child){ margin-bottom: 25px;}
.Process-icon-outer { display: flex; align-items: center; justify-content: center; background: #F3F7FA; border: 1px solid #51A9DE; border-radius: 50%; width: 200px; height: 200px; position: relative; padding: 25px; margin: 0 auto 30px; }
.Process-icon-outer .Process-number { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: var(--light-blue); border-radius: 50%; color: var(--white); font-size: 22px; font-weight: var(--semi-bold); line-height: 1; position: absolute; z-index: 1; top: 10px; left: 10px; }
.Process-icon-outer::before { content: ""; background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; width: 100px; height: 25px; position: absolute; right: -100%; }
.Process-box-outer .slider-col:nth-child(2n+1) .Process-icon-outer::before{ background: url(../images/Isolation_Mode.svg);}
.Process-box-outer .slider-col:nth-child(3n-1) .Process-icon-outer::before{ background: url(../images/Isolation_Mode-up.svg);}
.Process-box-outer .slider-col:last-child .Process-icon-outer::before{ display: none;}

.Process-box-outer .Process-box-col:nth-child(2n+1) .Process-icon-outer::before{ background: url(../images/Isolation_Mode.svg);}
.Process-box-outer .Process-box-col:nth-child(3n-1) .Process-icon-outer::before{ background: url(../images/Isolation_Mode-up.svg);}
.Process-box-outer .Process-box-col:last-child .Process-icon-outer::before{ display: none;}
.Process-box-outer .slick-list { margin: 0 -15px; }
.Process-box-outer .slider-col { padding: 0 15px; }
.Process-box .process-info h5{ margin-bottom: 20px;}
.Process-box .process-info p:last-child{ margin-bottom: 0;}

.list-box{ background: var(--white); box-shadow: 0px 4px 20px 0px #0000000F; border-radius: 10px; padding: 35px 40px;}
.list-box:not(:last-child){ margin-bottom: 30px;}
.list-box .blue-icon { display: flex; align-items: center; justify-content: center; background: var(--white); width: 50px; height: 50px; border-radius: 50%; box-shadow: 0px 0px 18px 0px #FFFFFF4D; border: 10px solid #EAEDF3; position: absolute; z-index: 1; top: 30px; left: -25px; }
.list-box h5{ margin-bottom: 10px;}
.list-box p:last-child{ margin-bottom: 0;}

.why-choose-section .image-outer { height: 100%; margin-left: 10%; position: relative;}
.why-choose-section  .image-wraper { height: 100%; width: 48vw; position: absolute; top: 0; left: 0; }
.why-choose-section  .image-wraper img{ width: 100%; height: 100%; object-fit: cover;}
@media only screen and (max-width: 1399px){
	.get-to-know-section  .info-wraper { padding-left: 4%; }
	.benefit-list-box{ padding: 25px 30px 25px 0;}
	.benefit-list-box .icon-wrap { border: 5px solid #284495E5; width: 100px; height: 100px; }
	.benefit-list-box .info-wrap { width: calc(100% - 100px); }
	.Process-icon-outer{ width: 150px; height: 150px;}
	.Process-icon-outer .Process-number{ width: 30px; height: 30px; font-size: 18px;}
	.why-choose-section .image-outer{ margin-left: 6%;}
	.list-box{ padding: 25px 25px 25px 30px;}
	.list-box .blue-icon{ width: 30px; height: 30px; border: 5px solid #EAEDF3; top: 25px; left: -15px;}
}
@media only screen and (max-width: 1199px){
	.get-to-know-section  .info-wraper { padding-left: 0; }
	.benefit-section .image-design{ width: 48.5%;}
	.Process-icon-outer { width: 120px; height: 120px; }
	.Process-icon-outer .Process-number { width: 25px; height: 25px; font-size: 16px; top: 5px; left: 5px; }
	.Process-icon-outer::before{ width: 80px; height: 20px; right: -110%;}
	.why-choose-section .image-outer { margin-left: 0; }
	.why-choose-section .image-wraper{ width: 49vw;}
}
@media only screen and (max-width: 991px){
	.get-to-know-section .image-wraper-outer { margin-bottom: 30px; }
	.benefit-section .image-design { width: 100%; }
	.benefit-section  .container { position: relative; z-index: 3; }
	.benefit-list-box:not(:last-child){ margin-bottom: 25px;}
	.benefit-list-box{ width: calc(100% - 50px); border-radius: 20px; position: relative; margin-left: auto; padding-left: 70px;}
	.benefit-list-box .icon-wrap{ position: absolute; top: 50%; left: -50px; transform: translateY(-50%);}
	.benefit-list-box .info-wrap { width: 100%; padding-left: 0; }
	.Process-icon-outer{ margin: 0 auto 25px;}
	.Process-icon-outer::before{ display: none;}
	.list-box:not(:last-child) { margin-bottom: 25px; }
}
@media only screen and (max-width: 767px){
	.get-to-know-section .image-col:first-child { width: calc(45% - 5px); }
	.get-to-know-section .image-col:last-child { width: calc(55% - 5px); }
	.get-to-know-section .image-col .image-wraper{ border-radius: 10px;}
	.get-to-know-section .image-col:first-child  .image-wraper { padding-bottom: 145%; }
	.benefit-list-box{ width: calc(100% - 30px); padding: 20px 16px 20px 60px;}
	.benefit-list-box .icon-wrap { border: 3px solid #284495E5; width: 74px; height: 74px; padding: 15px; left: -30px;}
	.Process-icon-outer { width: 100px; height: 100px; }
	.Process-icon-outer .Process-number{ font-size: 14px;}
	.list-box { width: calc(100% - 15px); padding: 20px 15px 20px 30px; margin-left: auto;}
}
/* @media only screen and (max-width: 575px){
	.benefit-list-box { width: 100%; padding: 50px 15px 20px 15px; text-align: center; }
	.benefit-list-box .icon-wrap{ }
} */
/* Saving You Money page end */

/* We Are a Daikin Comfort Pro page start*/
.common-section .info-wraper{ padding-left: 8%;}
.common-section .flex-row-reverse .info-wraper { padding-right: 8%; padding-left: 0; }
.common-section .flex-row-reverse .info-wraper p:last-child{ margin-bottom: 0;}
.common-section .info-wraper h5{ color: var(--light-blue); margin-bottom: 20px;}
.common-section .image-wraper { padding-bottom: 90.6%; border-radius: 20px; overflow: hidden; }

.choice-section .section-title { max-width: 790px; margin: 0 auto 50px; }
.standing-out-section .image-outer{ padding-right: 6%;}
.standing-out-section .image-wraper { padding-bottom: 102%; border: 4px solid #F1F1F1; border-radius: 20px; }
.standing-out-section .list-box{ background: #F3F7FA; box-shadow: none; border: 1px solid #51A9DE;}
@media only screen and (max-width: 1399px){
	.common-section .info-wraper { padding-left: 4%;}
	.common-section .flex-row-reverse .info-wraper { padding-right: 4%;}
	.standing-out-section .image-outer { padding-right: 4%; }
}
@media only screen and (max-width: 1199px){
	.common-section .info-wraper { padding-left: 0;}
	.common-section .flex-row-reverse .info-wraper { padding-right: 0;}
	.choice-section .section-title{ margin-bottom: 40px;}
	.standing-out-section .image-outer { padding-right: 0; }
}
@media only screen and (max-width: 991px){
	.common-section .image-wraper{ padding-bottom: 80%; margin-bottom: 25px;}
	.choice-section .section-title{ margin-bottom: 25px;}
	.standing-out-section .image-outer{ margin-bottom: 25px;}
}
/* We Are a Daikin Comfort Pro page end*/

/* Join the Elevation Team page start */
.beliefs-section .Process-icon-outer{ background: var(--white); width: 150px; height: 150px;}
.beliefs-section .Process-icon-outer::before{ display: none;}

.carreer-box-outer .carreer-box-col:not(:last-child){ margin-bottom: 25px;}
.carreer-box { display: flex; flex-direction: column; background: #F4F4F4; padding: 50px; border-radius: 10px; height: 100%;}
.carreer-box h3 { padding-bottom: 30px; border-bottom: 1px solid #23356933; }
.carreer-box .button-wrap { margin-top: auto; padding-top: 10px; }
.carreer-section .bottom-row { max-width: 1270px; margin: 0 auto; }
.carreer-section .bottom-row h5{ margin-bottom: 0;}
.carreer-section .bottom-row h5 span{ color: var(--light-blue);}
@media only screen and (max-width: 1599px){
	.carreer-box{ padding: 40px;}
}
@media only screen and (max-width: 1399px){
	.beliefs-section .Process-icon-outer{ width: 120px; height: 120px;}
	.carreer-box { padding: 30px; }
	.carreer-box h3{ margin-bottom: 25px; padding-bottom: 25px;}
}
@media only screen and (max-width: 991px){
	.carreer-box { padding: 25px 20px; }
}
@media only screen and (max-width: 767px){
	.benefit-section .info-wraper h2 span{ display: inline;}
	.beliefs-section .Process-icon-outer { width: 100px; height: 100px; }
	.carreer-box { padding: 20px 15px; }
}
/* Join the Elevation Team page end */

/* contact us page start */
.get-in-touch-section  .section-title { max-width: 1035px; margin: 0 auto 50px; }
.get-in-touch-box-wraper .row{ justify-content: center;}
.get-in-touch-box-col{ margin-bottom: 25px;}
.get-in-touch-box{ height: 100%;}
.get-in-touch-box .icon-wraper { display: flex; align-items: center; justify-content: center; background: var(--deep-blue); border: 10px solid #EAEDF3; border-radius: 50%; width: 90px; height: 90px; position: absolute; z-index: 1; top: 50%; left: 0; transform: translateY(-50%); }
.get-in-touch-box  .info-outer { display: flex; align-items: center; width: calc(100% - 50px); height: 100%; background: #F3F7FA; border: 1px solid #51A9DE; border-radius: 10px; padding: 35px 35px 35px 80px; margin-left: auto; }
.get-in-touch-box p{ color: var(--light-blue); margin-bottom: 5px;}
.get-in-touch-box h5{ margin-bottom: 0;}
.get-in-touch-box a{ color: var(--blue);}
.get-in-touch-box a:hover{ color: var(--light-blue);}
.contact-us-section .info-wraper { padding-right: 10%; }
.contact-form { background: var(--white); box-shadow: 0px 4px 20px 0px #0000000F; padding: 50px; border-radius: 20px; position: relative;}
.contact-form .form-control{ background: #F3F3F3;}
.submit-btn { background-image: url(../images/arrow-right-white.svg); background-repeat: no-repeat !important; background-position: right 41% center !important; background-size: 24px !important; }
.submit-btn:hover{ background-image: url(../images/arrow-right.svg); background-position: right 39% center !important;}
.contact-us-section .contact-form p{ margin-bottom: 0;}
.contact-form .wpcf7-spinner { position: absolute; right: 0; bottom: 5px; left: 0; margin: 0 auto; }
@media only screen and (max-width: 1599px){
	.contact-form{ padding: 40px;}
}
@media only screen and (max-width: 1399px){
	.get-in-touch-box .icon-wraper{ width: 70px; height: 70px; padding: 12px; border-width: 7px;}
	.get-in-touch-box .info-outer{ width: calc(100% - 35px); padding: 25px 25px 25px 55px;}
	.contact-us-section .info-wraper { padding-right: 6%;}
	.contact-form { padding: 30px; }
	.submit-btn{ background-position: right 35% center !important;}
	.submit-btn:hover{ background-position: right 30% center !important;}
}
@media only screen and (max-width: 1199px){
	.get-in-touch-section .section-title{ margin-bottom: 40px;}
	.get-in-touch-box .info-outer{ width: calc(100% - 25px); padding: 25px 15px 25px 40px;}
	.get-in-touch-box .icon-wraper { width: 60px; height: 60px; padding: 10px; border-width: 5px; }
	.get-in-touch-box h5{ font-size: 18px;}
	.contact-us-section .info-wraper { padding-right: 0; }
}
@media only screen and (max-width: 991px){
	.get-in-touch-section .section-title{ margin-bottom: 30px;}
	.get-in-touch-box-col:last-child{ margin-bottom: 0;}
	.get-in-touch-box .icon-wraper { width: 55px; height: 55px; padding: 10px; border-width: 5px; }
	.get-in-touch-box .info-outer { width: calc(100% - 25px); padding: 25px 20px 25px 45px; }
	.contact-form { padding: 30px 20px; }
	.submit-btn{ background-position: right 39% center !important;}
	.submit-btn:hover{ background-position: right 37% center !important;}
}
@media only screen and (max-width: 767px){
	.get-in-touch-box .info-outer { width: calc(100% - 20px); padding: 20px 15px 20px 35px; }
	.get-in-touch-box .icon-wraper { width: 45px; height: 45px; padding: 8px; border-width: 3px; }
	.contact-form { padding: 30px 15px; }
	.submit-btn { background-position: right 30% center !important; }
	.submit-btn:hover { background-position: right 28% center !important; }
}
/* contact us page end */

/* no banner page start */
.no-banner-section { min-height: calc(100vh - 350px); border-top: 1px solid #0F1C41; }
.error-page{ display: flex; align-items: center; justify-content: center;}
.error-page h1{ color: var(--light-blue);}
/* no banner page end */