/*
 Theme Name:   Boyers Mechanical Service Child
 Theme URI:    http://example.com/
 Description:  Child theme for Boyers Mechanical Service
 Author:       Your Name
 Author URI:   http://example.com
 Template:     boyers-mechanical-service
 Version:      1.0.0
 Text Domain:  boyers-mechanical-child
*/


@font-face {
    font-family: 'Still Time';
    src: url('./fonts/StillTime-Regular.eot');
    src: url('./fonts/StillTime-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/StillTime-Regular.woff2') format('woff2'),
        url('./fonts/StillTime-Regular.woff') format('woff'),
        url('./fonts/StillTime-Regular.ttf') format('truetype'),
        url('./fonts/StillTime-Regular.svg#StillTime-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-display: swap; 
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/anton-v27-latin-regular.eot'); 
  src: url('./fonts/anton-v27-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('./fonts/anton-v27-latin-regular.woff2') format('woff2'), 
       url('./fonts/anton-v27-latin-regular.woff') format('woff'),
       url('./fonts/anton-v27-latin-regular.ttf') format('truetype'), 
       url('./fonts/anton-v27-latin-regular.svg#Anton') format('svg'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/urbanist-v18-latin-300.eot'); 
  src: url('./fonts/urbanist-v18-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('./fonts/urbanist-v18-latin-300.woff2') format('woff2'), 
       url('./fonts/urbanist-v18-latin-300.woff') format('woff'),
       url('./fonts/urbanist-v18-latin-300.ttf') format('truetype'), 
       url('./fonts/urbanist-v18-latin-300.svg#Urbanist') format('svg'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/urbanist-v18-latin-regular.eot'); 
  src: url('./fonts/urbanist-v18-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('./fonts/urbanist-v18-latin-regular.woff2') format('woff2'), 
       url('./fonts/urbanist-v18-latin-regular.woff') format('woff'),
       url('./fonts/urbanist-v18-latin-regular.ttf') format('truetype'), 
       url('./fonts/urbanist-v18-latin-regular.svg#Urbanist') format('svg'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/urbanist-v18-latin-500.eot'); 
  src: url('./fonts/urbanist-v18-latin-500.eot?#iefix') format('embedded-opentype'), 
       url('./fonts/urbanist-v18-latin-500.woff2') format('woff2'), 
       url('./fonts/urbanist-v18-latin-500.woff') format('woff'),
       url('./fonts/urbanist-v18-latin-500.ttf') format('truetype'), 
       url('./fonts/urbanist-v18-latin-500.svg#Urbanist') format('svg'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/urbanist-v18-latin-600.eot'); 
  src: url('./fonts/urbanist-v18-latin-600.eot?#iefix') format('embedded-opentype'), 
       url('./fonts/urbanist-v18-latin-600.woff2') format('woff2'), 
       url('./fonts/urbanist-v18-latin-600.woff') format('woff'),
       url('./fonts/urbanist-v18-latin-600.ttf') format('truetype'), 
       url('./fonts/urbanist-v18-latin-600.svg#Urbanist') format('svg'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/urbanist-v18-latin-700.eot'); 
  src: url('./fonts/urbanist-v18-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('./fonts/urbanist-v18-latin-700.woff2') format('woff2'), 
       url('./fonts/urbanist-v18-latin-700.woff') format('woff'),
       url('./fonts/urbanist-v18-latin-700.ttf') format('truetype'), 
       url('./fonts/urbanist-v18-latin-700.svg#Urbanist') format('svg'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/urbanist-v18-latin-800.eot'); 
  src: url('./fonts/urbanist-v18-latin-800.eot?#iefix') format('embedded-opentype'), 
       url('./fonts/urbanist-v18-latin-800.woff2') format('woff2'), 
       url('./fonts/urbanist-v18-latin-800.woff') format('woff'),
       url('./fonts/urbanist-v18-latin-800.ttf') format('truetype'), 
       url('./fonts/urbanist-v18-latin-800.svg#Urbanist') format('svg'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/urbanist-v18-latin-900.eot'); 
  src: url('./fonts/urbanist-v18-latin-900.eot?#iefix') format('embedded-opentype'), 
       url('./fonts/urbanist-v18-latin-900.woff2') format('woff2'), 
       url('./fonts/urbanist-v18-latin-900.woff') format('woff'),
       url('./fonts/urbanist-v18-latin-900.ttf') format('truetype'), 
       url('./fonts/urbanist-v18-latin-900.svg#Urbanist') format('svg'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/figtree-v9-latin-300.eot'); 
  src: url('./fonts/figtree-v9-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('./fonts/figtree-v9-latin-300.woff2') format('woff2'), 
       url('./fonts/figtree-v9-latin-300.woff') format('woff'),
       url('./fonts/figtree-v9-latin-300.ttf') format('truetype'), 
       url('./fonts/figtree-v9-latin-300.svg#Figtree') format('svg'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/figtree-v9-latin-regular.eot'); 
  src: url('./fonts/figtree-v9-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('./fonts/figtree-v9-latin-regular.woff2') format('woff2'), 
       url('./fonts/figtree-v9-latin-regular.woff') format('woff'),
       url('./fonts/figtree-v9-latin-regular.ttf') format('truetype'), 
       url('./fonts/figtree-v9-latin-regular.svg#Figtree') format('svg'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/figtree-v9-latin-500.eot'); 
  src: url('./fonts/figtree-v9-latin-500.eot?#iefix') format('embedded-opentype'), 
       url('./fonts/figtree-v9-latin-500.woff2') format('woff2'), 
       url('./fonts/figtree-v9-latin-500.woff') format('woff'),
       url('./fonts/figtree-v9-latin-500.ttf') format('truetype'), 
       url('./fonts/figtree-v9-latin-500.svg#Figtree') format('svg'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/figtree-v9-latin-600.eot'); 
  src: url('./fonts/figtree-v9-latin-600.eot?#iefix') format('embedded-opentype'), 
       url('./fonts/figtree-v9-latin-600.woff2') format('woff2'), 
       url('./fonts/figtree-v9-latin-600.woff') format('woff'),
       url('./fonts/figtree-v9-latin-600.ttf') format('truetype'), 
       url('./fonts/figtree-v9-latin-600.svg#Figtree') format('svg'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/figtree-v9-latin-700.eot'); 
  src: url('./fonts/figtree-v9-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('./fonts/figtree-v9-latin-700.woff2') format('woff2'), 
       url('./fonts/figtree-v9-latin-700.woff') format('woff'),
       url('./fonts/figtree-v9-latin-700.ttf') format('truetype'), 
       url('./fonts/figtree-v9-latin-700.svg#Figtree') format('svg'); 
}



@font-face {
  font-display: swap; 
  font-family: 'Caramel';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/caramel-v8-latin-regular.eot'); 
  src: url('./fonts/caramel-v8-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('./fonts/caramel-v8-latin-regular.woff2') format('woff2'), 
       url('./fonts/caramel-v8-latin-regular.woff') format('woff'), 
       url('./fonts/caramel-v8-latin-regular.ttf') format('truetype'), 
       url('./fonts/caramel-v8-latin-regular.svg#Caramel') format('svg'); 
}



:root {
    --blue: #1e90ff;
    --white: #ffffff;
    --placeholdercolor: currentColor;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Urbanist';
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.clear {
    clear: both;
}
.alignleft, .alignright, .aligncenter {
    margin-bottom: 10px;
}
.alignnone {
    margin-bottom: 10px;
}
.alignleft {
    float: left;
    margin-right: 15px;
    margin-top: 0;
}
.alignright {
    float: right;
    margin-left: 15px;
    margin-top: 0;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px auto;
}
iframe, img {
    max-width: 100%;
    border: none;
    vertical-align: middle;
}
img {
    border: 0;
    height: auto;
}
a {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    text-decoration: none;
    transition: 0.5s;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Anton';
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: normal;
}
p, li, ul, ol, blockquote {
    font-family: 'Urbanist';
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 0;
}
ul, li {
    list-style: none;
}
a:visited {
    color: inherit;
}
a:hover {
    text-decoration: none;
}
a, a:hover, input[type="submit"], button {
    outline: 0;
}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}
input::-webkit-input-placeholder {
    color: var(--placeholdercolor);
}
input::-moz-placeholder {
    color: var(--placeholdercolor);
}
input:-ms-input-placeholder {
    color: var(--placeholdercolor);
}
input:-moz-placeholder {
    color: var(--placeholdercolor);
}
html {
    scroll-behavior: smooth;
}
.post, .page{
    margin: 0;
}
ul,ol,li {
    list-style: none;
    margin:0;
    padding:0;
}
p:empty {display: none;}

/*Header Sticky Menu*/



.header-sticky.fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 10px 2%;
    background-color: #51a6f6;
    z-index: 9999;
    border-bottom: 2px solid #fff;
}

.sicky-logo {

    width: 100%;

    max-width: 300px;

    padding: 0 15px;

}



.header-sticky {

    width: 100%;

    float: left;

    background: #c4c9b2;

    padding: 10px;

    display: none;

}

.header-sticky .sticky-cnt {

    width: 25%;

    float: left;

    text-align: center;

    font-size: 15px;

    color: #c4c9b2;

    padding: 0 8px;

}

.header-sticky .mobile_src_nav,

.header-sticky .showhide {

    display: block;

}

.header-sticky .mobile_src_nav {

    background: transparent;

}

.header-sticky .stickyshowhide .txt {

    width: 40px;

    height: 40px;

    text-align: center;

    float: none;

    padding: 0;

    position: relative;

    font-weight: normal;

}

.header-sticky .sticky-cnt>a, .header-sticky .sticky-cnt button {
    font-size: 17px;
    color: #fff;
    font-family: 'Urbanist';
    font-weight: 500;
    position: relative;
    padding: 45px 0 0;
    display: inline-block;
    text-align: center;
    width: 100%;
    cursor: pointer;
    border: 0;
    outline: 0;
    background: transparent;
    text-transform: uppercase;
    line-height: 1;
}

.header-sticky .sticky-cnt a:before, .header-sticky .sticky-cnt button:before {
    width: 40px;
    height: 40px;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    background: transparent;
    border-radius: 100%;
    border: 2px solid #ffffff;
}
.header-sticky .sticky-cnt button:before {
    background: url(images/header-sticky-menu.webp) no-repeat center;
}
.header-sticky .sticky-cnt a:before {
    background-image: url(images/header-sticky-call.webp);
    background-repeat: no-repeat;
    background-position: center;
}


.header-sticky .stickyshowhide .txt:before {

    display: block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    margin: auto;

    font-size: 18px;

    border: 1px #fff solid;

    color: #f2f2f2;

    border-radius: 50%;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}

.sticky-mobinav ul li a.drop {
    font-size: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: max-content;
    height: 45px;
}

.sticky-mobinav ul li a.drop.open {

    width: 28px;

}

.sticky-mobinav ul li a.drop:after {

    content: "";

    background: url(images/sprite_icons.png) no-repeat left top;

    background-position: 0px 0px;

    width: 13px;

    height: 13px;

    position: absolute;

    right: 0;

    top: 9px;

}

.sticky-mobinav ul li a.drop.open:after {

    background-position: -28px 0px;

}

.header-sticky .sicky-cnt .stickyshowhide:before {

    background: url(images/header-sticky-menu.png) no-repeat center;

}

.header-sticky .sicky-cnt.sticky-faq-wrap a:before {

    background: url(images/header-sticky-faqs.png) no-repeat center;

}

.header-sticky .sicky-cnt.sticky-call-wrap a:before {

    background: url(images/header-sticky-call.png) no-repeat center;

}

.header-sticky .sicky-cnt.sticky-blog-wrap a:before {

    background: url(images/header-sticky-blog.png) no-repeat center;

}

#floatingMenu {

    position: fixed;

    top: 0;

    left: 0;

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

    text-align: left;

    display: flex;

    width: 100%;

    height: 100vh;

    z-index: 99999;

}

.floatingMenu-list {
    width: 400px;
    background: #000;
    overflow-y: auto;
    padding: 10px 10px;
    height: 100vh;
    position: relative;
    border-right: 1px solid #8ef712;
}

#floatingMenu.openMenu {

    display: flex;

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}

#cloaseFloatingMenu {
    text-align: right;
    font-size: 37px;
    line-height: 1;
    font-weight: 700;
    display: block;
    background: transparent;
    clear: both;
    outline: 0;
    border: 0;
    padding: 0;
    color: #ffffff;
    float: right;
    position: relative;
    z-index: 999;
    cursor: pointer;
}

button#cloaseFloatingMenu2 {

    flex-grow: 1;

    width: calc(100% - 280px);

    height: 100%;

    font-size: 0px !important;
    background: transparent;
    border: 0;

}

.floatingMenuInner li {

    position: relative;

}
.floatingMenuInner a {

    color: #fff !important;

    letter-spacing: 0.4px;

    font-family: 'Asap', sans-serif;

    font-weight: 500;

    padding: 4px 0;

    font-size: 18px;

    display: block;

    line-height: 1;

    border-bottom: 1px solid #222222;

}

.floatingMenuInner .sub-menu {

    display: none;

}

.floatingMenuInner .menu-item-has-children>a:after {

    content: '';

    width: 10px;

    height: 2px;

    background-color: #fff;

    /* -webkit-transform: rotate(45deg);

       -moz-transform: rotate(45deg);

       -ms-transform: rotate(45deg);

       -o-transform: rotate(45deg);

       transform: rotate(45deg);*/

    position: absolute;

    top: 15px;

    right: 6px;

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

}

.floatingMenuInner .menu-item-has-children>a:before {

    content: '';

    width: 2px;

    height: 10px;

    position: absolute;

    top: 11px;

    right: 10px;

    display: block;

    opacity: 1;

    background-color: #fff;

}

.floatingMenuInner li.openSubMenu.menu-item-has-children>a::before {

    /*-webkit-transform: rotate(135deg);

      -moz-transform: rotate(135deg);

      -ms-transform: rotate(135deg);

      -o-transform: rotate(135deg);

      transform: rotate(135deg);*/

    opacity: 0;

}





.header-sticky.fixed-header .container {

    display: flex;

    padding: 0;

    align-items: center;

    justify-content: space-between;

}



.sicky-logo{
    max-width:350px;
    text-align: center;
}



.sticky-wrap{
    display: none;
}


header#site-header.f-nav{
    position: fixed;
    border-bottom: 2px solid #82581f;
    background-color: #080d26;
    padding: 10px 0;
}

.showhide {
    display: none;
    color: #fff;
    width: 110px;
    height: 28px;
    float: none;
    text-align: left;
    cursor: pointer;
    padding: 0px 0 0 33px;
    position: relative;
    outline: 0;
    border: 0;
    background-color: transparent;
}

.showhide b.txtl {
    text-align: right;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600 !important;
    text-transform: uppercase;
    margin: 0 0px 0 0px;
    padding-top: 2px;
    letter-spacing: 0.5px;
        font-family: 'Urbanist';
}

.showhide b.txtr {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: left;
    font-size: 37px;
    line-height: 27px;
        font-family: 'Urbanist';
}

.mobinav {
    display: none;
    width: 100%;
    color: #fff;
    box-sizing: border-box;
    z-index: 99999995;
    float: left;
    background: #000;
    position: absolute;
    top: 38px;
    left: 0;
}

.mobinav ul {
    float: left;
    margin: 0px 0 0 0;
    padding: 5px 0px;
    width: 100%;
}

.mobinav ul li {
    float: left;
    margin: 0;
    width: 100%;
    list-style: none;
    padding: 0 20px;
    box-sizing: border-box;
    border: 0;
    margin: 0;
    padding: 0px;
    position: relative;
        font-family: 'Urbanist';
}

.mobinav a {
    width: 100%;
    float: left;
    padding: 6px 0;
    display: block;
    line-height: normal;
    color: #fff;
    font-family: 'Urbanist';
    font-weight: 500;
    font-size: 20px;
    border: 0;
    margin: 0;
    text-decoration: none;
}

.mobinav a:hover {
    color: #86d0f8;
}

.mobinav ul li ul {
    float: left;
    padding: 0 0 0 15px;
    animation: 0.9s cubic-bezier(.25, 1, .30, 1) wipe-in-down both;
}

@keyframes wipe-in-down {
  from {
    clip-path: inset(0 0 100% 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}



.mobinav ul li ul li a {
    text-transform: capitalize;
    font-size: 17px;
}

.mobile_src_nav {
    display: none;
    width: 100%;
    float: none;
    position: relative;
    padding: 10px 0;
}

.mobile_src_nav .container {
    position: relative;
}

.mobile_src_nav .search-form {
    width: 100%;
    float: left;
}

.mobinav ul li a.drop.close, .mobinav ul li a.drop.open {
    font-size: 0;
    position: absolute;
    right: 0px;
    top: 10px;
    width: 12px;
    height: 12px;
    background-color: transparent !important;
    background-image: url(images/plus_icn.webp);
    background-position: right center;
    background-repeat: no-repeat;
    padding: 0px 5px !important;
    cursor: pointer;
    margin: 0;
    transform: scale(1.1);
}
.mobinav ul li a.drop.open {
    background-image: url(images/minus_icn.webp);
}


.displayblock {
    display:block;
}
.body-content {
    width:100%;
    float: left;
    height: 2000px;
    overflow: hidden;
}
.logo-section {
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
    padding-left: 50px;
}

.site-branding {
    padding: 0 0 13px;
    position: relative;
    z-index: 0;
    margin: 0 0 -25px;
}

.site-branding:before{
    position: absolute;
    content: "";
    background-color: #000;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    width: 100%;
    height: 25px;
    bottom: 0;
    left: 0;
    z-index: -1;

}



.header-number {
    color: #fff;
    background-color: #51a6f6;
    padding: 21px 0 18px 0px;
    position: relative;
/*    clip-path: polygon(11% 0, 100% 0, 100% 100%, 0% 100%);*/
    margin: 0 -80px 0 0;
    z-index: 0;
}

.header-number:before {
    position: absolute;
    content: "";
    background-color: #51a6f6;
    width: 100%;
    height: 100%;
    left: -42px;
    clip-path: polygon(11% 0, 100% 0, 100% 100%, 0% 100%);
    top: 0;
    z-index: -2;
}


.hdr-cal{
    position: relative;
    padding: 0 0 0 70px;
}

.header-number strong {
    font-size: 16px;
    font-family: 'Anton';
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1.28px;
    text-transform: uppercase;
    color: #ffffff;
    display: block;
}
.header-number a {
    font-family: 'Anton';
    font-weight: 400;
    font-size: 38px;
    line-height: 1;
    letter-spacing: -0.76px;
    color: #fff;
    margin: 5px 0 0;
    display: inline-block;
}
.header-number a:hover {color: #000;}
.header-number a:before {
    position: absolute;
    content: "";
    background-image: url(images/hmsprites.webp);
    background-repeat: no-repeat;
    background-position: -6px -6px;
    width: 62px;
    height: 62px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;

}
#main-navigation ul{
    margin:0
}
#main-navigation ul li {
    display: inline-block;
    padding: 0 0px 0;
    position: relative;
    margin: 0 33px;
}

#main-navigation ul li:first-child{
    padding-left:0
}
#main-navigation ul li:last-child{
    padding-right:0
}
#main-navigation ul li a {
    font-size: 23px;
    font-family: 'Urbanist';
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 1;
    color: #ffffff;
    display: inline-block;
    padding: 0 5px 37px;
    border-bottom: 3px solid transparent;
}
#main-navigation ul > li.current-menu-item > a, #main-navigation ul > li > a:hover{
    border-bottom-color: #51a6f6;
}

#main-navigation ul li.menu-item-has-children >a:before{
    position: absolute;
    content: "";
    background-color:#51a6f6 ;
    width: 11px;
    height: 7px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    right: -11px;
    top: 10px;

}


#main-navigation ul li ul.sub-menu {
    display: none;
    width: 220px;
    position: absolute;
    color: #fff;
    top: 100%;
    left: 0;
    right: auto;
    background-color: #51a6f6;
    padding: 0px 0;
    z-index: 999;
}
#main-navigation ul li:hover ul.sub-menu{
    display:block
}
#main-navigation ul li:hover ul.sub-menu li{
    position:relative
}
#main-navigation ul li:hover ul.sub-menu li:hover > ul{
    display:block;
    top:0;
    left:100%
}
#main-navigation .sub-menu li.current-menu-item > a, #main-navigation .sub-menu li > a:hover{
    background-color: #8ef712;
    color: #000;
}
#main-navigation .sub-menu li a{
    width: 100%;
    padding: 8px 10px;
    color: #ffffff;
    display: block;
    text-align: left;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 0;
    border-bottom: 0;
    font-size: 16px;
}
#main-navigation .sub-menu li> a:hover,
#main-navigation .sub-menu .current-menu-item > a{
    background-color: #8ef712;
    color: #000;
}
#main-navigation .sub-menu li:after{
    display:none;
}
#main-navigation .sub-menu li{
    width:100%;
    margin:0;
    padding:0
}
#main-navigation .sub-menu li a:after{
    display:none
}
#main-navigation ul li ul.sub-menu li .sub-menu {
    display:none;
    width:100%;
    position:absolute;
    color:#fff;
    top:0;
    left:100%;
    padding:0px 0;
    z-index:999;
}
.site-header {
    background-color: #020509;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    width: 100%;
    padding: 0;
    position: absolute;
    z-index: 99;
}

