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

* {
    padding: 0px;
    margin: 0px;
}

body {
    box-sizing: border-box;
    transition: all 0.5s;
}
html, body {
    overflow-x: hidden !important;
}

.container {
    max-width: 1200px !important;
}

a,
p {
    font-family: "Karla", sans-serif;
    font-weight: 500;
    color: black;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Cormorant Garamond", serif !important;
    font-weight: 500;
    color: black;
}
h3.p-heading {
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 500 !important;
    color: black;
}

img {
    width: 100%;
}
div#bot-con {
    padding: 17px !important;
}
#sh-gally .g-slider {
    margin-top: 0px !important;
    padding-top: 0px !important;
}
section#sh-gally .g-slider:before {
    display: none;
}
a:hover {
    text-decoration: none !important;
}
.mian_ser_contxt {
    height: 165px;
    overflow: hidden;
}

section.t-con {
    text-align: center;
}
section.t-con h2 {
    font-size: 45px;
}
section.t-con p {
    font-size: 25px;
    margin-bottom: 20px;
}
section.t-con a.cus-btn {
    font-size: 18px;
}





/*Start Header Css*/

header {
    background: #efefef;
}

.top-bar {
    padding: 10px 0px;
    /*border-bottom: 1px solid black;*/
}

.top-bar .container {
    display: flex;
    gap: 25px;
    justify-content: flex-end;
    align-items: center;
    padding-right: 25px;
}

.t-con-de {
    display: flex;
    gap: 20px;
}
.l-ser-page2-img img {
    width: 100% !important;
    height: 300px;
    object-fit: cover;
}

.t-con-de a {
    color: black;
    gap: 10px;
    display: flex;
    align-items: center;
    font-weight: 600;
}
.g-slide img {
    height: 350px;
    object-fit: cover;
    border-radius: 2px;
}

.t-con-de a:hover {
    color: #03457a;
}

.t-con-de i {
    font-size: 18px !important;
}

.t-so-icon {
    display: flex;
    gap: 10px;
}

.t-so-icon i {
    color: black;
}

.t-so-icon i {
    font-size: 18px;
}

.t-so-icon i:hover {
    color: #03457a;
}

.navbar {
    padding: 0px !important;
}

.menu-logo {
    padding: 25px 0px;
}

a.navbar-brand img {
    width: 50%;
}

.navbar-collapse {
    justify-content: flex-end;
}

a.nav-link {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}

ul.navbar-nav {
    gap: 8px;
}

a.nav-link {
    color: black !important;
}

a.nav-link:hover {
    color: #03457a !important;
}

li.nav-item.active a.nav-link {
    color: #03457a !important;
}

header.page-home-v2,header.page-window-treatment, .page-blinds-shades-shutters, header.page-index\.php, header.page-plumbing {
    background: transparent;
    z-index: 3;
    position: relative;
}
header.page-home-v2 .top-bar, header.page-window-treatment .top-bar,.page-blinds-shades-shutters .top-bar, header.page-index\.php .top-bar, header.page-plumbing .top-bar{
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    background: #efefef;
}
header.page-home-v2 .menu-logo, header.page-window-treatment .menu-logo,.page-blinds-shades-shutters .menu-logo, header.page-index\.php .menu-logo, header.page-plumbing .menu-logo{
    padding-bottom: 0px;
}
header.page-home-v2 .menu-logo nav.navbar ul.navbar-nav li a.nav-link, header.page-window-treatment .menu-logo nav.navbar ul.navbar-nav li a.nav-link, .page-blinds-shades-shutters nav.navbar ul.navbar-nav li a.nav-link, header.page-index\.php nav.navbar ul.navbar-nav li a.nav-link, header.page-plumbing ul.navbar-nav li a.nav-link{
    color: #fff !important;
}
/*End Header Css*/

/*Start Banner Css*/

section.h-banner {
    background: url("../images/home-banner.png");
    height: 100% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    display: flex;
    align-items: center;
    padding: 100px 0px;
}
.banner_style_v2 p.no-padd-marg {
    display: flex;
    gap: 20px;
    justify-content: center;
	padding-bottom: 10px;
}
.banner_style_v2 p.no-padd-marg em {
    display: block;
    font-size: 12px;
}
.banner_style_v2 p.no-padd-marg a.button_banner.m-auto {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px !important;
    justify-content: center;
}

section.h-banner:after {
    content: "";
    background: #0000007a;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
}

.b-con {
    z-index: 2;
}
.b-con h1.heading_big {
	font-size: 63px;
    line-height: 60px;
    margin-bottom: 20px;
}
h3.heading_subtitle {
    color: #fff;
	text-transform: uppercase;
    font-size: 20px;
}
span.block_italic_text {
    display: block;
    height: 100%;
    padding-top: 20px;
    color: #fff;
    font-style: italic;
}
a.button_banner {
    display: block;
    width: fit-content;
}
a{
    transition: .3s all ease-in-out;
}
.b-con p.paragraph_banner {
    margin-bottom: 0px;
}
.b-con p {
    color: white;
    font-weight: 400;
    font-size: 17px;
    padding: 10px 0px 20px 0px;
    margin-bottom: 0px;
}

a.cus-btn {
    background: #03457a;
    padding: 15px 24px;
    border-radius: 50px;
    color: white;
}

a.cus-btn:hover {
    background: #000000;
    color: white;
}

a.cus-btn span {
    padding-left: 4px;
}

.b-con h1 {
    color: white;
    font-size: 33px;
    line-height: 45px;
}
section.h-banner.banner_style_v2 {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0px 0px 20px 20px;
    background-attachment: fixed !important;
    margin-top: -95px;
    padding-top: 210px;
    padding-bottom: 140px;
    box-shadow: 0px 9px 11px 0px #0000005e;
    margin-bottom: 40px;
}
section.h-banner.banner_style_v2:after {
    border-radius: 0px 0px 20px 20px;
}
p.no-padd-marg {
    margin: 0px;
    padding: 0px;
}

/*End Banner Css*/

/*Start What We Do Section Css*/

