/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,500;0,600;0,700;0,800;0,900;1,500;1,600;1,700;1,800;1,900&display=swap');

#header{
    z-index: 999;
}

#mobile-nav .mob-nav{
    display:block;
}

#mobile-nav li.menu-item {
    opacity: 1;
}

.mob-nav {
    display:none;
}

.inner-page-hero:after {
    background-color: rgba(2, 30, 48, 0.68) !important;
    background:
        linear-gradient(135deg, rgba(2, 68, 104, 0.55) 0%, rgba(2, 30, 48, 0.70) 100%) !important;
    mix-blend-mode: multiply;
}

.inner-page-hero {
    min-height: 350px;
    height: 40vh;
}

.home-category-section {
    padding: 40px 0;
    background-position: left top;
    position: relative;
    background-image: url('images/Herringbone-Tile.svg');
    background-size: 60%;
    padding-bottom: 18%;
}

.wp-block-separator {
    margin-top:2rem;
    margin-bottom:2rem;
}

.wp-block-list li {
    line-height: 1.5;
    margin-bottom: 1rem;
    padding-left: 5px;
    list-style-type: disc; /* Options: disc, circle, square, decimal */
}
@media (max-width: 575px){
    .home-category-section{
        padding-bottom: 20%;
        padding-top: 5%;
    }
}
.home-category-section:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgb(255 254 254 / 40%) 0, rgb(255 255 255 / 80%) 100%);
}
.home-category-section .container{
	z-index:1;
	position:relative;
}
.category-row{
	margin-left: -7px;
	margin-right: -7px;
	margin-bottom: -15px;
}
.category-col{
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 15px;
}
.privacy-content {
    padding-top: 90px;
    color: #fff;
}

.privacy-content p {
    margin-bottom: 0;
}
@media (max-width: 767px){
    .category-row{
        margin-left: -3%;
        margin-right: -3%;
        margin-bottom: -6%;
    }
    .category-col{
        padding-left: 3%;
        padding-right: 3%;
        margin-bottom: 6%;
    }
}
.category-card {
    box-shadow: 3px 5px 3px -20px rgb(50 50 93 / 25%), 0 3px 6px 1px rgb(0 0 0 / 30%), inset 0 -2px 5px 0 rgb(10 37 64 / 35%);
	position: relative;
  overflow: hidden;
	display: flex;
  flex-direction: column;
	height: 100%;
}
.category-card * {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
.category-card .category-image{
    position: relative;
	overflow: hidden;
}
.category-card .category-header{
    position: relative;	
	overflow: hidden;
}
.category-card .category-image img{
    object-fit: cover;
}
.category-card .category-overlay{
    position:absolute;
	width: 100%;
	height: 100%;
	    background: rgba(2,68,104,0.85);
	top: -100%;
}
.category-card .category-overlay a{
	position:absolute;
	    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
    font-size: 1.3rem;
    line-height: 20px;
    color: #ffffff;
    font-weight: 900;
    padding: 5px 10px 3px 10px;
    border-radius: 0px 0px 0px 0px;
    background: rgba(0,0,0,0.15);
    z-index: 2;
    display: block;
    font-family: 'Libre Baskerville';
    text-transform: uppercase;
	display: inline-block;
}
.category-card .category-overlay a:hover {
    background: rgba(0,0,0,0.50);
}
.category-card .category-content{
    padding: 30px 50px;
	text-align: center;
	background-color:#ffffff;
	flex: 1;
}
@media (max-width: 992px){
	.category-card .category-content{
    padding: 30px;
}
}
@media (max-width: 767px){
	.category-card .category-content{
    padding: 20px;
}
}
.category-card .category-content span{
        font-size: 2rem;
    line-height: 25px;
    color: #024468;
    font-weight: 800;
    padding: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    background: rgba(255,255,255,1);
    z-index: 2 !important;
    display: block;
    font-family: 'Libre Baskerville';
    text-transform: capitalize;
}
@media (max-width: 767px){
    .category-card .category-content span{
    font-size: 1.6rem;
    }
}
.category-card .category-content span:hover{
    color: #363839;
}

/* bathroom Modeling */
.inner-page-hero .on-hero .left-content{
	text-align: left;
	max-width: 1050px;
}
@media (min-width: 992px){
	.inner-page-hero.bathroom-remodeling-inner-page-header .on-hero .left-content{
	padding-left: 50px;
        max-width: 890px;
}
}
.inner-page-hero .on-hero .left-content h1{
	line-height: 1.25;
}
@media (max-width: 767px){
	.inner-page-hero.bathroom-remodeling-inner-page-header .on-hero .left-content h1{
	font-size: 2.6rem;
}
	.inner-page-hero.bathroom-remodeling-inner-page-header .on-hero span {
    font-size: 1.6rem;
}
}
.inner-page-hero .on-hero .left-content .btn{
	margin-top: 20px;
	    border: solid 3px #fff;
}
.inner-page-hero .on-hero .left-content .btn:hover, .inner-page-hero .on-hero .left-content .btn:focus{
	    border: solid 3px #024468;
}

.inner-page-hero.bathroom-remodeling-inner-page-header{
    height: 85vh;
}
@media (max-width: 1500px){
.inner-page-hero.bathroom-remodeling-inner-page-header{
		height: 90vh;
	}
}
@media (max-width: 1300px){
.inner-page-hero.bathroom-remodeling-inner-page-header{
		height: 90vh;
	}
}
@media (max-width: 991px){
.inner-page-hero.bathroom-remodeling-inner-page-header{
		height: 55vh;
	}
}
.after-before-section{
	margin:100px 0;
}
@media (max-width: 1199px){
	.after-before-section{
		margin:70px 0;
	}
}
@media (max-width: 767px){
	.after-before-section{
		margin:40px 0;
	}
}
.after-before-content-row {
    margin-top: 35px;
	margin-bottom: -20px;
}
.after-before-content-row .col-lg-4{
	margin-bottom: 20px;
}
.after-before-content-row p{
	    border-left: 3px solid #f1d37e;
    padding-left: 10px;
    font-size: 1.5rem;
}
.after-before-bottom-content{
	margin-top: 35px;
}

.bathroom-about-service {
    text-align: center;
    width: 100%;
    padding: 100px 0;
	background-color: #053c5d;
}
@media (max-width: 767px) {
    .bathroom-about-service {
        padding: 40px 0;
    }
}
.bathroom-about-service h2{
   color: #fff;
	margin-bottom: 70px;
}
@media (max-width: 1199px){
.bathroom-about-service h2{
	margin-bottom: 50px;
}
}
@media (max-width: 767px){
.bathroom-about-service h2{
	margin-bottom: 40px;
}
}
.bathroom-about-service .service-block {
    width: 100%;
	height: 100%;
    margin-bottom: 30px;
    display: inline-block;
}

.bathroom-about-service .service-block .content {
    width: 100%;
	height: 100%;
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

.bathroom-about-service .service-block .content::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 2px;
    right: -25px;
    height: 100%;
    background-color: #0a6a98;
    top: 0;
}
.col-lg-4:last-child .content:after {
    display: none;
}
@media (max-width: 991.98px) {
    .bathroom-about-service .service-block .content::after {
        display: none;
    }
}
.bathroom-about-service .service-block .content h4 {
    color: #f1d37e;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 1.5;
    position: relative;
    z-index: 1;
    font-family: 'Montserrat', sans-serif;
}

.bathroom-about-service .service-block .content h4 > span {
    text-transform: capitalize;
	color: #fff;
	font-size: 2rem;
}
@media (max-width: 1199.98px){
.bathroom-about-service .service-block .content h4 > span {
    font-size: 1.8rem;
}
}

.bathroom-about-service .service-block .content p {
	color: #fff;
}
.bathroom-about-service .service-block .content p:last-of-type {
	margin-bottom: 0;
}

.bathroom-about-service .col-lg-4{
	counter-increment: step-counter;
}

.bathroom-about-service .col-lg-4 .service-block h4::before {
content: counter(step-counter);
    font-size: 120px;
    position: absolute;
    top: -11px;
    left: 20%;
    opacity: 0.1;
    line-height: 1;
	font-weight: 400;
	font-family: "Libre Baskerville",serif;
}
@media (max-width: 991.98px) {
.bathroom-about-service .col-lg-4 .service-block h4::before {
    left: 30%;
}
}

.bathroom-halfimage-section{
	margin-top: 80px;
}
@media (max-width: 1199.98px){
.bathroom-halfimage-section{
    margin-top: 50px;
}
}
@media (max-width: 991.98px){
.bathroom-halfimage-section{
    margin-top: 60px;
}
}

.bathroom-halfimage-section .page-heading{
	max-width: 900px;
	margin: 0 auto 75px;
}
@media (max-width: 1199px){
.bathroom-halfimage-section .page-heading{
	margin-bottom: 50px;
}
}
@media (max-width: 767px){
.bathroom-halfimage-section .page-heading{
	margin-bottom: 40px;
}
	.bathroom-halfimage-section .page-heading h2{
	font-size: 2.4rem;
}
}

.bathroom-halfimage-section h3{
	text-transform: capitalize;
    margin-bottom: 15px;
}
@media (max-width: 767px){
.bathroom-halfimage-section h3{
	font-size: 2rem;
}
}

.bathroom-halfimage-section  .video-block{
	position: relative;
}
.bathroom-halfimage-section .overlap-image {
    width: 140px;
    position: absolute;
    top: -40px;
    left: -40px;
}

@media (max-width: 991.98px){
	.bathroom-halfimage-section .overlap-image {
        width: 80px;
        top: -20px;
        left: -20px;
    }
.bathroom-halfimage-section .mobile-title {
    display: block;
    text-align: center;
}
	.halfimage-section .desktop-title {
    display: none;
}
}

.quote-block {
    margin: 80px auto;
    max-width: 1375px;
    text-align: center;
    width: 95%;
}
@media (max-width: 991.98px){
    .quote-block {
        width: 100%;
        margin: 60px auto;
    }
}
.quote-block p{
    font-size: 20px;
    font-family: "Libre Baskerville",serif;
    font-weight: 700;
    color: #024468;
}
@media (max-width: 991.98px){
    .quote-block p{
        font-size: 18px;
    }
}

.quote-block h5 {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    position: relative;
    max-width: 680px;
    margin: 30px auto 0;
}
@media (max-width: 991.98px){
    .quote-block h5 {
        margin: 20px auto 0;
    }
}
.quote-block h5:after, .quote-block h5:before {
    position: absolute;
    content: "";
    height: 3px;
    width: calc(50% - 120px);
    background: #024468;
    top: 50%;
    transform: translateY(-50%);
}
.quote-block h5:before {
    left: 0;
}
.quote-block h5:after {
    right: 0;
}
.quote-block h5 > span {
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding: 5px 10px;
}

.bathroom-gallery-section ,  .quality-section,
.gallery-sectiom{
    padding: 70px 0;
    background-position: left top;
    position: relative;
    background-image: url(images/Herringbone-Tile.svg);
    background-size: 60%;
}

@media (max-width: 1199px){
.bathroom-gallery-section {
    padding:50px 0;
}
}
@media (max-width: 767px){
.bathroom-gallery-section {
    padding: 40px 0;
}
}

.bathroom-gallery-section:after,
.gallery-sectiom:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(79,137,179,0) 25%,rgba(11,66,99,0.75) 62%,rgba(5,60,93,0.78) 65%,rgba(5,60,93,1) 84%,rgba(5,60,93,1) 100%);
}
.bathroom-gallery-section:before ,  .quality-section::before,  .quality-section:after,
.gallery-sectiom:before {
    content: "";
    width: 100%;
    height: 24px;
    position: absolute;
    top: -15px;
    left: 0;
	background-image: url(https://www.coradicontracting.com/wp-content/uploads/2024/04/gradient-border.png);
	background-repeat: repeat-x;
}
.bathroom-gallery-section .container{
	position: relative;
	z-index: 1;
}
.bathroom-gallery-section .page-heading{
    max-width: 1080px;
    margin: 0 auto 35px;
    display: flex;
    align-items: center;
    text-align: left;
}
.bathroom-gallery-section .page-heading h2{
    max-width: 330px;
    margin-right: 40px;
    margin-bottom: 0;
}
@media (max-width: 1199px){
.bathroom-gallery-section .page-heading{
    max-width: 800px;
    margin: 0 auto 35px;
    flex-direction:column;
    text-align: center;
}
.bathroom-gallery-section .page-heading h2{
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
}
}
@media (max-width: 767px){
.bathroom-gallery-section .page-heading{
    margin: 0 auto 25px;
}
}
.page-heading h2{
	  margin-bottom: 15px;
}

.btn-white-border {
    background: transparent;
    color: #fff;
    border: solid 3px #fff;
    border-radius: 0;
	position:relative;
	overflow: hidden;
}

.btn-white-border:hover{
	color: #024468;
	border: solid 3px #fff;
}

.btn-white-border:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    transition: all ease-in-out .5s;
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
}
.btn-white-border:hover:before {
    width: 200%;
    height: 550%;
    opacity: 1;
}

.bathroom-our-work {
	position: relative;
	    margin-top: 40px;
}
@media (max-width: 767px){
.bathroom-our-work {
	position: relative;
	    margin-top: 30px;
}
}
.bathroom-our-work:after, .bathroom-our-work:before {
	position: absolute;
	content: "";
	height: 3px;
	width: calc(50% - 130px);
	background: #fff;
	top: 50%;
	transform: translateY(-50%);
}
.bathroom-our-work:before {
	left: 0;
}
.bathroom-our-work:after{
	right: 0;
}

.bathroom-contact-section{
	background-color: #053c5d;
	padding: 10px 0 70px;
}
@media (max-width: 767px){
.bathroom-contact-section{
	background-color: #053c5d;
	padding: 10px 0 40px;
}
}

.bathroom-contact-section .page-heading{
	  max-width: 790px;
    margin: 0 auto 35px;
}

@media (max-width: 767px){
.bathroom-contact-section .page-heading{
    margin: 0 auto 25px;
}
}
/* .bathroom-contact-section .page-heading h2{
	 color: #f1d37e;
}
.bathroom-contact-section .page-heading p{
	 color: #fff;
} */
.bathroom-contact-form {
    background-color: #fff;
    padding: 30px;
}
@media (max-width: 767px){
.bathroom-contact-form {
    padding: 15px;
}
}
.before-after-main {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
	width: 100%;
	height: 100%;
}

@media all and (max-width: 991px) {
    .before-after-main {
        height: 400px;
    }
}

@media all and (max-width: 767px) {
    .before-after-main {
        height: 300px;
    }
}
/* Before after start */
.bal-container {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: grab;
    overflow: hidden;
}

.bal-after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.bal-before {
    display: block;
    position: absolute;
    top: 0;
    /* right: 0; */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden;
}