.site-header:before {
    position: absolute;
    content: "";
    background-color: #51a6f6;
    top: 0;
    right: 0;
    height: 100%;
    width: 17%;
}

.site-header .container{max-width: 1500px;}

.site-header.is-sticky {
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    position: fixed;
    background: #000000;
    animation: slideDown 0.35s 
ease-out;
    visibility: visible;
    border-bottom: 2px solid #8ef712;
}


.site-header.is-sticky .site-branding {
    padding: 0;
    position: relative;
    z-index: 0;
    margin: 0;
    width: 165px;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
.is-fading-out {
    opacity: 0;
    visibility: hidden;
}

.mobilenav {
    width:280px;
    height: 100vh;
    background-color: #333;
    color: white;
    position: fixed;
    top: 0;
    left: -280px;
    transition: left 0.4s ease;
    z-index: 999;
}
.mobilenav.show {
    left: 0;
}
#mobilenav-toggle {
    display:none;
}
.mobilenav-toggle {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: blue;
    border: none;
    cursor: pointer;
    z-index: 1000;
    font-size: 0;
    line-height: 0px;
    width:36px;
    height: 36px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/open-mobilenav.webp);
}
.mobilenav-toggle.active {
    background-image: url(images/close-mobilenav.webp);
}
.close-mobilenav {
    font-size:0;
    line-height:0px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    background-color: red;
    background-image: url(images/close-mobilenav.webp);
    background-position: center center;
    background-repeat: no-repeat;
    width:36px;
    height: 36px;
}