.section_services_v2 .lead{
	color:#475569;
}
.section_services_v2 .service-card{
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
	border-color: rgba(10,163,108,.15) !important;
}
.section_services_v2 .service-card:hover{
	transform: translateY(-4px);
    box-shadow: 0 14px 40px rgb(3 69 122 / 12%);
    border-color: rgb(3 69 122) !important;
}
.service-card .card-body a.cus-btn {
    margin-top: 17px;
    margin-left: 0px;
}
.section_services_v2 .icon-pill{
	width: 3rem; 
	height: 3rem; 
	display:inline-grid; 
	place-items:center;
	border-radius: 999px; 
	background:#03457a; 
	color:#fff;
	border:1px solid #dcfce7;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
	font-size:1.25rem;
}
.section_services_v2 .tabs .nav-link{
	border: 1px solid rgba(10,163,108,.18) !important;
	color:#0f172a;
}
.section_services_v2 .tabs .nav-link.active {
    background: linear-gradient(180deg, #ffffff, #f7fff9);
    color: #000 !important;
    border-color: rgb(3 69 122) !important;
    box-shadow: 0px 0px 6px 0px #0000001f;
}
.section_services_v2 ul#serviceTabs {
    gap: 20px;
}
.section_services_v2 .cta-btn{
	background: #03457a;
	border: none;
	font-size:15px;
  	padding: 18px 50px;
	border-radius: 100px;
	color: #fff;
}
.section_services_v2 .cta-btn:hover{ 
	background: #000; 
	color:#fff; 
}
.cards_right h5 {
    font-size: 24px;
}
.section_services_v2 h2 {
    font-size: 44px;
}
.section_services_v2 h4{
    font-size: 20px;
}
.section_services_v2 .service-card .d-flex {
    gap: 8px;
}
.section_services_v2 .service-card .d-flex h5 {
    font-weight: 600;
}
.section_services_v2 div#interior{
    margin-bottom: 30px;
}
.section_services_v2 .nav-link {
    border: 1px solid rgba(10, 163, 108, .18) !important;
    font-size: 16px;
    background: linear-gradient(180deg, #ffffff, #f3f3f3) !important;
}
.section_services_v2 .nav-link.active {
    background: #03457a !important;
    color: #fff !important;
}
.section_services_v2 div#exterior {
    margin-bottom: 30px;
}
.section_services_v2 .card-body h5 {
    font-weight: 600;
    font-size: 23px;
}
.section_services_v2 .card-body p {
    font-size: 15px;
}
.section_services_v2 a.cus-btn {
    background: #03457a;
    padding: 15px 24px;
    border-radius: 50px;
    color: white;
    line-height: 1.5;
    text-align: center;
    font-size: 16px;
    display: block;
}
.section_cards_styling .cards_right:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 40px rgb(3 69 122 / 12%);
    border-color: rgb(3 69 122) !important;
}
/*End What We Do Section Css*/


/*End Why Choose Best Pro Service Css*/
.home_card_height .section-background_image {
    height: 486px;
}
.section_services_v2 div#interior .col-md-6.col-lg-3 {
    padding-right: 5px;
    padding-left: 5px;
}
.section_services_v2 .service-card .card-body a.cus-btn {
    font-size: 14px;
    padding: 16px 18px;
}
.section_cards_styling .cards_right{
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 1rem;
    transition: transform .15s ease, box-shadow .15s ease;
  background:transparent !important;
}
.section_cards_styling .top_cards.col-md-3.cards_right.p-0 {
    max-width: 32% !important;
    flex: 0 0 32% !important;
}
.section_cards_styling a.btn {
    width: fit-content;
    border-radius: 50px;
    background: #03457a;
    padding: 15px 24px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    z-index: 1;
	white-space: break-spaces;
}
.section_cards_styling .col-lg-8 .row {
    gap: 30px;
    margin-left: 20px;
}
.section_cards_styling .col-lg-8 .row.gap_small{
    gap: 15px;
    margin-left: 20px;
}
.section-background_image{
  position:relative;
  background: url(https://bestprotoday.com/uploads/2025/08/exterior-image.webp);
    background-position: center;
    border-radius: 20px;
    background-repeat: no-repeat;
  background-size: cover;
    height: 454px;
}
.section-background_image h2 {
    color: #fff;
    z-index: 1;
}
.section-background_image:before {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 20px;
	background: #00000042;
    content: "";
}
.section-background_image .cards_right:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 40px rgb(3 69 122 / 12%);
    border-color: rgb(3 69 122) !important;
}
.section_cards_styling a.btn:hover {
    background: #000;
}
.section_services_styling .button_consultation {
    font-size: 16px;
    margin-bottom: 10px;
    background: #03457a;
    padding: 15px 24px;
    border-radius: 50px;
    color: #fff;
    font-weight: 500;
}
.section_services_styling .button_consultation:hover{
    color: #fff;
    background: #000;
}
.section_services_styling h3{
    font-size: 28px;
    font-weight: 600;
    line-height: 31px;
}
.section_services_styling p {
    color: #000;
    font-size: 16px;
}
.section_services_styling h2{
    font-size: 38px;
}
.section_services_styling p {
    color: #000;
    font-size: 16px;
}
.section_services_styling h2 {
    font-size: 44px;
    margin-bottom: 20px;
}

/*End Why Choose Best Pro Service Css*/

/*Start Services css*/

.h-our-ser {
    padding: 50px 0px 50px;
    position: relative;
}

.h-our-ser h3 {
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 500 !important;
}

.h-ser-con {
    padding-top: 40px;
}

.h-se-box img {
    height: 265px;
    object-fit: cover;
}

.h_ser_boxtxt {
    height: 100px;
    overflow: hidden;
    margin-bottom: 40px;
}
.h-se-box h4 {
    font-size: 28px;
}

.h-se-box p {
    padding: 5px 0px 6px 0px;
    color: black;
    font-size: 15px;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.h-se-box a.cus-btn {
    font-size: 14px;
    padding: 15px 24px;
    position: absolute;
    bottom: 0;
    margin-bottom: 10px;
}

.h-se-box {
    padding: 8px !important;
    position: relative !important;
    bottom: 0px;
    transition: all 0.5s;
}

.h-se-box:hover {
    bottom: 10px !important;
}

.h-se-box:hover .h-con-gap {
    border-color: #03457a;
}

/*.h-con-gap {
    border: 1px solid #ccc;
    padding: 15px 12px 25px 12px;
    border-top: none;
}*/

.h-ser-con:before {
    content: "";
    background: #efefef;
    position: absolute;
    width: 60%;
    height: 45%;
    right: 7px;
    top: 50px;
}

/*End Services css*/

/*Start Location css*/

.section_location .badge {
	background: #03457a;
    color: #fff;
    font-size: 23px;
    font-weight: 500;
    font-family: "karla", serif !important;
    box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 37%);
    padding: 30px 45px !important;
    display: flex;
    gap: 16px;
}
.section_location h2 {
    font-size: 40px;
    text-transform: uppercase;
}
.marquee-wrapper {
   overflow: hidden;
   position: relative;
   width: 100%;
}
.marquee-content {
	display: inline-flex;
	gap: 22px;
	white-space: nowrap;
	animation: marquee 20s linear infinite;
}
.section_location .color_link {
    color: #03457a;
    font-weight: 700;
}
.section_location {
    background: #efefef5c;
}
@keyframes marquee {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}
.gallery_v2 .g-slider:before {
    display: none;
}
.gallery_v2 .button_div {
    text-align: center;
}
.gallery_v2 .row h3 {
    text-align: center;
}
.gallery_v2 .g-slider {
    padding-top: 20px;
}
/*End Location css*/