.bal-before-inset {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.bal-after img,
.bal-before img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.bal-before img {
    width:600px;
}

.bal-beforePosition {
    background: #121212;
    color: #fff;
    left: 0;
    pointer-events: none;
    border-radius: 0.2rem;
    padding: 2px 10px;
}

.bal-afterPosition {
    background: #121212;
    color: #fff;
    right: 0;
    pointer-events: none;
    border-radius: 0.2rem;
    padding: 2px 10px;
}

.beforeLabel {
    position: absolute;
    bottom: 0;
    margin: 1rem;
    font-size: 1em;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.afterLabel {
    position: absolute;
    bottom: 0;
    margin: 1rem;
    font-size: 1em;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}


/* handle and arrow */

.bal-handle {
    height: 41px;
    width: 41px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -21px;
    border: 2px solid #fff;
    border-radius: 1000px;
    z-index: 2;
    pointer-events: none;
    box-shadow: 0 0 10px rgb(12, 12, 12);
}

.handle-left-arrow,
.handle-right-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.handle-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px;
}

.handle-right-arrow {
    border-left: 6px solid #fff;
    right: 50%;
    margin-right: -17px;
}

.bal-handle::before {
    bottom: 50%;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgb(12, 12, 12);
}

.bal-handle::after {
    top: 50%;
    margin-top: 20.5px;
    box-shadow: 0 0 5px rgb(12, 12, 12);
}

.bal-handle::before,
.bal-handle::after {
    content: " ";
    display: block;
    width: 2px;
    background: #fff;
    height: 9999px;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
}
/* Before after End */
.home-hero .hero-box {
    background: #fff;
    background: linear-gradient(0deg, #ffffff 53%, rgb(255 255 255) 83%, rgb(255 255 255 / 4%) 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 780px;
    padding: 35px;
    margin: 0 auto;
}

.home-hero .hero-box {
    max-width: 600px;
}
.home-hero .h1, .home-hero h1 {
    /* max-width: 380px; */
    margin: 0 auto 5px;
}
.home-hero .hero-box .btn-block .btn{
    min-width: unset;
    font-size: 16px;
} 

.gb-button-5202c431 {
    background-color: #024468 !important;
    color: #ffffff;
}

.home-hero .hero-box .btn-block .btn:last-child {
    margin-bottom: 0;
}
.inner-page-hero .on-hero span{
    font-family: 'Montserrat', sans-serif;
    text-transform: capitalize;
    color: #f1d37e;
    line-height: 1.5;
}
.home-about .home-about-left h6 {
    font-family: 'Montserrat', sans-serif;
    text-transform: capitalize;
    color: #fff;
}

.page-content.services-section {
    padding: 0;
}
.services-category-section.home-category-section {
    padding: 50px 0;
    background-color: #fff;
    position: relative;
    background-image: none;
}
.services-category-section.home-category-section:after {
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,#023754 100%);
}
.renovation-content {
    text-align: center;
    max-width: 530px;
    margin: 0 auto;
}
.quality-section .container {
    padding-left: 50px;
    padding-right: 50px;
}
.renovation-content h1 {
    border-top: 5px solid #198ac0;
    border-bottom: 5px solid #198ac0;
    line-height: 1.4;
}
.renovation-content h1 span {
    position: relative;
}
.renovation-content h1 span:after {
    content: '';
    display: inline-block;
    background: url('images/title-border.png');width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.renovation-content h4 {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 22px;
    margin-bottom: 20px;
}
.renovation-content p {
    max-width: 380px;
    margin: 0 auto 30px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;

}
.renovation-btn-wrapp a{
    margin-bottom: 10px;
}

.tiled-bath {
    height: 100%;
}

.tiled-bath img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: right;
}
.cstm-tiled {
    height: 80vh;
    min-height: 750px;
    position: relative;
    padding: 130px 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quality-section {
    padding: 110px 0 80px;
    background-repeat: repeat;
}
.quality-section .white-bg{
    background: #fff;
}
.quality-section .white-bg:after,
.quality-section .white-bg:before {
    content: '';
    position: absolute;
    top: 0;
    background: linear-gradient(180deg, transparent 0%, #fff 100%);
    width: 100%;
    height: 80px;
    top: 30px;
}
 .quality-section .white-bg:after {
    background: linear-gradient(180deg, #fff 0%, transparent 100%);
    bottom: 0;
    top: auto;
    height: 80px;
} 
.quality-section .container{
    position: relative;
    z-index: 9;
}

.quality-section .quality-default-content h3 img {
    width: 25px;
    vertical-align: middle;
    margin-top: -7px;
    margin-right: 10px;
}
.quality-section:after {
    top: auto;
    bottom: -10px;
}
.right-img-tiled {
    position: absolute;
    right: 0;
    padding-right: 0;
    top: 0;
    height: 100%;
}


.quality-section .quality-default-content h3 img {
    width: 25px;
    vertical-align: middle;
    margin-top: -7px;
}

.quality-default-content h4 {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    color: #127cb6;
}
.quality-default-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.quality-default-content ul li {
    font-size: 24px;
    margin-bottom: 20px;
    font-family: "Libre Baskerville",serif;
    font-weight: 700;
    color: #024468;
}

.quality-default-content ul li img {
    vertical-align: bottom;
    width: 32px;
}
.quality-default-content p {
    margin-bottom: 25px;
    font-size: 1.8rem;
    font-weight: 400;
}

.quality-default-content h3 {
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 4rem;
    text-transform: uppercase;
}


.right-img-tiled:before {
    
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    background: url('images/shape-overlay.png') no-repeat;
    position: absolute;
    background-size: cover;
    right: -20px;
}
.badge-img {
    position: absolute;
    top: auto;
    bottom:0;
    left: -40px;
    width: 200px;
    transform: translate(0, -50%);
}

.tile-image {
    position: relative;
}

.tile-image > img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}

.quality-default-content {
    padding-right: 50px;
}
.tile-card {
    position: relative;
    text-align: center;
}

.tile-card .tiel-imgae-round {
    /* width: 430px;
    height: 430px; */    
    width: 325px;
    height: 325px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto 30px;
    padding: 10px;
}


.tile-card .tiel-imgae-round img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #024468;
    border-radius: 100%;
    position: relative;
    z-index: 9;
}
.tile-card .tiel-imgae-round:before {
  content: '';
  display: block;
  border-radius: 50%;
  background-color: #053c5d;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.tile-card {
    position: relative;
    text-align: center;
}

.tile-card .tile-desc h3 img {
    width: 22px;
    vertical-align: inherit;
    margin-right: 5px;
}
.space-top-tile {
    margin-top: 80px;
}

.tile-card .tile-desc h3 {
  font-size: 27px;
  color: rgb(5, 60, 93);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 15px;
}


.tile-card .tile-desc p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}
.bathtub-section {
    background: #053c5d;
    padding: 110px 15px;
}
.simple-head {
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
}
.simple-head h2{
    color: #fff;
}

.top-simple-content {
    margin: 0 auto 15px;
}
.simple-head > p {
    text-align: center;
    max-width: 590px;
    margin: 0 auto;
    font-size: 18px;
}
.real-tile-image-row {
    align-items: flex-end;
    overflow: hidden;
    margin-bottom: -70px;
}
.real-tile-image-row > div {
    padding: 0 15px;
}
.real-til-left-col {
    position: relative;
    top: 100px;
}
.grid-col img {
    margin-top: 30px;
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.bathtub-section .step-count {
    justify-content: center;
}

.step-count .step-circle {
    background: #f1d37d;
    border: 2px solid #fff;
    display: inline-flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-family: "Libre Baskerville" , sans-serif;
    font-size: 32px;
    color: #053c5d;
}
.step-count span {
    color: #f1d37d;
    font-size: 27px;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
    margin-left: 15px;
}

.simple-head {
    color: #fff;
}

.simple-head {
    color: #fff;
}

.step-row {
    margin-top: 50px;
}
.avail-content {
    margin-bottom: 30px;
}
.step-row .default-content {
    text-align: center;
    color: #fff;
    margin: 0 auto;
}

.step-row .default-content h4 {
    color: #f1d37d;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
.avail-content > p {max-width: 650px;margin: 0 auto;}
.step-row .default-content  p {
    font-size: 18px;
}

.line-hr {
    height: 50px;
    width: 3px;
    background: #147cb5;
    margin: 0 auto 15px;
}
.avail-content {
    margin-bottom: 30px;
}

.begin-content p {
    max-width: 890px;
    margin: 0px auto 20px;
}

.step-count {
    margin-bottom: 20px;
}

.begin-content h3 {
    text-transform: uppercase;
    color: #ebcb73;
    margin: 50px 0;
}
.bathtub-section .btn {
    border-color: #fff;
}
.quality-section::before {
    top: -10px;
}
.leakproof-section {
    padding: 110px 30px 30px;
}
.leakproof-section .heading-content {
    text-align: center;
    margin-bottom: 40px;
}
.leak-proof-image {
    position: relative;
    margin-top: 20px;
}


.leak-proof-image> picture img {
    position: absolute;
    left: -40px;
    top: -40px;
    max-width: 150px;
}
.leak-cont-left {
    /* max-width: 531px; */
    max-width: 400px;
}
.leak-cont-left p:last-child{
    margin-bottom: 0;
}

.leakproof-section h3, .new-video-sec h3 {
    margin-bottom: 15px;
}

.leakproof-section p, .new-video-sec p {
    font-size: 18px;
}

.leak-proof-image .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 130px;
}

.leak-proof-image .leak-img {
    cursor: pointer;
}

.modal .modal-body {
    padding: 0;
    margin-bottom: -5px;
}

.modal .modal-body iframe {
    width: 100%;
    aspect-ratio: 16/9;
}
.modal  .btn-close {
    position: absolute;
    right: 20px;
    top: 50px;
    filter: brightness(0) invert(1);
    opacity: 1;
}

.modal-backdrop.fade {
    opacity: .8;
}
.lasting-life {
    margin-top: 60px;
    border-top: 1px solid #949494;
    padding-top: 60px;
}
.lasting-life .default-content {
    max-width: 600px;
}

.lasting-life .default-content h2 {
    font-size: 20px;
    text-transform: unset;
}

.lasting-image img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.lasting-life .lasting-image {
    margin-bottom: 50px;
}

.lasting-life > .row > div:last-child {
    margin-bottom: 0;
}

.renovationform-section {
    background-color: rgb(5, 60, 93);
    position: relative;
    padding: 60px 0 100px;
}
.renovationform-section .text-center {
    position: relative;
    z-index: 9;
    padding-bottom: 80px;
}

.renovationform-section .text-center .start-icon img {
    width: 160px;
    margin-bottom: 30px;
}

.renovationform-section .text-center h2 {
    margin-bottom: 10px;
}

.renovationform-section .form-content-heading {
    text-align: center;
    max-width: 790px;
    margin: 0 auto 35px;
    position: relative;
    z-index: 9;
}

.renovationform-section .form-content-heading h2 {
    color: #024468;
    margin-bottom: 15px;
}

.renovationform-section:before {
    content: '';
    position: absolute;
    top: 0px;
    width: 100%;
    height: 260px;
    /* background: linear-gradient(180deg, #fff 0% , #ffffff8f 30% , rgb(255 255 255 / 20%) , rgb(255 255 255 / 0%) 80% ); */
    background: linear-gradient(180deg,#fff 0%,#ffffffbf 40%,#ffffff47 60%,#ffffff21 70%,#ffffff00 90%);
    left: 0;
}




.form-wrapp {
    padding: 30px;
    background: #fff

}

.tiled-lg-image > img {
    width: 100%;
    position: relative;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.tiled-lg-image .tile-sample {
    width: 210px;
    aspect-ratio: 1/1;
    position: absolute;
    left: 270px;
    z-index: 99;
    bottom: 40px;
    border-radius: 4px;
    border: 5px solid #fff;
    background-color: rgb(148, 148, 148);
    box-shadow: 6.428px 7.66px 51px 0px rgba(5, 5, 5, 0.49);
}
.tile-wrap {
    position: absolute;
    left: 545px;
    right: auto;
    top: 40px;
    z-index: 9;
    margin: 0 auto;
    display: block;
    width: auto;
}
.option-txt {
    color: #f1d37d;
    font-size: 27px;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
}

.single-tile-wrap {
    position: relative;
    /* max-width: 450px; */
    padding: 60px 50px;
    left: auto;
    right: 0;
    margin-left: auto;
    margin-right: 0;
}
.nav-tile-box {
    margin-top: -190px;
}
.tile-sample img {
    box-shadow: 6.428px 7.66px 51px 0px rgba(5, 5, 5, 0.49);
    max-width: 220px;
    border: 5px solid #fff;
    border-radius: 6px;
    margin-left: auto;
}
.tile-wrap p , .wallfloor-content >p {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    margin: 10px 0 0 !important;
}
.tile-wrap p span , .wallfloor-content >p span {
    color: #f1d37d;
}
.tile-wrap:before , .wallfloor-content:before{
    content: '';
    position: absolute;
    width: 150px;
    height: 3px;
    background: #f1d37d;
    left: -160px;
    display: inline-block;
    top: auto;
    bottom: 14px;
    z-index: 9;
}
.wrapper-box-slider {
    display: flex;
    align-items: center;
    width: 100%;
}
.tile-for , .choose-for {
    max-width: 545px;
}
.slider-tiles-row {
    position: relative;
}
.nav-tile-box p , .tile-option p {
    color: #f1d37d;
    font-weight: 700;
    font-family: 'Roboto';
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 18px;
}

.nav-tile-box .slick-list , .nav-tile-box h5 {
    max-width: 400px;
    padding: 0 !important;
    margin-right: 25%;
    margin-left: auto;
}

.nav-tile-box .slick-list {
    margin-left: -8px;
}

.wall-nav-card {
    width: 100%;
    aspect-ratio: 1/1;
    text-align: center;
}

.wall-nav-card img {
    width: 100%;
}
.tile-nav .slick-slide , .choose-nav .slick-slide{
    padding: 0 5px;
}
.wall-nav-card .wal-nav-image {
    border: 2px solid transparent;
    padding: 12px;
    transition: all 0.3s ease;
}
.tile-nav .slick-current .wall-nav-card .wal-nav-image {
    border-color:#0a6a98;
}

.wall-nav-card p {
    color: #fff;
    margin: 10px 0 0;
    text-transform: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
}
.wall-nav-card {
    text-align: center;
}
.slider-tiles-row .slick-arrow , .fix-choos-row .slick-arrow , .floor-wall-slider .slick-arrow  {
    background: transparent;
    border: none;
    padding: 0;
    width: 25px;
    position: absolute;
    top: 50%;
    z-index: 99;
    transform: translate(0, -50%);
    margin-top: -60px;
    cursor: pointer;
}

.slider-tiles-row .next-arrow, .fix-choos-row .next-arrow , .floor-wall-slider .next-arrow{
    right: -80px;
}

.slider-tiles-row .prev-arrow, .fix-choos-row .prev-arrow , .floor-wall-slider .prev-arrow {
    left: -80px;
}
.line-slide{
    margin-top: 20px;
}
.tiled-lg-image {
    max-width: 450px;
}
.top-tiles-content {
    position: relative;
}
.mb-n-15{
    margin-bottom: -15%;
}
.fix-choos-row .nav-tile-box .slick-list, .fix-choos-row .nav-tile-box h5{
    max-width: 800px;
    margin-right: 0;
}
.fix-choos-row .nav-tile-box {
    flex: 0 0 50%;
}



/* New slider */
.floor-tile-wrapper {
    display: flex;
    width: 100%;
}
.floor-tile-wrapper .left-floor {
    flex: 0 0 50%;
    max-width: 50%;
}

.floor-tile-wrapper .right-floor-content {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}

.left-floor {
    padding-right: 50px;
    position: relative;
}

.floor-wall-main-image > img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.floor-main-sub-image{
    padding: 50px;
}
.fixure-main .floor-main-sub-image{
    padding: 0;
}
.floor-main-sub-image img{
    box-shadow: 6.428px 7.66px 51px 0px rgba(5, 5, 5, 0.49);
    border: 5px solid #fff;
    border-radius: 6px;
    margin-left: auto;
    position: relative;
}
.tile-option{
    margin-top: 10px;
}
.tile-option h5 {
    margin-bottom: 15px;
}
.wallfloor-content {
    position: relative;
    margin-top: 15px;
}
.wallfloor-content:before{
    width: 110px;
    left: -120px;
}
/* .floorwalltile-slider , .fixture-slider { */
.floorwalltile-slider {
    max-width: 300px;
    margin-left: auto;
    margin-right: -80px;
    margin-top: -220px;
}
.floor-wall-main-image img {
    width: 100%;
}
.floorwalltile-nav,
.fixture-slider-nav {
    max-width: 410px;
}
.floorwalltile-nav .slick-current .wal-nav-image ,
.fixture-slider-nav .slick-current .wal-nav-image{
    border-color:#0a6a98;
}
.floorwalltile-nav .slick-track , .fixture-slider-nav  .slick-track {
    margin: 0;
}
.real-tile-image-row > div {
    padding: 0 15px;
}
.tile-card .tiel-images img {
    width: 60%;
    aspect-ratio: 3/2;
}

.tile-card .tiel-images {
    margin-bottom: 30px;
}
.real-section {
    padding: 110px 0;
}
@media (min-width:768px){
    .lg-title-hide h3 {
        display: none;
    }
    .heading-title h2 {
        font-size: 4rem;
    }
}
@media (min-width:1200px) and (max-width: 1400px){
    .renovation-content h1{
        font-size: 40px;
    }
    .quality-section {
        padding: 110px 0 65px;
    }
    .real-tile-image-row {
        margin-bottom: -58px;
    }
}
@media (max-width: 1300px){
    .renovation-content h4{
        font-size: 18px;
    }
    .renovation-content h1{
        font-size: 3.8rem;
    }
}
@media (max-width: 1199px){
    .tiled-lg-image  {
        max-width: 350px;
    }
    .tile-for , .choose-for {
        max-width: 450px;
    }
    .tile-wrap {
        left: 445px;
        top: 20px;
    }
    .cstm-tiled {
        height: 60vh;
    }
    
    .tile-card .tiel-imgae-round {
        width: 185px;
        height: 185px;
    }
    /* .floorwalltile-slider{
        margin-top: -120px;
    } */
    .tile-wrap p, .wallfloor-content >p , .tile-option p {
        font-size: 16px;
    }
    .quality-section{
        padding-bottom: 7px;
    }
    .real-tile-image-row {
        margin-bottom: 0;
    }
}
@media (max-width: 991px){
    .renovation-content h1 {
        font-size: 24px;
    }
    .nav-tile-box .slick-list {
        margin-left: 0;
    }
    .tile-wrap:before {
        position: absolute;
        width: 3px;
        height: 60px;
        left: 30%;
        top: -60px;
        transform: translate(-50%, 0);
    }
    .wrapper-box-slider{
        display: block;
    }
    .tiled-lg-image {
        max-width: 100%;
    }
    .tile-for , .choose-for {
        max-width: 250px;
    }
    .tile-wrap{
        left: 0;
        top: 20px;
        position: relative;
        max-width: 150px;
        margin-left: auto;
        margin-right: 0;
        padding-top: 10px;
    }
    .single-tile-wrap{
        padding: 0;
        padding-bottom: 50px;
    }
    .nav-tile-box {
        margin-top: 0;
    }
    .top-tiles-content {
        padding-bottom: 60px;
    }
    .mb-n-15 {
        margin-bottom: -45%;
    }
    .option-txt{
        font-size: 18px;
    }
    .nav-tile-box .slick-list, .nav-tile-box h5{
        max-width: 100%;
        margin-right: 0;
    }
    .quality-default-content {
        padding-right: 0;
    }
    .tile-image {
        margin-top: 70px;
    }
    .quality-section .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .tile-image > img {
        height: auto;
    }
    .space-top-tile {
        margin-top: 50px;
    }
    .leak-proof-image .play-icon{
        max-width: 60px;
    }
    .leak-proof-image> img {
        left: -40px;
        top: 10px;
        max-width: 90px;
    }
    .floor-tile-wrapper {
        flex-wrap: wrap;
        display: block;
    }
    .floor-tile-wrapper .left-floor {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .floor-tile-wrapper .right-floor-content {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px;
    }
    .floor-tile-wrapper .right-floor-content {
        margin-top: -180px;
    }
    .wallfloor-content:before{
        display: none;
    }
    .floor-tile-wrapper .right-floor-content {
        margin-top: -180px;
    }
    
    .floor-wall-slider .prev-arrow {
        left: -35px;
    }
    
    .floor-wall-slider .next-arrow {
        right: -35px;
    }
    
    .floor-wall-slider .slick-arrow {top: 38%;}
    /* .floorwalltile-slider, .fixture-slider{ */
    .floorwalltile-slider{
        margin-top: -120px;
    }
    .floor-tile-wrapper .right-floor-content {
        margin-top: -150px;
    }
    .fixure-main .right-floor-content {
        margin: 20px 0 0;
    }
    
    .fixure-main .right-floor-content .wallfloor-content {
        margin: 0;
    }
    .fixure-main .left-floor{
        padding: 0;
    }
    
    .quality-section{
        padding: 80px 0 7px;
    }
    .real-section {
        padding: 80px 0;
    }
    .quality-default-content h3 , .heading-title h2{
        font-size: 2.4rem;
    }
    .badge-img {
        left: 0;
        top: auto;
        bottom: 0;
        right: auto;
        width: 160px;
        height: 140px;
    }
}

@media (max-width: 767px){
    .quote-block h5 > span {
        font-size:14px;
        line-height:1;
    }
    .quote-block h5:after, .quote-block h5:before {
        top: 60%;
    }
    
    .renovationform-section:before {
        background: linear-gradient(180deg, #fff 0%, #ffffff 30%, rgb(255 255 255 / 56%), rgb(255 255 255 / 0%) 100%);
    }
    .quality-section {
        padding: 40px 0 8px;
    }
    .quality-section .white-bg:after, .quality-section .white-bg:before{
        height: 50px;
        top: 0px;
    }
    .cstm-tiled {
        height: auto;
        padding: 50px 0 0;
    }
    .right-img-tiled {
        position: relative;
        margin-top: 30px;
        padding: 0;
    }
    
    .right-img-tiled:before{
        display: none;
    }
    .tiled-bath , .tiled-bath img {
        height: auto;
    }
    .tile-image {
        margin-top: 30px;
    }
    
    .badge-img {
        width: 100px;
        top: -20px;
        transform: translate(0);
        right: 10px;
        left: auto;
    }
    .tile-for, .choose-for {
        max-width: 60%;
        margin-left: auto;
        margin-top: -20px;
        margin-bottom: 42px;
    }
    .mb-n-15 {
        margin-bottom: -65%;
    }
    .tile-sample img{
        max-width: 100%;
    }
    .single-tile-wrap {
        padding: 30px 0 30px 30px;
    }
    .tile-wrap{
        max-width: 100%;
        margin: 0 auto;
    }
    .top-tiles-content {
        padding-bottom: 30px;
    }
    .slider-tiles-row .slick-arrow , .fix-choos-row .slick-arrow  {
        bottom: auto;
        height: auto;
        width: 12px;
    }
    .slider-tiles-row .next-arrow , .fix-choos-row .next-arrow{
        right: -20px;
    }
    .slider-tiles-row .prev-arrow, .fix-choos-row .prev-arrow {
        left: -20px;
    }
    .tiled-lg-image{
        max-width: 90%;
    }
    .tile-wrap:before{
        display: none;
    }
    .quality-default-content p {
        font-size: 1.6rem;
    }
    .quality-default-content h3{
        font-size: 2.8rem;
    }
    .tile-card .tiel-imgae-round {
        width: 200px;
        height: 200px;
    }
    .tile-card .tile-desc h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .tile-card .tile-desc h3 img {
        width: 20px;
        vertical-align: revert;
        position: relative;
        top: 2px;
    }
    .space-top-tile > div {
        margin-bottom: 30px;
    }
    
    .space-top-tile > div:last-child {
        margin-bottom: 0;
    }
    .tile-card .tile-desc p , .simple-head > p , .leakproof-section p , .renovationform-section .form-content-heading p{
        font-size: 18px;
        text-align: center;
    }
    .simple-head {
        margin-bottom: 30px;
    }
    .bathtub-section {
        padding: 50px 0;
    }
    .step-count {
        display: flex;
        text-align: left;
        align-items: center;
    }
    .step-count .step-circle{
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        font-size: 24px;
        margin-top: 4px;
    }
    .step-count span{
        font-size: 18px;
        margin-bottom: 0;
    }
    .tile-option p {
        font-size: 16px;
    }
    .line-slide {
        margin-top: 30px;
    }
    .step-row {
        margin-top: 50px;
    }
    .begin-content h3{
        margin: 50px 0 30px;
    }
    .leakproof-section {
        padding: 50px 0px;
    }
    .leak-proof-image> img {
        left: auto;
        right: 0;
        top: -20px;
        max-width: 90px;
    }
    .leak-proof-image {
        margin-top: 20px;
    }
    .lasting-life {
        margin-top: 30px;
        padding-top: 30px;
    }
    .lasting-life .lasting-image {
        margin-bottom: 30px;
    }
    .renovationform-section {
        padding: 50px 0px;
    }
    .renovationform-section .form-content-heading {
        margin-bottom: 30px;
    }
    .form-wrapp {
        min-height: 200px;
    }
    .option-txt , .tile-wrap p , .nav-tile-box h5{
        font-size: 14px;
    }
    .option-txt {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .wallfloor-content {
        margin-top: -30px;
    }
    .wall-nav-card p {
        font-size: 14px;
    }


    .floor-tile-wrapper .right-floor-content {
        margin-top: -100px;
    }
    /* .floorwalltile-slider , .floorwalltile-slider , .fixture-slider { */
    .floorwalltile-slider , .floorwalltile-slider{
        max-width: 250px;
    }
    /* .floorwalltile-slider, .fixture-slider { */
    .floorwalltile-slider{
        margin-top: -190px;
        margin-right: -60px;
    
    }
    .fixture-slider-nav .wall-nav-card p {
        font-size: 14px;
    }
    .floor-wall-slider .slick-arrow {
        width: 15px;
    }
    
    .floor-wall-slider .next-arrow {
        right: -15px;
    }
    
    .floor-wall-slider .prev-arrow {
        left: -15px;
    }
    .floor-wall-slider .prev-arrow {
        left: -15px;
    }
    .floor-wall-slider .next-arrow {
        right: -15px;
    }
    
    .floor-tile-wrapper .right-floor-content {
        margin-top: 0;
    }
    .floor-tile-wrapper .left-floor {
        flex: 0 0 100%;
        max-width: 80%;
        margin: 0 auto;
        padding: 0;
    }
    .leak-proof-image> picture img {
        position: absolute;
        left: -10px;
        top: -40px;
        max-width: 90px;
    }
    .leak-cont-left {
        margin-top: 30px;
    }
    .md-title-hide h3{
        display: none;
    }
    .leakproof-section h3{
        text-align: center;
    }
    .last-row-lasting > div:first-child {
        border-top: 1px solid #949494;
        margin-top: 30px;
        padding-top: 30px !important;
    }
    .lasting-life > .row > .row {
        margin: 0;
        padding: 0 25px;
    }
    
    .lasting-life > .row > .row > div{
        padding: 0;
    }
    /* .floor-main-sub-image {
        padding: 40px;
    } */
    .fixure-main .right-floor-content {
        margin-top: 20px;
    }
    .fixure-main .left-floor {
        max-width: 90%;
    }
    .quality-default-content ul li {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .real-til-left-col {
        top: 50px;
    }
    .grid-col img {
        margin-top: 10px;
        height: 150px;
    }
    .real-tile-image-row > div {
        padding: 0 5px;
    }
    .real-section .row {
        margin-top: -30px;
    }
    .real-section .row > div {
        margin-top: 30px;
    }
    .real-section {
        padding: 40px 0;
    }
    .tile-card .tiel-images img {
        aspect-ratio: unset;
    }
    .renovation-btn-wrapp .btn {
        max-width: 100%;
        min-width: 250px;
    }
    .renovation-content h4 {
        max-width: 230px;
        margin: 0 auto 15px;
        line-height: 1.5;
    }
    .renovation-content p{
        max-width: 300px;
    }
    .privacy-content {
        padding-top: 50px;

    }

}

/* 20-10-play icon */
.home-about .home-right-overlay{
    justify-content: space-between;
}
.home-about .home-overlay-left p{
    margin-bottom: 0;
}
.home-about .home-overlay-left img {
    width: 80%;
    margin-bottom: 0;
}
.page-id-1703 .centerdiv ol li{
    margin-bottom: 5px;
}
@media (max-width: 480px){
    
    .home-hero .hero-box {
        /* padding: 80px 20px 40px 20px; */
        margin: 0 auto;
    }

    .home-hero .hero-box .btn-block .btn {
        min-width: 100%;
    }

    .home-hero.mob-bnn {
            background-position: center top  !important;
        /* background-size: contain !important; */
    }
    
    .home-about .home-right-overlay {
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }
    .home-about .home-overlay-left img {
        width: 60%;
    }
    .home-about .home-overlay-right img {
        width: 50px;
    }
}
/* 20-10-play icon end */

/* Blog page */
body.page-template-blog .page-hero .on-hero p {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: capitalize !important;
    color: #f1d37e;
    font-weight: 500;
    text-shadow: 0 -4px 65.1px rgba(32,29,29,.35);
    font-size: 24px;
}
.blog-list-section {
    padding: 80px 0;
}
.blog-card {
    position: relative;
    border: 1px solid #000;
    background: #fff;
    height: 100%;
	display: block;
}
.blog-card .blog-desc {
    padding: 24px;
    line-height: 1.65;
}
.blog-card .blog-desc span {
    margin-bottom: 5px;
    display: block;
	font-weight: 600;
}
.blog-card .blog-desc h2 {
	font-weight: 700;
    font-size: 24px;
    margin-bottom: 10px;
    text-transform: unset;
}
.blog-card:hover  .blog-desc h2{
	color: #000;
}
.blog-card .blog-desc p {
    font-size: 16px;
    margin-top:20px ;
}
.blog-card .blog-desc .focs-media {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.blog-card .blog-desc .focs-media .foc-body {
    padding-left: 0;
}
.blog-card .blog-desc .focs-media img,
.blog-card .blog-desc .focs-media picture {
    width: 48px;
}
.blog-card .blog-desc .focs-media .foc-body h5 {
    font-size: 14px;
    margin-bottom: 0;
}
.blog-card .blog-desc .focs-media .foc-body a {
    display: inline-block;
}
.blog-card .blog-desc .focs-media .foc-body ul {
    padding: 0;
    margin: 0;
}
.blog-card .blog-desc .focs-media .foc-body ul li {
    display: inline-block;
    font-size: 14px;
    color: #000;
    line-height: 1;
}
.blog-card .blog-desc .focs-media .foc-body ul li:after {
    content: "•";
    display: inline-block;
    font-size: 20px;
    position: relative;
    padding: 0 5px 0 8px;
    top: 2px;
}
.blog-card .blog-desc .focs-media .foc-body ul li:last-child:after {
    display: none;
}
.space-btn{
	margin-top: 60px;
}
.blog-card a, .blog-card .blog-img img {
    width: 100%;
    aspect-ratio: 16/9;
    word-break: break-word;
    object-fit: cover;
}

.blog-card .blog-desc a {
    display: inline-block;
    aspect-ratio: unset;
    width: auto;
    margin: 0;
}
@media (min-width: 768px) and (max-width: 1199px){
    .blog-list-section .row>* {
        padding: 0 10px;
    }
}
@media (max-width: 991px){
	.blog-section{
		padding: 60px 0;
		background-position: top;
	}
	.blog-section .heading-wrapp {
		margin-bottom: 50px;
	}
    body.page-template-blog .page-hero .on-hero p{
        font-size: 20px;
    }
}
@media (max-width: 767px){
	.blog-section .row > div {
		margin-bottom: 50px;
	}
	
	.blog-section .row > div:last-child {
		margin-bottom: 0;
	}
	
	.space-btn {
		margin-top: 0;
	}
	.blog-card .blog-desc span{
		font-size: 14px;
	}
	.blog-card .blog-desc h2{
		font-size: 20px;
	}
	.blog-card .blog-desc {
		padding: 20px;
	}
    .blog-list-section .row > div {
        margin-bottom: 30px;
        display: block;
    } 
    
    body.page-template-blog .page-hero .on-hero p{
        font-size: 18px;
    }  
}
/* Single blog */
.single-blog-hero {
    position: relative;
    min-height: 350px;
    background: linear-gradient(to bottom,#052b3f  46%,#024468 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
}
.single-blog-hero .centerdiv {
    padding: 0;
    margin-top: 50px;
}
.single-blog-hero h1 {
    text-align: center;
    color: #fff;
}
.single-blog-hero .centerdiv h1 {
    margin-bottom: 10px;
    text-transform: unset;
}
.single-blog-hero .centerdiv ul {
    padding: 0;
    margin: 0;
    text-align: center;
}

.single-blog-hero .centerdiv ul li {
    list-style: none;
    display: inline-block;
    color: #f1d37e;
    text-align: center;
    padding-right: 10px;
    position: relative;
    
}

.single-blog-hero .centerdiv ul li:after {
    content: "";
    display: inline-block;
    font-weight: 900;
    margin-right: 0;
    margin-left: 12px;
    width: 2px;
    height: 20px;
    background: #f1d37e;
    position: relative;
    top: 5px;
}

.single-blog-hero .centerdiv ul li:last-child {
    margin-right: 0;
}

.single-blog-hero .centerdiv ul li:last-child:after {
    display: none;
}

.singleblog-section {
    position: relative;
    z-index: 9;
    margin-top: -50px;
    padding-bottom: 80px;
}

.singleblog-section .default-content .feature-img img ,
.singleblog-section .default-content .feature-img picture {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    margin: 0 auto;
    display: block;
    max-width: 1200px;
}

.singleblog-section .default-content .feature-img {
    margin-bottom: 30px;
}
.singleblog-section .default-content figure.wp-block-embed {
    margin-bottom: 40px;
}
/* .singleblog-section .container {
    max-width: 1100px;
} */
.sidebar-blog {
    position: sticky;
    top: 130px;
    padding-right: 20px;
    border-right: 1px solid #ebebeb;
}

.sidebar-blog h2 {
    font-size: 2rem;
    margin-bottom: 14px;
}
.sidebar-blog ul li {
    list-style: none;
    padding: 7px 0;
    font-size: 18px;
    font-family: "Libre Baskerville",serif;
}

.sidebar-blog ul {padding: 0;margin: 0;}
.singleblog-section .default-content.single-content-wrap h2 {
    margin-top: 20px;
    text-transform: unset;
    margin-bottom: 20px;
}

.singleblog-section .default-content.single-content-wrap h2:first-child {
    margin-top: 0;
}
figure.wp-block-embed {
    margin-bottom: 40px;
}

.default-content .wp-block-button .wp-block-button__link {
    background: #024468;
    color: #fff;
    border: solid 3px #000;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    font-size: 16px;
    padding: 15px 30px;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
}

.default-content .wp-block-button .wp-block-button__link:hover {
    color: #024468;
    border: solid 3px #024468;
    background: #024468;
}

.default-content .wp-block-button .wp-block-button__link:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    transition: all ease-in-out .5s;
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
}

.default-content .wp-block-button .wp-block-button__link:hover:before {
    width: 200%;
    height: 550%;
    opacity: 1;
}

.wp-block-buttons .wp-block-button:not(.is-style-outline) .wp-block-button__link {
    border-width: 3px;
}
.wp-block-image{
    margin:2rem 0;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    background: transparent;
    font-size: .875em;
    color: #6c757d;
}
.figure-img, .wp-block-image>figure img, figure.wp-block-image img {
    margin-bottom: 2.5rem;
}
.singleblog-section .default-content h3 {
    margin-bottom: 10px;
    margin-top: 25px;
}
.footer-disclaimer {
    margin-top: 20px;
    max-width: 1120px;
    margin: 20px auto 0;
}

.footer-disclaimer p {
    margin-bottom: 0;
}
.footer-disclaimer p a {
    text-decoration: underline;
}

.lasting-slider .slick-dots {
    position: unset;
}
@media (max-width: 991px){
    .blog-list-section {
        padding: 60px 0 30px;
    }
    .singleblog-section {
        padding-bottom: 50px;
    }
    .single-blog-hero h1 {
        font-size: 2.4rem;
    }
}
@media (max-width: 767px){
    .single-blog-hero .centerdiv {
        padding: 0;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .singleblog-section {
        padding-bottom: 30px;
    }
    .sidebar-blog {
        margin-bottom: 30px;
        border: none;
    }
    .singleblog-section .default-content .feature-img picture ,
    .singleblog-section .default-content .feature-img img {
        width: 100%;
    }
    .single-blog-hero {
        min-height: 250px;
        padding: 0 25px;
    }
    .wp-block-image .alignleft {
        float: unset;
        width: 100%;
    }
    
    .wp-block-image figure.alignleft img {
        width: 100%;
        margin-bottom: 15px;
        display: block;
    }
    .page-template-blog  .page-hero .on-hero {
        margin-top: 0;
    }
    
    .page-template-blog .page-hero {
        min-height: 300px;
        height: 40vh;
    }
    .single-blog-hero {
        min-height: 250px;
        padding: 20px 25px 50px;
    }
}
.page-template-coradi-financing .wp-block-column ul li {margin-bottom: 10px;line-height: 1.5;}
.finance-btn .wp-block-button.btn.btn-blue.is-style-outline {
    display: block;
    width: 100%;
}
.page-template-coradi-financing .offer_block .wp-block-column .wp-block-heading {color: #FFF;}
.page-template-coradi-financing .wp-block-column .wp-element-button {border-radius: 0;font-size: 16px;padding: 0;display: inline-block;text-transform: uppercase;
    line-height: 1.2;font-weight: 700;border: 0;}
.cta_wrapper {max-width: 1160px;padding: 40px 40px 0;margin: 0 auto;}
.cta_wrapper #momnt-widget-branded-container {margin-right: 0 !important;}
@media (max-width: 781px){ 
    .cta_wrapper {text-align: center;}
    .cta_wrapper #momnt-widget-branded-container {margin-right: auto !important;}
}
@media (max-width: 575px){ 
    .page-hero:after {background: linear-gradient(183deg,#0c2443 0,rgba(12,36,67,.3) 21%,rgb(12 36 67 / 70%) 52%,#000 100%);}
    body.page-template-blog .page-hero .on-hero p {max-width: 300px;margin: 0 auto;line-height: 1.35;}
    .page-template-blog .page-hero {height: 30vh;}
}   
/* Single blog end */
/* Blog page end */

.new-video-sec .lasting-life {
    margin-top: 0;
    padding-top: 60px;
}

.new-video-sec .lasting-life .home-right-overlay img {
    aspect-ratio: unset;
}

.new-video-sec .lasting-life .lasting-image.home-about {
    margin-top: 0;
}
.new-video-sec .home-about .home-about-right::after {
    display: none;
    filter: invert(1);
}

.new-video-sec {padding-left: 30px;padding-right: 30px;}

.lasting-slider .slick-dots{
    margin-top: 20px
}
.lasting-slider .slick-dots li {
    width: 10px;
    height: 10px;
}
.lasting-slider .slick-dots li button {
    padding: 0;
    background: #f1d37e;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    border: 2px solid #fff;
}

.lasting-slider img {
    width: 100%;
    
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.lasting-slider .slick-dots li button:before {
    display: none;
}


.lasting-slider .slick-dots li.slick-active button {
    background: #024468;
    border: 2px solid #f1d37e;
}
.rplgsw-container-autoheight .rplgsw-wrapper .rplgsw-slide{
    margin: 0 10px !important;
}
.grw-slider.rplg-slider .rplgsw-container {
    padding-bottom: 10px;
}
.grw-slider .grw-review {
    background-color: #ffffff;
}

@media (min-width: 768px) and (max-width: 1024px){
    
    .new-video-sec .lasting-life .home-right-overlay .home-overlay-left {
        width: 50%;
    }

    .new-video-sec .lasting-life .home-right-overlay {
        flex-wrap: nowrap;
    }
}
@media (max-width: 1024px){
    .new-video-sec .lasting-life .home-right-overlay img {width: 60%;margin-bottom: 0;}


}
@media (max-width: 767px){
    .new-video-sec .lasting-life {
        padding-top: 0;
        border: none;
        margin-top: -35px;
    }
    
    .new-video-sec .lg-title-hide {
        margin-top: 0px !important;
        padding-top: 0 !important;
    }
    
    .new-video-sec .lasting-life .home-right-overlay {
        
        background-color: #024468;
        flex-wrap: nowrap;
        flex-direction: row;
        text-align: left;
    }
    .new-video-sec .lasting-image.home-about {
        margin-top: 20px !important;
    }
    
    .new-video-sec .lg-title-hide {
        text-align: center;
    }
    .quality-section::before {
        top: -15px;
    }
    .quality-section .white-bg:after, .quality-section .white-bg:before {
        top: 40px;
    }
    .quality-section .white-bg:before {
        top: 0;
        background: linear-gradient(180deg, #ffffff00 0%, #fffffff0 100%);
        z-index: 9;
    }
    .quality-section {
        background-size: auto;
    }
    .real-section .row > div .tile-card {
        border-top: 1px solid #949494;
        padding-top: 40px;
    }

    .real-section .row > div:nth-child(2) .tile-card {
        padding-top: 0;
        border-top: none;
    }
    .last-row-lasting > div:first-child {
        border: none;
        padding-top: 0 !important;
        margin-top: 10px;
    }
    .new-video-sec {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    .cstm-tiled {
        min-height: 700px;
    }
    .new-video-sec .md-title-hide p {
        display: none;
    }
    
    .new-video-sec .lg-title-hide h3 {
        border-top: 1px solid #949494;
        padding-top: 40px;
    }
    .page-template-custom-tiled-shower .renovationform-section:before {
        background: linear-gradient(180deg, #fff 0%, #ffffffbf 40%, #ffffff47 60%, #ffffff21 70%, #ffffff00 90%);
    }
}
@media (max-width: 575px){
   
    
    .new-video-sec .lasting-life .home-right-overlay .home-overlay-right img {
        width: 70px;
    }
    
    .new-video-sec .lasting-life .home-right-overlay .home-overlay-left {
        margin: 0 auto;
    }
}

/* New home 22-05 */

/* New home */

.home-hero {
    min-height: 650px;
}


/* .home-hero.new-hero .hero-box {
    margin-left: 0;
    background: transparent;
    position: relative;
    z-index: 9;
    text-align: left;
    padding: 0;
    justify-content: center;
    margin-top: auto;
}

.home-hero.new-hero:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(20deg, #ffffffc2 40%, rgb(255 255 255 / 0%) 55%, rgb(255 255 255 / 0%) 100%);
    z-index: 1;
} */
.new-hero h1{
    margin-left:0;
}


.week-section {
    padding: 55px 0 100px;
    background: url('images/tile-bg.svg');
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
}

.week-section .renovation-content {
    padding: 150px 0 100px;
}

.week-section .container {
    position: relative;
}

.week-section .renovation-content {
    max-width: 900px;
}

.week-section .renovation-content h1 {max-width: 575px;margin: 0 auto 25px;}

.week-section .renovation-content p {
    max-width: 100%;
    font-weight: 400;
}
/* 
.left-image > div {
    position: absolute;
    left: 0;
}
.left-image .img-two {
    top: 40%;
    left: 4%;
}

.right-image > div {
    position: absolute;
    right: 0;
    top: 0;
}

.left-image .img-three {
    top: auto;
    bottom: -20px;
    left: 18%;
}
.left-image .img-one {
    left: 15%;
}


.right-image .img-four {
    right: 15%;
    top: 0%;
}

.right-image .img-five {
    right: 4%;
    top: 40%;
}

.right-image .img-six {
    bottom: -20px;
    top: auto;
    right: 18%;
}  */

.information-section {
    background: #053c5d;
    padding: 80px 0;
}

.information-section .btn-wrapp {
    text-align: center;
    margin-top: 25px;
}

.information-section .default-content {
    max-width: 75%;
    margin: 0 auto;
}
.information-section .heading-text h2 {
    color: #f1d37d;
}

.information-section  p {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 400;
}
.halfimage-section .halfimage-row .half-text-desc p , .zig-zag-section p{    
    font-size: 1.6rem;
}
.zig-zag-section .bal-before img {
    width: 100%;
}
.gallery-sectiom {
    position: relative;
}

.blog-heading {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 25px;
}

.right-btn {
    margin-left: 30px;
}

.home-blog-section{    
    background: #053c5d;
    padding: 80px 0 150px;
}

.home-blog-section .heading-text h2 {
    margin-bottom: 10px;
    color: #fff;
}

.home-blog-section .heading-text h3 {
    color: #fff;

}

.call-to-action .row > div {
    padding-right: 0;
}

ul.info-list {
    list-style: none;
    padding: 70px 40px;
    width: 430px;
    margin: 0 auto;
}

ul.info-list h4 img {
    width: 32px;
    margin-right: 10px;
    vertical-align: middle;
}

ul.info-list p {
    margin-bottom: 0px;
}

ul.info-list h4 {
    margin-bottom: 10px;
}

ul.info-list li {    
    margin-bottom: 30px;
}

ul.info-list li:last-child{
    margin-bottom: 0;
}

.map {
    height: 100%;
}
.map iframe {
    width: 100%;
    height: 100%;
}
.call-to-action .row>div {
    padding: 0 25px;
    position: relative;
}
.call-to-action {
    padding: 0;
    position: relative;
    background: #f5f5f5;
    content-visibility: visible !important;
    z-index: 9;
}
.label-center {
    left: 50%;
    position: absolute;
    transform: translate(-56%, -50%);
    z-index: 9;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 10px #000;
    text-align: center;
    border: 3px solid #024468;
    border-radius: 3px;
    min-width: 320px;
}
.established-section::before {
    background-color: rgba(5,60,93,1);
}

.label-center h4 {

    margin-bottom: 0;

}
.blog-card .blog-img {
    position: relative;
    overflow: hidden;
    display: block;
}

.blog-card .blog-img img {
    transition: all 0.3s ease-in-out;
}

.blog-card:hover .blog-img img {
    transform: scale(1.09);
}

.blog-card {
    position: relative;
    overflow: hidden;
}

.tile-new-section {
    padding: 110px 0 90px;
}

.tile-card-design {
    position: relative;
    overflow: hidden;
}

.tile-new-section h4 {
    margin-top: 30px;
    color: #0a567f;
    margin-bottom:1rem;
}

.tile-new-section h4:first-child {
    margin-top: 0;
}

.tile-new-section p{
    font-size: 1.6rem;
    font-weight: 400;
}

.tile-card-design .tile-card-img {
    position: relative;
    overflow: hidden;
}

.tile-card-design .tile-card-img img {
    transition: all 0.3s ease;
}
.tile-card-design .tile-card-heading {
    padding: 10px;
    background: #f5f5f5;
}

.cstm-row > * {
    padding: 0 15px;
}
.tile-card-design h2 {
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
    /* background: #f5f5f5;
    padding: 10px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.tile-card-design {
    margin-bottom: 30px;
    box-shadow: 3px 5px 3px -20px rgb(50 50 93 / 25%), 0 3px 6px 1px rgb(0 0 0 / 30%), inset 0 -2px 5px 0 rgb(10 37 64 / 35%);
}

.tile-card-design:hover .tile-card-img img {
    transform: scale(1.09);
}
.home-about .home-about-left p{
    font-size: 1.6rem;
}
.page-template-home-v2 .home-hero, .page-template-home-new-2025 .home-hero{
    padding: 100px 50px 30px;
}
.page-template-home-v2 .home-hero .container, .page-template-home-new-2025 .home-hero .container {
    position: relative;
}


.blog-list-section .row > div {
    margin-bottom: 30px;
}


.home-about.new-about-video .home-about-main {
    box-shadow: none;
    background: none;
}


@media (min-width: 992px) and (max-width: 1199px) {
    .cstm-row > *{
        width: 50%;
    }
}
@media (max-width: 1199px) {
    .call-to-action .map{
        overflow: hidden;
    }
    .label-center{
        transform: translateY(-50%);
        width: max-content;
        left: 50px;
    }
    .home-hero.new-hero:before{
        background: linear-gradient(7deg, #ffffffc2 30%, rgb(255 255 255 / 0%) 55%, rgb(255 255 255 / 0%) 100%);
    }
    .information-section .default-content {
        max-width: 100%;
    }
    .tile-card-design h2{
        font-size: 14px;
    }
    ul.info-list {
        list-style: none;
        padding: 70px 30px 40px;
        margin: 0;
        padding-left: 30px;
        width: 100%;
    }
    
}
@media (max-width: 991px) {
    .blog-list-section .row > div {
        margin-top: 30px;
    }
    
    .blog-list-section .row {
        margin-top: -30px;
    }
    /* .call-to-action {
        padding-bottom: 50px;
    } */
    .gallery-sectiom {
        padding: 50px 0 ;
    }
    .information-section {
        padding: 50px 0;
    }
    .map{
        height: auto;
    }
    .map iframe {
        aspect-ratio: 16/9;
    }
    
    .home-blog-section {
        padding: 80px 0 80px;
    }
    .cstm-row {
        margin-top: 20px;
    }
}
@media (max-width: 767px) {

    .home-hero p {
        font-size: 1.4rem;
        font-size: 1.8rem;
        font-weight: 400;
    }
    
    .home-hero.new-hero:before{
        background: linear-gradient(0deg, #ffffff 10%, rgb(255 255 255 / 75%) 65%, rgb(255 255 255 / 0%) 78%);
    }
    .week-section .renovation-content {
        padding: 30px 0;
    }
    .blog-list-section .row > div {
        margin-top: 0;
        text-align: left;
    }
    
    .blog-list-section .row {
        margin-top: 0;
    }
    .map iframe {
        height: auto;
        aspect-ratio: 16 / 9;
    }
    .right-btn {
        margin-left: 0;
    }
    .tile-card-design h2 {
        font-size: 16px;
    }
    .home-about .home-about-left p, .tile-new-section p , .information-section p , ul.info-list p{
        font-size: 1.6rem;
    }
    button.fancybox-button.fancybox-button--close {
        right: 20px;
    }
    .home-hero{
        background-size: 100%;
        background-position: top;
        padding: 200px 20px 20px 20px;
    }
    .home-hero.mob-bnn{
        background-size: 101% !important;
    }
    .home-hero .hero-box {
        padding: 20px;
    }
    .home-about .home-right-overlay {
        justify-content: center;
        flex-direction: row;
        text-align: left;
        flex-wrap: nowrap;
    }
    .tile-new-section {
        padding: 50px 0;
    }
    .home-about.new-about-video .home-right-overlay,
    .home-about.new-about-video .home-right-overlay .home-overlay-left{
        flex-wrap: wrap;
    }
    .home-about .home-overlay-left{
        width: 80%;
    }
    .gallery-sectiom {
        padding: 50px 0 0;
    }
    /* .halfimage-row > div:last-child {
        border-bottom: 1px solid #6b6b6b;
        margin-bottom: 0;
        padding-bottom: 30px;
    }
    
    .halfimage-section .halfimage-row {
        margin-bottom: 30px;
    }
    .halfimage-section .halfimage-row:last-child > div:last-child {
        border-bottom: none;
        margin-bottom: 30px;
        padding-bottom: 0;
    } */
    .halfimage-row > div:last-child > div {
        border-bottom: 1px solid #6b6b6b;
        padding-bottom: 30px !important;
    }
    
    .halfimage-section .halfimage-row {
        margin-bottom: 30px;
    }
    .halfimage-section .halfimage-row .half-text-desc p{
        text-align: left;
    }
    .halfimage-section .halfimage-row:last-child  div:last-child > div {
        border: none;
    }
    .tile-card-design h2 {
        font-size: 14px;        
        word-wrap: break-word;
    }
    
    .page-template-home-v2 .home-hero, .page-template-home-new-2025 .home-hero {
        padding: 200px 0 20px;
    }
    .cstm-row {
        margin: 20px -15px 0;
    }
    .cstm-row > *{
        width: 50%;
    }
    .call-to-action ul.info-list{
        overflow: hidden;
    }
}

@media (max-width: 767px){
    .label-center {
        transform: translateY(-50%);
        width: max-content;
        left: 20px;
    }

    .call-to-action .row {
        margin-left: 0;
        margin-right: 0;
    }
    .call-to-action ul.info-list{
        padding: 70px 0 40px;
    }
    .call-to-action .map{
        
        margin-bottom: 30px;
    }
    /* .right-image > div {
        position: unset;
    }
    
    
    .right-image > div img {
        width: 100%;
    }
    
    .left-image > div {
        position: unset;
    }
    
    .left-image > div img {
        width: 100%;
    }
    
    .left-image , .right-image {
        display: flex;
        gap: 20px;
    }
     */
}
/* New home 22-05 end */

/* new about 19-07 */
.inner-page-hero.about-new {
    min-height: 600px;
}
.new-about-video {
    margin-top: -120px;
}
.home-about.new-about-video .home-about-main .home-about-right:before {
    content: '';
    display: block;
    width: 100%;
    height: 210px;
    background: linear-gradient(180deg, #ffffff00 0%, #053c5d 30%, #053c5d 100%);
    position: absolute;
    z-index: 9;
    bottom: 0;
    top: auto;
    }
   
   .home-about.new-about-video .home-about-main .home-about-right {
       position: relative;
   }
   
   .home-about.new-about-video .home-right-overlay {
       background: transparent !important;
       bottom: 0;
       z-index: 9;
       text-align: center;
       justify-content: center;
       padding: 20px 0;
   }
   
   .home-about.new-about-video .home-about-main .overlay-play {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       z-index: 9;
   }
   
   .home-about.new-about-video .home-right-overlay .home-overlay-left    {
        margin: 0 auto;
        float: unset;
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: center;
    }
   
   .home-about.new-about-video .home-right-overlay .home-overlay-left p {
       line-height: 1.4;
       flex: 0 0 auto;
       max-width: 100%;
       font-size: 3.4rem;
       text-transform: uppercase;
       font-family: "Libre Baskerville",serif;
       margin-right: 20px;
   }
   
   .home-about.new-about-video .home-right-overlay .home-overlay-left img {
       max-width: 45%;
       flex: 0 0 auto;
   }
 

@media (max-width: 1199px){
    .home-about.new-about-video .home-right-overlay{
        position: relative;
    }
    .home-about.new-about-video .home-right-overlay .home-overlay-left p{
    font-size: 1.8rem;
    }
    .home-about.new-about-video .home-about-main .home-about-right:before{        
        height: 35%;
    }
}
@media (max-width: 991px){
    .inner-page-hero.about-new {
        min-height: 415px;
    } 
    .home-about.new-about-video .home-about-main .home-about-right:before{
        height: 170px;
    }
}
@media (max-width: 767px){
    .inner-page-hero.about-new {
        min-height: 300px;
    } 
    .new-about-video {
        margin-top: -40px;
    }
    .home-about.new-about-video .home-right-overlay .home-overlay-left p {
        max-width: 60%;
        font-size: 1.8rem;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .home-about.new-about-video .home-right-overlay .home-overlay-left img {
        max-width: 60%;
        flex: 0 0 auto;
    }
    .home-about.new-about-video .home-about-main .overlay-play {
        width: 70px;
    }
}
@media (max-width: 767px){
    .home-about.new-about-video .home-right-overlay .home-overlay-left p {
        font-size: 1.2rem;
    }
}
/* new about 19-07 end */

/* New Bathroom gallery*/
.gallery-new {
    padding: 0 25px;
}
.gallery-slider .slick-slide {
    padding: 0 15px;
}
.gallery-slider .slide-arrow {
    background: transparent;
    border: none;
    width: 24px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
}

.gallery-slider button.next-arrow {
    left: auto;
    right: -15px;
}

.gallery-slider .prev-arrow {
    left: -15px;
}
.gallery-slider .slick-dots {
    position: unset;
    margin-top: 15px;
}

.gallery-slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 5px;
}

.gallery-slider .slick-dots li button {
    padding: 0;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 100%;
}

.gallery-slider .slick-dots li button:before {
    display: none;
}

.gallery-slider .slick-dots li.slick-active button {
    background: #f1d37e;
}
/* New Bathroom gallery end*/

.halfimage-section .halfimage-row .half-text-desc p:last-child{
    margin-bottom: 0;
}


/* New kitchen page  */
.about-video {
    padding: 110px 0;
}

.list-item ul {
    list-style-type:none;
}
.list-item ul li {
    position: relative;
    font-size: 16px;
    margin-bottom: 8px;
    padding-left: 5px;
}
.list-item ul {
    list-style-type:none;
}
.list-item ul li:before{
    content: "\f00c";
    display: inline-block;
    color: #000;
    font-family: FontAwesome;
    position: absolute;
    left: -20px;
}
.home-about-right {
    display: block;
    position: relative;
}

.home-about-right .overlay-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.card-section {
    padding: 110px 0 0px;
}
.card-block {
    position: relative;
    margin-top: 15px;
}

.card-block .card-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 3/3;
    object-fit: cover;
}

.kitchen-gallery {
    padding: 60px 0 60px;
}
.about-video .home-about-right {
    border: 9px solid #001118;
}

@media (min-width: 991px){
    .about-video ul {
        column-count: 2;
    }
}
@media (max-width: 991px){
    .about-video , .card-section {
        padding: 60px 0;
    }
    .jig-jag .lasting-life {
        margin-top: 0;
    }
}
@media (max-width: 767px){

    .about-video ul {
        margin-bottom: 30px;
    }
    .about-video, .card-section {
        padding: 40px 0;
        
    }
    .kitchen-new-video .lasting-life {
        margin-top: 0;
    }
    .kitchen-gallery {
        padding: 40px 0 40px;
    }
}
/* New kitchen page end */

.slick-arrow {
    background: transparent;
    border: none;
}

.materials-slider .slick-arrow ,
.kitchens-slider .slick-arrow {
    position: absolute;
    top: 50%;
    width: 30px;
    padding: 6px;
    margin-top: 0;
    transform: translate(0, -50%);
}

.materials-slider .prev-arrow ,
.kitchens-slider .prev-arrow {
    left: -40px;
}

.materials-slider .next-arrow ,
.kitchens-slider .next-arrow {
    right: -40px;
    left: auto;
}

.full-slide img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}

@media (max-width: 767px){

    .materials-slider .prev-arrow, .kitchens-slider .prev-arrow {
        left: -15px;
    }
    .materials-slider .next-arrow, .kitchens-slider .next-arrow {
        right: -15px;
    }
    .full-slide {
        padding: 0 15px;
    }
}


.contact-form .default-content {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 50px;
}

.contact-form .default-content h2 {
    margin-bottom: 15px;
}

.contact-form .default-content p {
    margin-bottom: 0;
}

/* New service 2024 */
.service-hero-section {
    position: relative;
    overflow: hidden;
    height: 95vh;
    min-height: 500px;
    display: flex;
    align-items: center;
}
.bg-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.background-content-slide {
    height: 100%;
    position: absolute !important;
    top: 0;
    width: 100%;
}
.selfhosted video {
    width: 100% !important;
    height: 100% !important;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    object-fit: cover;
    position: absolute;
}

.service-hero-section .on-hero h1 {
    text-transform: capitalize;
    max-width: 730px;
    margin: 0 auto 25px;
    text-align: center;
}

.service-hero-section .on-hero {
    text-align: center;
    position: relative;
    z-index: 9;
    max-width: 980px;
    margin: 0 auto;
}
.service-hero-section .on-hero {
    color: #fff;
}

.service-hero-section .on-hero h1 , .service-hero-section .on-hero p {
    color: #fff;
}

.service-hero-section:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background:
        linear-gradient(135deg, rgba(2, 68, 104, 0.55) 0%, rgba(2, 30, 48, 0.70) 100%);
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.service-hero-section .on-hero p {
    font-size: 24px;
    line-height: 1.25;
}

.service-hero-section .btn-wrap {
    margin-top: 40px;
}

.service-hero-section .btn-wrap a {
    border-color: #fff;
}

.zig-zag-section{
    background-color: #F9FCFF;
    margin: 40px 0;
}

.choose-section {
    background: #024468;
    padding: 80px 0;
    margin-bottom: 80px;
}

.choose-section .default-heading h2 {
    color: #f1d37e;
}

.choose-section p {
    color: #ffff;
    margin-bottom: 0;
}



.choose-list {
    padding: 0;
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 0;
}

.choose-list li {
    flex: 25%;
    border-right: 4px solid transparent;
    border-image: linear-gradient(0deg, rgba(31, 128, 254, 0.03) 0%, rgba(31, 128, 254, 0.29) 100%);
   
    border-image-slice: 1; /* Use the full gradient */
    border-width: 1px;
    padding: 16px 30px;
}

@media (min-width: 1200px){    
    .choose-list li:nth-child(4),
    .choose-list li:nth-child(8) {
    border-right: none; /* No right border for 4th and 8th */
    }

    .choose-list li:nth-child(-n+4) {
        border-bottom: 1px solid #ddd;
        border-image: linear-gradient(180deg, rgba(31, 128, 254, 0.03) 0%, rgba(31, 128, 254, 0.29) 100%);
        border-image-slice: 1;
        border-width: 1px;
    }

    .choose-list li:nth-last-child(-n+4) {
        border-bottom: none; /* No bottom border for the last 4 items */
    }
}

@media (min-width: 768px) and (max-width: 1199px){
    .choose-list li {
        flex: 50%;
    }
    .choose-list li:first-child {
        border-image: linear-gradient(180deg, rgba(31, 128, 254, 0.03) 0%, rgba(31, 128, 254, 0.29) 100%);
        border-image-slice: 1;
        border-width: 1px;
    }
    .choose-list li:nth-child(even) {
        border-right: none; /* No right border for 4th and 8th */
    }

    .choose-list li:nth-child(-n+6) {
        border-bottom: 1px solid #ddd;
        border-image: linear-gradient(180deg, rgba(31, 128, 254, 0.29) 0%, rgba(31, 128, 254, 0.29) 100%);
        border-image-slice: 1;
        border-width: 1px;
        padding: 30px;
    }

    .choose-list li:nth-last-child(-n+2) {
        border-bottom: none; /* No bottom border for the last 4 items */
    }
    .cta-section .map {
        height: 100%;
    }
}

@media (max-width: 767px)  {

    .choose-list li{
        border-bottom: 1px solid #ddd;
        border-image: linear-gradient(180deg, rgba(31, 128, 254, 0.03) 0%, rgba(31, 128, 254, 0.29) 100%);
        border-image-slice: 1;
        border-width: 1px;
        border-right: none;
        flex: 100%;
        padding: 30px 0;

    }

    /* .work-section .modula-gallery .modula-item {
        position: unset !important;
        margin-bottom: 30px;
    } */
}

.choose-card {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}

.choose-card .choose-content {
    margin-top: 20px;
}

.choose-card .choose-content h3 {
    color: #f1d37e;
    font-size: 2.4rem;
    margin-bottom: 10px;
}

.choose-card .choose-content h3 a{
    color: #f1d37e;
    text-decoration: underline;
}

.choose-card .choose-content .btn {
    margin-top: 30px;
}

.transform-cta-section {
    background: #024468;
    text-align: center;
    padding: 100px 0;
}

.transform-cta-section .cta-center h2 {
    color: #f1d37e;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.transform-cta-section p {
    color: #fff;
}

.zig-zag-section .after-before-content {
    padding: 32px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.zig-zag-section .btn-wrap {
    margin-top: 30px;
}
.zig-zag-section .bal-container {
    height: 490px;
}

.transform-cta-section .cta-center .cta-btn {
    margin-top: 30px;
}

.transform-cta-section .cta-center {
    max-width: 800px;
    margin: 0 auto;
}

.transform-cta-section .cta-center .btn {
    text-transform: capitalize;
}

.work-section{
    padding: 80px 0;
}

.work-section .page-heading {
    max-width: 680px;
    margin: 0 auto 30px;
}

.new-renovation {
    background: #fff;
}

.new-renovation .grw-review {
    border: 1px solid #000 !important;
}

.work-section .page-heading h2 {
    color: #111111;
}
.work-section .page-heading p {
    color: #000;
}
.work-overlay span{
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 900;
    padding: 5px 10px 3px 10px;
    border-radius: 0px 0px 0px 0px;
    background: rgba(0, 0, 0, 0.15);
    z-index: 2;
    display: block;
    font-family: 'Libre Baskerville';
    text-transform: uppercase;
    display: inline-block;
}
.work-overlay {
    transition: all .3s ease-in-out;
}
/* New service 2024 end */


.work-section .modula-gallery .modula-item-content .figc {
    height: auto !important;
    bottom: 0;
    background: #fff;
}

.work-section .modula-gallery .modula-item-content .figc .figc-inner {position: unset !important;top: auto;}

.work-section .modula-gallery .modula-item-content .figc .figc-inner .jtg-title {
    position: unset;
    border: none;
    transform: unset !important;
    font-family: "Libre Baskerville", serif;
    font-weight: 700 !important;
    font-size: 24px !important;
    text-align: center ;
}

.work-section .modula-gallery .modula-item-content .figc .figc-inner .description {
    position: unset !important;
    text-align: center;
    padding: 0;
    margin: 0;
    transform: unset !important;
    opacity: 1;
    visibility: visible;
    font-family: 'Roboto';
    letter-spacing: 0;
    color: #444955 !important;
    text-align: center;
    font-size: 18px !important;
}

.work-section .modula-gallery .modula-item-content .figc .figc-inner .jtg-title:after {
    display: none;
}

@media (max-width: 1400px){

    .work-section .modula-gallery .modula-item-content .figc .figc-inner .jtg-title{
        font-size: 20px !important;
    }

    .work-section .modula-gallery .modula-item-content .figc .figc-inner .description{
        font-size: 14px !important;
    }

}

@media (max-width: 1199px){
    .work-section .modula-gallery .modula-item-content .figc .figc-inner .jtg-title {
        font-size: 16px !important;
    }
    
    .new-renovation .grw-slider .grw-review{
        margin: 0 0px !important;
    }
    
}
@media (max-width: 991px){
    
    .choose-card .choose-content h3 {
        font-size: 2rem;
    }
    .transform-cta-section {
        padding: 50px 0;
    }
    .work-section .modula-gallery .modula-item-content .figc .figc-inner .description{
        font-size: 14px !important;
    }
    .service-hero-section .on-hero p {
        font-size: 16px;
    }
    
}


/* Areas page */
.areas-hero-section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 175px 0 100px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.areas-hero-section:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background:
        linear-gradient(135deg, rgba(2, 68, 104, 0.55) 0%, rgba(2, 30, 48, 0.70) 100%);
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    top: 0;
}

.areas-hero-section .on-hero {
    position: relative;
    z-index: 1;
    max-width: 751px;
    margin: 0 auto;
}

.areas-hero-section .on-hero h1 {
    color: #fff;
    margin-bottom: 10px;
}

.areas-hero-section .on-hero p {
    color: #f1d37e;
    font-size: 24px;
    line-height: 1.25;
}

@media (max-width: 991px){
    .zig-zag-section .before-after-main {
        margin-bottom: 30px;
        height: auto;
    }
}

.page-template-areas-we-serve .zig-zag-section{
    margin: 0 auto;
}
.service-location-section .page-heading {
    max-width: 620px;
    margin: 0 auto 30px;
}

.service-location-section {
    margin: 0;
    padding-top: 80px;
}

.zig-zag-section.service-location-section {
    padding: 0;
}   
.bathroom-renovation-section {
    padding: 80px 0;
}

.bathroom-renovation-section p {
    max-width: 620px;
}

.after-before-content {
    margin-bottom: 40px;
}
.bathroom-row > div  {
    border-right: 4px solid transparent;
    border-image: linear-gradient(180deg, rgba(31, 128, 254, 0.03) 0%, rgba(31, 128, 254, 0.29) 100%);
    border-image-slice: 1;
    border-bottom: 1px solid rgba(31, 128, 254, 0.29);
    border-width: 1px;
    padding: 16px 25px;
}

.bathroom-row > div:last-child {
    border-right: none;
}

.location-card h2 {
    font-size: 20px;
    margin: 20px 0 10px;
    text-transform: capitalize;
}

.location-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.location-card img {
    width: fit-content;
}

.location-card h2 a {
    text-decoration: underline;
    margin-bottom: 10px;
    display: block;
}
.transform-cta-section.yellow-bg {
    background: #f1d37e;
}

.transform-cta-section.yellow-bg .cta-center h2 {
    color: #024468;
}

.transform-cta-section.yellow-bg .cta-center  p {
    color: #000;
}
.transform-cta-section.yellow-bg .cta-center .cta-btn a {
    border-color: #fff;
}

.work-section.new-work-areas {
    padding-top: 0;
}
.contact-new-section {
    padding: 80px 0;
}
.contact-new-section .container {
    margin-bottom: 40px;
    max-width: 1120px;
    margin: 0 auto;
}

.contact-new-section .page-heading {
    max-width: 1050px;
    margin: 0 auto 40px;
}

.contact-card {
    border: 1px solid rgba(31, 128, 254, 0.29);
    border-radius: 8px;
    padding: 32px;
    text-align: center;
}

.contact-card h3 {
    font-size: 22px;
    margin-bottom: 10px;
}

.contact-card .info-card {
    background: #F5F5F5;
    padding: 30px 15px;
}
.map-section iframe , .map-section img{
    height: 750px;
    width: 100%;
    object-fit: cover;
}

.modula-fancybox-container.modula-lightbox-jtg-2597 .fancybox__caption{
    text-align: center;
}
@media (min-width: 1199px){
        
    .bathroom-row {
        margin: 0 auto;
    }
}
@media (max-width: 1199px){

    .map-section iframe  , .map-section img{
        height: auto;
        aspect-ratio: 16/9;
    }
    
    .areas-hero-section {
        padding: 150px 0 50px;
    }
    
    .areas-hero-section .on-hero h1 {
        font-size: 40px;
    }

    .areas-hero-section .on-hero p {
        font-size: 20px;
    }
    
}
@media (max-width: 991px){
    .areas-hero-section {
        min-height: 300px;
        padding: 90px 0;
    }

    .map-section iframe {
        height: auto;
        aspect-ratio: 16/9;
        object-fit: cover;
    } 
    
    .areas-hero-section .on-hero h1 {
        font-size: 32px;
    }
    
    .areas-hero-section .on-hero p {
        font-size: 18px;
    }
    .bathroom-row > div:nth-child(2) {
        border-right: none;
    }
    .contact-new-section .row > div {
        margin-bottom: 30px;
    }
    
    .contact-new-section .row > div:first-child , .contact-new-section .row > div:last-child {
        margin-bottom: 0;
    }
    .zig-zag-section .after-before-content {
        display: block;
        height: auto;
    }
    
    .zig-zag-section .after-before-content {
        margin-bottom: 0;
    }
    .after-before-content h2{
        margin-bottom: 15px;
    }
}

@media (max-width: 767px){
    
    .service-location-section {
        padding-top: 50px;
    }
    .bathroom-renovation-section{
        padding: 50px 0;
    }
    .service-location-section {
        padding-top: 50px;
    }
    
    .bathroom-row > div {
        border: none;
    }
    .location-card {
        border-bottom: 1px solid rgba(31, 128, 254, 0.29);
        padding-bottom: 20px;
        margin-bottom: 10px;
    }
    .bathroom-row > div:last-child .location-card {
        border: none;
        padding: 0;
        margin: 0;
    }
    .contact-new-section {
        padding: 50px 0;
    }
    .zig-zag-section .bal-container {
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }
    .after-before-content {
        margin-bottom: 15px;
    }

}
/* Areas page end */

.singleblog-section .full-single-content  .default-content.single-content-wrap {
    max-width: 1200px;
    margin: 0 auto;
}
.singleblog-section .wp-block-image img{
    width: 100%;
}
.singleblog-section ul {
    margin-bottom: 20px;
    margin-top: 20px;
}

.singleblog-section .default-content.single-content-wrap .wp-block-heading {
    margin-bottom: 20px;
}
.google-review .google-feedback-block {
    position: relative;
    margin: 2px;
    color: #777;
    font-size: 18px;
    background:#ffffff;
    border: 1px solid #ededed;
    border-radius: 22px;
    padding: 20px 20px 20px 40px;
    border-bottom: none;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out;
}

.google-content2:before {
    bottom: 47px;
    color: #bbb;
    content: '\201C';
    display: block;
    width: auto;
    height: auto;
    left: 10px;
    position: absolute;
    right: auto;
    top: 0px;
    font: normal normal normal normal 60px / 96px Georgia, serif;
    outline: #bbb none 0;
}

.google-text {
    font-size: 14px;
    color: #777;
    position: static ;
    height: 150px ;
    overflow-y: auto ;
    display: inline-block;
    line-height: 22px;
    padding-right: 5px;
}
.google-text p {
    line-height: inherit;
    font-size: inherit;
}
.google-text::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.google-text::-webkit-scrollbar-track {
  background: #ddd; 
  border-radius: 10px;
}
 
/* Handle */
.google-text::-webkit-scrollbar-thumb {
  background: #999; 
  border-radius: 10px;
}

/* Handle on hover */
.google-text::-webkit-scrollbar-thumb:hover {
  background: #888; 
}
.google-stars svg {
    width: 16px;
    margin-right: 2px;
}
.google-stars {
    display: inline-block;
}
.google-review .google-img {
    position: absolute;
    right: 20px;
    margin-top: 30px;
    text-align: right;
}

.google-review .google-img img {
    width: 24px;
}

.google-review .google-user {
    display: flex;
    align-items: center;
}

.google-icon-img span::before {
  content: attr(data-content);
}

.google-review .google-user .google-icon-img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    background: #7e57c2;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    font-size: 25px;
    font-family: 'Roboto';
}

.google-review .google-user .google-icon-img img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.google-info h3 {
    font-size: 16px;
    font-family: 'Roboto';
    margin: 0;
    color: #427fed!important;
}
.google-info h3 a {
    color: inherit;
}
.google-info .google-time {
    font-size: 14px;
    color: rgb(101, 99, 99);
}
.google-info .google-time p{
    margin-bottom: 0;
}
.google-slider .slick-slide {
    padding: 0 20px;
}
.google-review {
    padding: 40px 0;
}

.google-review:hover .google-feedback-block {
    box-shadow: 0 0 45px #00000014;
}

.default-section {
    padding: 100px 0;
}


@media (max-width: 767px){
    .default-section {
        padding: 60px 0;
    }
}

/* Gallery section 27-05-25 */
.gallery-work {
    padding: 80px 30px;
}
.work-img img {
    object-fit: cover;
}

.work-img {
    position: relative;
    overflow: hidden;
}

.work-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(2, 68, 104, 0.85);
    top: -100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.work-overlay a {
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 900;
    padding: 5px 10px 3px 10px;
    border-radius: 0px 0px 0px 0px;
    background: rgba(0, 0, 0, 0.15);
    z-index: 2;
    display: block;
    font-family: 'Libre Baskerville';
    text-transform: uppercase;
    display: inline-block;
}

.work-overlay a:hover {
    background: rgba(0,0,0,0.50);
}
.work-card .work-content {
    text-align: center;
    padding-top: 20px;
}

.work-card .work-content h2 {
    font-family: "Libre Baskerville", serif;
    font-weight: 700 !important;
    font-size: 24px !important;
    text-align: center;
    color: #111;
    text-transform: capitalize;
}
@media (max-width: 767px) {
    
    .work-card .work-content h2 {
        font-size: 20px !important;
    }

}

@media (max-width: 767px) {
    .gallery-work {
        padding: 60px 30px 40px;
    }
    .work-wrapp .work-card {
        margin-bottom: 10px;
    }
}
/* Gallery section 27-05-25 end */

@media (max-width: 1450px) {
    .header-bottom ul li a {
        padding: 36px 11px;
    }
    .logo-container a {
        padding: 45px 10px 40px 10px;
    }
    
    .logo-container a img {
        width: 170px;
    }
}
@media (max-width: 1300px) {
    .header-bottom ul li a {
        font-size: 80%;
    }
    .quote-btn {
        font-size: 14px;
        padding: 37px 22px;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {

    .main-content {
        padding-top: 141px;
    }
}
@media (max-width: 1199px) {
    .header-top {
        text-align: center;
    }
    .mobile-header {
        display: block;
    }
    .mobile-header-right .splash {
        position: absolute;
        top: 40px;
        right: 40px;
        width: 1px;
        height: 1px;
        z-index: -1;
    }
    .header-bottom {
        display: none;
    }
    .logo-container {
        display: none;
    }
    .mobile-header-left img {
        width: 100%;
    }
    .areas-hero-section {
        padding: 150px 0 50px;
        min-height: 300px;
        padding: 90px 0;
    }
    .mobile-header-left a {
        display: block;
    }
    .mobile-header-left{
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* Join page */
.team-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 620px !important;
    padding: 140px 0 110px;
    background-position: 50% 45%;
}

.team-banner .left-content h1 {
    color: #fff;
}

.team-banner .on-hero .left-content{
    position: relative;
    z-index: 9;
    max-width: 680px;
    margin: 0 auto;
    text-align: center;
}
.team-banner .left-content .join-btn-area a img {
    width: 16px;
    transition: all 0.3s ease-in-out;
}

.team-banner .left-content .join-btn-area {
    margin-top: 110px;
}
.inner-page-hero .on-hero .left-content .btn{
    border: solid 3px #000;
}
.inner-page-hero .on-hero .left-content .btn:hover{
    border-color: inherit !important;
}
.team-banner .left-content .join-btn-area .btn-yellow:hover img {
    filter: brightness(0) invert(1);
}

.inside-section {
    padding: 100px 0 100px;
}
.inside-section .row {
    align-items: center;
}
.inside-section .heading-text {
    margin-bottom: 100px;
    padding-bottom: 100px;
    border-bottom: 1px solid #053c5d;
}
.inside-section .heading-text h2 {
    letter-spacing: -1.02px;
    text-transform: capitalize;
}
.inside-section .default-content {
    padding-right: 70px;
}
.inside-section .default-content h2 {
    margin: 0 0 10px;
}

.inside-section .default-content h3 {
    color: #000;
    font-size: 20px;
    margin-bottom: 20px;
}

.inside-section .default-content p{
    color: #000;

}


.inside-image {
    position: relative;
    cursor: pointer;
}
.inside-section .inside-image > img,
.inside-section .inside-image > picture{
    border: 9px solid #000;
    display: block;
    width: 100%;
}

.inside-section .inside-image  picture img{
    width: 100%;

}
.inside-image .play-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgb(2 68 104 / 15%);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    backdrop-filter: blur(6px);
}

.future-section {
    background: #024468;
    padding: 110px 0 100px;
}
.future-section .default-content {
    max-width: 660px;
    margin: 0 auto 70px;
    color: #fff;
    text-align: center;
}

.future-section .default-content h2 {
    color: #fff;
    margin-bottom: 10px;
}

.future-card {
    position: relative;
}

.future-card h2 {
    color: #fff;
    font-size: 2.2rem;
    margin-bottom: 10px;
}

.future-card .future-content {
    margin-top: 25px;
}

.future-card .future-content p {
    color: #F8F4F3;
}
.job-section .default-content {
    max-width: 500px;
    margin: 0 auto 15px;
    text-align: center;
}

.job-section {
    padding: 110px 0;
}

.job-section .default-content h2 {
    margin-bottom: 15px;
}

.job-section .job-row {
    margin-top: 10px;
}
.job-row .job-card {
    position: relative;
    padding: 50px 150px 50px 0;
    border-bottom: 1px solid #313D44;
}
.job-row > div:last-child .job-card {
    margin-bottom: 0;
}
.job-card h2 {
    color: #000;
    font-size: 3.8rem;
    margin-bottom: 0;
    text-transform: unset;
}

.job-card h2 a {
    color: inherit;
}

.job-card p {
    margin-bottom: 0;
    color: #313D44;
    font-size: 2rem;
}

.job-card ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    margin: 16px 0 0;
}

.job-card ul li {
    margin-right: 15px;
    padding-right: 20px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.job-card ul li:first-child {
    list-style: none;
}

.job-card ul li img {
    vertical-align: text-top;
}
.job-card .btn {
    position: absolute;
    right: 0;
    top: 45px;
    padding: 14px 20px;
    font-size: 14px;
}
.benefits-section {
    padding: 0 0 80px;
}

.benefits-section .default-content {
    max-width: 720px;
    margin: 0 auto 30px;
    text-align: center;
}

.benefits-section .default-content h2 {
    margin-bottom: 10px;
}

.benefites-card {
    position: relative;
}


.benefites-card .benefites-image {
    position: relative;
    overflow: hidden;
}
.benefits-image img {
    width: 100%;
    aspect-ratio: 16/8;
    object-fit: cover;
}
.benefites-card .benefites-image img {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.benefites-card:hover .benefites-image img {
    transform: scale(1.095);
}

.benefites-card .benefits-content {
    padding: 30px 165px 30px 25px;
}

.benefites-card .benefits-content h2 {
    color: #000;
    margin-bottom: 0;
    font-size: 3.8rem;
}

.benefites-card .benefits-content p:last-child {
    margin-bottom: 0;
}

.benefites-card .benefits-content p {
    color: #313D44;
    font-size: 20px;
    font-weight: 500;
}

.benefits-slider .slick-next {
    right: 25px;
    left: auto;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='14' viewBox='0 0 26 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999512 7L24.9995 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.5454 12.5L25 7L19.5454 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.benefits-slider .slick-prev {
    left: auto;
    right: 100px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='14' viewBox='0 0 26 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.9995 7L0.999511 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.45361 12.5L0.999068 7L6.45361 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.benefits-slider .slick-arrow {
    position: absolute;
    top: auto;
    bottom: 15px;
    background-color: #024468;
    background-position: center;
    background-size: 30px;
    background-repeat: no-repeat;
    border-radius: 100%;
    width: 54px;
    height: 54px;
    z-index: 9;
    align-content: center;
}

.benefits-slider .slick-arrow:before {
    display: none;
}

.joincoradi-section {
    padding: 100px 0;
    background: #F8F8F8;
}

.joincoradi-section .default-content {
    max-width: 810px;
    margin: 0 auto 50px;
    text-align: center;
}
.joincoradi-section .default-content h2 {
    margin-bottom: 10px;
}
.joincoradi-section .default-content p {
    max-width: 670px;
    margin: 0 auto;
}

.joincoradi-section .join-img blockquote {
    color: #313D44;
    border-left: 4px solid #EB0A0A;
    padding-left: 20px;
    margin: 25px 0;
    font-style: italic;
    font-weight: 500;
}

.join-img {
    padding-right: 50px;
}
.form-area h2 {
    font-size: 2.4rem;
    color: #024468;
    text-transform: unset;
}
.form-area form .quform-label {
    font-size: 1.5rem !important;
    color: #000;
    font-family: "Libre Baskerville",serif !important;
    font-weight: 800 !important;
}

.form-area form .quform-input input , .form-area form .quform-input select,
 .form-area form .quform-input textarea {
    border: 1px solid #DFDFDF !important;
    border-radius: 15px;
    padding: 11px 40px 11px 20px;
    text-align: left;
    font-size: 1.6rem;
    color: #686868;
}

.form-area form .quform-input textarea::placeholder ,
.form-area form .quform-input input::placeholder {
    text-align: left;
    font-size: 1.6rem;
    color: #686868;
}

.form-area form .quform-input .phone-input{
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4703 11.6085L12 6.75H6L2.52975 11.6085C2.34825 11.8627 2.25 12.168 2.25 12.48V14.2493C2.25 15.078 2.92125 15.7493 3.75 15.7493H14.25C15.0788 15.7493 15.75 15.078 15.75 14.2493V12.48C15.75 12.1672 15.6525 11.8627 15.4703 11.6085Z' stroke='%23313D44' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M9 12.75C9.82843 12.75 10.5 12.0784 10.5 11.25C10.5 10.4216 9.82843 9.75 9 9.75C8.17157 9.75 7.5 10.4216 7.5 11.25C7.5 12.0784 8.17157 12.75 9 12.75Z' fill='%23313D44' stroke='%23313D44' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M15 6.75H15.75C16.164 6.75 16.5 6.414 16.5 6V4.7925C16.5 4.143 16.0778 3.57525 15.4635 3.36375C13.3088 2.62125 11.154 2.25 9 2.25C6.84525 2.25 4.6905 2.62125 2.5365 3.36375C1.92225 3.57525 1.5 4.143 1.5 4.7925V6C1.5 6.414 1.836 6.75 2.25 6.75H3' stroke='%23313D44' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M6 6.75V5.25' stroke='%23313D44' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M12 6.75V5.25' stroke='%23313D44' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E%0A");
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 14px;
}

.form-area form .quform-input .email-input{
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 7.875V13.875C18 16.1475 16.1475 18 13.875 18H4.125C1.8525 18 0 16.1475 0 13.875V6.375C0 4.1025 1.8525 2.25 4.125 2.25H10.125C10.7475 2.25 11.25 2.7525 11.25 3.375C11.25 3.9975 10.7475 4.5 10.125 4.5H4.125C3.405 4.5 2.7825 4.905 2.4675 5.4975L7.6725 10.7025C8.385 11.415 9.615 11.415 10.3275 10.7025C10.3425 10.6875 12.39 8.9025 12.39 8.9025C12.855 8.4975 13.5675 8.5425 13.98 9.015C14.385 9.48 14.34 10.1925 13.8675 10.605L11.8875 12.33C11.115 13.0875 10.0875 13.5075 9 13.5075C7.9125 13.5075 6.8625 13.08 6.0825 12.3L2.25 8.46V13.875C2.25 14.91 3.09 15.75 4.125 15.75H13.875C14.91 15.75 15.75 14.91 15.75 13.875V7.875C15.75 7.2525 16.2525 6.75 16.875 6.75C17.4975 6.75 18 7.2525 18 7.875ZM15.375 5.25C16.8225 5.25 18 4.0725 18 2.625C18 1.1775 16.8225 0 15.375 0C13.9275 0 12.75 1.1775 12.75 2.625C12.75 4.0725 13.9275 5.25 15.375 5.25Z' fill='%23313D44'/%3E%3C/svg%3E%0A");
     background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 14px;
}
.form-area form .quform-input-checkbox input {
    width: 30px;
}

.form-area form .quform-input-checkbox .quform-option-label {
    font-weight: 600;
}
.form-area form .quform-button-submit {
    margin: 0 !important;
}
.form-area form .quform-element-submit button {
        background: transparent;
    border: 0px solid transparent !important;
    color: #fff;
    padding: 0 !important;
    text-transform: uppercase;
    font-weight: 600;
}

.form-area form .quform-element-submit button .quform-button-icon i {
    font-size: 22px;
    vertical-align: bottom;
}

.form-area form .btn:hover .quform-button-submit button {
    color: #024468 !important;
}
.form-area form .quform-element-submit .quform-loading {
    padding: 3px 0 0 10px;
}
@media (min-width: 1400px){
    .job-section .container , .benefits-section .container {
        max-width: 1300px;
    }
}
@media (max-width: 1400px){
    .inside-section .default-content {
        padding-right: 0px;
    }
    .join-img {
        padding-right: 20px;
    }
}
@media (max-width: 1199px){
    .team-banner{
        min-height: 500px !important;
    }
    .benefites-card .benefits-content h2{
        font-size: 2.8rem;
    }
    .job-card h2{
        font-size: 2.8rem;
    }
    .future-card h2{
        font-size: 2.0;
    }
    .team-banner .on-hero .left-content {
        max-width: 610px;
    }
    .future-section .row{
        margin-top: -30px;
    }
    .future-section .row > div{
        margin-top: 30px;
    }
}

@media (max-width: 991px){
    .inside-section {
        padding: 60px 0;
    }

    .inside-section .inside-image {
        margin-top: 30px;
    }

    .future-section {
        padding: 60px 0;
    }

    .future-section .default-content {
        margin-bottom: 20px;
    }

    .job-section {
        padding: 60px 0;
    }

    .benefits-section {
        padding: 0 0 30px;
    }

    .benefits-slider .slick-arrow {
        bottom: 50px;
        width: 48px;
        height: 48px;
        background-size: 24px;
    }

    .joincoradi-section {
        padding: 60px 0;
    }
    .joincoradi-section .join-img {
        margin-bottom: 30px;
    }

    .joincoradi-section .default-content {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px){
 
    .team-banner .left-content .join-btn-area {
        margin-top: 50px;
    }
    .team-banner .left-content .join-btn-area a {
        padding: 12px 10px;
    }
    .job-card ul li {
        margin: 5px 0 5px;
        list-style: inside;
    }
    .job-card p{
        font-size: 1.6rem;
    }
    .job-card ul {
        margin: 10px 0 0;
    }
    .benefites-card .benefits-content {
        padding: 30px;
    }

    .benefits-slider {
        padding-bottom: 50px;
    }
    .benefits-slider .slick-arrow {
        bottom: -20px;
        left: 50%;
        transform: translate(0, -50%);
    }

    .benefits-slider .slick-next {
        left: 55%;
    }

    .benefits-slider .slick-prev {
        left: 35%;
    }

    .job-section .default-content {
        margin-bottom: 0;
    }

    .job-section .job-row {
        margin-top: 0;
    }

    .job-row .job-card {
        padding: 30px 0;
    }
    .benefites-card .benefits-content {
        padding: 20px 10px;
    }

    .benefites-card .benefits-content h2 {
        font-size: 2.0rem;
    }

    .benefites-card .benefits-content p {
        font-size: 1.6rem;
    }
    .quform .quform-field-textarea {
        height: 110px;
    }
    .job-card ul li {
        font-size: 14px;
        padding-right: 10px;
    }
    .future-card {
        text-align: center;
    }
    .job-card .btn {
        position: unset;
        margin-top: 20px;
    }
    .job-card ul li img {
        width: 18px;
    }
}
/* Join page end */


/* New home 2025 */
.award-section {
    margin: 0 auto 100px;
}

.award-default-content {
    background: #F6F4F2;
    text-align: center;
    padding: 100px 100px;
}

.award-default-content .default-content {
    margin: 20px auto 45px;
    max-width: 1000px;
}

.award-default-content .default-content h2 {
    color: #000;
    margin: 0 auto 8px;
}

.award-default-content .default-content p {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}

.award-default-content .default-content hr {
    width: 14%;
    margin: 45px auto 0;
    height: 4px;
    background: #024468;
    opacity: 1;
}
.award-default-content {
    background: #F6F4F2;
    text-align: center;
    padding: 100px 100px;
}

.award-default-content .default-content {
    margin: 20px auto 45px;
    max-width: 1000px;
}

.award-default-content .default-content h2 {
    color: #000;
    margin: 0 auto 8px;
}

.award-default-content .default-content p {
    font-size: 20px;
    font-weight: bold;
    color: #313D44;
}

.award-default-content .default-content hr {
    width: 14%;
    margin: 45px auto 0;
    height: 4px;
    background: #024468;
    opacity: 1;
}

.award-default-content .awardlogo-list {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1280px;
    margin: 0 auto;
}

.award-default-content .awardlogo-list .award-img {
    flex: 1;
    padding: 0 14px;
}

.award-default-content .awardlogo-list .award-img picture {
    width: 100%;
    display: block;
    aspect-ratio: 1/1;
}
.award-default-content .btn-area {
    margin-top: 30px;
}
@media (max-width: 1199px){
    .award-default-content .btn-area {
        margin-top: 50px;
    }
}
@media (max-width: 991px){
    .award-default-content {
        padding: 80px 30px;
    }

    .award-default-content .default-content p {
        font-size: 16px;
    }
}
@media (max-width: 767px){
    .award-default-content .default-content p {
        font-size: 16px;
    }
        /* .award-default-content .awardlogo-list {
        flex-wrap: wrap;
    }

    .award-default-content .awardlogo-list .award-img {
        flex: 0 0 50%;
        padding: 15px;
    } */
    .award-default-content .btn-area {
        margin-top: 40px;
    }
}
/* New home 2025 end */

/* New service 2025 page style */

.container-fluid{
    padding: 0 25px;   
}
.call-to-action.cta-section .row > div{
    padding-right: 0;
    padding-left: 0;
}
.service-innerbanner-hero .left-content h1 {
    margin-bottom: 25px;
}

.service-innerbanner-hero .join-btn-area {
    margin-top: 20px;
}
.service-innerbanner-hero .join-btn-area .btn {
    min-height: 57px;
}
.btn img {
    width: 16px;
    transition: all 0.3s ease-in-out;
}
.star-rating-section {
    padding: 60px 0;
    background: #053C5D;
}

.rating-content-heading h2 {
    color: #fff;
    margin-bottom: 0;
    font-size: 2.8rem;
    text-transform: inherit;
}

.star-rating-section .row {
    align-items: center;
}
.rating-card > div {
    display: flex;
    align-items: center;
}

.rating-card p {
    margin-bottom: 0;
    padding-left: 20px;
    color: #fff;
    font-size: 2.2rem;
}

.rating-card .rat-icon p {
    font-weight: bold;
    font-size: 2.6rem;
}

.rating-card > .rating-icon {
    margin-bottom: 5px;
}

.fullvideo-section {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    min-height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.step-section {
    background: #053C5D;
    padding: 120px 0;
}
.step-wrapp {
    max-width: 500px;
}
.step-wrapp h4 {
    color: #EBCB73;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 160% */
    letter-spacing: -0.4px;
    text-transform: uppercase;
}

.step-wrapp h2 {
    color: #FFF;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1.02px;
    text-transform: uppercase;
}

.step-section .accordion {
    margin: 0;
    position: relative;
    padding-left: 40px;
}
.step-section .accordion .accordion-item {
    background-color: transparent;
    border-bottom: 1px solid #5B91B2;
    padding-bottom: 30px;
    position: relative;
}

.step-section .accordion .accordion-item .accordion-button, .step-section .accordion .accordion-item .accordion-body {
    background: transparent;
}

.step-section .accordion .accordion-item .accordion-button {
    padding: 0;
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 600;
     /* 123.077% */
    letter-spacing: -0.52px;
    line-height: 1;
    position: relative;
}
.step-section .accordion .accordion-item .accordion-button:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='35' viewBox='0 0 19 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707153 33.7727L17.24 17.2399L0.707153 0.707106' stroke='%23EBCB73' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease-in-out;
}

.step-section .accordion .accordion-item .accordion-button[aria-expanded=true]:after {
    transform: rotate(-90deg);
}
.step-section .accordion .accordion-item .accordion-button span {
    color: #EBCB73;
    font-family: "Libre Baskerville",serif;
    font-size: 5.6rem;
    font-style: normal;
    font-weight: 400;
    margin-right: 30px;
    width: 3%;

}

.step-section .accordion .accordion-item .accordion-body {
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.65;
    padding: 5px 65px 10px 55px;
}
.step-wrapp {
    max-width: 500px;
}

.step-section .accordion:before {
    content: '';
    display: block;
    width: 1px;
    height: 75%;
    background: #EBCB73;
    position: absolute;
    left: 0px;
    right: auto;
    top: 44%;
    transform: translate(0, -50%);
}

.step-section .accordion .accordion-item button:before {
    transform: translate(0px, -90%);
    content:
    '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #EBCB73;
    position: absolute;
    left: -50px;
    top: 50%;
}
.list-service {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    padding: 0;
}

.list-service li {
    width: 50%;
    list-style: none;
    display: flex;
    align-items: center;
}

.list-service li img {
    width: 70px;
    margin-right: 10px;
}

.list-service li h2 {
    color: #053C5D;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
     /* 125% */
    letter-spacing: -0.48px;
    margin: 0;
}

.bathroom-section{
    margin-top: 0;
    padding: 80px 0;
    background: #F6F6F6;
    margin-bottom: 0;
}
.bathroom-section .service-row {
    margin-top: 60px;
}


.bathroom-section .after-before-content {
    max-width: 650px;
}


.service-list {
    position: relative;
}

.service-list .service-list-img {
    margin-bottom: 30px;
}
.service-list .service-list-img img {
    width: 35px;
}
.service-list h2 {
    color: #053C5D;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 115.385% */
    letter-spacing: -0.52px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.service-list p b {
    color: #053C5D;
}
.service-row > div {
    position: relative;
}
.service-row > div:after {
    content: '';
    display: block;
    border-right: 4px solid transparent;
    border-image: linear-gradient(0deg,   rgba(31, 128, 254, 0.03) 0%, rgba(31, 128, 254, 0.3) 60%,  rgba(31, 128, 254, 0.03) 100% );
    border-image-slice: 1;
    border-width: 1px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
}
.service-row > div:last-child:after{
    display: none;
}

.circle-image {
    position: absolute;
    right: -25%;
    left: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 260px;
    height: 260px;
}

.week-tile-section .row > div {
    position: relative;
    padding: 0;
}

/* .week-tile-section .container-fluid {
    padding: 0;
} */

.week-tile-section {
    margin: 0;
    background: #053C5D;
}

.week-tile-section .after-before-content {
    max-width: 620px;
    padding: 50px 30px 50px 20%;
    margin: 0;
}

.week-tile-section .after-before-content h2 , .week-tile-section .after-before-content p {
    color: #fff;
}

.week-tile-section .after-before-content p span {
    color: #EBCB73;
}


.week-tile-section .after-before-content .btn {
    background: #024468;
    border-color: #fff;
    color: #fff;
}
.week-tile-section .after-before-content .btn:hover {
    color: #024468;
}

.week-tile-section .before-after-main {
    justify-content: stretch;
}

.week-tile-section .before-after-main .bal-container {
    height: 100%;
}
.leakproof-shower-section{
    background: #F6F6F6;
    padding: 120px 0;
}

.leakproof-shower-section .heading-text {
    margin-bottom: 80px;
}

.leakproof-shower-section .heading-text h2 {
    max-width: 730px;
}

.leakproof-card {
    display: block;
    position: relative;
    overflow: hidden;
}

.leakproof-card .video-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90px;
}

.leakproof-card > img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.service-card {
    position: relative;
}

.service-card .service-img {
    position: relative;
    overflow: hidden;
}

.service-card .service-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}

.service-card .service-content {
    margin-top: 40px;
}

.service-card .service-content h2 {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 15px;
    color: #053C5D;
}

.service-card .service-content p {
    margin-bottom: 0;
    color: #000;
}

.service-row-section {
    padding: 0 0 120px;
}

.cost-section {
    padding: 35px 0;
    background: #EBCB73;
}
.cost-section .row{
    align-items: center;
}
.cost-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cost-wrap h2 {
    margin-bottom: 0;
    padding-left: 30px;
    color: #053C5D;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.8rem;
    font-weight: 600; 
    letter-spacing: -0.56px;
    text-transform: uppercase;
}
.gallery-service-section {
    padding: 120px 0;
}
.gallery-service-section:before {
    display: none;
}

.gallery-sectiom .container {
    position: relative;
    z-index: 9;
}
.gallery-service-section:after {
    background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(79, 137, 179, 0) 5%, rgb(255 255 255 / 75%) 25%, rgb(255 255 255) 55%, rgb(255 255 255) 84%, rgb(255 255 255) 100%);
}

.renovation-section {
    background: #053C5D;
}

.renovation-section .row {
    align-items: center;
}
.renovation-section .row > div{
    padding-left: 0;
    padding-right: 0;
}
.renovation-content{
    padding: 0 30px;
}
.renovation-section .renovation-content h2 , .renovation-section .renovation-content p {
    color: #fff;
}

.renovation-section .renovation-content .btn-block .btn-blue {
    border-color: #fff;
}
.renovation-content p {
    font-size: 16px;
    font-weight: 400;
}
.new-service-page-section {
    padding: 80px 30px !important;
}

.new-service-page-section {
    padding: 80px 30px !important;
}

.new-service-page-section .page-heading h2 {
    color: #053C5D;
}
.new-service-page-section .work-card .work-content h2 {
    color: #053C5D;
    text-align: left;
}

.new-service-page-section .work-card .work-content h2 img {
    width: 12px;
    margin-left: 8px;
}
.service-review-section .service-google-heading {
    padding: 110px 0;
}

.service-review-section .row > div:first-child {
    border-right: 1px solid #bbb;
    z-index: 9;
}

.service-review-section {
    background: #F6F6F6;
    padding: 0;
}

.service-review-section:before {
    display: none;
}

.service-google-heading h2 {
    color: #053C5D;
    text-align: center;
    font-size: 12rem;
    font-weight: 700;
     /* 83.333% */
    letter-spacing: -2.4px;
    line-height: 1;
}

.service-google-heading .start-icon img {
    margin-bottom: 0 !important;
}

.service-google-heading .start-icon h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: -0.4px;
}

.service-google-heading .start-icon {
    margin-bottom: 40px;
}

.service-google-heading .google-icon h3 {
    color: #053C5D;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    font-weight: 600;
     /* 200% */
    letter-spacing: -0.4px;
    text-transform: uppercase;
    margin-top: 10px;
}
.service-review-section .rating-heading {
    padding: 80px 0;
}

.service-review-section .rating-heading h2 {
    font-size: 3.4rem;
}

.service-review-section .rating-heading .heading-title {
    max-width: 570px;
}
.rating-heading .rplgsw-slide .grw-review .wp-google-feedback {
    border: none !important;
}
.rating-heading .rplgsw-slide .grw-review {
    border: none !important;
    background: transparent;
    border-radius: 0;
    box-shadow: none !important;
}

.rating-heading .rplgsw-slide .grw-review .wp-google-stars {
    display: block !important;
    margin-left: 20px;
    margin-bottom: 25px;
}

.rating-heading .rplgsw-slide .grw-review .wp-google-stars svg path {
    fill: #f1d37e;
}

.rating-heading .rplgsw-slide .grw-review .wp-google-stars svg {
    width: 20px !important;
    height: 20px !important;
}

.rating-heading .rplgsw-slide .grw-review .wp-google-text {
    font-size: 14px;
}

.rating-heading .rplgsw-slide .grw-review .wp-google-content2 {
    height: 241px !important;
}
.rating-heading .rplgsw-slide .grw-review .wp-google-feedback {
    border: none !important;
}

.rating-heading .rplgsw-slide .grw-review .wp-google-user .wp-google-info a {
    color: #053C5D !important;
}

.rating-heading .rplgsw-slide .grw-review .wp-google-user .wp-google-info {
    margin-left: 15px !important;
}

.rating-heading .rplgsw-slide .grw-review .wp-google-user {
    align-items: center;
}
.rating-heading .rplgsw-slide .grw-review .wp-google-content2:before {
    line-height: 0;
    top: 5px !important;
}

.rating-heading .rplgsw-slide {
    width: 40% !important;
}
.rating-heading .rplgsw-slide .grw-review{
    margin: 0 auto !important;
}
.faq-section {
    padding: 120px 0;
}

.faq-section .page-heading {
    text-align: center;
}

.faq-section .accordion .accordion-button {
    padding: 30px 0;
    color: #024468 !important;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -0.4px;
    background: transparent !important;
    border-top: 1px solid #BBB;
    font-family: 'Montserrat', sans-serif;
}

.faq-section .accordion .accordion-item {
    margin-bottom: 0;
}

.faq-section .accordion .accordion-body {
    background: transparent;
    padding: 0 39px 30px;
    color: #000;
    line-height: 1.45;
    padding: 0 30px 30px 0;
}

.faq-section .accordion .accordion-button:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease-in-out;
}
.faq-section .accordion {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.step-section .accordion-body p {
    margin: 0;
}
.step-section .accordion-body p + p{
    margin-top:15px;
}
.service-form-section {
    background: #053C5D;
    padding: 120px 0;
}
.about-inside-section .inside-image > img {
    border: none;
}


.about-inside-section .default-content h3 {
    color: #053C5D;
    font-family: 'Roboto', sans-serif;
}
@media (max-width: 1366px){
    .cost-wrap h2 {
        font-size: 2.2rem;
    }
    .fullvideo-section {
        min-height: 500px;
    }
}
@media (max-width: 1199px){
    .renovationform-section .text-center h2 {
        font-size: 9rem;
    }

    .service-google-heading .google-icon h3 {
        font-size: 1.8rem;
    }

    .service-review-section .rating-heading h2 {
        font-size: 2.8rem;
    }
    .rating-card p {
        font-size: 1.6rem;
    }

    .rating-card .rat-icon p {
        font-size: 2rem;
    }

    .about-inside-section {
        padding: 80px 0;
    }

    .fullvideo-section {min-height: 400px;}

    .fullvideo-section .play-wrapp img {
        width: 90px;
    }

    .step-section {
        padding: 80px 0;
    }

    .step-section .accordion .accordion-item .accordion-button {
        font-size: 2.2rem;
    }

    .step-section .accordion .accordion-item button:before {
        width: 18px;
        height: 18px;
        left: -48px;
    }

    .step-section .accordion .accordion-item .accordion-button span {
        font-size: 4.2rem;
    }

    .inside-section {
        padding: 80px 0;
    }

    .inside-section .heading-text {
        margin-bottom: 80px;
        padding-bottom: 80px;
    }
    .list-service li h2 {
        font-size: 1.8rem;
        margin-bottom: 0 !important;
    }

    .list-service li img {
        width: 60px;
        margin-right: 5px;
    }
    .service-card .service-content h2 {
        font-size: 2.2rem;
    }

    .service-card .service-content {
        margin-top: 30px;
    }

    .service-row-section {
        padding: 0 0 80px;
    }

    .service-list h2 {
        font-size: 2rem;
        margin-bottom: 10px;
    }

    .week-tile-section .after-before-content {
        padding: 50px 30px 50px 20%;
    }

    .circle-image {
        width: 180px;
        height: 180px;
        right: -35%;
    }
    
    .cost-wrap h2 {
        font-size: 2rem;
    }

    .leakproof-card .video-icon {
        width: 72px;
    }
    .faq-section{
        padding: 80px 0;
    }

    .service-form-section {
        padding: 80px 0;
    }
    .rating-heading .rplgsw-slide {
        width: 60% !important;
    }
    .gallery-service-section {
        padding: 80px 0;
    }
    .leakproof-shower-section {
       padding: 80px 0;
    }
    .renovation-content {
        padding: 30px 30px;
    }
    .week-tile-section .after-before-content {
        padding: 50px;
        max-width: 100%;
    }

    .renovation-section .btn-block .btn {
        margin: 10px auto;
    }
}
@media (max-width: 991px) {
    .star-rating-section .rating-content-heading {
        text-align: center;
        margin-bottom: 15px;
    }

    .rating-card .rating-icon {
        flex-wrap: wrap;
    }

    .rating-card p {
        padding-left: 0;
        display: block;
        flex: 100%;
        margin-top: 5px;
    }

    .rating-card .rat-icon p {
        padding-left: 8px;
        margin: 0;
        font-size: 1.8rem;
    }
    .inside-section {
        padding: 60px 0;
    }
    .step-wrapp h4 {
        margin-bottom: 20px;
    }
    .step-wrapp {
        margin-bottom: 40px;
    }
    .step-section .accordion:before{
        height: 80%;
    }
    .inside-section .heading-text {
        margin-bottom: 60px;
        padding-bottom: 60px;
    }

    .service-row-section .row {
        margin-top: -50px;
    }

    .service-row-section .row > div {
        margin-top: 50px;
    }

    .bathroom-section .after-before-content {
        padding-top: 0;
    }
    .bathroom-section .service-row {
        margin-top: 0;
    }
    .service-row {
        margin-top: -30px;
    }
    .service-row > div {
        width: 50%;
        flex: auto;
        margin-top: 30px;
    }
    .service-row > div:nth-child(even):after {
        display: none;
    }
    .week-tile-section .after-before-content {
        padding: 50px;
        max-width: 100%;
    }
    .gallery-service-section {
        padding: 60px 0;
    }
    .leakproof-shower-section {
       padding: 60px 0;
    }
    .service-review-section .service-google-heading {
        padding: 60px 0 0;
    }

    .service-review-section .rating-heading {
        padding: 60px 0;
    }

    .service-review-section .rating-heading .heading-title {
        text-align: center;
        margin: 0 auto;
    }

    .service-review-section .row > div:first-child {
        border-right: none;
        border-bottom: 1px solid #bbb;
        padding-bottom: 60px;
    }
    .new-service-page-section .work-card .work-content h2 {
        font-size: 2.0rem !important;
    }


}

@media (max-width: 767px) {
    .service-innerbanner-hero .join-btn-area .btn {
        min-height: auto;
    }
    .rating-card .rat-icon > img {
        width: 80px;
    }

    .rating-card .rating-icon > img {
        aspect-ratio: 3/1;
        margin: 0;
    }

    .rating-card .rating-icon {
        margin-bottom: 0;
    }
    .about-inside-section .default-content {
        margin-bottom: 30px;
    }
    .fullvideo-section{
        min-height: 240px;
        aspect-ratio: 16 / 9;
    }
    .fullvideo-section .play-wrapp img {
        width: 70px;
    }
    .step-section {
        padding: 60px 0;
    }
    .step-section .accordion .accordion-item .accordion-button span {
        font-size: 3rem;
        margin-right: 15px;
    }

    .step-section .accordion .accordion-item .accordion-button {
        font-size: 2rem;
        line-height: 1.65;
    }

    .step-section .accordion .accordion-item .accordion-body {
        padding: 20px 20px 10px 25px;
    }

    .step-section .accordion .accordion-item .accordion-button:after {
        width: 25px;
        height: 25px;
    }
    .step-section .accordion:before {
        height: 82%;
    }
    .inside-section .default-content {
        margin-bottom: 30px;
    }

    .inside-section .default-content h3 {
        margin-top: 20px;
    }

    .list-service li img {
        width: 60px;
    }
    .service-row > div {
        width: 100%;
        text-align: center;
    }

    .service-list {
        max-width: 300px;
        margin: 0 auto;
    }
    .service-row > div {
        width: 100%;
        text-align: center;
    }

    .week-tile-section .after-before-content {
        padding: 60px 20px;
    }
    .zig-zag-section .before-after-main {
        margin-top: 30px;
    }

    .cost-wrap {
        justify-content: start;
    }

    .cost-section .row > div {
        margin-bottom: 30px;
    }

    .cost-section .row > div:last-child {
        margin-bottom: 0;
    }

    .cost-wrap img {
        width: 60px;
        aspect-ratio: 4/3;
    }
    .leakproof-shower-section .row > div {
        margin-bottom: 30px;
    }

    .leakproof-shower-section .row > div:last-child {
        margin-bottom: 0;
    }

    .leakproof-shower-section .heading-text {
        margin-bottom: 0;
    }

    .new-service-page-section {
        padding: 60px 0px 30px !important;
    }
    .rating-heading .rplgsw-slide {
        width: 100% !important;
    }
    .renovationform-section .text-center h2{
        font-size: 2.8rem;
    }

    .service-google-heading .start-icon h4 {
        font-size: 2rem;
    }

    .service-review-section .rating-heading .heading-title {
        text-align: left;
    }

    .faq-section {
        padding: 60px 0;
    }
}

@media (max-width: 420px) {
    .rating-card .rat-icon > img {
        width: 68px;
    }
    .rating-card .rat-icon p{
        font-size: 1.6rem;
    }
    .rating-card p{
        font-size: 1.4rem;
    }
}
/* New service 2025 page style end */



/* Bathroom Remodeling in Chesapeake 30-12  */
.expert-bathroom-remodal{
    padding-top: 40px;
    background: #053c5d;
}
.video-section.about-video li {
    text-align: left;
}
.chesapeake-about-video .default-content ul {
    column-count: 2;
    margin-bottom: 30px;
}

.chesapeake-about-video .default-content ul li {
    padding-bottom: 15px;
    margin-right: 10px;
}
.bathroom-about-service .btn-area {
    margin-top: 50px;
}

.communities-section {
    padding: 120px 0;
}

.communities-section .default-content {
    max-width: 700px;
    margin: 0 auto 50px;
    text-align: center;
}

.communities-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.communities-list-item {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-bottom: 2px solid #C0C0C0;
    width: 26%;
}

.communities-list-item h2 {
    font-size: 1.8rem;
    margin: 0;
    text-transform: capitalize;
    padding-left: 10px;
}


.google-review-section {
    background: #053c5d;
}

.google-review-section .default-content h2 {
    color: #fff;
}
.expert-bathroom-remodal h2, .expert-bathroom-remodal .page-heading p{
    color:#fff;
}
.expert-bathroom-remodal.faq-section .accordion-item{
    margin-bottom: 25px;
    padding: 0 25px;
}
.chesapeake-bathroom-gallery-section .page-heading {
    max-width: 100%;
}

.chesapeake-bathroom-gallery-section .page-heading h2 {
    max-width: 600px;
    flex: 0 0 auto;
}
.bathroom-about-service .row > div:nth-child(3) .service-block .content::after {
    display: none !important;
}

@media (max-width: 991px) {
    .communities-section {
        padding: 80px 0;
    }
    .communities-list-item {
        width: 45%;
    }
    .chesapeake-about-video {
        padding-bottom: 20px;
    }

}

@media (max-width: 767px) {
    .communities-section {
        padding: 60px 0 30px;
    }
    .communities-section .default-content {
        margin: 0 auto 30px;
    }
    .communities-list {
        gap: 10px 15px;
    }
    .communities-list-item {
        width: 45%;
        flex: auto;
        padding: 20px 0;
    }
    .chesapeake-about-video .default-content ul{
        column-count: 1;
    }
    .chesapeake-about-video .row ,
    .after-before-chesapeake-section .row{
        flex-direction: column-reverse !important;
    }

    .chesapeake-about-video .inside-image {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .star-rating-section .row > div {
        padding: 0 10px;
    }
    .fullvideo-section {
        width: 100%;
        min-height: 280px;
    }
}
/* Bathroom Remodeling in Chesapeake end 30-12 */


/* Flexible layouts */

.btn-yellow:hover img {
    filter: brightness(0) invert(1);
}
.gallery-service-section .btn-wrap {
    margin-top: 50px;
    text-align: center;
}
.video-bg-section {
    position: relative;
    overflow: hidden;
}

.video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: 1;
    overflow: hidden;
}

.video-bg iframe,
.video-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4); /* adjust */
    z-index: 2;
}

.fullvideo-section .container {
    position: relative;
    z-index: 3;
    cursor: pointer;
}

.bathremodel-section.yellow-bg{
        background: #f1d37e;
}
.bathremodel-section {
    padding: 100px 0 0;
}

.bathremodel-section .heading-text h2 {
        letter-spacing: -1.02px;
    text-transform: capitalize;
}
.bathremodel-section  .heading-text {
    padding-bottom: 100px;
    border-bottom: 1px solid #053c5d;
}
.bathremodel-section.yellow-bg .heading-text {
    border-bottom: none;
}

.bathremodel-section.yellow-bg .heading-text .btn-yellow img {
    /* filter: brightness(0) invert(1); */
    margin-right: 5px;
    position: relative;
    top: -1px;
}
.bathremodel-section.yellow-bg .heading-text .btn-yellow:hover img {
    filter: brightness(0) invert(1);
}
.bathremodel-section.yellow-bg .heading-text .btn-blue {
    border-color: white;
}
.new-service-card .service-content h2 {
    font-size: 2.2rem;
}
.renovation-section .shower-img img {
    width: 100%;
}
.form-shortcode .quform-element {
    word-break: break-word;
}
.new-flexible-about-section .default-content h3{
    font-size: 20px;
    color: #053C5D;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 25px;
}
.new-flexible-about-section .row {
    align-items: center;
}
.new-flexible-about-section .inside-image {
    border: 9px solid #001118;
}

.gallery-sectiom.gallery-service-section.bg-none {
    background: none;
}
.pt-none {
    padding-top: 0 !important;
}

.pb-none {
    padding-bottom: 0 !important;
}
.new-flexible-about-section .join-btn-area {
    margin-top: 30px;
}
.about-image img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}

@media (max-width: 1199px){
    .bathremodel-section {
        padding: 80px 0 0;
    }

    .bathremodel-section .heading-text {
        padding-bottom: 80px;
    }
}
@media (max-width: 991px){
    .bathremodel-section {
        padding: 60px 0 0;
    }

    .bathremodel-section .heading-text {
        padding-bottom: 60px;
    }
}
/* Flexible layouts end */


/* New serve page */

.new-remodeling-serve-section {
    padding: 80px 0 !important;
}
.new-citie-serve-section .after-before-content.text-center {
    text-align: center;
}

.new-citie-serve-section .after-before-content.text-center p {
    margin: 0 auto;
}
.remodeling-card {
    position: relative;
    overflow: hidden;
}

.remodeling-card .remodeling-title {
    position: absolute;
    bottom: 0;
    background: #024468;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 15px;
}

.remodeling-card .remodeling-title h2 {
    color: #fff;
    margin: 0;
    font-size: 2.2rem;
}

.remodeling-card .remodeling-img {
    position: relative;
    overflow: hidden;
}

.remodeling-card .remodeling-img img {
    transition: all 0.3s ease-in-out;
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
}

.remodeling-card:hover .remodeling-img img {
    transform: scale(1.095);
}
.renovation-remodeling-serve-row + .row + .row {
    margin-top: 100px;
}

.renovation-remodeling-serve-row h2 {
    margin-bottom: 0;
}

.renovation-remodeling-serve-row p {
    margin-bottom: 0;
}
.transform-cta-section.blue-bg .cta-center h2 {
    text-transform: uppercase;
    color: #fff;
}

.transform-cta-section.blue-bg .cta-center .btn-blue {
    border-color: #fff;
}
.transform-cta-section.blue-bg .cta-btn .btn {
    text-transform: uppercase;
}

@media (max-width: 991px){
    .remodeling-card .remodeling-title h2 {
        font-size: 2rem;
    }
}
@media (max-width: 767px){
    .renovation-remodeling-serve-row .after-before-content {
        text-align: center;
        margin-bottom: 0;
    }
    .new-citie-serve-section .row > div {
        margin-bottom: 30px;
    }
    .renovation-remodeling-serve-row + .row + .row {
        margin-top: 20px;
    }
    .remodeling-card .remodeling-title h2 {
        font-size: 1.8rem;
    }
}
/* New serve page end */


/* Case study css */
.innerbanner-section {
    padding: 175px 0 100px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.innerbanner-section .on-hero {
    position: unset;
    margin: 0 auto;
    transform: unset;
}

.innerbanner-section .left-content {
    text-align: center !important;
}
.work-case-study-section {
    padding: 80px 0;
}
.cs-archive__search-wrap {
	padding: 32px 0;
	background: #F5F5F5;
	border-bottom: 1px solid #E0E0E0;
}

.cs-archive__search-inner {
	position: relative;
	display: flex;
	align-items: center;
	border: 1px solid #DEDEDE;
	border-radius: 12px;
	background: #F5F5F5;
	overflow: hidden;
	text-align: left;
    margin-bottom: 50px;
}

.cs-archive__search-icon {
	position: absolute;
	left: 16px;
	color: #024468;
	display: flex;
	align-items: center;
	width: 24px;
	height: 24px;
}

.cs-archive__search-icon svg{
    width: 100%;
    height: 100%;
}

.cs-archive__search-input {
	width: 100%;
	padding: 26px 16px 26px 48px;
	font-size: 18px;
    font-weight: 500;
	border: none;
	outline: none;
	background: transparent;
	color: #024468;
	text-align: left !important;
}

.cs-archive__search-input::placeholder {
	color: #024468;
    text-align: left;
}

.cs-archive__sidebar {
    position: sticky;
    top: 100px;
}
.admin-bar .cs-archive__sidebar {
    top: 130px;
    
}
.cs-archive__sidebar h4{
    margin-bottom: 20px;
}


.cs-archive__filter-list {
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
}

.cs-archive__filter-item {
	margin: 0;
}

.cs-archive__filter-link {
	display: block;
    padding: 15px 0;
    font-size: 18px;
    font-weight: 500;
    color: #313D44;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease-in-out;
}

.cs-archive__filter-link:hover,
.cs-archive__filter-link.is-active {
	color: #024468;
	font-weight: 600;
}

.cs-archive__filter-link.is-active {
	border-bottom-color: #024468;
}
.cs-archive__sidebar .btn img {
    filter: brightness(0) invert(1);
    width: 20px;
    height: 20px;
    margin-left: 10px;
    vertical-align: bottom;
    transition: all 0.3s ease;
}

.cs-archive__sidebar .btn:hover img {
    filter: unset;
}

.cs-archive__content-wrap {
	padding: 48px 0 64px;
	background: #F5F5F5;
}

.cs-archive__layout {
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 40px;
	align-items: start;
}

@media ( max-width: 900px ) {
	.cs-archive__layout {
		grid-template-columns: 1fr;
	}
}


.cs-archive__sidebar-title {
	font-size: 16px;
	font-weight: 700;
	color: #024468;
	margin: 0 0 16px;
	padding-bottom: 12px;
	border-bottom: 2px solid #C9A84C;
}


/* ── Archive Card Grid─ */
.cs-archive__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}
.cs-archive__grid:has(.cs-archive__no-results) {
    display: grid;
    grid-template-columns: 1fr;
  }
  
  .cs-archive__no-results p {
      margin-bottom: 0;
  }
@media ( max-width: 1100px ) {
	.cs-archive__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media ( max-width: 640px ) {
	.cs-archive__grid {
		grid-template-columns: 1fr;
	}
}

/* ── Case Study Card */
.cs-card {
	background: #fff;
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: all 0.3s ease;
}

.cs-card:hover {
	box-shadow: 0 4px 24px rgba(0,0,0,0.12);
	transform: translateY(-3px);
}
.cs-card__image-wrap {
	position: relative;
	overflow: hidden;
	background: #F2F2F2;
}
.cs-card__image {
	width: 100%;
    aspect-ratio: 16/9;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.cs-card:hover .cs-card__image {
	transform: scale(1.04);
}

.cs-card__image-placeholder {
	width: 100%;
	height: 100%;
    aspect-ratio: 16/9;
	background: #F2F2F2;
}

.cs-card__category-badge {
	position: absolute;
    bottom: 12px;
    left: 12px;
    background: #024468;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.1px;
    text-transform: capitalize;
    padding: 8px 12px;
    border-radius: 32px;
    z-index: 9;
}
.cs-card__image-wrap h2 {
    position: absolute;
    bottom: 29px;
    color: #fff;
    left: 10px;
    font-size: 1.8rem;
    font-weight: 700;
    z-index: 9;
    max-width: 95%;
}

.cs-card__image-wrap:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
    background: rgb(0 0 0 / 40%);
}

.cs-card__category-badge img {
    vertical-align: sub;
    margin-right: 2px;
    display: inline-block;
}


.cs-card__rating-logo {
    width: 24px;
    display: inline-block;
}
.cs-card__rating-logo img {
    width: 100%;
}

.cs-card__rating-label {	
    font-size: 1.6rem;
    font-weight: 600;
    color: #024468;
}


.cs-card__body {
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex: 1;
}
.cs-card__rating {
	display: flex;
	align-items: center;
	gap: 6px;
}

.cs-card__stars {
	display: flex;
	gap: 2px;
}

.cs-card__review {
	margin: 0 0 10px;
	padding: 0;
	border: none;
	flex: 1;
}

.cs-card__review-text {
	font-size: 14px;
    color: #313D44;
    font-style: italic;
    margin: 0 0 6px;
    font-weight: 500;
}
.cs-card__reviewer {
	font-size: 1.6rem;
    font-weight: 600;
    color: #f1d37e;
    margin: 0;
    font-style: italic;
}


.cs-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #024468;
    text-decoration: none;
    margin-top: auto;
    transition: all 0.3s ease-in-out;
}

.cs-card__cta:hover {
	color: #f1d37e;
}

.cs-card__image-link {
	display: block;
	text-decoration: none;
}

/* ── Archive Pagination */
.cs-archive__pagination {
	margin-top: 48px;
}

.cs-archive__pagination .page-numbers {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin: 0;
	padding: 0;
}

.cs-archive__pagination .page-numbers li {
	margin: 0;
}

.cs-archive__pagination .page-numbers a,
.cs-archive__pagination .page-numbers span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid #E0E0E0;
	border-radius: 6px;
	font-size: 14px;
	color: #444444;
	text-decoration: none;
	transition: all 0.25s ease, color 0.25s ease;
}

.cs-archive__pagination .page-numbers a:hover {
	background: #024468;
	color: #F5F5F5;
	border-color: #024468;
}

.cs-archive__pagination .page-numbers .current {
	background: #024468;
	color: #F5F5F5;
	border-color: #024468;
	font-weight: 700;
}

/* ── Archive No Results  */
.cs-archive__no-results {
	padding: 48px;
	text-align: center;
	font-size: 15px;
	color: #999999;
}


.cs-archive__no-results a {
    display: block;
    align-items: center;
    gap: 6px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #024468;
    text-decoration: none;
    margin-top: auto;
    transition: all 0.3s ease-in-out;
}

/* Case study css end */

/* SIngle case study page */
.single-casestudy-banner-section {
    padding: 175px 0 100px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cs-single__featured-image-wrap {
	width: 100%;
	overflow: hidden;
}
.cs-single__featured-image-wrap img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}
.single-casestudy-banner-section .row {
    align-items: stretch;
}

.cs-single__featured-image-wrap img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.single-remodeling-info {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.single-remodeling-info .cs-single__meta {
    margin-top: auto;
    margin-bottom: 0;
}

.remodeling-heading {
    margin-top: auto;
}
.cs-single__anchor-nav {
    background: #024468;
}

.cs-single__anchor-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: start;
    justify-content: start;
}

.cs-single__anchor-nav ul li .cs-single__anchor-nav-link {
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    padding: 25px 0;
    display: block;
    border-bottom: 6px solid transparent;
    transition: all 0.3s ease-in-out;
}

.cs-single__anchor-nav ul li .cs-single__anchor-nav-link.is-active {
    border-bottom-color: #f1d37e;
}

.cs-single__anchor-nav ul li {
    margin: 0 30px;
}

.cs-single__anchor-nav ul li:hover a {
    color: #f1d37e;
}


.cs-single__details-wrap {
	padding: 64px 0;
	background: var(--cs-white);
}

.cs-single__details-layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px;
	align-items: start;
}

@media ( max-width: 900px ) {
	.cs-single__details-layout {
		grid-template-columns: 1fr;
	}
}
.casestudy-project-overview-section {
    padding: 50px 0;
}

.case-study-testimonial {
    background: #024468;
    padding: 60px 0;
}

.case-study-testimonial h2 {
    color: #fff;
    margin-bottom: 20px;
}

.single-remodeling-info .cs-single__meta span {
    display: inline-block;
    border-right: 2px solid #024468;
    padding-right: 20px;
    margin-right: 20px;
    color: #024468;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.single-remodeling-info .cs-single__meta span:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.single-remodeling-info .cs-single__meta span:last-child time {
    position: relative;
    top: 2px;
}

.single-remodeling-info .cs-single__meta img {
    width: 24px;
    aspect-ratio: 1/1;
    object-fit: contain;
    flex: 0 0 24px;
}

.casestudy-project-overview-section .cs-single__hero-image-wrap {
    margin-bottom: 50px;
}

.casestudy-project-overview-section h3 {
    margin-bottom: 20px;
}
.cs-single-overview-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.cs-single-overview-row {
	border-bottom: 1px solid var(--cs-border);
}

.cs-single-overview-label,
.cs-single-overview-value {
	padding: 14px 16px;
	vertical-align: top;
}

.cs-single__overview-label {
	width: 40%;
}

.cs-single-overview-table thead th {
    padding: 15px;
    color: #fff;
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
}

.cs-single-overview-table tbody tr {
    background: #fff;
    font-family: "Libre Baskerville", serif;
    color: #024468;
    font-size: 16px;
}

.cs-single-overview-table tbody tr:nth-child(even) {
    background: #F5F5F5;
}

.cs-single-overview-table tbody tr td {
    padding: 16px;
}

.cs-single-overview-table tbody tr td.cs-single__overview-value {
    color: #313D44;
}
.cs-single-overview-table thead th {padding: 15px;color: #fff;font-family: "Libre Baskerville", serif;font-weight: 700;text-transform: uppercase;font-size: 16px;}

.cs-single-overview-table tbody tr {
    background: #fff;
    font-family: "Libre Baskerville", serif;
    color: #024468;
    font-size: 16px;
}

.cs-single-overview-table tbody tr:nth-child(even) {
    background: #F5F5F5;
}

.cs-single-overview-table tbody tr td {
    padding: 16px;
}

.cs-single-overview-table tbody tr td.cs-single__overview-value {
    color: #313D44;
}

.casestudy-project-overview-section h3 {
    margin-bottom: 20px;
}

.casestudy-project-overview-section .row > .col-md-6 {
    border-right: 1px solid #D9D9D9;
}

.casestudy-project-overview-section .row > .col-md-6:last-child {
    border-right: none;
}
.cs-single-testimonial-content {
    background: #FFFFFF;
    width: 70%;
    padding: 50px;
    display: flex;
}

.cs-testimonial-card {
    display: flex;
    align-items: stretch;
    gap: 40px;
}

.cs-testimonial-photo-wrap {
    width: 30%;
        position: relative;
    overflow: hidden;

}
.cs-testimonial-photo-wrap .play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
}
.cs-testimonial-photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}
.cs-single-testimonial-content > div {
    padding: 0 30px;
    width: 50%;
}

.cs-single-testimonial-content .cs-single-content-info:first-child {
    border-right: 1px solid #024468;
    padding-left: 0;
    display: flex;
    flex-direction: column;
}
.cs-single-content-info > img {
    margin-bottom: 30px;
    width: 40px;
}

.cs-single-content-info blockquote {
    margin: 0;
}

.cs-single-content-info blockquote span {
    display: none;
}


.cs-single-content-info > p {
    font-size: 18px;
    font-style: italic;
}

.cs-single-content-info .google-rating {
    display: flex;
    align-items: center;
    margin-top: auto;
}

.cs-single-content-info .google-rating img {
    width: 38px;
    margin-right: 10px;
}

.cs-single-content-info .google-rating .cs-single__testimonial-stars svg {
    width: 20px;
    height: 20px;
}
.cs-single-content-rating span.cs-single__testimonial-badge {
    background: #f1d37e;
    font-family: "Libre Baskerville",serif;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 6px 12px;
    display: inline-block;
}
.cs-single-overview-table thead tr {
    background: #313D44;
}
.cs-single-content-rating {
    display: flex;
    flex-direction: column;
}

.cs-single-bottom-verified {
    margin-top: auto;
    display: flex;
    align-items: flex-end;
}
.cs-single__testimonial-verified {
    margin-left: auto;
}
.testimonial-namestring {
    background: #9747FF;
    width: 62px;
    height: 62px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 100% */
    text-transform: uppercase;
    margin-bottom: 10px;
}

.cs-single__testimonial-reviewer .cs-single__testimonial-name {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-size: 22px;
    text-transform: capitalize;
    display: block;
}
.cs-single__testimonial-verified {
    margin-left: auto;
}
.cs-single__testimonial-reviewer .cs-single__testimonial-location {
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

.consultation-section {
    padding: 80px 0;
}
.consultation-section .row {
    align-items: center;
}
.consultation-section .consultation-btn {
    margin-top: 30px;
}

.remodeling-slider .slick-slide {
    padding: 20px 10px;
}
.cs-testimonial-slider .slick-arrow {
    background-color: #f1d37e;
    width: 50px;
    height: 50px;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.cs-testimonial-slider .slick-arrow:before {
    content: '';
    opacity: 1;
    width: 24px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.cs-testimonial-slider .slick-prev:before {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.91406 1.41431L1.41406 6.91431L6.91406 12.4143' stroke='black' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
.cs-testimonial-slider .slick-next:before {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41406 1.41431L6.91406 6.91431L1.41406 12.4143' stroke='black' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

.cs-testimonial-slider .slick-prev.slick-arrow {
    left: 30%;
}
.cs-video-modal .cs-video-modal__close {
    position: absolute;
    right: 0;
    top: -50px;
    background: transparent;
    border: none;
    padding: 0;
    color: #fff;
    width: 38px;
}

.cs-video-modal .cs-video-modal__close svg {
    width: 100%;
    height: 100%;
}
.remodeling-stories-slider-section {
    padding: 80px 0 120px;
    background: #F5F5F5;
}

.remodeling-slider .slick-dots {
    bottom: -40px;
}
.remodeling-slider .slick-dots li {
    width: auto;
}

.remodeling-slider .slick-dots li button {
    margin: 0;
    padding: 0;
    width: 18px;
    height: 8px;
    background: #ABC1CF;
    border-radius: 40px;
    transition: all 0.3s ease-in-out;
}

.remodeling-slider .slick-dots li button:before {
    display: none;
}

.remodeling-slider .slick-dots li.slick-active button {
    background: #0A3161;
    width: 56px;
}

.remodeling-slider .slick-arrow:before {
    display: none;
}

.remodeling-slider .slick-arrow {
    width: 50px;
    height: 50px;
    background-color: #024468;
    border-radius: 100%;
    bottom: -60px;
    top: auto;
    right: 0;
    transform: unset;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    
    z-index: 99;
}

.remodeling-slider .slick-prev {
    left: auto;
    right: 30%;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 16L1 8.5L8.5 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.remodeling-slider .slick-next {
    right: 26%;
    background-position: 55% 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 16L8.5 8.5L1 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.cs-card .cs-card__review p {
    border-left: 4px solid #024468;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
}

.cs-card .cs-card__review footer {
    color: #024468;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
}

.cs-single__cta-image-wrap img{
    width: 100%;
}
.cs-archive__grid-wrap {
    position: relative;
    transition: opacity 0.2s ease;
}

.cs-archive__grid-wrap.is-loading {
    opacity: 0.4;
    pointer-events: none;
}   

.bg-none {
    background-color: transparent;
}
.flexible-remodeling-stories-slider-section .remodeling-title {
    text-align: center;
}
@media (min-width: 992px) {
    /* .search-and-filter-wrap .sidebar-icon {display: none;}

    .mobile-sidebar-filter .btn-close {
        display: none;
    } */
}
@media (min-width: 1600px) {
    .remodeling-slider .slick-list{
        padding-left: calc(50% - 770px) !important;
        padding-right: calc(50% - 790px) !important;
    }
}
@media (max-width: 1500px) {
    .remodeling-slider .slick-list {
        padding-left: 20px;
        padding-right: 20px;
    }
    .remodeling-slider .slick-dots {
        bottom: -50px;
    }
}
@media (max-width: 1366px) {
    .remodeling-heading .cs-single__title {
        font-size: 3.8rem;
    }
    .remodeling-slider .slick-prev {
        right: 20%;
    }
    .remodeling-slider .slick-next {
        right: 15%;
    }
    
}
        
@media (max-width: 1199px) {
    .single-casestudy-banner-section {
        padding: 90px 0;
    }
    .cs-testimonial-card{
        gap: 30px;
    }.remodeling-slider .slick-next {
        right: 13%;
    }

}
@media (max-width: 991px) {
    .single-casestudy-banner-section {
        padding: 80px 0;
    }
    .cs-single__job-overview ,
    .cs-single__featured-image-wrap {
        margin-top: 30px;
    }

    .cs-single__job-overview {
        margin-top: 30px;
    }
    
    .cs-testimonial-photo-wrap {
        width: 100%;
    }

    .cs-testimonial-card {
        flex-wrap: wrap;
        gap: 0;
    }
    
    .cs-single-testimonial-content {
        width: 100%;
        flex-wrap: wrap;
    }
    
    .cs-testimonial-photo-wrap > img {
        height: auto;
        aspect-ratio: 16/9;
    }
    .cs-testimonial-slider .slick-prev.slick-arrow {
        left: -20px;
    }
    
    .cs-testimonial-slider .slick-arrow {
        top: 70%;
        transform: translate(0, -50%);
    }
    
    .cs-testimonial-slider .slick-next.slick-arrow {
        right: -20px;
    }
    .cs-single-testimonial-content > div {
        width: 100%;
        padding: 0;
    }
    
    .cs-single-testimonial-content .cs-single-content-info:first-child {
        border: none;
        padding: 0 0 30px;
        border-bottom: 1px solid #024468;
        margin-bottom: 30px;
    }
    .cs-single-top-category {
        margin-bottom: 40px;
    }
    .consultation-section .consultation-content {
        margin-bottom: 30px;
    }

    .search-and-filter-wrap {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 40px;
    }
    
    .sidebar-icon {
        width: 42px;
    }
    
    .search-and-filter-wrap form.cs-archive__search-form {
        width: 100%;
    }
    
    .search-and-filter-wrap form.cs-archive__search-form .cs-archive__search-inner {
        margin-bottom: 0;
    }
    
    .cs-archive__sidebar {
        top: auto;
    }
    
    /*
    .mobile-sidebar-filter {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999;
        background: #fff;
        height: 100%;
        width: 100%;
        max-width: 0;
        opacity: 0;
        visibility: hidden;
        box-shadow: 0 0 10px 10px #0000001a;
        padding: 0;
        transition: all 0.3s ease-in-out;
    }

    .sidebar-inner-wrapper{
        padding: 50px 30px;
        height: 100%;
    }

    .mobile-sidebar-filter .btn-close {
        opacity: 1;
        width: 30px;
        height: 30px;
        display: block;
        text-align: right;
        position: relative;
        width: 100%;
        margin-bottom: 30px;
        background: none;
    }
    
    .mobile-sidebar-filter .btn-close img {
        margin-left: auto;
        margin-right: 0;
        width: 26px;
    }
    
     .admin-bar .mobile-sidebar-filter .btn-close {
        margin-top: 30px;
    } 
    .mobile-sidebar-filter.active {
        max-width: 320px;
        opacity: 1;
        visibility: visible;
    }
    */
    .cs-archive__filter-link{

    }
    
    .cs-archive__filter-list {
        gap: 15px;
        display: flex;
        overflow-y: hidden;
        overflow-x: scroll;
        flex-wrap: nowrap;
        margin-bottom: 50px;
    }
    .cs-archive__filter-list::-webkit-scrollbar {
        width: 2px; /* Width for vertical scrollbar */
        height: 1px;
        margin-top: 10px;
      }
      
      .cs-archive__filter-list::-webkit-scrollbar-thumb {
        background-color: #9e9e9e;
        border-radius: 5px;
      }
      
      .cs-archive__filter-list::-webkit-scrollbar-track {
        background: transparent;
      }
    
    .cs-archive__sidebar .btn {
        display: none;
    }
    
    .cs-archive__filter-link {
        white-space: nowrap;
        background: #fff;
        color: #1e1e1e;
        padding: 15px 20px;
        font-size: 16px;
        border: 2px solid #DEDEDE;
        border-radius: 6px;
    }
    
    .cs-archive__sidebar h4 {
        margin-bottom: 15px;
    }
    
    .cs-archive__filter-link.is-active {
        color: #fff;
        border-color: #024468;
        background: #024468;
    }
    .cs-archive__sidebar{
        position: unset;
    }

}
@media (max-width: 767px) {
    .remodeling-heading .cs-single__title {
        font-size: 3.2rem;
    }
    .single-casestudy-banner-section {
        padding: 50px 0;
    }
    .single-remodeling-info .cs-single__meta span {
        padding: 0 0 10px;
        margin: 0 0 10px;
        display: block;
        border: none;
    }
    .single-remodeling-info .cs-single__meta span {
        padding: 0 0 10px;
        margin: 0 0 10px;
        display: block;
        border: none;
    }

    .cs-single__anchor-nav ul {flex-wrap: nowrap;white-space: nowrap;overflow-x: scroll;}

    .cs-single__anchor-nav ul li {
        width: 100%;
        text-align: center;
        margin: 0 20px;
    }

    .cs-single__anchor-nav .col-md-12 {
        padding: 0;
    }
    .cs-single-overview-table thead th {
        padding: 15px;
        font-size: 14px;
    }

    .cs-single-overview-table tbody tr td {
        padding: 10px;
    }

    .cs-single-testimonial-content {
        padding: 30px;
    }

    .cs-single-content-info > p {
        font-size: 16px;
    }

    .cs-testimonial-slider .slick-arrow {
        bottom: -80px;
        left: auto;
        top: auto;
        transform: unset;
    }

    .cs-testimonial-slider {
        margin-bottom: 100px;
    }

    .cs-testimonial-slider .slick-prev {
        left: auto;
        right: 40%;
    }

    .cs-testimonial-slider .slick-prev.slick-arrow {
        left: 30%;
    }

    .cs-testimonial-slider .slick-next.slick-arrow {
        right: 30%;
    }
    .cs-testimonial-photo-wrap .play-icon{
        width: 60px;
    }
    .testimonial-namestring {
        width: 44px;
        height: 44px;
        font-size: 13px;
        margin-bottom: 0;
    }
    .cs-single-google-verified {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
    }

    .cs-single__testimonial-reviewer .cs-single__testimonial-name {
        font-size: 18px;
    }

    .cs-single-bottom-verified {
        flex-wrap: wrap;
        align-items: center;
    }

    .cs-single__testimonial-verified {
        margin: 15px 0 0;
        width: 100%;
    }

    .cs-single__testimonial-reviewer .cs-single__testimonial-location {
        font-size: 12px;
    }
    .cs-single-content-rating span.cs-single__testimonial-badge {
        font-size: 14px;
    }

    .cs-single-top-category h3 {
        font-size: 2rem;
    }
    .cs-single-content-rating span.cs-single__testimonial-badge {
        font-size: 14px;
    }

    .cs-single-top-category h3 {
        font-size: 2rem;
    }
    .cs-single-content-info > img {
        margin-bottom: 10px;
        width: 30px;
    }
    .cs-single-content-info .google-rating img {
        width: 28px;
    }
    .cs-single-top-category {
        margin-bottom: 20px;
    }
    .cs-testimonial-slider .slick-arrow{
        width: 40px;
        height: 40px;
    }
    .cs-testimonial-slider .slick-arrow:before{
        width: 18px;
        height: 18px;
    }
    .cs-testimonial-slider .slick-prev.slick-arrow {
        left: 35%;
    }
    .cs-testimonial-slider .slick-next.slick-arrow {
        right: 35%;
    }
    .remodeling-stories-slider-section {
        padding: 50px 0 90px;
    }

    .consultation-section {padding: 50px 0;}
    .remodeling-slider .slick-prev {
        right: auto;
        left: 40px;
    }
    .remodeling-slider .slick-next {
        right: 25px;
        left: auto;
    }
    .casestudy-project-overview-section .cs-single__hero-image-wrap {
        margin-bottom: 30px;
    }
    .list-service {flex-wrap: wrap;}

    .list-service li {
        width: 100%;
    }
    .lasting-slider {
        margin-top: 15px;
    }
    .new-remodeling-serve-section {
        padding: 80px 0 20px !important;
    }
    .inner-page-hero .on-hero .left-content .btn {
        margin-top: 10px;
    }
    .service-row-section {
        padding: 0 0 60px;
    }
    .bathroom-section {
        padding: 60px 0;
    }
    .case-study-testimonial h2{
        text-align: center;
    }
    .remodeling-stories-slider-section .remodeling-title h2 {
        margin-bottom: 10px;
        text-align: center;
    }
    .remodeling-slider .slick-dots li.slick-active button{
        width: 36px;
    }
    .cs-card__category-badge {
        top: 20px;
        bottom: auto;
    }
    .cs-card__image-wrap h2 {
        margin-bottom: 0;
        bottom: 20px;
    }
    .search-and-filter-wrap{
        display: none;
    }

}

/* Single case study page end */

/* Interaction consistency pass - audited May 2026 */
:root {
    --coradi-space-1: 4px;
    --coradi-space-2: 8px;
    --coradi-space-3: 12px;
    --coradi-space-4: 16px;
    --coradi-space-5: 20px;
    --coradi-space-6: 24px;
    --coradi-space-8: 32px;
    --coradi-transition-fast: 150ms ease;
    --coradi-transition-base: 250ms ease;
    --coradi-focus-color: #024468;
    --coradi-focus-ring: 0 0 0 3px rgba(2, 68, 104, 0.25);
    --coradi-control-radius: 0;
    --coradi-font-sans: "Montserrat", "Roboto", Arial, Helvetica, sans-serif;
    --coradi-font-serif: "Libre Baskerville", Georgia, "Times New Roman", serif;
    --coradi-placeholder-color: #565656;
    --coradi-error-color: #a40000;
}

html.noscroll,
body.noscroll {
    overflow: hidden;
}

html,
body,
#page,
.site,
.main-content {
    max-width: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

img,
svg,
video,
canvas,
iframe,
embed,
object {
    max-width: 100%;
}

iframe {
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--coradi-font-serif);
    overflow-wrap: break-word;
    text-wrap: balance;
}

p,
li,
figcaption,
.default-content,
.entry-content,
.service-info,
.blog-desc,
.half-text-desc {
    overflow-wrap: break-word;
}

a,
button,
.btn,
.wp-block-button__link,
.btn-close,
.slick-arrow,
.slick-dots button,
#mobile-nav-btn,
#mobile-nav a,
.cs-archive__filter-link,
.cs-card__cta,
.work-case-study-section .sidebar-icon {
    transition:
        color var(--coradi-transition-base),
        background-color var(--coradi-transition-base),
        border-color var(--coradi-transition-base),
        box-shadow var(--coradi-transition-fast),
        opacity var(--coradi-transition-fast),
        transform var(--coradi-transition-base);
}

.btn,
.btn-blue,
.btn-white,
.btn-white-border,
.wp-block-button__link,
.form-area form .quform-element-submit button {
    border-radius: var(--coradi-control-radius);
}

button:disabled,
input:disabled,
select:disabled,
textarea:disabled,
.btn.disabled,
.btn:disabled,
.wp-block-button__link.disabled,
.wp-block-button__link[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: 0.55;
    pointer-events: none;
}

:where(a, button, input, select, textarea, [role="button"], [tabindex]:not([tabindex="-1"]), .btn, .wp-block-button__link, .btn-close, .slick-arrow, .slick-dots button):focus-visible {
    outline: 2px solid var(--coradi-focus-color);
    outline-offset: 3px;
    box-shadow: var(--coradi-focus-ring);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
select,
textarea,
.form-control,
.quform-field,
.wpcf7 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.wpcf7 select,
.wpcf7 textarea {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    font-family: var(--coradi-font-sans);
    line-height: 1.5;
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder,
.quform-field::placeholder,
.cs-archive__search-input::placeholder,
.form-area form .quform-input input::placeholder,
.form-area form .quform-input textarea::placeholder {
    color: var(--coradi-placeholder-color);
    opacity: 1;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.quform-field:focus,
.cs-archive__search-input:focus {
    border-color: var(--coradi-focus-color) !important;
    outline: 2px solid transparent !important;
    box-shadow: var(--coradi-focus-ring) !important;
}

.quform-theme-simple .quform-field:focus,
.form-area form .quform-input input:focus,
.form-area form .quform-input select:focus,
.form-area form .quform-input textarea:focus {
    border-color: var(--coradi-focus-color) !important;
    outline: 2px solid transparent !important;
    box-shadow: var(--coradi-focus-ring) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #000;
    box-shadow: 0 0 0 1000px #fff inset, var(--coradi-focus-ring);
    caret-color: #000;
    transition: background-color 9999s ease-out;
}

.quform-error,
.quform-error-message,
.quform-errors,
.quform-field-error,
.wpcf7-not-valid-tip,
.wpcf7-response-output {
    display: block;
    clear: both;
    width: 100%;
    margin-top: var(--coradi-space-2);
    color: var(--coradi-error-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
    white-space: normal;
    overflow: visible;
}

.quform-input,
.quform-element,
.wpcf7-form-control-wrap {
    max-width: 100%;
    overflow: visible;
}

.quform-field[aria-invalid="true"],
.wpcf7-not-valid,
.is-invalid {
    border-color: var(--coradi-error-color) !important;
}

#mobile-nav a:focus-visible,
#mobile-nav-btn:focus-visible {
    outline-color: #fff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35);
}

#mobile-nav[aria-hidden="true"] {
    display: none !important;
}

#mobile-nav[aria-hidden="false"] {
    display: block !important;
}

.modal .btn-close,
.cs-video-modal .cs-video-modal__close,
.mobile-sidebar-filter .btn-close,
.remodeling-slider .slick-arrow,
.cs-testimonial-slider .slick-arrow {
    border-radius: 50%;
}

.modal .btn-close:hover,
.cs-video-modal .cs-video-modal__close:hover,
.mobile-sidebar-filter .btn-close:hover {
    opacity: 0.8;
}

.work-case-study-section .sidebar-icon {
    cursor: pointer;
}

.testimonial-section,
.service-review-section,
.rating-heading,
.grw-slider,
.rplgsw-container,
.rplgsw-wrapper,
.testimonial-loop {
    max-width: 100%;
    overflow-x: clip;
}

.rplgsw-wrapper,
.testimonial-loop {
    box-sizing: border-box;
}

.map iframe {
    display: block;
}

.call-to-action,
.call-to-action .row,
.call-to-action .row > div,
ul.info-list {
    max-width: 100%;
}

.call-to-action .row > div,
ul.info-list {
    box-sizing: border-box;
    min-width: 0;
}

@media (max-width: 991px) {
    .work-case-study-section .mobile-sidebar-filter {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100000;
        width: min(320px, 86vw);
        height: 100vh;
        padding: var(--coradi-space-8) var(--coradi-space-6);
        background: #fff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.18);
        overflow-y: auto;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100%);
        transition:
            transform var(--coradi-transition-base),
            opacity var(--coradi-transition-fast),
            visibility var(--coradi-transition-fast);
    }

    .admin-bar .work-case-study-section .mobile-sidebar-filter {
        top: 46px;
        height: calc(100vh - 46px);
    }

    .work-case-study-section .mobile-sidebar-filter.active {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    .work-case-study-section .mobile-sidebar-filter .btn-close {
        display: block;
        width: 32px;
        height: 32px;
        margin-left: auto;
        margin-bottom: var(--coradi-space-6);
        padding: 0;
    }
}

@media (max-width: 767px) {
    .grw-slider.rplg-slider .rplgsw-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: clip;
    }

    .rplgsw-container-autoheight .rplgsw-wrapper .rplgsw-slide,
    .testimonial-loop .rplgsw-slide,
    .testimonial-loop .review-item {
        max-width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .call-to-action {
        overflow-x: clip;
    }

    .label-center {
        left: 50%;
        width: min(320px, calc(100vw - 40px));
        min-width: 0;
        max-width: calc(100vw - 40px);
        transform: translate(-50%, -50%);
    }

    .call-to-action ul.info-list {
        padding-left: var(--coradi-space-5);
        padding-right: var(--coradi-space-5);
    }

    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
    select,
    textarea,
    .form-control,
    .quform-field,
    .wpcf7 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
    .wpcf7 select,
    .wpcf7 textarea {
        width: 100%;
        font-size: 16px;
    }

    h1,
    .h1 {
        line-height: 1.18;
    }

    h2,
    .h2 {
        line-height: 1.22;
    }

    h3,
    .h3 {
        line-height: 1.28;
    }
}

@media (max-width: 359.98px) {
    .star-rating-section .row > div {
        padding-left: var(--coradi-space-2);
        padding-right: var(--coradi-space-2);
    }

    .rating-card .rat-icon > img {
        width: 60px;
    }

    .rating-card .rat-icon p {
        padding-left: var(--coradi-space-1);
        font-size: 1.5rem;
        line-height: 1.2;
    }

    .quform-recaptcha {
        min-height: 70px;
    }

    .quform-recaptcha > div {
        transform: scale(0.88);
        transform-origin: 0 0;
    }

    .service-form-section .quform-recaptcha {
        min-height: 55px;
    }

    .service-form-section .quform-recaptcha > div {
        transform: scale(0.69);
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Theme quality pass: narrow bug fixes and accessibility helpers. */
:root {
    --coradi-color-blue: #024468;
    --coradi-color-blue-deep: #021E30;
    --coradi-color-yellow: #f1d37e;
    --coradi-color-ink: #000000;
}

.default-content p a:not(.btn):not(.wp-block-button__link),
.default-content li a:not(.btn):not(.wp-block-button__link),
.entry-content p a:not(.btn):not(.wp-block-button__link),
.entry-content li a:not(.btn):not(.wp-block-button__link),
.singleblog-section .default-content a:not(.btn):not(.wp-block-button__link),
.contact-overview p a:not(.btn):not(.wp-block-button__link),
.contact-overview li a:not(.btn):not(.wp-block-button__link),
.customer-overview p a:not(.btn):not(.wp-block-button__link),
.customer-overview li a:not(.btn):not(.wp-block-button__link),
body.page-template-blog .blog-card .blog-desc p a:not(.btn):not(.wp-block-button__link) {
    color: var(--coradi-color-blue);
    font-weight: 700;
    text-decoration: none;
    border-bottom: 2px solid var(--coradi-color-yellow);
    box-shadow: inset 0 -0.08em 0 rgba(241, 211, 126, 0.55);
    background-image: linear-gradient(transparent 62%, rgba(241, 211, 126, 0.28) 62%);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition:
        color var(--coradi-transition-base),
        border-color var(--coradi-transition-base),
        box-shadow var(--coradi-transition-base),
        background-size var(--coradi-transition-base);
}

.default-content p a:not(.btn):not(.wp-block-button__link):hover,
.default-content p a:not(.btn):not(.wp-block-button__link):focus-visible,
.default-content li a:not(.btn):not(.wp-block-button__link):hover,
.default-content li a:not(.btn):not(.wp-block-button__link):focus-visible,
.entry-content p a:not(.btn):not(.wp-block-button__link):hover,
.entry-content p a:not(.btn):not(.wp-block-button__link):focus-visible,
.entry-content li a:not(.btn):not(.wp-block-button__link):hover,
.entry-content li a:not(.btn):not(.wp-block-button__link):focus-visible,
.singleblog-section .default-content a:not(.btn):not(.wp-block-button__link):hover,
.singleblog-section .default-content a:not(.btn):not(.wp-block-button__link):focus-visible,
.contact-overview p a:not(.btn):not(.wp-block-button__link):hover,
.contact-overview p a:not(.btn):not(.wp-block-button__link):focus-visible,
.contact-overview li a:not(.btn):not(.wp-block-button__link):hover,
.contact-overview li a:not(.btn):not(.wp-block-button__link):focus-visible,
.customer-overview p a:not(.btn):not(.wp-block-button__link):hover,
.customer-overview p a:not(.btn):not(.wp-block-button__link):focus-visible,
.customer-overview li a:not(.btn):not(.wp-block-button__link):hover,
.customer-overview li a:not(.btn):not(.wp-block-button__link):focus-visible,
body.page-template-blog .blog-card .blog-desc p a:not(.btn):not(.wp-block-button__link):hover,
body.page-template-blog .blog-card .blog-desc p a:not(.btn):not(.wp-block-button__link):focus-visible {
    color: var(--coradi-color-ink);
    border-bottom-color: var(--coradi-color-yellow);
    box-shadow: inset 0 -1.15em 0 rgba(241, 211, 126, 0.32);
    background-size: 100% 100%;
}

.category-card-link {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.category-card-link:focus-visible {
    outline: 3px solid var(--coradi-color-yellow);
    outline-offset: 4px;
}

.category-card .category-overlay {
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px);
    transition:
        opacity var(--coradi-transition-base),
        transform var(--coradi-transition-base);
}

.category-card-link:hover .category-overlay,
.category-card-link:focus-visible .category-overlay,
.category-card-link:focus-within .category-overlay,
.category-card:hover .category-overlay {
    opacity: 1;
    transform: translateY(0);
}

.category-card .category-overlay span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 28px;
    border: 3px solid var(--coradi-color-yellow);
    background: transparent;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.1;
    transition:
        background-color var(--coradi-transition-fast),
        color var(--coradi-transition-fast),
        border-color var(--coradi-transition-fast);
}

.category-card-link:hover .category-overlay span,
.category-card-link:focus-visible .category-overlay span {
    background-color: var(--coradi-color-yellow);
    color: var(--coradi-color-ink);
}

.page-template-client-feedback .leave-review .accordion-button {
    padding-right: 64px;
}

.page-template-client-feedback .leave-review .accordion-button::after {
    position: absolute;
    top: 50%;
    right: 24px;
    width: 28px;
    height: 28px;
    margin-left: 0;
    border: 2px solid currentColor;
    border-radius: 50%;
    background-image: none;
    color: inherit;
    content: "+";
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    transform: translateY(-50%);
}

.page-template-client-feedback .leave-review .accordion-button:not(.collapsed)::after {
    content: "-";
    transform: translateY(-50%);
}

.page-template-client-feedback .leave-review .accordion-button:focus-visible {
    box-shadow: var(--coradi-focus-ring);
}

input::placeholder,
textarea::placeholder {
    color: #686868;
    opacity: 1;
}

input:disabled,
select:disabled,
textarea:disabled,
button:disabled,
.btn:disabled,
.disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

@media (max-width: 767px) {
    .category-card .category-overlay span {
        font-size: 16px;
        padding: 11px 22px;
    }

    .page-template-client-feedback .leave-review .accordion-button {
        padding-right: 56px;
    }

    .page-template-client-feedback .leave-review .accordion-button::after {
        right: 18px;
    }
}

/* Heading casing: let headings use the content's natural title/capital case. */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.home-hero h1,
.inner-page-hero .on-hero h1,
.service-hero-section .on-hero h1,
.areas-hero-section .on-hero h1,
.single-blog-hero h1,
.team-banner .left-content h1,
.service-innerbanner-hero .left-content h1 {
    text-transform: none !important;
}

.inner-page-hero .on-hero span {
    color: #f1d37e !important;
}

.service-hero-section .on-hero p {
    color: #f1d37e !important;
}

/* Homepage comment pass: scoped refinements from visual review. */
.page-template-home-new-2025 .home-hero .hero-box h1 {
    font-weight: 700 !important;
}

.page-template-home-new-2025 .home-hero .hero-box h1 em,
.page-template-home-new-2025 .home-hero .hero-box h1 strong {
    font-weight: 700 !important;
}

.page-template-home-new-2025 .home-hero .hero-box .btn-block {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 26px;
}

.page-template-home-new-2025 .home-hero .hero-box .btn-block .btn,
.page-template-home-new-2025 .home-hero .hero-box .btn-block .btn-blue:nth-child(2) {
    margin: 0;
}

.page-template-home-new-2025 .category-card .category-overlay span {
    min-width: 0;
    min-height: 0;
    padding: 15px 30px;
    border: 3px solid var(--coradi-color-blue);
    border-radius: var(--coradi-control-radius);
    background: var(--coradi-color-blue);
    color: #ffffff;
    font-family: var(--coradi-font-sans);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.page-template-home-new-2025 .category-card-link:hover .category-overlay span,
.page-template-home-new-2025 .category-card-link:focus-visible .category-overlay span,
.page-template-home-new-2025 .category-card-link:focus-within .category-overlay span {
    background: #ffffff;
    border-color: var(--coradi-color-blue);
    color: var(--coradi-color-blue);
}

.home .home-category-section,
.page-template-home-new-2025 .home-category-section {
    padding-top: clamp(52px, 5.5vw, 78px);
}

.home :where(
    .home-category-section,
    .home-about,
    .testimonial-section,
    .information-section,
    .tile-new-section,
    .award-section,
    .gallery-sectiom,
    .home-blog-section
) > .container,
.page-template-home-new-2025 :where(
    .home-category-section,
    .home-about,
    .testimonial-section,
    .information-section,
    .tile-new-section,
    .award-section,
    .gallery-sectiom,
    .home-blog-section
) > .container {
    width: min(1320px, calc(100% - clamp(48px, 7vw, 120px)));
    max-width: 1320px;
    padding-left: 0;
    padding-right: 0;
}

.home .category-card .category-content,
.page-template-home-new-2025 .category-card .category-content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: clamp(82px, 6vw, 104px);
    padding: clamp(16px, 1.8vw, 22px) 20px;
}

.home .category-card .category-content span,
.page-template-home-new-2025 .category-card .category-content span {
    line-height: 1.15;
}

.page-template-home-new-2025 .home-about .team-button .btn-yellow {
    background-color: var(--coradi-color-yellow);
    border-color: var(--coradi-color-yellow);
    color: var(--coradi-color-ink);
}

.home .home-about .team-button,
.page-template-home-new-2025 .home-about .team-button {
    display: flex;
    align-items: stretch;
    gap: 16px;
    flex-wrap: wrap;
}

.home .home-about .team-button .btn,
.page-template-home-new-2025 .home-about .team-button .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    margin: 0;
    padding: 14px 30px;
    border-width: 3px;
    line-height: 1.2;
}

.page-template-home-new-2025 .home-about .home-about-left h2 {
    color: var(--coradi-color-yellow);
}

.page-template-home-new-2025 .home-about .team-button .btn-yellow:hover,
.page-template-home-new-2025 .home-about .team-button .btn-yellow:focus-visible,
.page-template-home-new-2025 .home-about .team-button .btn-yellow:active,
.page-template-home-new-2025 .home-about .team-button .btn-yellow.active {
    background-color: #ffffff;
    border-color: var(--coradi-color-ink);
    color: var(--coradi-color-blue);
}

.page-template-home-new-2025 .award-section {
    margin-bottom: clamp(56px, 6vw, 80px);
}

.home .information-section,
.page-template-home-new-2025 .information-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background-color: var(--coradi-color-blue);
}

.home .information-section::before,
.page-template-home-new-2025 .information-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(180deg, rgba(2, 68, 104, 0.72), rgba(2, 68, 104, 0.9)),
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 46%),
        url("images/Herringbone-Tile.svg");
    background-size: auto, auto, 360px auto;
    background-position: center, center top, center top;
    background-blend-mode: normal, soft-light, soft-light;
    opacity: 0.22;
}

.home .information-section > .container,
.page-template-home-new-2025 .information-section > .container {
    position: relative;
    z-index: 1;
}

.home .award-default-content,
.page-template-home-new-2025 .award-default-content {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding: clamp(56px, 6vw, 80px) clamp(28px, 6vw, 80px);
    border: 1px solid rgba(2, 68, 104, 0.12);
    border-top: 4px solid rgba(241, 211, 126, 0.78);
    box-shadow: 0 18px 45px rgba(2, 68, 104, 0.1);
}

.home .award-default-content::before,
.page-template-home-new-2025 .award-default-content::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(246, 244, 242, 0.96));
}

.page-template-home-new-2025 .award-default-content .default-content {
    margin-bottom: clamp(32px, 4vw, 45px);
}

.page-template-home-new-2025 .award-default-content .default-content p {
    color: #313d44;
    font-weight: 400;
    line-height: 1.55;
}

.page-template-home-new-2025 .award-default-content .default-content h2 {
    text-transform: none !important;
}

.page-template-home-new-2025 .award-default-content .default-content hr {
    margin-top: clamp(32px, 4vw, 45px);
}

.home .award-default-content .btn-area,
.page-template-home-new-2025 .award-default-content .btn-area {
    margin-top: clamp(42px, 4vw, 62px);
}

.page-template-home-new-2025 .tile-card-design h2,
.page-template-home-new-2025 .tile-card-design h2 a {
    text-transform: none !important;
}

.page-template-home-new-2025 .testimonial-section {
    padding-top: clamp(56px, 6vw, 80px);
    padding-bottom: clamp(56px, 6vw, 80px);
    overflow: hidden;
}

.page-template-home-new-2025 .testimonial-section .grw-slider.rplg-slider .rplgsw-container {
    max-width: 100%;
    padding-left: 16px !important;
    padding-right: 16px !important;
    overflow: hidden;
}

.page-template-home-new-2025 .testimonial-section .rplgsw-wrapper {
    align-items: stretch;
    box-sizing: border-box;
}

.page-template-home-new-2025 .testimonial-section .rplgsw-slide {
    box-sizing: border-box;
    width: clamp(280px, 30vw, 360px) !important;
    min-width: 280px;
    padding-left: 10px;
    padding-right: 10px;
}

.page-template-home-new-2025 .testimonial-section .grw-review {
    display: flex;
    flex-direction: column;
    height: auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.page-template-home-new-2025 .testimonial-section .wp-google-feedback {
    flex: 0 0 auto;
    height: auto !important;
    padding: 0 !important;
}

.page-template-home-new-2025 .testimonial-section .wp-google-content2 {
    height: 190px !important;
    min-height: 190px;
    max-height: 190px;
    overflow-y: auto !important;
    margin: 24px 24px 20px 44px !important;
}

.page-template-home-new-2025 .testimonial-section .wp-google-text {
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.page-template-home-new-2025 .testimonial-section .wp-google-content2 > svg {
    display: block !important;
    bottom: 10px !important;
    right: 10px !important;
}

.page-template-home-new-2025 .testimonial-section .wp-google-user {
    display: flex !important;
    align-items: center;
    flex: 0 0 auto;
    padding: 14px 20px 0 !important;
}

.page-template-home-new-2025 .gallery-sectiom {
    padding-top: clamp(56px, 6vw, 76px);
    padding-bottom: clamp(56px, 6vw, 76px);
}

.page-template-home-new-2025 .blog-card .blog-desc h2 {
    margin-bottom: 6px;
}

.page-template-home-new-2025 .blog-card .blog-desc .focs-media {
    margin-top: 0;
    margin-bottom: 9px;
}

.home .home-blog-section .blog-heading,
.page-template-home-new-2025 .home-blog-section .blog-heading {
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.home .home-blog-section .blog-heading .heading-text,
.page-template-home-new-2025 .home-blog-section .blog-heading .heading-text {
    text-align: left;
}

.home .home-blog-section .blog-heading .right-btn,
.page-template-home-new-2025 .home-blog-section .blog-heading .right-btn {
    flex: 0 0 auto;
    margin-left: auto;
}

.home .home-blog-section .blog-card .blog-desc .focs-media .foc-body ul,
.page-template-home-new-2025 .home-blog-section .blog-card .blog-desc .focs-media .foc-body ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 9px;
}

.home .home-blog-section .blog-card .blog-desc .focs-media .foc-body ul li,
.page-template-home-new-2025 .home-blog-section .blog-card .blog-desc .focs-media .foc-body ul li {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.home .home-blog-section .blog-card .blog-desc .focs-media .foc-body ul li::after,
.page-template-home-new-2025 .home-blog-section .blog-card .blog-desc .focs-media .foc-body ul li::after {
    display: none;
}

.home .home-blog-section .blog-card-meta__icon,
.page-template-home-new-2025 .home-blog-section .blog-card-meta__icon,
body.page-template-blog .blog-card-meta__icon {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    position: relative;
    top: -1px;
    fill: none;
    stroke: var(--coradi-color-blue);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: middle;
}

.page-template-home-new-2025 .blog-card .blog-desc .focs-media .foc-body ul li {
    color: #313d44;
}

.home .home-blog-section .blog-card .blog-desc p,
.page-template-home-new-2025 .home-blog-section .blog-card .blog-desc p {
    margin-top: 0;
}

body.page-template-blog .page-hero,
body.page-template-contact-us .inner-page-hero,
body.page-template-client-feedback .inner-page-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: clamp(320px, 44vh, 460px);
    height: clamp(320px, 44vh, 460px);
}

body.page-template-blog .page-hero::after,
body.page-template-contact-us .inner-page-hero::after,
body.page-template-client-feedback .inner-page-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    display: block;
    background:
        linear-gradient(135deg, rgba(2, 68, 104, 0.55) 0%, rgba(2, 30, 48, 0.70) 100%) !important;
    mix-blend-mode: multiply;
    z-index: 1;
}

@supports not (mix-blend-mode: multiply) {
    .inner-page-hero:after,
    .service-hero-section:before,
    .areas-hero-section:before,
    body.page-template-blog .page-hero::after,
    body.page-template-contact-us .inner-page-hero::after,
    body.page-template-client-feedback .inner-page-hero::after {
        background:
            linear-gradient(135deg, rgba(2, 68, 104, 0.50) 0%, rgba(2, 30, 48, 0.68) 100%) !important;
        mix-blend-mode: normal;
    }
}

body.page-template-blog .page-hero .on-hero,
body.page-template-contact-us .inner-page-hero .on-hero,
body.page-template-client-feedback .inner-page-hero .on-hero {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 48px 20px;
    text-align: center;
}

body.page-template-blog .page-hero .centerdiv,
body.page-template-contact-us .inner-page-hero .centerdiv,
body.page-template-client-feedback .inner-page-hero .centerdiv {
    width: min(100%, 980px);
}

body.page-template-blog .page-hero .on-hero h1,
body.page-template-contact-us .inner-page-hero .on-hero h1,
body.page-template-client-feedback .inner-page-hero .on-hero h1 {
    margin-bottom: 14px;
}

body.page-template-blog .page-hero .on-hero p,
body.page-template-contact-us .inner-page-hero .on-hero span,
body.page-template-client-feedback .inner-page-hero .on-hero span {
    max-width: 760px;
    margin: 0 auto;
}

body.page-template-blog .page-hero .on-hero p {
    text-transform: none !important;
}

@media (min-width: 992px) {
    body.page-template-blog .page-hero .on-hero,
    body.page-template-contact-us .inner-page-hero .on-hero,
    body.page-template-client-feedback .inner-page-hero .on-hero {
        position: absolute;
        inset: clamp(88px, 7vw, 126px) 0 0;
        height: auto;
        padding: clamp(24px, 3vw, 42px) 20px clamp(36px, 4vw, 64px);
        transform: none;
    }

    body.page-template-blog .page-hero .centerdiv,
    body.page-template-contact-us .inner-page-hero .centerdiv,
    body.page-template-client-feedback .inner-page-hero .centerdiv {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

body.page-template-blog .blog-card {
    display: flex;
    flex-direction: column;
}

body.page-template-blog .blog-card .blog-desc {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

body.page-template-blog .blog-card .blog-desc h2 {
    margin-bottom: 6px;
}

body.page-template-blog .blog-card .blog-desc .focs-media {
    margin-top: 0;
    margin-bottom: 9px;
}

body.page-template-blog .blog-card .blog-desc .focs-media .foc-body ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 9px;
}

body.page-template-blog .blog-card .blog-desc .focs-media .foc-body ul li {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

body.page-template-blog .blog-card .blog-desc .focs-media .foc-body ul li::after {
    display: none;
}

body.page-template-blog .blog-card .blog-desc p {
    margin-top: 0;
}

body.page-template-blog .blog-card .blog-desc .btn,
body.page-template-blog .blog-card .blog-desc a.btn {
    align-self: flex-start;
    margin-top: auto;
}

/* Light-surface heading consistency: keep headings on white/off-white areas in Coradi blue. */
:where(
    .award-default-content,
    .home-category-section,
    .gallery-sectiom,
    .blog-list-section,
    .blog-card .blog-desc,
    .page-heading,
    .foc-body,
    .singleblog-section .single-content-wrap,
    .contact-new-section,
    .contact-form,
    .work-section,
    .location-card,
    .service-card .service-content,
    .new-service-card .service-content,
    .tile-card-design .tile-card-heading,
    .tile-card .tile-desc,
    .choose-card .choose-content,
    .inside-section,
    .future-section,
    .job-section,
    .benefits-section,
    .faq-section,
    .google-review-section,
    .bathroom-gallery-section,
    .bathroom-contact-section,
    .bathroom-about-service,
    .bathroom-halfimage-section,
    .white-bg,
    .entry-content,
    .page-content
) :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    color: var(--coradi-color-blue);
}

:where(
    .award-default-content,
    .home-category-section,
    .gallery-sectiom,
    .blog-list-section,
    .blog-card .blog-desc,
    .page-heading,
    .foc-body,
    .singleblog-section .single-content-wrap,
    .contact-new-section,
    .contact-form,
    .work-section,
    .location-card,
    .service-card .service-content,
    .new-service-card .service-content,
    .tile-card-design .tile-card-heading,
    .tile-card .tile-desc,
    .choose-card .choose-content,
    .inside-section,
    .future-section,
    .job-section,
    .benefits-section,
    .faq-section,
    .google-review-section,
    .bathroom-gallery-section,
    .bathroom-contact-section,
    .bathroom-about-service,
    .bathroom-halfimage-section,
    .white-bg,
    .entry-content,
    .page-content
) :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) a {
    color: inherit;
}

@media (max-width: 991px) {
    .page-template-home-new-2025 .award-section {
        margin-bottom: 56px;
    }

    .page-template-home-new-2025 .award-default-content {
        padding: 56px 28px;
    }

    body.page-template-blog .blog-card .blog-desc {
        padding: 22px;
    }

    body.page-template-blog .blog-card .blog-desc h2 {
        font-size: clamp(22px, 3vw, 28px);
        line-height: 1.16;
    }

    body.page-template-blog .blog-card .blog-desc .focs-media .foc-body ul li {
        font-size: 13px;
        line-height: 1.25;
    }
}

@media (max-width: 767px) {
    .home :where(
        .home-category-section,
        .home-about,
        .testimonial-section,
        .information-section,
        .tile-new-section,
        .award-section,
        .gallery-sectiom,
        .home-blog-section
    ) > .container,
    .page-template-home-new-2025 :where(
        .home-category-section,
        .home-about,
        .testimonial-section,
        .information-section,
        .tile-new-section,
        .award-section,
        .gallery-sectiom,
        .home-blog-section
    ) > .container {
        width: min(100% - 32px, 100%);
    }

    .page-template-home-new-2025 .home-hero .hero-box .btn-block {
        gap: 14px;
    }

    .page-template-home-new-2025 .home-hero .hero-box .btn-block .btn {
        width: min(100%, 360px);
    }

    body.page-template-blog .page-hero,
    body.page-template-contact-us .inner-page-hero,
    body.page-template-client-feedback .inner-page-hero {
        min-height: 300px;
        height: 300px;
    }

    .page-template-home-new-2025 .testimonial-section .rplgsw-slide {
        width: min(86vw, 340px) !important;
        min-width: min(86vw, 340px);
        padding-left: 8px;
        padding-right: 8px;
    }

    .page-template-home-new-2025 .testimonial-section .wp-google-feedback {
        padding: 0 !important;
    }

    .page-template-home-new-2025 .testimonial-section .wp-google-content2 {
        height: 180px !important;
        min-height: 180px;
        max-height: 180px;
        margin: 22px 20px 18px 42px !important;
    }
}

@media (min-width: 992px) {
    #main-content .container {
        padding-left: clamp(24px, 2.25vw, 36px);
        padding-right: clamp(24px, 2.25vw, 36px);
    }
}

/* Shared card interaction polish for location/service cards. */
.location-card,
.remodeling-card,
.tile-card-design {
    transition:
        transform var(--coradi-transition-base),
        box-shadow var(--coradi-transition-base),
        border-color var(--coradi-transition-base),
        background-color var(--coradi-transition-base);
}

.location-card {
    position: relative;
    padding: 24px;
    border: 1px solid rgba(2, 68, 104, 0.12);
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(2, 68, 104, 0.06);
}

.location-card img {
    transition: transform var(--coradi-transition-base);
}

.location-card h2 a,
.remodeling-card .remodeling-title h2,
.tile-card-design .tile-card-heading h2 a {
    transition: color var(--coradi-transition-base), border-color var(--coradi-transition-base);
}

.location-card h2 a {
    display: inline;
    border-bottom: 2px solid rgba(241, 211, 126, 0.7);
    text-decoration: none;
}

.location-card:hover,
.location-card:focus-within,
.remodeling-card:hover,
.remodeling-card:focus-visible,
.tile-card-design:hover,
.tile-card-design:focus-within {
    transform: translateY(-4px);
    border-color: rgba(2, 68, 104, 0.24);
    box-shadow: 0 16px 34px rgba(2, 68, 104, 0.16);
}

.location-card:hover img,
.location-card:focus-within img {
    transform: translateY(-2px) scale(1.04);
}

.location-card:hover h2 a,
.location-card:focus-within h2 a,
.remodeling-card:hover .remodeling-title h2,
.remodeling-card:focus-visible .remodeling-title h2,
.tile-card-design:hover .tile-card-heading h2 a,
.tile-card-design:focus-within .tile-card-heading h2 a {
    color: var(--coradi-color-blue);
    border-bottom-color: var(--coradi-color-yellow);
}

.contact-info {
    margin-top: clamp(36px, 5vw, 64px);
}

.contact-info .row {
    row-gap: 24px;
}

.contact-info .block {
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(2, 68, 104, 0.14);
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(2, 68, 104, 0.08);
}

.contact-info .block h4 {
    margin: 0;
    padding: 15px 20px;
    background: var(--coradi-color-blue);
    color: #ffffff;
    font-family: var(--coradi-font-sans);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.25;
    text-transform: none;
}

.contact-info .block-content {
    padding: 22px 20px;
    color: #26343b;
}

.contact-info .block-content :last-child {
    margin-bottom: 0;
}

.contact-info .block-content a {
    color: var(--coradi-color-blue);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: var(--coradi-color-yellow);
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

#footer .footer-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

#footer .footer-logo,
#footer .footer-menu,
#footer .footer-contact {
    margin-bottom: 0;
}

#footer .footer-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 16px;
}

#footer .footer-contact span {
    margin: 0;
    opacity: 0.55;
}

#footer .footer-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

#footer .footer-social a {
    margin-left: 0;
}

@media (max-width: 767px) {
    .location-card {
        padding: 22px 20px;
    }

    #footer .footer-top {
        padding: 42px 20px 34px;
        gap: 20px;
    }

    #footer .footer-menu,
    #footer .footer-menu ul,
    #footer .footer-contact,
    #footer .footer-social,
    #footer .footer-disclaimer,
    #footer .footer-bottom {
        width: 100%;
    }

    #footer .footer-menu ul {
        display: grid;
        gap: 10px;
        margin-bottom: 0;
    }

    #footer .footer-menu li {
        width: 100%;
        margin: 0;
    }

    #footer .footer-menu li a,
    #footer .footer-contact a {
        display: inline-flex;
        justify-content: center;
        width: 100%;
        padding: 7px 0;
    }

    #footer .footer-contact {
        flex-direction: column;
        gap: 4px;
    }

    #footer .footer-contact span {
        display: none;
    }

    #footer .footer-bottom {
        padding: 24px 20px;
        line-height: 1.45;
    }
}

/* Services hero: constrain the long title to a deliberate two-line desktop wrap. */
body.page-template-service-new .service-hero-section .on-hero {
    width: min(100% - 40px, 980px);
    transform: translateY(clamp(36px, 7vh, 56px));
}

body.page-template-service-new .service-hero-section .on-hero h1,
body.page-template-service-new .service-hero-section .on-hero p,
.areas-hero-section .on-hero h1,
.areas-hero-section .on-hero p,
.inner-page-hero .on-hero h1,
.inner-page-hero .on-hero span,
body.page-template-blog .page-hero .on-hero h1,
body.page-template-blog .page-hero .on-hero p,
body.page-template-contact-us .inner-page-hero .on-hero h1,
body.page-template-contact-us .inner-page-hero .on-hero span,
body.page-template-client-feedback .inner-page-hero .on-hero h1,
body.page-template-client-feedback .inner-page-hero .on-hero span {
    text-shadow: 0 1px 18px rgba(2, 30, 48, 0.38);
}

body.page-template-service-new .service-hero-section .on-hero h1 {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    font-size: clamp(42px, 3.8vw, 54px);
    line-height: 1.14;
    text-wrap: balance;
}

@media (max-width: 991px) {
    body.page-template-service-new .service-hero-section .on-hero {
        width: min(100% - 36px, 760px);
        transform: translateY(clamp(34px, 6vh, 50px));
    }

    body.page-template-service-new .service-hero-section .on-hero h1 {
        max-width: 720px;
        font-size: clamp(34px, 6vw, 46px);
        line-height: 1.16;
    }
}

@media (max-width: 575px) {
    body.page-template-service-new .service-hero-section .on-hero {
        width: min(100% - 32px, 520px);
        transform: translateY(clamp(24px, 5vh, 36px));
    }

    body.page-template-service-new .service-hero-section .on-hero h1 {
        font-size: clamp(28px, 9vw, 36px);
        line-height: 1.18;
    }
}

/* Locations hero: match the controlled title wrap and responsive scale used on service heroes. */
body.page-template-areas-we-serve-2026 .areas-hero-section .on-hero,
body.page-template-areas-we-serve .areas-hero-section .on-hero {
    width: min(100% - 40px, 980px);
    max-width: 980px;
}

body.page-template-areas-we-serve-2026 .areas-hero-section .on-hero h1,
body.page-template-areas-we-serve .areas-hero-section .on-hero h1 {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    font-size: clamp(42px, 3.8vw, 54px);
    line-height: 1.14;
    text-wrap: balance;
}

body.page-template-areas-we-serve-2026 .areas-hero-section .on-hero p,
body.page-template-areas-we-serve .areas-hero-section .on-hero p {
    max-width: 760px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 991px) {
    body.page-template-areas-we-serve-2026 .areas-hero-section .on-hero,
    body.page-template-areas-we-serve .areas-hero-section .on-hero {
        width: min(100% - 36px, 760px);
    }

    body.page-template-areas-we-serve-2026 .areas-hero-section .on-hero h1,
    body.page-template-areas-we-serve .areas-hero-section .on-hero h1 {
        max-width: 720px;
        font-size: clamp(34px, 6vw, 46px);
        line-height: 1.16;
    }
}

@media (max-width: 575px) {
    body.page-template-areas-we-serve-2026 .areas-hero-section .on-hero,
    body.page-template-areas-we-serve .areas-hero-section .on-hero {
        width: min(100% - 32px, 520px);
    }

    body.page-template-areas-we-serve-2026 .areas-hero-section .on-hero h1,
    body.page-template-areas-we-serve .areas-hero-section .on-hero h1 {
        font-size: clamp(28px, 9vw, 36px);
        line-height: 1.18;
    }
}

/* Service page light sections: keep headings on white/off-white surfaces in the approved Coradi blue. */
body.page-template-service-new .gallery-service-section :where(.page-heading, .default-content, .work-content, .location-content) :where(h1, h2, h3, h4, h5, h6),
body.page-template-service-new .new-service-page-section :where(.page-heading, .default-content, .work-content, .location-content) :where(h1, h2, h3, h4, h5, h6),
body.page-template-service-new .work-section :where(.page-heading, .default-content, .work-content, .location-content) :where(h1, h2, h3, h4, h5, h6),
body.page-template-service-new .service-location-section :where(.page-heading, .default-content, .work-content, .location-content) :where(h1, h2, h3, h4, h5, h6),
body.page-template-service-new .bathroom-renovation-section :where(.page-heading, .default-content, .work-content, .location-content) :where(h1, h2, h3, h4, h5, h6),
body.page-template-service-new .faq-section :where(.page-heading, .default-content, .work-content, .location-content) :where(h1, h2, h3, h4, h5, h6),
body.page-template-service-new .contact-new-section :where(.page-heading, .default-content, .work-content, .location-content) :where(h1, h2, h3, h4, h5, h6) {
    color: var(--coradi-color-blue);
}

body.page-template-service-new .gallery-service-section :where(.page-heading, .default-content, .work-content, .location-content) :where(h1, h2, h3, h4, h5, h6) a,
body.page-template-service-new .new-service-page-section :where(.page-heading, .default-content, .work-content, .location-content) :where(h1, h2, h3, h4, h5, h6) a,
body.page-template-service-new .work-section :where(.page-heading, .default-content, .work-content, .location-content) :where(h1, h2, h3, h4, h5, h6) a,
body.page-template-service-new .service-location-section :where(.page-heading, .default-content, .work-content, .location-content) :where(h1, h2, h3, h4, h5, h6) a,
body.page-template-service-new .bathroom-renovation-section :where(.page-heading, .default-content, .work-content, .location-content) :where(h1, h2, h3, h4, h5, h6) a,
body.page-template-service-new .faq-section :where(.page-heading, .default-content, .work-content, .location-content) :where(h1, h2, h3, h4, h5, h6) a,
body.page-template-service-new .contact-new-section :where(.page-heading, .default-content, .work-content, .location-content) :where(h1, h2, h3, h4, h5, h6) a {
    color: inherit;
}