@media screen and (max-width:992px) {
    #mobilenav-toggle {
        display:block
    }
}

#mobile-navigation {
    overflow-y:scroll;
    height: 100%;
    width:100%;
    padding-top:45px;
}
#mobile-navigation ul{
    margin:0;
    padding:0
}
#mobile-navigation ul li{
    display:block;
    padding:0 0px;
    margin:0;
    position:relative
}
#mobile-navigation ul li a{
    font-size:15px;
    text-transform:uppercase;
    font-weight:bold;
    color:#000;
    padding:6px 10px;
    display:block;
    min-width:inherit
}
#mobile-navigation ul li.current-menu-item > a,#mobile-navigation ul li:hover > a{
    color:#fff
}
#mobile-navigation .sub-menu li a{
    width:100%;
    padding:6px;
    color:#ffffff;
    display:block;
    text-align:left
}

#mobile-navigation ul li .drop.close, #mobile-navigation ul li .drop.open {
    font-size: 0;
    position: absolute;
    right: 0px;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: transparent !important;
    background-image: url(images/nav-open.webp);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0px 0px;
    cursor: pointer;
}
#mobile-navigation ul li .drop.open {
    width: 20px;
    background-image: url(images/nav-close.webp);
}
#mobile-navigation .sub-menu {
    padding-left: 15px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease;
}
#mobile-navigation .sub-menu.open {
    max-height: 900px;
    transition: max-height 0.8s ease;
}




.text-heading{
    font-size: 40px;
    line-height: 1;
    text-transform: uppercase;
    margin: 0 0 40px;
    text-align: center;
}
.col-loop {
    font-size: 20px;
    margin: 0 0 10px;
}
/*Banner section*/
.hero-section {
    background-color: #f1e1e1;
    padding:260px 0;
}
.col-full {
    text-align: center;
}
.col-left h1{
    font-size: 50px;
    margin: 0 0 20px;
}
.text-heading{
    font-size: 20px;
    font-family: 'Figtree';
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.6px;
    color: #51a6f6;
    text-transform: uppercase;
    margin: 0 0 15px;
    text-align: center;
}
 
.sectn-title{
    font-size: 75px;
    font-family: 'Anton';
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 0 15px;
    text-align: center;  
}
 
a.cmn-btn {
    display: inline-block;
    padding: 25px 30px;
    background-color: #8ef712;
    font-family: 'Urbanist';
    font-weight: 700;
    font-size: 22px;
    line-height: 1;
    letter-spacing: -0.44px;
    color: #000000;
    text-transform: uppercase;
}
a.cmn-btn:hover{
    background-color: #51a6f6;
    color: #ffffff;
}
 


/* Banner Section  */