/*Start CTA css*/


section.Cta-banner {
    background: url("../images/h-cta.png");
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}

section.Cta-banner:after {
    content: "";
    background: #0000008c;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
}

.cta-con {
    z-index: 2;
}

.cta-con p {
    color: white;
    font-weight: 400;
    font-size: 17px;
    padding: 20px 0px 0px 0px;
}

a.cus-btn {
    background: #03457a;
    padding: 15px 24px;
    border-radius: 50px;
    color: white;
    text-align: center;
}

a.cus-btn:hover {
    background: #000000;
    color: white;
}

a.cus-btn span {
    padding-left: 4px;
}

a.cus-btn i {
    position: relative;
    top: 2px;
}

.cta-con h2 {
    color: white;
    font-size: 45px;
    line-height: 45px;
}

.cta-con a.cus-btn {
    display: inline-grid;
}

span#bt-mitx {
    font-size: 12px;
    font-weight: 300;
}
.cta_banner_v2 p {
    margin-bottom: 29px;
}
.cta_banner_v2 a.cus-btn {
    padding: 15px 24px;
    width: fit-content;
}
section.Cta-banner.cta_banner_v2 {
    max-width: 90%;
    margin: 50px auto 0px;
    border-radius: 20px;
    height: 400px;
    background-attachment: fixed !important;
    background-position: center !important;
    box-shadow: 0px 0px 21px 0px #00000073;
}
section.Cta-banner.cta_banner_v2:after{
	border-radius: 20px;
}

/*End CTA css*/




/*Start gallry css*/

.h-gally {
    padding: 50px 0px 50px;
    position: relative;
}

.h-gally h3 {
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 500 !important;
}

.g-slider {
    width: 100%;
    overflow: hidden;
    /*    position: relative;*/
    padding: 50px 0px;
}

.g-slides {
    display: flex;
    transition: transform 0.5s ease;
}

.g-slider:before {
    content: "";
    background: #efefef;
    position: absolute;
    width: 60%;
    height: 90%;
    right: 7px;
    top: 50px;
}

.g-slide {
    flex: 0 0 auto;
    width: 230px;
    /* Adjust width of each slide */
    margin-right: 10px;
    /* Adjust space between slides */
    cursor: pointer;
    /* Add cursor pointer for clickable slides */
    z-index: 999;
}

.h-gally .lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.h-gally .lightbox img {
    max-width: 90%;
    max-height: 90%;
    width: auto;
}

div#lightbox span {
    background: black;
    color: white;
    padding: 15px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
}

.dots {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    position: relative;
}

.dot {
    width: 10px;
    height: 10px;
    background-color: #bbb;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}

.dot.active {
    background-color: #555;
}

.h-gally .container {
    padding: 0px;
}

/*End gallry css*/


/*Start Cus Review css*/

.cus-rev {
    padding: 50px 0px;
}

section.cus-rev .slick-slide {
    height: 500px !important;
}

/*section.yelp-rev .slick-slide {*/
/*    height: 350px !important;*/
/*}*/
section.h-banner a {
    color: white;
    background: #03457a;
    padding: 15px 30px;
    border-radius: 50px;
}
section.h-banner a:hover {
    background: #000000;
}
.cus-rev h3 {
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 500 !important;
    color: black;
}

.cus-rev p {
    color: black;
    font-size: 15px;
}

.cus-rev a.cus-btn {
    margin-top: 30px !important;
    display: inline-block;
}

.c-re-box {
    width: 50%;
    background: #efefef;
    position: relative;
    text-align: center;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
    margin: 10px;
}

.cusre-mainc {
    padding: 50px 15px 0px;

}

.c-star i {
    color: #ffa033;
    font-size: 20px;
}

.c-star {
    padding: 5px 0px 10px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.cus-rev img.cus-img {
    width: 35%;
    padding-bottom: 25px;
    position: absolute;
    left: 33%;
    top: 7%;
}

.c-re-con {
    display: flex;
}

.cus-rev .row {
    display: flex;
    align-items: center !important;
}

p#cu-re-date {
    font-size: 20px;
}


/*End Cus Review css*/


/*Start Middle First Content css*/

section.h-mii-fir {
    padding: 150px 0px;
    position: relative;
}

.h-mii-fir h3 {
    font-size: 40px;
    padding-bottom: 15px;
    color: black;
}

.h-mii-fir p {
    color: black;
}

section.h-mii-fir a.cus-btn {
    display: inline-grid;
    margin-top: 10px;
}

.mfi-con:before {
    content: "";
    background: #efefef;
    position: absolute;
    width: 160%;
    height: 141%;
    left: -65px;
    top: -75px;
}

.mfi-con-area {
    z-index: 99999;
    position: relative;
}


section.h-mii-sec {
    padding: 80px 0px;
    position: relative;
}

.h-mii-sec h3 {
    font-size: 40px;
    padding-bottom: 15px;
    color: black;
}

.h-mii-sec p {
    color: black;
}

section.h-mii-sec a.cus-btn {
    display: inline-grid;
    margin-top: 10px;
}

.mfi-con2:before {
    content: "";
    background: #efefef;
    position: absolute;
    width: 165%;
    height: 141%;
    right: -67px;
    top: -75px;
}

.mfi-con-area {
    z-index: 99999;
    position: relative;
}

.sec-con2-img {
    z-index: 99;
}


/*End Middle First Content css*/


/*Start Yelp Review css*/

.yelp-rev {
    padding: 50px 0px;
}

.yelp-rev h3 {
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 500 !important;
    color: black;
}

.yelp-rev p {
    color: black;
    font-size: 15px;
}

.yelp-rev a.cus-btn {
    margin-top: 30px !important;
    display: inline-block;
}

.y-re-box {
    width: 50%;
    background: #efefef;
    padding: 30px 15px 0px;
    text-align: center;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
    margin: 5px;
}

.y-star i {
    color: #ff1a1a;
    font-size: 20px;
}

.y-star {
    padding: 5px 0px 10px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

img.yelp-img {
    width: 10%;
    position: relative;
    left: 45% !important;
}

.y-re-con {
    display: flex;
}

.yelp-rev .row {
    display: flex;
    align-items: center !important;
}

/*End Yelp Review css*/


/*Start Founder css*/

section.founder .container {
    padding: 50px 120px;
    text-align: center;
}

section.founder h3 {
    font-size: 40px;
    padding-bottom: 31px;
    color: black;
}

section.founder p {
    color: black;
}

section.founder a.cus-btn {
    display: inline-grid;
    margin-top: 20px;
}
.founder_new h4.subtitle_main {
    text-transform: uppercase;
    font-size: 20px;
}
.founder_new a.cus-btn {
    display: block !important;
    padding: 15px 24px;
    width: fit-content;
    margin: 0px auto;
}
/*End Founder css*/


/*Start Video css*/


section.video-banner {
    background: url("../images/video-bnn.png");
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
}

a.vi-btn i {
    color: black;
    font-size: 80px;
}

a.vi-btn i:hover {
    color: #03457a;
}


/*End Video css*/

/*Start Footer css*/

footer {
    background: #efefef;
    margin-top: 50px;
}

.fot-con-area {
    padding: 60px 0px 30px;
}

ul.fot-nav {
    list-style: none;
}

ul.fot-nav a {
    color: black;
    font-size: 17px;
    text-transform: uppercase;
    line-height: 2;
}

ul.fot-nav a:hover {
    color: #03457a;
}

ul.fot-nav a.active {
    color: #03457a;
}

.fot-logo-so {
    text-align: center;
}

.fot-logo-so img {
    width: 70%;
    padding-bottom: 20px;
}

.b-so-icon {
    display: flex;
    gap: 15px;
    justify-content: center;
}

.b-so-icon a {
    color: black;
    font-size: 22px;
}

.b-so-icon a:hover {
    color: #03457a;
}

.b-con-de {
    display: grid;
    height: 195px;
}

.b-con-de a {
    color: black;
    font-size: 17px;
}

.b-con-de i {
    padding-right: 10px;
    font-size: 18px;
}

.fot-logo-so {
    position: relative;
    top: 50px;
}

.fot-con-det {
    display: flex;
    justify-content: end;
}

.copy-txt {
    padding: 20px 0px 1px;
    text-align: center;
    border-top: 1px solid #0000005e;
}

.copy-txt p {
    font-size: 17px;
    color: black;
}

.slick-dots li button:before {
    font-size: 13px !important;
    line-height: 35px !important;

}

/*End Footer css*/

/*Start Back To Top Button css*/

#back-to-top {
  display: inline-block;
  background-color: #03457a;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#back-to-top::after {
  content: "\f062";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  line-height: 50px;
  color: #fff;
}
#back-to-top:hover {
  cursor: pointer;
  background-color: #000000;
}
#back-to-top:active {
  background-color: #555;
}
#back-to-top.show {
  opacity: 1;
  visibility: visible;
}

