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

@import url('./components/lp.css');
@import url('./components/about-us-home.css');
@import url('./components/services-section.css');
@import url('./components/inner-banner.css');
@import url('./components/about-us-inner.css');
@import url('./components/overlap-content.block.css');
@import url('./components/trusted-partner.css');
@import url('./components/awards.css');
@import url('./components/finished-projects.css');
@import url('./components/specifications.css');
@import url('./components/about-monogram.css');
@import url('./components/owners-profile.css');
@import url('./components/contact.css');
@import url('./components/news.css');
@import url('./components/testimonial.css');
@import url('./components/association-list.css');
@import url('./components/content-block-with-background-video-or-image.css');

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

:root {
	--yellow: #FFFF00;
	--primary: #80011F;
	--secondary: #0496CB;
	--black: #000000;
	--white: #ffffff;
	--gray-500: #4C4C4C;
	--gray-600: #302B2B;
	--gray-400: #C3B0B0;
	--gray-300: #605A5A;
	--pools-primary: #0252bb;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

a {
	text-decoration: none;
}

img {
	max-width: 100% !important;
}

body .tp-simpleresponsive img,
body rs-module img {
	max-width: 100% !important;
}

body {
	font-family: "Barlow Condensed", sans-serif;
	color: var(--black);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
a,
button,
input,
span,
small {
	font-family: "Barlow Condensed", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6{
	color: var(--black);
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
}
h1{
	font-size: 60px;
	line-height: 70px;
	font-weight: 500;
}
h2{
	font-size: 50px;
	line-height: 60px;
	margin-bottom: 30px;
	font-weight: 500;
}
h2 small{
	font-size: 40px;
	line-height: 50px;
}
h3{
	font-size: 40px;
	line-height: 50px;
}
h4{
	font-size: 30px;
	line-height: 40px;
}
h5{
	font-size: 22px;
	line-height: 30px;
}
h6{
	font-size: 18px;
	line-height: 28px;
}
p {
	font-size: 22px;
	line-height: 30px;
	font-weight: 300;
	margin-bottom: 1rem;
	color: var(--gray-600);
}

.btn {
	padding: 1rem 42px;
	color: var(--white);
	border-radius: 0;
	border: 0;
	transition: all .3s;
}

.btn:hover {
	opacity: .95;
}

.btn.btn-primary {
	background-color: var(--primary) !important;
}

.btn.btn-secondary {
	background-color: var(--secondary) !important;
}

.btn.btn-black{
	background-color: var(--black);
	font-weight: 500;
}

.btn.btn-black, .btn.btn-white{
	border-radius: 10px;
}

.btn.btn-white{
	background-color: var(--white);
	color: var(--black);
}
.btn.btn-white:hover{
	background-color: var(--black);
	color: var(--white);
}

.btn.btn-black:hover{
	background-color: var(--white);
	box-shadow: 2px 8px 15px rgba(0,0,0,.161);
}

.section-padding {
	padding-block: 40px;
}
.section-padding-t {
	padding-top: 40px;
}
.section-padding-b {
	padding-bottom: 40px;
}
.py-80{
	padding-block: 80px;
}
.pt-80{
	padding-top: 80px;
}
.container-fluid {
    padding-inline: 50px;
}

.content-head{
	text-align: center;
}

.content-head>h2, .content-head>h1 {
    margin-bottom: 15px;
    font-weight: 500;
}

.pagination {
    gap: 5px;
    justify-content: center;
    margin-top: 40px;
}

 .pagination .page-numbers {
    padding: 5px 15px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: var(--black);
	text-decoration: none;
}

 .pagination .page-numbers.current {
    background-color: var(--primary);
    color: var(--white);
}


.pools-specifications .scatterd-content-head {
    padding-bottom: 0;
}

.normal-content-block h1, .normal-content-block h2, .normal-content-block h5, .normal-content-block h6{
	margin-bottom: 15px;
}

.normal-content-block h3, .normal-content-block h4 {
    margin-bottom: 20px;
}

@media (max-width:1399px){
	h1 br, h2 br, h3 br, h4 br, h5 br, h6 br , p br{
		display: none;
	}
}

@media (max-width:1199px){
	h1, h1 small {
		font-size: 45px;
		line-height: 55px;
	}
	
	h2 {
		font-size: 40px;
		line-height: 50px;
	}
	
	h2 small{
		font-size: 30px;
		line-height: 50px;
	}
	
	
	h3 {
		font-size: 32px;
		line-height: 42px;
	}
	h4 {
		font-size: 28px;
		line-height: 38px;
	}
	
	p {
		font-size: 20px;
		line-height: 30px;
	}

	.section-padding {
		padding-block: 30px;
	}
	.section-padding-t {
		padding-top: 30px;
	}
	.section-padding-b {
		padding-bottom: 30px;
	}
	.py-80{
		padding-block: 50px;
	}
	.pt-80{
		padding-top: 50px;
	}
}

@media (max-width:1024px){
	.container-fluid {
		padding-inline: 30px;
	}
	
}

@media (max-width:767px){
    .btn {
        padding: .7rem 30px;
    }
	h1, h1 small {
		font-size: 32px;
		line-height: 42px;
	}
	h2,h2 small {
		font-size: 28px;
		line-height: 38px;
		margin-bottom: 15px;
	}
	h3 {
		font-size: 25px;
		line-height: 35px;
	}
	h4 {
		font-size: 22px;
		line-height: 32px;
	}
	p{
		font-size: 18px;
		line-height: 28px;
	}
	
	.container-fluid {
		padding-inline: 12px;
	}
	.section-padding {
		padding-block: 20px;
	}
	.section-padding-t {
		padding-top: 20px;
	}
	.section-padding-b {
		padding-bottom: 20px;
	}
	.py-80{
		padding-block: 40px;
	}
	.pt-80{
		padding-top: 40px;
	}
	
}

.review-box-cs > p {
    margin: 0;
}
.reviews-section .content-head {
    margin-bottom: 10px;
}
.reviews-section .logo {
    text-align: center;
    margin-bottom: 1rem;
}

.reviews-section .sk-ww-houzz-reviews .sk-bio-container {
    display: none;
}

.content-head .video-box-parent {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
}

.content-head .video-box-parent > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pools-blog .blog-card-item .content .posted-on, .author-admin .news-card-item .content .posted-on {
    background-color: var(--pools-primary);
}

.pools-blog .pagination .page-numbers.current, .author-admin .pagination .page-numbers.current{
    background-color: var(--pools-primary);
}

/* Animation Window Open  */

.window-screen-open, .window-screen-open-directly { 
	display: none; /* Initially hide the target element */
}
.window-screen-open.clip-hidden, .window-screen-open-directly.clip-hidden { 
	display: block; 
	width: 0; 
	overflow: hidden; /* Hide any overflow content */
}

.section-with-background.homesBackground .content-inner:before{
        background: linear-gradient(90deg, rgba(128, 1, 31, 0.9528186274509804) 0%, rgba(128, 1, 31, 0.6) 100%);
}

/*.canvas-none canvas{*/
/*    display:none;*/
/*}*/