.hm-banner-sec {
    padding: 160px 0 549px;
    background-image: url(images/Hmbnr-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
    z-index: 0;

}

.hm-banner-sec:before{
    position: absolute;
    content: "";
    background-image: url(images/bnr-gradient.png);
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: 100% 100%;

}

.hm-banner-sec h1 {
    font-family: 'Still Time';
    font-weight: 400;
    font-size: 140px;
    line-height: 1;
    letter-spacing: 3.6px;
    color: #fff;
    margin: 0 0 34px;
}



.hm-banner-sec h1 small {
    font-size: 80px;
    line-height: 1;
    letter-spacing: 1.68px;
    color: #000000;
    background-color: #8ef712;
    display: block;
    max-width: max-content;
    margin: 0 auto 23px;
    padding: 0px 56px 5px;
}

.hm-banner-sec h1 strong {
    position: relative;
    line-height: 1;
    font-weight: 400;
    padding-left: 40px;
}

.hm-banner-sec h1 strong:before {
    position: absolute;
    content: "";
    background-color: #8ef712;
    height: 100%;
    width: 2px;
    transform: rotate(197deg);
    top: 0;
    bottom: 0;
    left: 13px;
    margin: auto;
}

.hm-banner-sec a.cmn-btn {
    border: 1px solid #fff;
    background-color: #51a6f6;
    color: #fff;
    font-size: 24px;
    padding: 24px 35px 22px;
}

.hm-banner-sec a.cmn-btn:hover{
    background-color: #8ef712;
}

.bnr-img{
    display: none;
}

.bnr-img img{
    width: 100%;
    display: block;
}


/*Home Banner Bottom Section*/


.hmabt-srvcs{
    background-image: url(https://bmshvacpro.bwpsites.com/wp-content/uploads/2025/10/hmcmnblks-bg-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.hm-bnr-btm-sec { background-color: #0c0c0c; }
section.hm-bnr-btm-sec .container { max-width: 1700px; }
.hm-bnr-btm-blk { display: flex; justify-content: center; }
.hm-bnr-btm-itm {display: flex;align-items: center;gap: 25px;justify-content: center;width: 33%;clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);padding: 16px 0;position: relative;z-index: 0;}
.hm-bnr-btm-itm:hover{background-color: #464646;}
.hm-bnr-btm-itm:before{position: absolute;content: "";background-color: #272727;width: calc(100% - 6px);height: 100%;top: 0;left: 0;right: 0;margin: auto;clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);display: none;z-index: -1;}
.hm-bnr-btm-itm:hover:before{display: block;}
.hm-bnr-btm-itm  h3{ font-size: 40px; font-family: 'Anton'; font-weight: 400; line-height: 1; color: #ffffff; letter-spacing: 0.4px; margin: 0px; text-transform: uppercase; }
.hm-bnr-btm-img {width: 16%;}
.hm-bnr-btm-img img{width: 100%;display: block;}

/*Home About Section*/

.hm-about-sec {position: relative;padding: 100px 0 110px;}
.hm-about-sec h3.sctn-hdng{
    font-family: 'Still Time';
    font-weight: 400;
    font-size: 150px;
    line-height: 1;
    letter-spacing: 0px;
    color: #fff;
    margin: 0 0 70px;
    text-align: center;
    text-transform: uppercase;
}

.hm-about-sec h3.sctn-hdng strong.sctn-hdng-strng {
    font-family: 'Caramel';
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    text-indent: 8px;
    vertical-align: top;
}

.hm-about-sec .text-heading{ font-size: 128px; font-family: 'Urbanist'; font-weight: 900; line-height: 1; color: #000000; letter-spacing: 0px; text-align: left; margin: 0px 0 -35px; text-shadow: -2px -2px 0 #2e2e2e, -2px 2px 0 #2e2e2e, 2px -2px 0 #2e2e2e, 2px 2px 0 #2e2e2e; }
.hm-about-blk{  display: flex;  justify-content: space-between; }
.hm-about-lft { width: 42.9%; position: relative; }
.hm-about-rgt {width: 50.5%;padding: 20px 50px 0 0;}
.hm-about-lft .hm-about-img { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%); position: relative;}
.hm-about-lft .hm-about-img img{ display: block; width: 100%;}
.hm-about-lft .hm-about-txt {display: inline-block;padding: 14px 13px 18px 22px;background-color: #8ef712;clip-path: polygon(0 0, 93% 0, 100% 7%, 100% 100%, 0 100%);position: absolute;bottom: -3px;left: 36px;width: 27.6%;}
.hm-about-lft .hm-about-txt h5{ font-size: 16px; font-family: 'Urbanist'; font-weight: 600; line-height: 1.1; color: #000000; letter-spacing: 0px; margin: 0px; }
.hm-about-lft .hm-about-txt h5 strong {font-size: 81px;font-weight: 500;letter-spacing: -1.62px;display: block;line-height: 1;border-bottom: 1px solid #000;margin: 0 0 10px;padding: 0 0 7px;text-align: center;}
.hm-about-lft .hm-about-txt sup{ font-size: 41px; letter-spacing: 0.82px; }
.hm-about-rgt h3{ font-size: 58px; font-family: 'Anton'; font-weight: 400; line-height: 1.1; color: #ffffff; letter-spacing: 0.58px; margin: 0 0 18px; text-transform: uppercase; }
.hm-about-rgt p {font-size: 20px;font-family: 'Figtree';font-weight: 300;line-height: 1.7;color: #d7d7d7;letter-spacing: 0.4px;margin: 0 0 25px;}
.hm-about-rgt h4{ font-size: 33px; font-family: 'Anton'; font-weight: 400; line-height: 1; color: #ffffff; letter-spacing: 1.32px; margin: 0 0 20px; text-transform: uppercase; }
.hm-about-btn{ margin: 22px 0 0; display: inline-block; }
.hm-about-btn a.cmn-btn{ background-color: #51a6f6; color: #ffffff; }
.hm-about-btn a.cmn-btn:hover{ background-color: #8ef712; color: #000000; }

/*Home Awards Section*/

.hm-awards-sec {text-align: center; padding: 0 0 40px; }
.hm-awards-sec .text-heading{ font-size: 50px; font-family: 'Anton'; font-weight: 400; line-height: 1; color: #ffffff; letter-spacing: 2px; text-transform: uppercase; padding: 0 20px; display: inline-block; text-align: center; margin: 0px; }
.hm-strong-list { display: flex; justify-content: center; align-items: center; padding: 60px 0 43px; border-top: 1px solid #292a2a; border-bottom: 1px solid #292a2a; margin: -25px 0 0; }
.hm-strong-itm { padding: 0 53px; }
.hm-strong-itm:first-child{ padding-left: 0; }
.hm-strong-itm:last-child{ padding-right: 0; }
.hm-strong-itm.vero { border-left: 1px solid #292a2a; border-right: 1px solid #292a2a; }


/* Home Services Section */
.hm-services-sec .container {
    max-width: 1700px;
    width: 100%;
    margin: auto;
}
.hm-services-sec {
    padding: 46px 0 80px;
}
.hm-services-blck h5 {
    margin: 0 0 10px;
}
.hm-services-blck h2 {
    line-height: 1.14;
    margin: 0 0 20px;
}
.hm-services-blck p {
    font-family: 'Urbanist';
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.6px;
    color: #ffffff;
    text-align: center;
    margin: 0 0 60px;
}
.hm-services-list {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin: 0 0 80px;
}
.hm-services-item {
    position: relative;
    width: 31.8%;
}
.hm-services-itm-img img {
    width: 100%;
    display: block;
    margin: 0;
}
.hm-services-itm-cnt {
    padding: 20px;
    position: absolute;
    left: 0;
    width: 88%;
    background-color: #000000;
    border: 1px solid #313131;
    bottom: -20px;
}
.hm-services-itm-cnt h3 {
    font-family: 'Urbanist';
    font-weight: 700;
    font-size: 44px;
    line-height: 1;
    letter-spacing: -0.88px;
    color: #ffffff;
    padding-right: 57px;
    position: relative;
    min-height: 93px;
    display: flex;
    align-items: center;
    margin: 0;
}
.hm-services-itm-cnt h3::after{
    position: absolute;
    content: "";
    background-image: url(images/hmsprites.webp);
    background-repeat: no-repeat;
    background-position: -417px -6px;
    width: 55px;
    height: 55px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.hm-services-btns {
    display: flex;
    justify-content: center;
    gap: 15px;
}
.hm-services-all-ser  a.cmn-btn {
    padding: 25px 74px;
}
.hm-services-itm-hvr a {
    position: absolute;
    font-size: 0;
    width: 100%;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.hm-services-item:hover .hm-services-itm-cnt h3{
    color: #51a6f6;
}
 


/* Home Why Choose Section */
 
.hmchose-frm-sec{
    background-image: url(images/chose-frm-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.hm-why-choose-sec {
    padding: 113px 0 0;
    position: relative;
    z-index: 1;
}
.hm-why-choose-sec:after {
    content: '';
    position: absolute;
    background-image: url(images/why-choose-bfr.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 44.5%;
    height: 94.3%;
}
.hm-why-choose-sec:before{
    content: '';
    position: absolute;
    background-color: #8ef712;
    width: 46%;
    height: 64px;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.hm-why-choose-sec h2 {
    font-size: 100px;
    margin: 0 0 68px;
    letter-spacing: 0.4px;
}
.hm-why-choose-img img{
    width: 100%;
    display: block;
}
.hm-why-choose-sec .exp-text h4{
    font-size: 28px;
    font-family: 'Anton';
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1.68px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 50px;
    display: inline-block;
}
.experience-blk {
    display: flex;
    justify-content: flex-start;
    gap: 25px;
    align-items: flex-end;
    width: 61.6%;
    position: absolute;
    left: -60px;
    bottom: -25px;
    z-index: 1;
}  
.experience-blk:before{
    content: '';
    position: absolute;
    background: linear-gradient(to right, rgba(10,10,10,0.94) 0%,rgba(10,10,10,0.94) 64%,rgba(10,10,10,0.9) 72%,rgba(10,10,10,0.89) 73%,rgba(10,10,10,0.83) 77%,rgba(10,10,10,0.79) 78%,rgba(10,10,10,0.76) 79%,rgba(10,10,10,0.72) 80%,rgba(10,10,10,0.68) 81%,rgba(10,10,10,0.61) 83%,rgba(10,10,10,0.54) 84%,rgba(10,10,10,0.5) 85%,rgba(10,10,10,0.44) 86%,rgba(10,10,10,0.42) 87%,rgba(10,10,10,0.29) 89%,rgba(10,10,10,0.11) 93%,rgba(10,10,10,0.03) 97%,rgba(10,10,10,0.01) 100%);
    width: 100%;
    height: 85px;
    left: 3%;
    bottom: 24px;
    z-index: -1;
    clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);
    pointer-events: none;
}
.exp-img {
    width: 19%;
}
.exp-text {
    width: 77%;
}
.exp-img img{
    width: 100%;
    display: block;
}
.why-choose-blk {
    position: relative;
}
.hm-why-choose-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: -60px 0 0;
    position: relative;
    z-index: 1;
}
.why-choose-lft h5.text-heading, .why-choose-lft h3.sectn-title {
    text-align: left;
}
.why-choose-lft {
    width: 37.9%;
}
.why-choose-rgt {
    width: 57.3%;
    display: flex;
    flex-wrap: wrap;
}
.why-choose-lft h6 {
    font-size: 15px;
    font-family: 'Urbanist';
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.95px;
    color: #000000;
    text-transform: uppercase;
    margin: 0 -45px 0 0;
    padding: 25px 0;
}
.why-choose-lft p {
    font-size: 20px;
    font-family: 'Urbanist';
    font-weight: 300;
    line-height: 1.55;
    letter-spacing: 0.8px;
    color: #ffffff;
    margin: 0 0 55px;
}
 
.why-choose-itm h3{
    font-size: 38px;
    font-family: 'Anton';
    font-weight: 400;
    line-height: 1.21;
    letter-spacing: 0;
    color: #ffffff;
    text-transform: uppercase;
    padding: 110px 0 0;
    margin: 0 0 30px;    
    position: relative;
}
.why-choose-itm h3:before{
    content: '';
    position: absolute;
    background-image: url(images/hmsprites.webp);
    background-repeat: no-repeat;
    background-position: -6px -119px;
    width: 94px;
    height: 99px;
    left: 0;
    top: 0;
}
.why-choose-itm p{
    font-size: 20px;
    font-family: 'Urbanist';
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0.4px;
    color: #ffffff;
    margin: 0;  
}
.why-choose-itm{
    padding: 20px 32px 46px;
    width: 50%;
    min-height: 377px;
}
.why-choose-itm.licensed, .why-choose-itm.optimize{background-color: #51a6f6;}
.why-choose-itm.brands, .why-choose-itm.available{background-color: #131313;}
.why-choose-itm.brands h3:before{
    background-position: -119px -132px;
}
.why-choose-itm.available h3:before{
    background-position: -228px -125px;
}
.why-choose-itm.optimize h3{
    padding: 0;
    margin: 0 0 40px;
}
.why-choose-itm.optimize{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.why-choose-itm.optimize h3::before{display: none;}
.choose-btn a.cmn-btn{
    font-size: 19px;
    font-family: 'Figtree';
    letter-spacing: -0.38px;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.129);
    border: 1px solid #fff;
    padding: 21px 14px 20px;
}
.choose-btn a.cmn-btn:hover{
    background-color: #fff;
    color: #51a6f6;
}
 
 

/*Home Testimonials Section*/
 
.hm-testimonials {
    padding: 131px 0 80px;
    text-align: center;
}
.hm-testimonials .container {
    max-width: 1500px;
    width: 100%;
    margin: auto;
    border-bottom: 1px solid #353639;
}
.hm-testimonials h2.sectn-title {
    margin: 0 0 50px;
}
.hm-testimonials .testi-item {
    width: 100%;
    padding: 30px 25px 50px;
    position: relative;
    background-color: #dddddd;
}
.hm-testi-item {
    width: 100%;
    background-color: #040c15;
    border: 1px solid #132131;
    padding: 50px 40px 110px 50px;
    text-align: left;
    position: relative;
}
.hm-testi-item .star-rat {
    width: 148px;
    height: 27px;
    margin: 0 0 25px;
    background-image: url(images/hmsprites.webp);
    background-repeat: no-repeat;
    background-position: -154px -264px;
}
.hm-testi-item p {
    font-family: 'Urbanist';
    font-weight: 600;
    font-size: 26px;
    line-height: 1.5;
    letter-spacing: 1.05px;
    color: #ffffff;
    margin: 0 0 85px;
}
.hm-testi-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 86%;
    padding: 30px 0 40px 30px;
    border-top: 1px solid #353d43;
}
.hm-testi-item .hm-testi-title h5 {
    font-family: 'Urbanist';
    font-weight: 700;
    font-size: 37px;
    line-height: 1;
    letter-spacing: -0.74px;
    color: #ffffff;
    margin: 0;
}
.hm-testi-item::after{
    position: absolute;
    content: "";
    background-image: url(images/hmsprites.webp);
    background-repeat: no-repeat;
    background-position: -331px -132px;
    width: 62px;
    height: 53px;
    right: 35px;
    bottom: 30px;
}
.hm-testimonials .testi-blck.owl-carousel .owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: max-content;
}
.hm-testimonials .testi-blck.owl-carousel .owl-nav button {
    width: 64px;
    height: 32px;
    background-color: transparent !important;
    font-size: 0px !important;
    line-height: 1 !important;
    background-image: url(images/test-lft-arrow-img.webp);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}
.hm-testimonials .testi-blck.owl-carousel .owl-nav button.owl-prev{
    left: -50px;
}
.hm-testimonials .testi-blck.owl-carousel .owl-nav button.owl-next{
    background-image: url(images/test-rgt-arrow-img.webp);
    right: -50px;
}
.hm-testimonials .testi-blck.owl-carousel {
    padding: 0 50px;
    margin: 0 0 55px;
}
.hm-testimonials .testi-blck.owl-carousel .owl-stage ,.hm-testimonials .testi-blck.owl-carousel .owl-stage .owl-item{
    display: flex;
}
.hm-testi-btm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
    max-width: 340px;
    width: 100%;
    margin: auto;
    padding: 12px 13px 5px 28px;
    background-color: #8ef712;
    border-radius: 30px 30px 0 0;
    position: relative;
}
.hm-testi-btm::after{
    position: absolute;
    content: "";
    width: 2px;
    height: 45px;
    background-color: #5fa60c;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.hm-test-btm-star {
    width: 98px;
    height: 18px;
    background-image: url(images/hmsprites.webp);
    background-repeat: no-repeat;
    background-position: -322px -264px;
    margin: 0 0 5px;
}
.hm-testi-btm-rgt p {
    font-family: 'Urbanist';
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0;
    color: #000000;
    margin: 0;
}
 
.hm-testimonials .testi-blck.owl-carousel .owl-stage-outer{padding:0 2px;}
 
/* Home Page CTA Section */
 
.hm-cta-sec{
    padding: 0 0 50px;
}
.hm-cta-sec .container{
    max-width: 1620px;
}
 
.hm-cta-blk{
    display: flex;
    justify-content: space-between;
    padding: 0 0px 0 0;
    position: relative;
    z-index: 1;
}
 
.hm-cta-blk::before {
    content: "";
    background-image: url(images/cta-logo-img.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 4%;
    left: -5%;
    right: 0;
    margin: auto;
    opacity: 0.12;
    z-index: -1;
    width: 31.1%;
    height: 40%;
}
 
.hm-cta-lft{
    width: 49%;
    position: relative;
    z-index: 0;
}
.hm-cta-lft::before {
    content: "";
    background-color: #538ec8;
    width: 80%;
    height: 60%;
    position: absolute;
    left: 0;
    bottom: 10%;
    filter: blur(100px);
    border-radius: 20%;
    opacity: 0.4;
    z-index: -1;
}
.hm-cta-lft img{
    width: 100%;
    display: block;
}
.hm-cta-rht {
    width: 49.2%;
    padding: 75px 0 0;
}
.hm-cta-rht h2{
    font-family: 'Anton';
    font-size: 75px;
    line-height: 1.1;
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 0 13px;
}
.hm-cta-rht p{
    font-family: 'Figtree';
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
    line-height: 1.5;
    letter-spacing: 0.2px;
    margin:0 0 25px;
}
.hm-cta-rht h6{
    font-family: 'Urbanist';
    font-size: 27px;
    font-weight: 500;
    letter-spacing: 5.1px;
    line-height: 1.6;
    text-transform: uppercase;
    color: #fff;
    margin: 0px 0 35px;
}
.hm-cta-rht h6 strong ,.hm-cta-rht h6 a {
    font-weight: 500;
    color: #4b99e3;
}
.hm-cta-rht h6 a:hover{
    color: #8ef712;
}
.hm-cta-btns{
    display: flex;
    justify-content: start;
    gap: 6px;
}
 
/* Footer Contact Form */
 
.hm-contact-sec{
    background-color: #000000;
    padding: 0px 0;
}
.hm-contact-sec .container{
    max-width: 1400px;
}
.hm-contact-blk{
    padding: 53px 166px 80px;
    background-color: rgba(81, 166, 246, 0.05);
    border: 1px solid rgba(81, 166, 246, 0.16);
}
.hm-contact-head{
    text-align: center;
 
}
.hm-contact-head h6{
    font-family: 'Urbanist';
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.44px;
    color: #51a6f6;
    text-transform: uppercase;
    margin: 0 0 6px;
 
}
 
.hm-contact-head h2{
    font-family: 'Anton';
    font-size: 75px;
    line-height: 1.1;
    letter-spacing: -0.75px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 0 25px;
}
.hm-contact-form .gform_wrapper .gform_fields {
    gap: 18px 16px;
}
.hm-contact-form .gform_wrapper .gfield .gfield_label ,.hm-contact-form .gform_wrapper  .gfield .gform-field-label  {
    display: none;
}
.hm-contact-form .gform_wrapper .top_label input,
.hm-contact-form .gform_wrapper select,
.hm-contact-form .gform_wrapper .top_label textarea.large {
    margin: 0px;
    width: 100%;
    color: #070707;
    position: relative;
    border-radius: 0;
    font-family: 'Urbanist';
    font-weight: 400;
    letter-spacing: 0.6px;
    background: #fff;
    line-height: 120% !important;
    font-size: 20px;
    padding: 22px 27px;
    transition: all 0.5s;
    display: block;
    height: auto;
    outline: none !important;
    border: 0 !important;
 
}
.hm-contact-form .gform_wrapper .top_label textarea.large{
    height: 143px;
    min-block-size: 0px;
	resize:none;
}
.hm-contact-form .gform_wrapper input::placeholder {
    color: #070707;
}
.hm-contact-form .gform_wrapper input:-ms-input-placeholder {
    color: #070707;
}
.hm-contact-form .gform_wrapper input::-ms-input-placeholder {
    color: #070707;
}
.hm-contact-form .gform_wrapper textarea::placeholder {
    color: #070707;
}
.hm-contact-form .gform_wrapper textarea:-ms-input-placeholder {
    color: #070707;
}
.hm-contact-form .gform_wrapper textarea::-ms-input-placeholder {
    color: #070707;
}
 
.hm-contact-form .gform_wrapper .gfield{
    position: relative ;
}
 
 
.hm-contact-form .gform_wrapper .gfield.gfield--type-name .gfield_description{
    /* display: none; */
}
.hm-contact-form .gform_wrapper .gfield .gfield_description{
    position: absolute;
    top: 14px;
    right: 10px;
    margin: 0px;
    font-family: 'Figtree';
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0px;
    font-size: 14px;
    color: #ff0000;
    pointer-events: none;
 
}
.hm-contact-form .gform_wrapper .gfield .gfield_description.instruction {
    top: 35px;
}
 
.hm-contact-form .gform_wrapper .gform-footer{
    text-align: center;
    justify-content: center;
    margin-top: 28px;
 
}
.hm-contact-form .gform_wrapper .gform-footer input[type="submit"] {
    font-family: 'Urbanist' !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.44px !important;
    color: #fff !important;
    padding: 19px 74px !important;
    background-color: #51a6f6 !important;
    text-transform: uppercase !important;
    position: relative;
    display: inline-block !important;
    border: 0px;
    border-radius: 0px !important;
    outline: none !important;
}
.hm-contact-form .gform_wrapper .gform-footer input[type="submit"]:hover{
    color: #ffffff !important;
    
	background-color: #8ef712 !important;
 
}
.hm-contact-form .gform_wrapper .gform_validation_errors{
    display: none !important;
}
 
 
 
 
/* Footer Section  */

.hmcntctftr{
	background-image: url(https://bmshvacpro.bwpsites.com/wp-content/uploads/2025/10/hmftr-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
}
 
.footer-sec{
    background-image: url(images/footer-sec-after-bg.webp);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: auto;
}
.footer-sec .container{
    max-width: 1500px;
}
 
.ftr-menu{
    padding: 62px 0 56px;
}
.ftr-menu .menu{
    text-align: center;
}
.ftr-menu .menu li{
    display: inline-block;
    margin: 0 40px;
}
.ftr-menu .menu li a{
    font-family: 'Urbanist';
    font-size: 23px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0px;
    position: relative;
    color: #ffffff;
 
}
.ftr-menu .menu li a:hover{
    color:#51a6f6;  
}
 
 
.ftr-blk-list {
    display: flex;
    justify-content: end;
    padding: 30px 0;
    border: solid rgba(255, 255, 255, 0.1);
    border-width: 1px 0;
    gap: 35px;
    margin: 40px 0 0;
}
 
.ftr-blk-item {
    width: 29%;
    position: relative;
    padding: 40px 0 0;
}

.ftr-blk-item.ftr-location-item {
    padding-left: 60px;
}

.ftr-blk-item.ftr-call-item {
    width: 21.2%;
}

.ftr-blk-item.ftr-location-item h4::before {
    content: "";
    width: 42px;
    height: 48px;
    background-image: url(images/hmsprites.webp);
    background-repeat: no-repeat;
    background-position: -92px -264px;
    position: absolute;
    left: 0;
    top: 35px;
    margin: auto;
}
.ftr-blk-item.ftr-logo-item {
    width: 37%;
    text-align: center;
    padding: 35px 10px 0px;
    border: solid rgba(255, 255, 255, 0.1);
    border-width: 0 1px;
}

.ftr-logo {
    width: 100%;
    max-width: 250px;
    margin: auto;
}

.ftr-logo img{
    width: 100%;
    display: block;
}
 
.ftr-blk-item h4{
    font-family: 'Anton';
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1;
    color: #51a6f6;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.ftr-blk-item .ftr-item-call, .ftr-blk-item .ftr-item-mail, .ftr-blk-item .ftr-item-address {
    padding-left: 46px;
    position: relative;
    margin: 0 0 15px;
}
.ftr-blk-item .ftr-item-call{
    margin: 24px 0 15px;
}
.ftr-blk-item .ftr-item-call a ,.ftr-blk-item .ftr-item-mail a, .ftr-blk-item .ftr-item-address a{
    font-family: 'Urbanist';
    font-size: 26px;
    font-weight: 500;
    color: #ffffff;
    line-height: 1;
    letter-spacing: 0px;
    margin: 0px;
 
}
.ftr-blk-item .ftr-item-call a:hover, .ftr-blk-item .ftr-item-mail a:hover, .ftr-blk-item .ftr-item-address a:hover{
    color: #51a6f6;
 
}
.ftr-blk-item .ftr-item-call a::before, .ftr-blk-item .ftr-item-mail a::before, .ftr-blk-item .ftr-item-address a:before{
    content: "";
    width: 32px;
    height: 32px;
    background-image: url(images/hmsprites.webp);
    background-position: -6px -264px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}
.ftr-blk-item .ftr-item-mail a::before{
    height: 24px;
    background-position: -48px -264px;
 
}

.ftr-blk-item .ftr-item-address a:before {
    background-position: -146px -316px;
    width: 30px;
    height: 42px;
    bottom: auto;
}

.ftr-blk-item .ftr-item-call a:hover::before{
    background-position: -6px -337px;
}

.ftr-blk-item .ftr-item-mail a:hover::before{
    background-position: -52px -337px;
 }

 .ftr-blk-item .ftr-item-address a:hover:before {
    background-position: -146px -364px;
}
 
 
.ftr-blk-item p{
    font-family: 'Urbanist';
    font-size: 21px;
    font-weight: 300;
    color: #ffffff;
    line-height: 1.5;
    letter-spacing: 0.8px;
    margin: 0px;
}
.ftr-blk-item p a{
    font-weight: 700;
    color: #51a6f6;
}
.ftr-blk-item p a:hover{
    color: #8ef712;
}
.ftr-blk-item p strong a{
    font-weight: 700;
}
 
 
.footer-social-links{
    margin: -25px auto 0;
}
.ftr-scl-links{
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}
.ftr-scl-links a{
    width: 50px;
    height: 50px;
    background-image: url(images/hmsprites.webp);
    background-repeat: no-repeat;
    background-position: -420px -132px;
    display: inline-block;
    font-size: 0;
    line-height: auto;
}
.ftr-copyrights{
    padding: 30px 0 50px;
    text-align: center;
}
 
.ftr-copyrights .copy-para ,.ftr-copyrights p , .ftr-copyrights a{
    font-family: 'Urbanist';
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.88px;
    color: #ffffff;
    margin: 0px;
    display: inline;
 
}
.ftr-copyrights a:hover{
    color: #51a6f6;
}
.single-container, .container, .footer-container{
    width:100%;
    max-width:1400px;
    margin:0 auto
}

.disclaimer-trigger {
    cursor:pointer
}
#disclaimer-container {
    display: none;
    position: relative;
    margin-top: 10px;
}
#disclaimer-container.show {
    display: block;
}
.disclaimer-content {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 4px;
}

/*.sidebar_posts, .sidebar_search, .sidebar_categories, .sidebar_archives, .sidebar_reviews { margin-bottom: 30px;}*/
.blocks {
    padding:80px 0;
}
.footer-col {
    width:32%
}
.map-col {
    width:48%
}
.copyright {
    text-align: center;
}


/* InnerPages  */




.page-container, .post-container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}
#main-heading {
    background-image: url(images/pg-bnr-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding: 160px 0 220px;
    text-align: center;
    position: relative;
    z-index: 0;
}


#main-heading:before{
    position: absolute;
    content: "";
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#060c11+0,060c11+100&0.77+0,0.75+15,0.72+21,0.7+28,0.69+28,0.66+34,0.55+46,0.54+47,0.5+50,0.16+77,0.06+89,0.02+100 */
    background: linear-gradient(to bottom,  rgba(6,12,17,0.77) 0%,rgba(6,12,17,0.75) 15%,rgba(6,12,17,0.72) 21%,rgba(6,12,17,0.69) 28%,rgba(6,12,17,0.66) 34%,rgba(6,12,17,0.55) 46%,rgba(6,12,17,0.54) 47%,rgba(6,12,17,0.5) 50%,rgba(6,12,17,0.16) 77%,rgba(6,12,17,0.06) 89%,rgba(6,12,17,0.02) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;

}

#main-heading h1, #main-heading h2 {
    font-size: 60px;
font-family: 'Still Time';
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1.8px;
    color: #000000;
    max-width: max-content;
    background-color: #8ef712;
    padding: 10px 50px;
    margin: auto;
}
#main-heading .inrpg-breadcrumbs {
    font-family: 'Urbanist';
    font-size: 23px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0;
    padding: 10px 0 0;
}
#main-heading .inrpg-breadcrumbs span:hover {
    color: #51a6f6;
}

#main-heading .inrpg-breadcrumbs strong{
    color: #8ef712;
    line-height: 1;
    font-weight: 400;
    margin: 0 5px;
}

#post-content, #page-content {
    padding: 100px 0;
    background-color: #000000;
    background-image: url(images/why-choose-bfr.webp), url(images/pgcnt-bg-gradient.webp);
     background-position: right top, left center;
      background-repeat: no-repeat, no-repeat ;
}

#post-content, #page-content{padding-bottom: 20px!important;}

.page-col-full, .single-col-full {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#single-column, #post-column, #page-column {
    width: 65.4%;
}
.sidebar-page, .sidebar-single {
    width: 30.8%;
    max-width: 400px;
}
#page-column.full-width,
.full-width {
    width: 100%;
}
#page-column h1,
#page-column h2,
#page-column h3,
#page-column h4,
#page-column h5,
#page-column h6, #page-content .areaserved-item-list h2 {
    font-family: 'Anton';
    font-weight: 400;
    color: #ffffff;
    margin: 0 0 20px;
    text-transform: uppercase;
    line-height: 1.1;
}

#page-column h1, #page-column h2, #page-content .areaserved-item-list h2 {
    font-size: 50px;
}

#page-column h3 {
    font-size: 40px;
}

#page-column h4 {
    font-size: 35px;
}

#page-column h5 {
    font-size: 30px;
}

#page-column h6 {
    font-size: 25px;
}

#page-column p, #page-column li {
    font-size: 20px;
    font-family: 'Figtree';
    font-weight: 300;
    line-height: 1.65;
    color: #d7d7d7;
    letter-spacing: 0.4px;
    margin: 0 0 22px;
}

#page-column li ul {
    padding: 15px 0 0 10px;
    margin: 0;
    position: relative;
}

#page-column ol,
#page-column ul {
    margin: 0 0 25px 0px;
    list-style-position: inside;
}

#page-column ul li {
    list-style: none;
    padding-left: 22px;
    position: relative;
}

#page-column ul li:before {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #8ef712;
    content: "";
    left: 0;
    top: 12px;
    border-radius: 50%;
}

#post-content .posts-list .author-info a,
#page-column a,
#page-column li a {
    color: #51a6f6;
    text-decoration: none !important;
    font-weight: 700;
}

#page-column a:hover,
#page-column li a:hover {
    color: #8ef712;
}