/*End Back To Top Button css*/


/*Start Page Banner Css*/

section.page-banner {
    background: url("../images/home-banner.png");
    height: 100% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    padding: 135px 0px;
}
section.page-banner:after {
    content: "";
    background: #00000066;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
}

.page-bn-con {
    z-index: 2;
}

.page-bn-con h1 {
    color: white;
    font-size: 33px;
    line-height: 45px;
    text-transform: uppercase;
    text-align: center;
}

/*End Page Banner Css*/

section.ab-page {
    padding: 20px 0px 50px;
    position: relative;
}

.ab-page h3 {
    font-size: 40px;
    padding-bottom: 15px;
    color: black;
    z-index: 9;
    position: relative;
}

.ab-page p {
    color: black;
}

section.ab-page a.cus-btn {
    display: inline-grid;
    margin-top: 10px;
}

.ab-con2:before {
    content: "";
    background: #efefef;
    position: absolute;
    width: 120%;
    height: 141%;
    right: -67px;
    top: -75px;
}

/*About Video css*/

.ab-video-col {
    display: flex;
    justify-content: center;
}
i.fa.fa-play {
    background: black;
    padding: 19px 22px;
    border-radius: 50px;
    font-size: 25px;
    color: white;
    text-align: center;
}
i.fa.fa-play:hover {
    background: #03457a;
}
.ab-video-col i {
    position: absolute;
    left: 40%;
    top: 35%;
}
.ab-video1 {
    background: url("../images/Rectangle108.png");
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ab-video2 {
    background: url("../images/Rectangle109.png");
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ab-video3 {
    background: url("../images/Rectangle110.png");
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ab-video1, .ab-video2, .ab-video3 {
    width: 31.33%;
    margin: 10px;
}
.ab-video {
    margin-bottom: 50px;
}
a.vi-btn i {
    color: black;
    font-size: 80px;
}

a.vi-btn i:hover {
    color: #03457a;
}


/*About Video css*/

.modal-dialog {
    max-width: 50% !important;
    max-height: 100% !important;
    height: 500px !important;
}


section.ser-page {
    padding: 30px 0px 80px;
    position: relative;
}

.ser-page h3 {
    font-size: 35px;
    padding-bottom: 15px;
    color: black;
}

.ser-page p {
    color: black;
}

section.ser-page a.cus-btn {
    display: inline-grid;
    margin-top: 10px;
}
.ser-page2-img {
    z-index: 2;
}
.ser-page2:before {
    content: "";
    background: #efefef;
    position: absolute;
    width: 122%;
    height: 100%;
    right: -75px;
    top: -40px;
}
.ser-hh {
    margin-bottom: 50px;
}
section.l-ser-page {
    padding: 30px 0px 80px;
    position: relative;
}
section.l-ser-page:nth-child(odd) .row {
    flex-direction: row-reverse !important;
}

.l-ser-page h3 {
    font-size: 35px;
    padding-bottom: 15px;
    color: black;
}
section.l-ser-page h3.p-heading {
    font-size: 40px;
    color: black;
    padding: 0px 0px 30px;
}

.l-ser-page p {
    color: black;
}

section.l-ser-page a.cus-btn {
    display: inline-grid;
    margin-top: 10px;
}

.l-ser-page2:before {
    content: "";
    background: #efefef;
    position: absolute;
    width: 120%;
    height: 100%;
    right: -67px;
    top: -40px;
}
.c-red-more {
    text-transform: uppercase;
}

.modal-body {
    height: 500px;
}

p#bot-con {
    padding-top: 20px;
}

/* Gallery Page Css */ 

.gallery-page .g-slider:before {
    content: "";
    background: #efefef;
    position: absolute;
    width: 69%;
    height: 70%;
    left: 7px;
    top: 0px;
}
section.gallery-page.h-gally {
    padding: 0px !important;
}
}
.gallery-page #demo {
  height:100%;
  position:relative;
  overflow:hidden;
}

