.PhnTp {font-size:16px;}.PhnTp a{color:#fff;} .PhnTp a:hover{color:#CE9D3F;}
 
/********** Main Banner **************************************************************************************************/
.MainBanner h1{font-size:40px; line-height:1;}
.MainBanner .BnrBox{background:rgba(206,157,63,.8); padding:30px 40px; width:540px;}
 
/************************************************* Content ********************************************************************/
.ImgBox{padding:30px; border-radius:30px; margin-top:-180px; position:relative; z-index:99; box-shadow:0px 4px 40px 0px #7D7D7D40;}
.ProName{font-size:25px; min-height:70px; line-height:1.1;} .Price{font-size:20px;} .ProArea a{color:#fff;} .ProArea a:hover{color:#000;}
p.pb-xl-3.fw-light {
    font-size: 30px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control.border-0 {
    margin-bottom: -52px!important;
}
.bg-img2::before {
    width: 320px;
    right: -30px;
    top: -30px;
    bottom: -30px;
    background-color: #cc9d44;
    content: "";
    position: absolute;
    z-index: -1;
}
.bg-img3::before {
    width: 320px;
    left: -30px;
    top: -30px;
    bottom: -30px;
    background-color: #cc9d44;
    content: "";
    position: absolute;
    z-index: -1;
}
.strong-view.wpmtst-default .wpmtst-testimonial {
    border: 1px solid #cc9d44;
    margin: 20px auto;
    text-align: left;
}
h3.wpmtst-testimonial-heading.testimonial-heading {
    font-size: 26px;
    font-weight: 500;
    color: #cc9d44;
}
figure.fg-item-inner {
    border: none!important;
}
.fs-80.text-primary {
    color: #cc9d44!important;
    font-size: 30px;
}
.text-dark.rounded.p-3.mb-3.text-center.border.border-dark.fs-22.fw-medium {
    height: 169px;
}
input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email.form-control {
    border: 1px!important;
}
input.wpcf7-form-control.wpcf7-text.form-control {
    border: 1px!important;
    margin-bottom: -40px!important;
}
hr.text-dark {
    border-color: #000!important;
    margin: 20px 0px;
    opacity: .2;
	    margin-bottom: 30px!important;
}
h3.wp-block-heading.has-text-align-center.w-100 {
    max-width: 1200px!important;
}
.disc li {
    background: url(https://rs.elevateomdev.com/STHeatingServicesLTD/wp-content/uploads/2025/03/icons8-tick-24.png) no-repeat left center !important;
    padding-left: 32px !important;
    list-style: none;
    margin-bottom: 15px;
}
h2.wp-block-heading.has-text-align-center.w-100 {
	max-width: 1200px!important;
}
p.has-text-align-center.w-100 {
		max-width: 1200px!important;
}
/********** Testimonials **************************************************************************************************/
#TestiArea{font-size:35px; line-height:50px;} #TestiArea .h4{font-size:18px;} 
#Testimonials .carousel-inner {width:100%; margin:auto;}

#Testimonials .carousel-indicators {position:static; margin-top:40px; list-style-type:none;}
#Testimonials .carousel-indicators li{width:15px; height:15px; margin:0 4px; background-color:#CE9D3F; opacity:1;border:solid 2px #000000; border-radius:50%; vertical-align:middle;}
#Testimonials .carousel-indicators li.active {background-color:#000000; border:solid 2px #000000; vertical-align:middle;}

/*#Testimonials q:before,#Testimonials:before {content: open-quote; position:absolute; left:0; top:19%;}
#Testimonials q:after,#Testimonials:after {content: close-quote; position:absolute; right:0; top:19%;}
#Testimonials q:before,#Testimonials q:after,#Testimonials:before,#Testimonials:after {color:#D9D9D9; font-size:130px; font-family: "Lora", serif; font-weight:700;}
*/
     
/********** ContactForm **************************************************************************************************/
#ContactForm {}
#ContactForm .form-control{background:#fff; border-radius:5px; height:60px; color:#585858;}
#ContactForm textarea.form-control{height:170px; padding-top:15px;background:#fff; border-radius:5px; color:#585858;}

/********** Footer ***************************************************************************************************/
#Footer{font-size:15px; line-height:30px;}
#Footer li.active a {color:#CE9D3F;}
#Footer a{color:#fff;}#Footer a:hover,#Footer .list-inline a:hover{color:#CE9D3F;}
#Footer h4{font-size:16px; letter-spacing:0.1em;}

#Footer .list-inline a{font-size:18px; margin:0px; color:#CE9D3F;}
#Footer .list-inline a:hover{color:#fff;}
#Footer .list-inline-item:not(:last-child) {margin-right:22px;}
#Footer .Copytext{font-size:13px; line-height:1.2;}

 
#ContactPage .form-control{font-size:16px; background:#fff; border-color:#fff; border-radius:0px; height:50px; color:#000;}
#ContactPage textarea.form-control{height:150px; padding-top:15px;border-radius:0px;}

/*************************************************************************************************************/
@media (min-width:992px) {
.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:999; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%;}
#Footer .Copytext{letter-spacing:0.1em;}
.BigImg img {
    height:500px;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
}
}
@media (min-width: 1920px){.container {max-width:1410px !important;}.Homebnr img {height:700px; width:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:right;}}

@media (min-width: 1600px) {.container {max-width:1410px;}  
.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}
.navbar-nav>li+li {margin-left:82px;} h1, .h1 {font-size:50px;}
.MainBanner h1{font-size:29px !important;} 
	h3.fw-semibold.text-uppercase {
    font-size: 24px!important;
    font-weight: 200;
}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1359.98px) and (max-width: 1459.98px){}
/*@include media-breakpoint-between(1280) { ... }*/
@media (min-width: 1199.98px) and (max-width: 1359.98px){}
@media (min-width: 991.98px) and (max-width: 1199.98px) {}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 991.98px) {.MainBanner h1{font-size:32px !important;}.MainBanner .BnrBox{padding:20px 20px; width:60%;}#TestiArea{font-size:24px; line-height:32px;}.slick-prev, .slick-next {top:40% !important}}

@media (max-width: 767.98px) {.MainBanner h1{font-size:26px !important;}.MainBanner h3{font-size:20px}.MainBanner .BnrBox{padding:20px 20px; width:60%;}#TestiArea{font-size:24px; line-height:32px;}.slick-prev, .slick-next {top:40% !important}}
@media (max-width: 575.98px){
.MainBanner .Homebnr img,.MainBanner img {
    height:220px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
} .MainBanner h1{font-size:20px !important;}.MainBanner h3{font-size:16px}.MainBanner .BnrBox{padding:15px; width:70%;} h1, .h1 {font-size:40px;}h2, .h2 {font-size:30px;}#TestiArea{font-size:20px; line-height:30px;}
.PhnTp {font-size:13px;}

.slick-prev::before {content: url('../images/prevs1.png') !important;}
.slick-next:before {content: url('../images/nexts1.png') !important;}
.slick-prev, .slick-next {width:40px !important; height:40px !important;}
}

@media (max-width: 479px) {}
@media (max-width: 320px) {}