#page-column  ol {
  list-style-type: decimal;
  margin-left: 20px;
}

#page-column  ol li {
  list-style: decimal;
  padding-left: 0 !important;
}

#page-column  ul li > ul li { list-style-type: inherit; }

#page-column  ul li > ul li > ol li { list-style-type: decimal; }

#page-column  ul li > ul li:before { display: block; }

#page-column  ul li > ol li { list-style-type: decimal; }

#page-column  ul li > ol li:before { display: none; }

#page-column  ul li > ol li > ul li { list-style-type: inherit; }

.page-feature-img, .single-thumbnail {
    margin: 0 0 40px;
    border-radius: 20px;
    border: 1px solid rgb(81 166 246 / 27%);
    overflow: hidden;
}

.page-feature-img img, .single-thumbnail img {
    width: 100%;
    display: block;
}

/*Sidebar Styles*/

.sidebar-page .sidebar-item, .sidebar-page section.widget {
    margin: 0 0 50px;
    background-color: #030d16;
    border: 1px solid rgb(81 166 246 / 27%);

}

.sidebar-page section.widget.widget_nav_menu{
    background-color: #000;
    padding: 30px 0;
    border-color: #313131;
}


.sidebar-page section.widget.testi{padding: 50px 0px 30px;}


.sidebar-page h4.widget-title {
    font-family: 'Anton';
    font-weight: 400;
    line-height: 1;
    font-size: 50px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 10px;
    text-align: center;
}
.sidebar-page {
    padding: 0px;
}