.gallery-page .g-slider {
    overflow: visible;
    margin: 0px !important;
    margin-top: 50px !important;
}
.gallery-page .g-slides {
    display: contents;
    transition: transform 0.5s ease;
}
.gallery-page .g-slide {
    margin-right: 0px;
    padding: 8px;
}
.gallery_v2 a.cus-btn{
    width: fit-content;
    display: block;
    margin: 0px auto;
    padding: 15px 24px;
}

.blo-page .h-con-gap {
    padding: 15px 12px 25px 12px;
}
.blo-page .h-ser-con:before {
    display: none;
}
.blo-page {
    padding: 0px !important;
}
.blo-page .h-se-box h4 {
    font-size: 20px;
}
.blo-page .h-se-box {
    background: #ffffff;
    margin: 5px 5px 15px;
    padding: 0px !important;
    border: 1px solid #efefef;
    border-top: none;
}
body .blo-page a.cus-btn {
    position: relative !important;
}
.h-se-box:hover .h-con-gap {
    border-color: #03457a;
}
.blo-page .col-md-4 {
    flex: 0 0 32.333333%;
}
.blo-page .h-ser-con {
    padding-top: 20px;
}

/* Testimonials css */ 

.tes-text-box {
    background: #efefef;
    padding: 20px;
    margin: 25px 0px;
}
.tes-text-box h3.p-heading {
    font-size: 25px;
    text-transform: capitalize;
}
.tes-text-box .y-star {
    justify-content: flex-start;
    padding: 10px 0px;
}
.tes-text-box .y-star i {
    color: #ffa033;
}
.te-txt img {
    width: auto;
    height: fit-content;
    padding-right: 20px;
}
.te-txt {
    display: inline-flex;
    padding-top: 15px;
}

/* Contact page css */

.fo-col h3.p-heading {
    text-transform: inherit;
}
.con-page input, .con-page textarea {
    width: 100%;
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 15px;
    background: transparent;
}
.con-page textarea {
    height: 120px;
    resize: none;
}
.con-page button#submit {
    background: #03457a;
    padding: 12px 40px;
    width: 100%;
    color: white;
    text-align: center;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    cursor: pointer;
}
.con-page button#submit:hover {
    background: #000000;
}
.con-page form {
    padding-top: 30px;
}
.fo-col {
    background: #efefef;
    padding: 50px 120px !important;
}
.con-page-det {
    background: black;
    padding: 38px;
    position: absolute;
    width: 340px;
    z-index: 9;
    top: 20%;
}
.con-page-det h3.p-heading {
    color: white;
    font-size: 30px;
    padding-bottom: 20px;
}
.con-page-det a {
    display: flex;
    gap: 15px;
    align-items: center;
    padding-bottom: 15px;
    font-weight: 300;
    color: white !important;
}
.con-page-det a i {
    font-size: 18px;
}

.ab-video button#button {
    pointer-events: none;
}
.mh-box .h-se-box {
    border: 1px solid #ccc;
    padding: 0px !important;
    margin: 5px;
    background: #fff;
}
.mh-box .col-md-3 {
    flex: 0 0 23% !important;
    max-width: 24% !important;
}
.h-con-gap {
    padding: 15px 15px 25px;
}
.mh-box .h-se-box:hover {
    border: 1px solid #03457a;
}
.con-page {
    margin-bottom: 50px;
}
.h_form {
    position: relative !important;
    z-index: 999;
    width: 80%;
    background: #fff;
    padding: 20px;
    border-radius: 4px;
}
.h_form input {
    width: 100%;
    border: 1px solid #ccc;
    padding: 12px 15px;
    margin-bottom: 10px;
    background: #eeeeee91;
    border-radius: 4px;
}
.h_form textarea {
    width: 100%;
    border: 1px solid #ccc;
    padding: 12px 15px;
    height: 100px;
    resize: none;
    background: #eeeeee91;
    border-radius: 4px;
}
.h_form input:focus {
    outline: #04457a solid 2px;
    box-shadow: none;
    border-color: transparent;
    background: #04457a17;
}
.h_form textarea:focus {
    outline: #04457a solid 2px;
    box-shadow: none;
    border-color: transparent;
    background: #04457a17;
}
.h_form button#submit {
    background: #03457a;
    padding: 12px 40px;
    width: 100% !important;
    color: white;
    text-align: center;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    cursor: pointer;
    margin-top: 10px;
    border-radius: 4px;
}
.h_form button#submit:hover {
    background: #000000;
}
.h_form h3 {
        color: #000;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: 800;
    border-bottom: #ddd solid 1px;
    margin-bottom: 16px;
    padding-bottom: 10px;
}
.h_form_col {
    z-index: 2;
    display: flex;
    justify-content: end;
}
.col-md-6.b-con {
    background: transparent !important;
    padding: 0px !important;
}
section.h-banner .row {
    align-items: center !important;
}

/* Window Treatment Page */
.section_services_v2 a.cus-btn{
    width: fit-content;
    margin: 0px auto;
}
ul.section_bullet_points {
    padding-left: 8px;
    font-family: "Karla", sans-serif;
    font-weight: 500;
}
ul.section_bullet_points li {
    padding-bottom: 19px;
    font-size: 16px;
    list-style: none;
}
ul.section_bullet_points li:before {
    content: "\2713 ";
    font-size: 1.25em;
    margin-left: 0px;
    margin-right: 17px;
    padding: .2em .45em .2em .45em;
    position: relative;
    color: white;
    background-color: #03457a;
    border-radius: 50%;
}
.customer_feedback_styling .c-re-box {
    width: 100%;
    background: #efefef;
    position: relative;
    text-align: center;
    margin: 10px;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 6px 17px rgb(3 69 122 / 12%);
    border-color: rgb(3 69 122) !important;
    border: 1px solid;
}
ul.wood_blinds_bullet li{
    padding-bottom: 14px;
    list-style: none;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    font-weight: 500;
    color: black;
    line-height: 27px;
}
ul.wood_blinds_bullet li:before {
    content: "\2713 ";
    font-size: 1.0em;
    margin-left: 0px;
    margin-right: 9px;
    padding: .3em .55em .3em .55em;
    position: relative;
    color: white;
    background-color: #03457a;
    border-radius: 50%;
}
section.Cta-banner.cta_banner_v2.cta_banner_window_treatment ul {
    margin-bottom: 0px;
}
section.Cta-banner.cta_banner_v2.cta_banner_window_treatment ul li {
    list-style: none;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    font-weight: 500;
    color: #fff;
    line-height: 27px;
    margin-bottom: 0px;
    padding-bottom: 14px;
}
section.Cta-banner.cta_banner_v2.cta_banner_window_treatment ul li:before{
    content: "\2713 ";
    font-size: 1.0em;
    margin-left: 0px;
    margin-right: 6px;
    padding: .3em .55em .3em .55em;
    position: relative;
    color: #03457a;
    background-color: #fff;
    border-radius: 50%;
}
section.Cta-banner.cta_banner_v2:after {
    display: none;
}
section.Cta-banner.cta_banner_v2.cta_banner_window_treatment {
    height: 500px;
    background: #03457a !important;
}
section.Cta-banner.cta_banner_v2.cta_banner_window_treatment a.cus-btn {
    background: #000;
}
section.Cta-banner.cta_banner_v2.cta_banner_window_treatment a.cus-btn:hover {
    background: #fff;
    color: #000;
}
section.Cta-banner.cta_banner_v2.cta_banner_window_treatment .col-md-6.image_right {
    position: absolute;
    right: -14px;
    bottom: 0px;
}
section.Cta-banner.cta_banner_v2.cta_banner_window_treatment .col-md-6.image_right img {
    width: 100%;
    object-fit: cover;
}
.timeline-wrapper {
  position: relative;
  max-width: 900px;
  margin: auto;
}
.timeline-wrapper:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 4px;
  border-radius:50px;
  background: rgb(0 0 0 / 20%);
  transform: translateX(-50%);
}
.timeline-progress {
  position: absolute;
  left: 50%;
  top: 0;
  width: 4px;
  background: #03457a;
  transform: translateX(-50%);
  height: 0;
  transition: height 0.1s linear;
}
.timeline-block {
  position: relative;
  width: 50%;
  padding: 20px 40px;
  box-sizing: border-box;
}
.timeline-block.left {
  left: 0;
  text-align: right;
}
.timeline-block.right {
  left: 50%;
}
.timeline-icon {
  position: absolute;
  top: 20px;
  width: 55px;
  height: 55px;
  background: #fff;
  color: #03457a;
  border-radius: 50%;
  text-align: center;
  line-height: 55px;
  font-weight: bold;
  font-size: 20px;
  z-index: 1;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.timeline-block.left .timeline-icon { right: -27px; }
.timeline-block.right .timeline-icon { left: -27px; }

.timeline-box {
	background: #fff;
 	color: #000;
 	padding: 20px;
 	border-radius: 12px;
	position: relative;
	transition: all 0.3s ease;
    box-shadow: 0 14px 40px rgb(3 69 122 / 12%);
    border-color: rgb(3 69 122) !important;
    border: 1px solid;
}
.timeline-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.25);
}
.timeline-box h5{
    font-size: 22px;
}
.timeline-box p{
    font-size: 17px;
}
.timeline-box:hover {
    transform: translateY(-5px);
}
.section_bottom .text-center h2.font-weight-bold {
    font-size: 40px;
}

/* Blob Effect */
.timeline-icon.active {
  background: #03457a;
  transform: scale(1.2);
  animation: blobBounce 0.6s ease;
  color: #fff;
}
@keyframes blobBounce {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1.2); }
}

@media screen and (max-width:768px) {
  .timeline-wrapper:before,
  .timeline-progress { left: 20px; }
  .timeline-block { width: 100%; padding-left: 60px; padding-right: 20px; text-align: left !important; }
  .timeline-block.left, .timeline-block.right { left: 0; }
  .timeline-block.left .timeline-icon,
  .timeline-block.right .timeline-icon { left: 0; right: auto; }
}
  .timeline-progress {
  position: absolute;
  left: 50%;
  top: 0;
  width: 4px;
  background: #03457a;
    border-radius:50px;
  transform: translateX(-50%);
  height: 0;
  transition: height 0.1s linear;
}
.section_bottom{
	padding-bottom: 250px !important;
}
.section_bottom .btn-light {
    color: #fff;
    background-color: #03457a;
    border-color: #03457a;
    max-width: max-content;
    border-radius: 50px;
    padding: 15px 24px;
    line-height: normal;
    font-size: 16px;
    font-weight: 500;
}

.faq-section h2 {
  font-weight: 700;
  color: #000;
  font-size:40px;
}
.faq-section .card {
    border-radius: 12px;
    transition: all 0.3s ease;
    border: 1px solid rgb(3 69 122);
    box-shadow: 0 14px 40px rgb(3 69 122 / 12%);
}
.faq-section .card-header {
	background: transparent !important;
    border: none;
    padding: 0;
    border-radius: 10px !important;
    border: none;
    transition: all 0.3s ease;
    box-shadow: none !important;
}
.faq-section .card-header .btn {
	font-weight: 700;
    color: #000;
    padding: 1rem 1.25rem;
    font-size: 20px;
    white-space: normal;
    background: transparent !important;
    box-shadow: none !important;
    font-family: 'Cormorant Garamond';
    text-transform: capitalize;
    text-decoration: none !important;
}
.faq-section .card-header .btn:hover {
  text-decoration: none;
  color: #03457a;
}
.faq-section .toggle-icon {
  transition: transform 0.3s ease;
}
.faq-section .card-header .btn i.fa.fa-plus.toggle-icon{
    color: #03457a !important;
}
.faq-section .card-header span i.fa {
    color: #000 !important;
    font-size: 23px;
}
.faq-section .card-header span {
    font-size: 23px;
}
.faq-section .card-body {
	background: #fff;
    border-top: none !important;
    font-family: 'Karla';
    font-weight: 500;
    color: #000;
    border-radius: 12px;
}
.section_bottom {
    margin-bottom: 40px;
}
.border-radius-image {
    border-radius: 20px;
}
.faq-section .card-header .btn[aria-expanded="true"] i.fa.fa-plus {
    transform: rotate(45deg);
}
.faq-section .card-header .btn i.fa.fa-plus.toggle-icon{
    transition: .3s all ease;
}