.sidebar-page ul li{
    display:block;
    padding:0 0px;
    margin:0;
    position:relative;
}
.sidebar-page ul li a {
    font-size: 28px;
    color: #ffffff;
    display: block;
    position: relative;
    font-family: 'Urbanist';
    font-weight: 700;
    line-height: 1;
    margin: 0 0 10px;
    letter-spacing: -0.6px;
    padding: 12px 50px 12px 85px;
    background-color: transparent;
}
.sidebar-page ul li a:before {
    content: '';
    position: absolute;
    background-color: #8ef712;
    width: 17px;
    height: 20px;
    clip-path: polygon(50% 0, 100% 30%, 100% 70%, 50% 100%, 0 70%, 0 30%);
    top: 17px;
    left: 49px;
}
.sidebar-page ul li:hover > a::before, .sidebar-page ul li.current-menu-item a::before, .sidebar-page ul li a:hover::before{
    background-color: #000;
}
.sidebar-page ul li:last-child a{
    margin: 0 0 0;
}
.sidebar-page ul li.current-menu-item > a, .sidebar-page ul li:hover > a {
    color: #000;
    background-color: #8ef712;
}
.sidebar-page .sub-menu li a {
    width: 100%;
    padding: 0 0 0 15px;
    display: block;
    text-align: left;
    font-size: 21px;
    margin: 0;
}
.sidebar-page ul.sub-menu  li a:hover, .sidebar-page ul.sub-menu li.current-menu-item > a{
    color: #dca202;
}
.sidebar-page .sub-menu li a:before {
    width: 6px;
    height: 6px;
    top: 6px;
}
.sidebar-page .sub-menu li a:hover:before{
    background-color: #dca202 !important;
}
.sidebar-page ul li .drop.close, .sidebar-page ul li .drop.open {
    font-size: 0;
    position: absolute;
    right: 8px;
    top: 6px;
    width: 21px;
    height: 11px;
    background-color: transparent !important;
    background-image: url(images/down-arrow.webp);
    background-position: right 0 center;
    background-repeat: no-repeat;
    padding: 0px 0px;
    cursor: pointer;
}
.sidebar-page ul li .drop.open {
    background-image: url(images/up-arrow.webp);
}
.sidebar-page .sub-menu li {
    margin: 0 0 10px;
}
.sidebar-page .sub-menu {
    overflow: hidden;
    transition: max-height 0.8s ease;
}
.sidebar-page .sub-menu.open {
    max-height: 900px;
    transition: max-height 0.8s ease;
    padding: 0px 0 10px 20px;
}


/*  Form Styles */

.widget.gform_widget{
    padding: 30px;
}

.widget.gform_widget h4.widget-title:first-child{
    display: none;
}