@media (min-width:992px){
 .navbar-expand-lg .navbar-collapse {
        width: 78%;
 }
 a.navbar-brand img {
    width: 60%;
 }
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}
.navbar-collapse li.nav-item .click_mobile_show {
    display: none;
}
.navbar-collapse li.nav-item .click_desktop_show:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
li.nav-item.dropdown .dropdown-menu {
    left: -160%;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0px 0px 5px 0px #a3a3a3;
    border: 1px solid #000;
}
.main_col_dropdown {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px;
}
li.nav-item.dropdown .dropdown-menu .col h6.dropdown-header {
    font-weight: 900;
    font-size: 20px;
    color: #000;
}
li.nav-item.dropdown .dropdown-menu .col a.dropdown-item {
    font-size: 15px;
}
li.nav-item.dropdown .dropdown-menu .col a.dropdown-item:active {
    background: #f8f9fa;
    color: #000;
}
li.nav-item.dropdown .dropdown-menu .col.interior_col{
    border-right: 1px solid #b9afaf2e;
}
 
}

@media (max-width:767px){
.menu-logo{
    padding-left: 10px;
    padding-right: 10px;
}
button.navbar-toggler, header.page-window-treatment button.navbar-toggler, .page-blinds-shades-shutters button.navbar-toggler, header.page-index\.php button.navbar-toggler{
    border-color: #fff;
}
button.navbar-toggler span.navbar-toggler-icon{
    filter: invert(1);
}
header .menu-logo nav.navbar ul.navbar-nav li a.nav-link{
    color: #000 !important;
}
header .menu-logo nav.navbar .navbar-collapse{
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    background: #fff;
    width: 100%;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
    box-shadow: 0px 0px 10px 0px #00000040;
	z-index: 1;
}
nav.navbar {
    flex-wrap: nowrap;
}
.menu-logo {
    padding: 15px 0px;
}
section.h-banner.banner_style_v2 {
    margin-top: -69px;
}
.navbar-collapse li.nav-item .click_desktop_show {
    display:none;
}
.navbar-nav .dropdown-menu {
    border: none;
}
.main_col_dropdown .col h6.dropdown-header {
    text-align: center;
    color: #000;
    font-size: 19px;
}
.main_col_dropdown .col a.dropdown-item {
    text-align: center;
}
.main_col_dropdown .col.interior_col {
    padding-bottom: 20px;
    border-bottom: 1px solid #cfcaca40;
}
.main_col_dropdown .col.exterior_col {
    padding-top: 20px;
}
.section_cards_styling .col-lg-8 {
    padding-left: 0px;
}
header.page-home-v2 .menu-logo nav.navbar, header.page-window-treatment .menu-logo nav.navbar, .page-blinds-shades-shutters .menu-logo nav.navbar{
    flex-wrap: nowrap;
}
section.h-banner.banner_style_v2 {
    width: 97%;
    border-radius: 20px 20px 20px 20px;
    margin-top: -98px;
    padding-top: 120px !important;
    padding-bottom: 100px !important;
}
section.h-banner.banner_style_v2:after{
    border-radius: 20px 20px 20px 20px;
}
.b-con h1.heading_big {
    font-size: 43px;
    line-height: 46px;
	margin-bottom: 20px;
}
section.h-banner a {
   padding: 15px 20px;
}
.section_services_v2 div#interior .col-md-6.col-lg-3 {
    margin-bottom: 20px;
}
.section_services_v2 ul#serviceTabs {
    gap: 10px;
    flex-wrap: nowrap;
}
.section_services_v2 .nav-link{
    font-size: 14px;
}
.section_services_v2 .row.align-items-center.gy-3 {
    padding-left: 20px;
    padding-right: 20px;
}
.section_services_v2 div#interior {
    margin-bottom: 10px;
}
.section_services_v2 div#exterior {
    margin-bottom: 20px;
}
.section_cards_styling {
    padding-left: 20px;
    padding-right: 20px;
}
.section_cards_styling .top_cards.col-md-3.cards_right.p-0 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}
.section_cards_styling .col-lg-8 .row.gap_small {
    margin-left: 0;
}
.banner_style_v2 p.no-padd-marg {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 10px;
}
.banner_style_v2 p.no-padd-marg a.button_banner.m-auto {
    margin: 0px auto !important;
}
.section_cards_styling .section-background_image {
    height: 360px;
}
.section_cards_styling .col-lg-8 .row {
    gap: 20px;
    margin-left: 0;
}
.section_location h2 {
    font-size: 30px;
    text-transform: uppercase;
}
.section_location .badge {
    font-size: 20px;
    padding: 15px 25px !important;
}
.cta_banner_v2 a.cus-btn {
    padding: 15px 11px;
}
section.Cta-banner.cta_banner_v2{
    margin: 40px auto 0px;
    max-width: 95%;
}
.timeline-progress {
	left: 20px;
	right: auto;
}
}