.gform_widget .gform_wrapper .gform_fields {
    gap: 13px;
}
.gform_widget .gform_wrapper .gfield .gfield_label ,.gform_widget .gform_wrapper  .gfield .gform-field-label  {
    display: none;
}
.gform_widget .gform_wrapper .top_label input,
.gform_widget .gform_wrapper select,
.gform_widget .gform_wrapper .top_label textarea.large {
    margin: 0px;
    width: 100%;
    color: #070707;
    position: relative;
    border-radius: 0;
    font-family: 'Urbanist';
    font-weight: 400;
    letter-spacing: 0.6px;
    background: #fff;
    line-height: 120% !important;
    font-size: 20px;
    padding: 18px 25px;
    transition: all 0.5s;
    display: block;
    height: auto;
    outline: none !important;
    border: 0 !important;
 
}
.gform_widget .gform_wrapper .top_label textarea.large{
    height: 130px;
    min-block-size: 0px;
    resize:none;
}
.gform_widget .gform_wrapper input::placeholder {
    color: #070707;
}
.gform_widget .gform_wrapper input:-ms-input-placeholder {
    color: #070707;
}
.gform_widget .gform_wrapper input::-ms-input-placeholder {
    color: #070707;
}
.gform_widget .gform_wrapper textarea::placeholder {
    color: #070707;
}
.gform_widget .gform_wrapper textarea:-ms-input-placeholder {
    color: #070707;
}
.gform_widget .gform_wrapper textarea::-ms-input-placeholder {
    color: #070707;
}
 
.gform_widget .gform_wrapper .gfield{
    position: relative ;
}
 
.gform_widget .gform_wrapper .gfield.gfield--type-name .gfield_description{
    /* display: none; */
}
.gform_widget .gform_wrapper .gfield .gfield_description{
    position: absolute;
    top: 14px;
    right: 10px;
    margin: 0px;
    font-family: 'Figtree';
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0px;
    font-size: 14px;
    color: #ff0000;
    pointer-events: none;
 
}
.gform_widget .gform_wrapper .gfield .gfield_description.instruction {
    top: 35px;
}
 
.gform_widget .gform_wrapper .gform-footer{
    text-align: center;
    justify-content: center;
    margin-top: 28px;
 
}
.gform_widget .gform_wrapper .gform-footer input[type="submit"] {
    font-family: 'Urbanist' !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.6px !important;
    color: #fff !important;
    padding: 19px 40px 17px !important;
    background-color: #51a6f6 !important;
    text-transform: uppercase !important;
    position: relative;
    display: inline-block !important;
    border: 0px;
    border-radius: 0px !important;
    outline: none !important;
}
.gform_widget .gform_wrapper .gform-footer input[type="submit"]:hover{
    color: #ffffff !important;
    
    background-color: #8ef712 !important;
 
}
.gform_widget .gform_wrapper .gform_validation_errors{
    display: none !important;
}


/*testimonials sidebar*/



#page-content section.widget.testi .testi-item p {
    font-family: 'Urbanist';
    font-weight: 400;
    font-size: 18px;
    line-height: 1.77;
    letter-spacing: 0.72px;
    color: #ffffff;
    margin: 0 0 20px;
}
#page-content section.widget.testi .testi-item .star-rat {
    width: 148px;
    height: 27px;
    margin:0 auto 25px;
    background-image: url(images/hmsprites.webp);
    background-repeat: no-repeat;
    background-position: -154px -264px;
}
#page-content section.widget.testi .testi-item h5 {
    font-family: 'Urbanist';
    font-weight: 700;
    font-size: 35px;
    line-height: 1;
    letter-spacing: -0.7px;
    color: #8ef712;
    margin: 0;
}
.sidebar-page section.widget.testi h4.widget-title {
    margin: 0 0 30px;
}
#page-content section.widget.testi .testi-item {
    width: 100%;
    background-color: transparent;
    border:0px;
    margin: 0;
    position: relative;
    padding: 0 40px 20px;
    text-align: center;
}
.sidebar-testi.owl-carousel .owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: auto;
    padding: 40px 40px 20px;
    border-top: 1px solid rgb(255 255 255 / 20%);
}
.sidebar-testi.owl-carousel .owl-nav button {
    width: 64px;
    height: 32px;
    background-color: transparent !important;
    font-size: 0px !important;
    line-height: 1 !important;
    background-image: url(./images/sprites-in.webp)!important;
    background-repeat: no-repeat !important;
    background-position: -90px -21px!important;

}

.sidebar-testi.owl-carousel .owl-nav button.owl-next{
    background-position: -172px -21px!important;
}

.sidebar-testi.owl-carousel .owl-nav button:hover{
    background-position: -90px -63px!important;
}


.sidebar-testi.owl-carousel .owl-nav button.owl-next:hover{
    background-position: -172px -63px!important;
}

.sidebar-testi:before{
    position: absolute;
    content: "";
    width: 62px;
    height: 53px;
    background-position: -10px -10px;
    background-image: url(./images/sprites-in.webp);
    left: 0;
    right: 0;
    bottom: 0px;
    margin: auto;
}


.sdbr-cmn-itm {
    padding: 50px 30px 50px;
    border: 1px solid #fff;
    text-align: center;
    background-image: url(./images/sdbr-cmnblk-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.sdbr-cmn-itm h4.widget-title{
    line-height: 1.1;
    margin: 0 0 25px;   
}

.sdbr-cmn-itm a{
    font-family: 'Urbanist';
    font-weight: 700;
    font-size: 22px;
    line-height: 1;
    letter-spacing: -0.44px;
    color: #fff;
    background-color: #000;
    display: inline-block;
    text-transform: uppercase;
    padding: 20px 40px;
}

.sdbr-cmn-itm a:hover{
    background-color: #fff;
    color: #000;
}


.inrcmn-blk {
    padding: 40px 30px 50px;
    text-align: center;
    background: #030b13;
    margin: 40px 0;
}

#page-column .inrcmn-blk a.cmn-btn{
    color: #000;
    padding: 18px 30px;
    font-size: 20px;
}

.inrcmn-blk.rqst-blk{
    background-image: url(./images/rqst-blk-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.inrcmn-blk.rqst-blk a.cmn-btn:hover{
    background-color: #fff;
}

.accordion {
    margin: 0 0 40px;
}

.accordion-item {
    padding: 25px 35px 25px 33px;
    background-color: #030b13;
    border: 1px solid rgb(81 166 246 / 16%);
    margin: 0 0 15px;
}


#page-column .accordion-item h3 {
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    font-size: 30px;
    margin: 0;
    padding-right: 35px;
    position: relative;
}
#page-column  .accordion-item p {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    text-align: left;
    margin: 0;
}
#page-column .accordion-item h3.active + .accordion-item p {
    max-height: 200px;
}

#page-column .accordion-item h3.active{
    margin: 0 0 20px;
}


#page-column .accordion-item h3:before{
    position: absolute;
    content: "";
    background-color: #51a6f6;
    width: 19px;
    height: 11px;
    top: 12px;
    right: 0;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}

#page-column .accordion-item h3.active:before{
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}



#page-column.full-width{
    width: 100%;
}

.inrcntct-lst {
    display: flex;
    justify-content: space-between;
    margin: 0 0 65px;
}
 
#page-column .inrcntct-itm {
    width: 32%;
    padding: 30px 20px 25px;
    background-color: #131313;
    text-align: center;
    border: 1px solid transparent;
}
#page-column .inrcntct-itm p{
    margin: 0;
}
#page-column .inrcntct-itm:hover{
   background-color: #51a6f6;
   border: 1px solid #fff;
}
 
#page-column .inrcntct-itm h4{
    font-size: 30px;
    padding-top: 58px;
    position: relative;
}
 
#page-column .inrcntct-itm h4:before{
    position: absolute;
    content: "";
    background-image: url(./images/sprites-in.webp);
    background-repeat: no-repeat;
    background-position: -264px -16px;
    width: 45px ;
    height: 48px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
 
#page-column .inrcntct-itm.cal h4:before{background-position: -321px -16px;}
 
#page-column .inrcntct-itm.emil h4:before{background-position: -381px -16px;}
 
#page-column .inrcntct-itm.loca a{color: #51a6f6;}
 
#page-column .inrcntct-itm.loca:hover a, #page-column .inrcntct-itm.loca:hover p{color: #fff;}
 
#page-column .inrcntct-itm.loca a:hover, #page-column .inrcntct-itm.cal a:hover, #page-column .inrcntct-itm.emil a:hover{color: #8ef712;}
 
#page-column .inrcntct-itm.cal a{
    font-family: 'Figtree';
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0.4px;
    display: inline-block;
    color: #fff;
}
 
#page-column .inrcntct-itm.emil a{
    color: #fff;display: inline-block;
    font-size: 20px;
    font-family: 'Figtree';
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.4px;
}
 
.contact-page {text-align: center; } 
#page-column .inr-cnct-our-sec {padding: 50px 0;text-align: center;}  
#page-column .inr-cnct-call-btn a {background-color: #51a6f6; color: #fff; } 
#page-column .inr-cnct-call-btn a:hover{background-color: #8ef712; color: #000000; } 
#page-column .inr-cnct-reqst-btn a{color: #000; } 
#page-column .inr-cnct-reqst-btn a:hover{color: #fff;}
 
/*Hvac Section*/
 
#page-column .inr-cnct-hvac-sec {padding: 90px 0 50px; } 
#page-column .inr-cnct-hvac-lst {display: flex; justify-content: center; margin: 0 0 35px; } 
#page-column .inr-cnct-hvac-itm {background-color: #0c0c0c; padding: 45px 50px 25px; margin: 40px 0 0; width: 40%; text-align: center; position: relative; border-left: 1px solid transparent; border-right: 1px solid transparent; } 
#page-column .inr-cnct-hvac-itm.available {border-left: 1px solid #5b5b5b; border-right: 1px solid #5b5b5b; } 
#page-column .inr-cnct-hvac-itm:before {position: absolute; content: ""; background-image: url(./images/sprites-in.webp); background-repeat: no-repeat; background-position: -10px -129px; width: 63px; height: 72px; top: -40px; left: 0; right: 0; margin: auto; } 
#page-column .inr-cnct-hvac-itm.available:before {background-position: -91px -129px; } 
#page-column .inr-cnct-hvac-itm.dispatch:before {background-position: -172px -129px; } 
#page-column .inr-cnct-hvac-itm:hover{background-color: #272727; } 
#page-column .inr-cnct-hvac-itm h4{font-size: 28px; letter-spacing: 0.28px; line-height: 1.2; min-height: 60px; align-items: center; display: flex; justify-content: center; margin: 0; } 
#page-column .inr-cnct-hvac-btn a {color: #000; } 
#page-column .inr-cnct-hvac-btn a:hover {color: #fff; }
 
/*Trust Section*/
 
#page-column .inr-cnct-trust-lst {display: flex; justify-content: center; flex-wrap: wrap; } 
#page-column .inr-cnct-trust-itm {width: 25%; background-color: #131313; padding: 35px 25px 40px 30px; text-align: left; } 
#page-column .inr-cnct-trust-itm:nth-child(odd){background-color: #51a6f6; } 
#page-column .inr-cnct-trust-itm h5{position: relative; padding: 100px 0 0; } 
#page-column .inr-cnct-trust-itm h5:before{position: absolute; content: ""; background-image: url(./images/sprites-in.webp); background-repeat: no-repeat; background-position: -1px -230px; width: 88px; height: 73px; top: 0px; left: 0; margin: auto; } 
#page-column .inr-cnct-trust-itm p{color: #fff; line-height: 1.3; font-family: 'Urbanist'; font-weight: 400; margin: 0; } 
#page-column .inr-cnct-trust-itm.hands h5:before{background-position: -96px -230px; } 
#page-column .inr-cnct-trust-itm.licensed h5:before{background-position: -207px -228px; } 
#page-column .inr-cnct-trust-itm.expertise h5:before{background-position: -305px -229px; }
 
#page-column .inr-cnct-hvacteam-sec h2{font-size: 65px; } 
#page-column .inr-cnct-hvacteam-sec {padding: 100px 0; } 
#page-column .inr-cnct-hvacteam-btn a {color: #000; } 
#page-column .inr-cnct-hvacteam-btn a:hover {color: #fff; }
 
 
#page-column .inr-cnct-boyer-btn a, #page-column .inr-cnct-service-btn a{color: #000; } 
#page-column .inr-cnct-boyer-btn a:hover, #page-column .inr-cnct-service-btn a:hover{color: #fff; } 
#page-column .innr-contact-form {padding: 60px 115px 45px; background-color: rgba(81, 166, 246, 0.05); border: 1px solid rgba(81, 166, 246, 0.16); } 
#page-column .innr-contact-reqst {margin: 0 0 60px; } 
#page-column .hm-contact-form.innr-cnct-frm .gform_wrapper .top_label input, #page-column .hm-contact-form.innr-cnct-frm .gform_wrapper select, #page-column .hm-contact-form.innr-cnct-frm .gform_wrapper .top_label textarea.large{text-align: left; }
 
 
#page-column .inr-cnct-reqst-btn {margin: 0 0 30px;text-align: center;}

 #post-column-full {
    width: 100%;
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

#post-content .posts-list {
    width: 31.2%;
    background-color: #fff;
    position: relative;
    padding: 17px 17px 65px 17px;
}

#post-content .posts-thumbnail img {
    width: 100%;
    display: block;
}

#post-content .posts-list .posts-block {
    padding: 25px 10px 0;
    text-align: center;
}

#post-content .posts-list .posts-block h3 {
    margin: 0 0 15px;
    line-height: 1;
}

#post-content .posts-list .posts-block h3 a {
    display: inline-block;
    font-size: 27px;
    font-family: 'Anton';
    font-weight: 400;
    line-height: 1.16;
    letter-spacing: 0;
    color: #433e42;
}

#post-content .posts-list .posts-block p{
        font-size: 18px;
    font-family: 'Figtree';
    font-weight: 400;
    line-height: 1.4;
    color: #000;
    letter-spacing: 0.4px;
    margin: 0 0 15px;
}

.posts-readmore {
    position: absolute;
    left: 0px;
    right: 0;
    bottom: 40px;
}

#post-content .posts-list .posts-readmore a {
    font-size: 18px;
    font-family: 'Figtree';
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
    display: inline-block;
    color: #51a6f6;
    border-bottom: 2px solid #51a6f6;
}

#post-column-full .post-pagination {
    width: 100%;
}

#post-column-full .nav-links {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0px 0;
}

#post-column-full .nav-links .page-numbers {
    width: 60px;
    height: 60px;
    margin: 0 5px;
    padding: 5px;
    font-size: 30px;
    font-weight: 400;
    font-family: 'Anton';
    line-height: 1;
    letter-spacing: 0;
    border: 0;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

#post-column-full .nav-links .page-numbers.current, #post-column-full .nav-links .page-numbers:hover {
    background-color: #51a6f6;
    color: #ffffff;
}

#post-column-full .nav-links a.prev.page-numbers, #post-column-full .nav-links a.next.page-numbers {
width: 64px;
    height: 32px;
    background-color: transparent !important;
    font-size: 0px !important;
    line-height: 1 !important;
    background-image: url(./images/sprites-in.webp) !important;
    background-repeat: no-repeat !important;
    background-position: -90px -21px !important;
}

#post-column-full .nav-links a.prev.page-numbers:hover {
    background-position: -90px -63px !important;
}

#post-column-full .nav-links a.next.page-numbers {
    background-position: -172px -21px !important;
}

#post-column-full .nav-links a.next.page-numbers:hover {
    background-position: -172px -63px !important;
}


.sidebar-blog {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin: 0 0 10px;
}

.sidebar-blog .widget {
    width: 100%;
    margin: 0;
    position: relative;
}

.blog .sidebar-blog .widget.widget_categories {
    order: 1;
}

.blog .sidebar-blog .widget.widget_archive {
    order: 2;
}

.blog .sidebar-blog .widget.widget_search {
    order: 3;
}

.sidebar-blog input.search-field, .sidebar-blog .widget select, .sidebar-blog.blog-sidebar-itm input.search-field, .sidebar-blog.blog-sidebar-itm .widget select {
    padding: 20px 65px 20px 30px;
    display: block;
    position: relative;
    font-size: 20px;
    font-family: 'Urbanist';
    font-weight: 500;
    color: #070707;
    line-height: 130%;
    letter-spacing: 0;
    width: 100%;
    max-width: 100%;
    appearance: none;
    outline: 0;
    background-color: #fff;
    border-radius: 0;
    display: none;
}

.sidebar-blog .widget select, .sidebar-blog.blog-sidebar-itm .widget select {
    background-image: url(./images/inr-cnct-drp-dwn-image.webp);
    background-repeat: no-repeat;
    background-position: center right 25px;
}

.blog .sidebar-blog h4.widget-title{display: none;}

.sidebar-blog form.search-form {
    position: relative;
}

.sidebar-blog input.search-submit, .sidebar-blog.blog-sidebar-itm input.search-submit {
    position: absolute;
    right: 25px;
    top: 0;
    margin: auto;
    bottom: 0;
    background-image: url(images/search-btn-img.webp) !important;
    background-repeat: no-repeat;
    border-radius: 0px !important;
    width: 21px;
    height: 22px;
    border: none;
    background-color: transparent;
    font-size: 0;
    padding: 0;
    cursor: pointer;
}

.sidebar-page .sidebar-blog.blog-sidebar-itm {
    padding: 40px 35px;
    margin: 0;
    background-color: #030d16;
    border: 1px solid rgb(81 166 246 / 27%);
    display: block;
}

.sidebar-page .sidebar-blog.blog-sidebar-itm .widget {background: transparent;border: 0;margin: 0 0 20px;}
.sidebar-page .sidebar-blog.blog-sidebar-itm .widget-title{text-align: left;}

.widget.widget_search .widget-title{display: none;}

.single-pagination .nav-links a {
    font-size: 18px;
    font-weight: 400;
    width: 180px;
    background-color: #51a6f6;
    color: #fff !important;
    padding: 21px 30px 18px;
    display: inline-block;
    text-align: center;
    font-family: 'Urbanist';
    text-transform: uppercase;
    letter-spacing: 0.6px;
    line-height: 1;
}

.single-pagination .nav-links a:hover{
    color:#51a6f6!important;
    background-color: #fff;
}

.sidebar-page section.widget.widget_recent_entries {
    padding: 40px 0;
}

.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {
    display: flex;
    margin: 40px 0 0;
}

.sidebar-page .widget_recent_entries ul li a{
        font-size: 22px;
            letter-spacing: 0;
    padding: 12px 40px 12px 60px;
}

.sidebar-page .widget_recent_entries ul li a:before{top: 15px;left: 35px;width: 14px;height: 15px;}


.hm-contact-form.innr-cnct-frm .gform_wrapper select {
    background-image: url(./images/inr-cnct-drp-dwn-image.webp);
    background-repeat: no-repeat;
    background-position: center right 25px;
}

#page-column .cmn-cta-btn {
    margin: 0 0 30px;
}

#page-column .cmn-cta-btn a.cmn-btn{
    color: #000;
}


/* Services Section  */

#page-column .inr-services-list {
    display: flex;
    justify-content: center;
    gap: 28px;
    flex-wrap: wrap;
    margin: 0 0 40px;
}
#page-column .inr-services-item {
    position: relative;
    width: 31.8%;
    margin: 0 0 20px;
}
#page-column .inr-services-itm-img img {
    width: 100%;
    display: block;
    margin: 0;
}
#page-column .inr-services-itm-cnt {
    padding: 20px;
    position: absolute;
    left: 0;
    width: 88%;
    background-color: #000000;
    border: 1px solid #313131;
    bottom: -20px;
}
#page-column .inr-services-itm-cnt h3 {
    font-family: 'Urbanist';
    font-weight: 700;
    font-size: 30px;
    line-height: 1;
    letter-spacing: -0.88px;
    color: #ffffff;
    padding-right: 48px;
    position: relative;
    min-height: 80px;
    display: flex;
    align-items: center;
    margin: 0;
}
#page-column .inr-services-itm-cnt h3::after {
    position: absolute;
    content: "";
    background-image: url(images/hmsprites.webp);
    background-repeat: no-repeat;
    background-position: -417px -6px;
    width: 55px;
    height: 55px;
    right: -5px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: scale(0.8);
}
#page-column .inr-services-btns {
    display: flex;
    justify-content: center;
    gap: 15px;
}

#page-column .inr-services-itm-hvr a {
    position: absolute;
    font-size: 0;
    width: 100%;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#page-column .inr-services-item:hover #page-column .inr-services-itm-cnt h3{
    color: #51a6f6;
}


/* Gallery Page */

.gallery-lst {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:25px;
}

.gallery-itm {
    width: 32%;
}

.gallery-itm img{
    width: 100%;
    display: block;
}