/* Mobile Responsive */
@media only screen and (max-width: 767px){
.mian_ser_contxt {
    height: 100%
}
body .col-md-6.b-con {
    padding: 20px 15px !important;
}
section.h-banner {
    padding: 0px 0px 0px !important;
}
.h_form {
    width: 100%;
}
.h_form_col {
    background: #00000080;
    padding: 20px 15px;
}
.top-bar {
    display: none;
}
ul.navbar-nav {
    text-align: center;
}
.b-con h1, .h-our-ser h3, .cta-con h2, .h-gally h3, .cus-rev h3, .h-mii-fir h3, .h-mii-sec h3,.yelp-rev h3,
section.founder h3 {
    font-size: 30px;
}
.h-gally h3 {
    position: relative;
    z-index: 2;
}
.mh-box .col-md-3 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.h-ser-con:before {
    display: none;
}
.h-our-ser h3, section.Cta-banner, .h-gally h3 {
    text-align: center;
}
.h-our-ser {
    padding: 50px 20px 50px 13px;
}
.h-gally {
    padding: 50px 15px 50px;
}
.mh-box .h-se-box {
    margin-bottom: 15px;
}
.g-slider:before {
    width: 100%;
    height: 78%;
    right: 0px;
    top: 100px;
}
.cus-rev {
    padding: 0px 0px;
}
.cus-rev .row {
    flex-direction: column-reverse;
    text-align: center;
}
.cus-rev a.cus-btn, .yelp-rev a.cus-btn {
    margin-top: 0px !important;
    margin-bottom: 30px;
}
section.h-mii-fir a.cus-btn {
    margin-bottom: 30px;
}
section.h-mii-fir {
    padding: 150px 0px 0px;
}
section.founder .container {
    padding: 50px 15px;
    text-align: center;
}
section.h-mii-sec img, section.ab-page img {
    padding-bottom: 30px;
}
.mfi-con2:before {
    height: 125%;
}
.yelp-rev {
    padding: 0px 0px 30px;
}
.yelp-rev .row {
    text-align: center;
}
section.page-banner {
    height: 200px;
}
.ab-page h3, section.l-ser-page h3.p-heading, h3.p-heading {
    font-size: 30px;
}
.ab-page h3 {
    text-align: center;
}
.ab-con2:before {
    height: 120%;
}
.ab-video-col {
    display: block;
}
.ab-video-col .col-md-4 {
padding-bottom: 20px;
}
section.l-ser-page {
    padding: 0px 0px 30px;
}
section.ser-page {
    padding: 30px 0px 30px;
    position: relative;
}
.ser-page2:before {
    display: none;
}
.l-ser-page .col-md-7 {
    background: #efefef;
    padding: 20px;
    margin-bottom: 20px;
}
.ser-page .col-md-7 {
    background: #efefef;
    padding: 20px;
    margin-top: 20px;
}
.gallery-page .g-slider:before {
    width: 100%;
    height: 70%;
    top: 60px;
}
.gallery-page .col-md-3 {
    width: 33%;
}
.gallery-page .g-slider {
    margin-top: 0px !important;
}
.gallery-page .g-slider {
    padding: 50px 0px 0px;
}
.blo-page .col-md-4 {
    flex: 0 0 100%;
}
.blo-page {
    padding: 0px 20px 0px 12px !important;
}
.blo-page .h-se-box {
    margin-top: 15px;
}
.con-page-det {
    background: black;
    padding: 38px;
    position: relative;
    width: 100%;
    top: 0;
    margin-bottom: 20px;
}
.fo-col {
    padding: 50px 20px !important;
}
.fot-con-det {
    display: block;
}
.fot-logo-so {
    top: 0px;
    text-align: left;
}
.b-con-de {
    display: grid;
    height: 100px;
}
.b-so-icon {
    justify-content: left;
}

.col-md-4.fot-logo-so.fo-two {
    grid-area: 1 / 1 / 2 / 1;
}
.fot-con-area .row {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: left;
}
ul.fot-nav {
    padding: 20px 0px;
}
section.Cta-banner.cta_banner_v2.cta_banner_window_treatment {
    height: 620px;
    background: #03457a !important;
    max-width: 90%;
}
.section_styles-we-offer #interior .col-md-6 {
    margin-bottom: 20px;
}
.timeline-progress {
    left: 5.2%;
}
.timeline-icon {
    top: 20px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 20px;
}
.timeline-block:first-child {
    padding-top: 0px;
}
.timeline-block:first-child .timeline-icon {
    top: 0px;
}
.section_bottom {
    margin-bottom: 0px;
}
.customer_feedback_styling .c-re-box {
padding: 20px;
    margin-bottom: 30px;
}
.faq-section .card-header span {
    font-size: 19px;
}
.faq-section .card-header span i.fa {
    color: #000 !important;
    font-size: 19px;
    margin-right: 2px !important;
}
.faq-section .card-header .btn {
    padding: 1rem 1rem;
    font-size: 20px;
}
.faq-section .card-body {
    padding-top: 4px;
}
section.Cta-banner.cta_banner_v2.cta_banner_window_treatment ul {
    text-align: left;
}
section.Cta-banner.cta_banner_v2.cta_banner_window_treatment .container {
    padding-left: 0px;
    padding-right: 0px;
}
section.Cta-banner.cta_banner_v2.cta_banner_window_treatment .col-md-6.cta-con {
    padding-left: 25px;
    padding-right: 25px;
}

}





/* Ipad Responsive */
@media (max-width: 991px) and (min-width: 768px){

h3,.h-gally h3, h3.p-heading {
    font-size: 25px !important;
}
.h-our-ser .col-md-3 {
    flex: 0 0 48% !important;
    max-width: 48% !important;
}
.Cta-banner .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
}
.h-gally {
    padding: 30px 15px 30px;
}
.g-slider:before {
    height: 85%;
}
section.cus-rev .row {
    flex-direction: column-reverse;
}
section.cus-rev .col-md-8, section.cus-rev .col-md-4, section.yelp-rev .col-md-8, section.yelp-rev .col-md-4, .h-banner .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
}
.cus-rev a.cus-btn, .yelp-rev a.cus-btn {
    margin-top: 0px !important;
    margin-bottom: 30px;
}
.cus-rev h3, .yelp-rev h3, section.founder h3, .b-con h1 , .h-our-ser h3, .ab-page h3 {
    font-size: 25px;
}
.h-mii-fir h3, .h-mii-sec h3 {
    font-size: 25px;
}
section.h-mii-fir {
    padding: 100px 0px;
}
section.founder .container {
    padding: 30px 20px;
}
.modal-dialog {
    max-width: 80% !important;
}

a.nav-link {
    font-size: 15px;
}
ul.navbar-nav {
    text-align: center;
}

.ab-page .col-md-5, .ab-page .col-md-7 {
    flex: 0 0 50%;
    max-width: 50%;
}

.ab-con2:before {
    height: 125%;
}
section.ab-page {
    padding: 20px 0px 50px;
}
section.founder h3 {
    padding-bottom: 15px;
}
.ab-video1, .ab-video2, .ab-video3 {
    width: 30.30%;
    margin: 10px;
}
.ser-page2:before {
    height: 130%;
}
section.gallery-page.h-gally {
    padding: 15px !important;
}
.gallery-page .g-slider:before {
    top: 70px;
}
.gallery-page .g-slider {
    margin-top: 0px !important;
}
.blo-page .col-md-4 {
    flex: 0 0 50%;
    max-width: 48%;
    background: #efefef;
    margin: 6px;
}
.blf-con .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
}
.con-page-det {
    background: black;
    padding: 38px;
    position: inherit;
    width: 100%;
    top: 0%;
}
.con-page .col-md-3, .con-page .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
}
.fo-col {
    padding: 40px !important;
    margin-top: 15px;
}

header.page-home-v2 .menu-logo nav.navbar .navbar-collapse, header.page-window-treatment .menu-logo nav.navbar .navbar-collapse{
        position: absolute;
        left: 0;
        right: 0;
        top: 60px;
        background: #fff;
        width: 100%;
        border-radius: 10px;
        padding-top: 10px;
        padding-bottom: 20px;
        box-shadow: 0px 0px 10px 0px #00000040;
    }
    header.page-home-v2 .menu-logo nav.navbar ul.navbar-nav li a.nav-link, header.page-window-treatment .menu-logo nav.navbar ul.navbar-nav li a.nav-link {
        color: #000 !important;
    }
    header.page-home-v2 button.navbar-toggler span.navbar-toggler-icon, header.page-window-treatment button.navbar-toggler span.navbar-toggler-icon{
        filter: invert(1);
    }
    header.page-home-v2 button.navbar-toggler, header.page-window-treatment button.navbar-toggler {
        border-color: #fff;
    }

}