/*
Theme Name: Premier HVAC Services
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: Wordpress
Author URI: https://www.wordpress.com/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

:root {
  --brand: #94ca4e;
  --brand-dark: #7ab33a;
  --ink: #0b1220;
  --muted: #6b7280;
  --line: #e5e7eb;
  --bg-light: #f6f7f9;
  --card: #ffffff;
}

body {
  font-family: 'Roboto', sans-serif;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.6;
}

a{text-decoration: none;}

/*  Top Bar  */
.page-topline {
  background: #fff;
  border-bottom: 1px solid var(--line);
  padding: 6px 0;
  font-size: 13px;
}

.page-topline a {
  color: var(--ink);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
}

.page-topline a:hover {
  color: var(--brand);
}

.social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--ink);
  text-decoration: none;
  margin-left: 4px;
  font-size: 13px;
  transition: .2s;
}

.social-icons a:hover {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

/*  Logo Bar  */
.page-toplogo {
  background: #fff;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
}

.logo-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: var(--ink);
}

.logo-wrap img {
  max-height: 60px;
}

.logo-text-big {
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  font-size: 18px;
  display: block;
  line-height: 1.1;
}

.logo-text-small {
  font-size: 12px;
  color: var(--muted);
}
.logo_rightblock{display: inline-flex; align-items: center; gap: 24px;}
.teaser-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

.teaser-icon.highlight {
  background: var(--brand);
  color: #fff;
}

.teaser-icon.highlight2 {
  background: var(--brand);
  color: #fff;
}

.teaser-label {
  font-weight: 900;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.teaser-label a {
  text-decoration: none;
  color: var(--ink);
}

.teaser-label a:hover {
  color: var(--brand);
}

.nav-area{
  background: #fff;
  border-top: 3px solid var(--brand);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
  padding: 0;
}
.nav-area-container{display: flex; justify-content: space-between; height:70px;}
.nav-area-left{width: 800px;}
.nav-area-right{display: flex; align-items: center;}

.nav-area-container nav{padding:0px;}
.nav-area-container nav li{position:relative;}
.nav-area-container nav ul{list-style:none; text-align:center; display:flex; justify-content:space-between; margin: 0px ;}
.nav-area-container nav ul li{position:relative; /*float:left;*/ line-height:70px; font-size:16px; font-weight:500; text-transform:uppercase; flex-grow:1;}
/*.nav-area-container nav ul li:last-child{padding-right:0px;}*/
.nav-area-container nav ul li a{display:block; color:#383838; /*padding:0px 35px;*/}
.nav-area-container nav ul li a:hover{color:#ffffff; background-color:var(--brand);}
.nav-area-container nav ul li .active{color:#ffffff; background-color:var(--brand);}

/*dropdown*/
.nav-area-container nav ul li:hover{/*background-color:#ffff00; color:#000000;*/}
.nav-area-container nav ul li ul{background:var(--brand); display:none; position:absolute; width:200px; left:0px !important; z-index:999; padding: 0px; /*border-top:10px solid #FFF;*/}
.nav-area-container nav li:hover > ul{display:block;}
.nav-area-container nav li li{display:block; float:none; margin:0px; padding:0px !important; width:100%; background:none; border:none; position:relative;}
.nav-area-container nav li:hover li a{background:none;}
.nav-area-container nav li ul a{display:block; font-size:13px; font-style:normal; font-weight:400; margin:0px; padding:0px 0px 0px 10px; text-align:left; color:#ffffff; line-height:43px; text-transform:uppercase; border-bottom:1px solid #7ab33a;}
.nav-area-container nav li ul li a:hover{border-bottom:1px solid var(--brand-dark);}
.nav-area-container nav li ul li:last-child a,
.nav-area-container nav li ul li:last-child a:hover{border:none;}
.nav-area-container nav li ul a:hover{background-color:var(--brand-dark) !important; color:#ffffff !important;}
/*.nav-area-container nav li ul a:before{content:url(images/menu-drop-arrow.webp); color:#FFF; margin-right:7px;}*/
/*from second dropdown*/
.nav-area-container nav ul ul li:hover{background-color:#0677fb !important; color:#ffffff !important;}
.nav-area-container nav li ul ul{left:200px !important; top:0px !important; position:absolute; z-index:9999;}

header{position:relative; padding-bottom:73px;} 
header .nav-area{position:absolute; left:0px; top:142px; z-index:99; width:100%;}
/*sticky header*/
/*.nav-area-container_bottom.smaller{position:fixed; top:0px; height:98px; background-color:#FFF;}*/
/*sticky header*/
header.smaller{/*padding:10px 0px; background:rgba(73,88,110,.9);*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
     transition: all 0.3s;
}
header.smaller .nav-area{position:fixed; top:0px;}
@media only screen and (max-width: 991px) {
header .nav-area{top:173px;}	
}
@media only screen and (max-width: 767px) {
header .nav-area{top:81px;}	
}

/*.banner_topgap{width:100%; height:215px;}
#site-header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: top 0.3s ease; /* smooth show/hide /
  z-index: 999;
}*/
header.scrolled{}

.nav-area-container_mobilenav{position:relative;}
.header_mobilenav{position:relative;}

/*  Navbar  */
.navbar {
  background: #fff;
  border-top: 3px solid var(--brand);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
  padding: 0;
}

.navbar-nav .nav-link {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--ink) !important;
  padding: 18px 14px;
  transition: color .2s;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: var(--brand) !important;
}

.dropdown-menu {
  border: none;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
  border-radius: 8px;
}

.dropdown-item {
  font-size: 13px;
  padding: 8px 16px;
}

.dropdown-item:hover {
  color: var(--brand);
  background: var(--bg-light);
}

.btn-appointment {
  background: var(--brand);
  color: #fff !important;
  border-radius: 4px;
  padding: 10px 20px !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-align:center;
}

.btn-appointment:hover {
  background: var(--brand-dark);
}

/*-- Hero Slider (CSS-only fade) --*/
.hero {
  position: relative;
  /*min-height: 500px;*/
  overflow: hidden;
}
.carousel-item img {
  width: 100%;
  height: 560px;
  object-fit: cover;
  filter: brightness(.55);
}
.carousel-caption {
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  text-align: center;
}
.carousel-caption h3 {
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  font-size: 2.6rem;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .4);
  max-width:480px; 
  margin:auto;
}
.carousel-caption p {
  font-size: 1rem;
  max-width: 680px;
  margin: 12px auto 24px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .4);
}
.btn-hero {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 4px;
  padding: 12px 32px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  transition: .2s;
}
.btn-hero:hover {
  background: #fff;
  color: var(--ink);
}

/*  About Section  */
.section-about {
  background: #fff url('images/about.webp') center/cover no-repeat;
  display: flex;
  align-items: center;
  padding:50px 0px;
}

.about-overlay {
  background: rgba(255, 255, 255, .92);
  padding: 40px;
  border-radius: 4px;
}

.section-header {
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  font-size: 35px;
}
.section-header.big{font-size:40px;}
.section-thin {
  font-weight: 300;
  font-size: 1rem;
  color: var(--muted);
  margin-bottom: 4px;
}

.btn-learn {
  background: #f0a500;
  color: #fff;
  border: none;
  padding: 12px 28px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 4px;
  text-decoration: none;
  transition: .2s;
}

.btn-learn:hover {
  background: #d4920a;
  color: #fff;
}

/*  Appointment Section  */
.section-appointment {
  background: #1a1a2e url('images/progress.webp') center/cover;
  background-attachment: fixed;
}

.section-appointment-cover {
  background-color: rgba(50, 50, 50, .8);	
  /*background-color: #323232; 
  opacity: 0.8;
  background:hsla(0, 0%, 20%, .8);*/
  padding: 100px 0;
}

.section-appointment .section-header {
  color: #fff;
}

.section-appointment .underheading {
  color: rgba(255, 255, 255, .75);
}

.form-control,
.form-select {
  border-radius: 4px;
  border: 1px solid #ced4da;
  padding: 10px 14px;
  font-size: 14px;
  background:rgba(255,255,255,.5);
  border-color:rgba(255,255,255,.2);
  /*color:#fff;*/
}

.form-control:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 .2rem rgba(148, 202, 78, .25);
}

.form-label {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, .85);
}

.btn-submit {
  background: var(--brand);
  color: #fff;
  border: none;
  padding: 13px 32px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 4px;
  width: 100%;
  margin-top: 8px;
  transition: .2s;
}

.btn-submit:hover {
  background: var(--brand-dark);
  color: #fff;
}
.section-appointment .input2 {
  height: 150px;
}

/*  Services Sections  */
.section-services-left,
.section-services-right {
  padding: 80px 0;
}

.section-services-left {
  background: var(--bg-light);
}

.section-services-right {
  background: #fff;
}

.section-with-cover {
  position: relative;
  overflow: hidden;
}

.cover-image {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  height:100%;
  object-fit: cover;
}

.cover-image.right {
  right: 0;
}

.cover-image.left {
  left: 0;
}

.service-item {
  display: flex;
  gap: 16px;
  margin-bottom: 28px;
}
.service-item:last-child{margin-bottom:0px;}
.service-thumb {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
}

.service-item h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 6px;
}

.service-item p {
  /*font-size: 14px;*/
  color: var(--muted);
  margin: 0;
}

.highlight-icon {
  color: var(--brand);
}

.highlight2-icon {
  color: #f0a500;
}

.section-header.highlight {
  color: var(--brand);
}

.section-header.highlight2 {
  color: var(--brand);
}

    /*  Blog  */
    .section-blog {
      background: var(--bg-light);
      padding: 80px 0;
    }

    .blog-card {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 8px;
      overflow: hidden;
      transition: box-shadow .2s;
    }

    .blog-card:hover {
      box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    }

    .blog-card-body {
      padding: 24px;
      text-align: center;
    }

    .blog-card-body h4 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 10px;
    }

    .blog-card-body p {
      /*font-size: 14px;*/
      color: var(--muted);
    }

    .blog-card-body a {
      color: var(--brand);
      /*font-size: 13px;*/
      text-decoration: none;
      font-weight: 500;
    }

    .btn-primary-brand {
      background: var(--brand);
      color: #fff;
      border: none;
      padding: 12px 36px;
      font-weight: 700;
      text-transform: uppercase;
      border-radius: 4px;
      text-decoration: none;
      transition: .2s;
	  display:inline-block;
    }

    .btn-primary-brand:hover {
      background: var(--brand-dark);
      color: #fff;
    }

/*  Testimonials  */
.section-testimonials {
  background: #1a1a2e url('images/testimonials.webp') center/cover;
  background-attachment: fixed;
}

.section-testimonials-cover {
  background-color: rgba(50, 50, 50, .8);
  padding: 100px 0;
}

.testimonial-block {
  color: #fff;
  text-align: center;
  padding: 0 24px;
}

.testimonial-block blockquote {
  /*font-size: 1rem;*/
  line-height: 1.7;
  /*font-style: italic;*/
  border: none;
  padding: 0;
  background: none;
  color: #fff;
}

.testimonial-block blockquote::before,
.testimonial-block blockquote::after {
  /*content: '\201C';*/
  font-size: 3rem;
  font-family: Georgia, serif;
  color: var(--brand);
  line-height: 0;
  vertical-align: -18px;
}

.testimonial-meta h4 {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 2px;
}

.testimonial-meta p {
  color: var(--brand);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.section-testimonials .carousel-inner {min-height: 150px;}
.section-testimonials .carousel-indicators {bottom: -23px; margin-bottom: 0px;}

/*  FAQ  */
.section-faq {
  background: #fff;
  padding: 100px 0;
}
.section-faq .col-md-4{margin-top:50px;}
.faq-card-block{padding-top:50px; display:flex;}
.faq-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 55px 25px 25px 25px;
  text-align: center;
  position:relative;
  color: var(--muted);
  height:100%;
}
.faq-icon-area{position:absolute; left:0px; top:-30px; width:100%;}
.faq-icon {
  width: 60px;
  height: 60px;
  background: #94ca4e;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #fff;
  font-size: 30px;
  margin: 0 auto 16px;
}
.faq-card h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: 'Poppins', sans-serif;
}
.faq_block_area{}
.faq_block{border:1px solid #d0d0d0 !important; /*box-shadow:0px 0px 10px 0px #d0d0d0;*/ margin-top:20px;}
.faq_block:first-child{margin-top:0px;}
.faq_block_heading{font-size:22px; line-height:1.2; color:#000000; text-transform:capitalize; cursor:pointer;}
.faq_block_content{font-size:16px; line-height:1.5; font-weight:300; color:#3F3F3F; text-transform:capitalize;}
/*.faq_block_content b,
.faq_block_content strong{font-weight:700;}
.faq_block_content ul{margin-bottom:25px;}
.faq_block_content ul:last-child{margin-bottom:0px;}
.faq_block_content li{list-style:none; padding-left:30px; position:relative; margin-bottom:10px;}
.faq_block_content li:last-child{margin-bottom:0px;}
.faq_block_content li:before{content:url(images/bullet2.webp); position:absolute; left:0px; top:2px;}*/
<!--Bootstrap accordian arrow color change-->
.section-faq .accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1) !important;
}
.section-faq .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: var(--brand);
}


/*  CTA Bar  */
.section-cta {
  background: var(--brand);
  padding: 24px 0;
}
.section-cta a{color: #fff;}
.cta-phone {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

.cta-hours {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

.cta-email input {
  border-radius: 4px 0 0 4px;
  border: none;
  padding: 10px 14px;
  font-size: 14px;
}

.cta-email button,
.cta-email_button {
  background: var(--ink);
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 0 4px 4px 0;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  width: 110px;
}

/*  Footer  */
footer.page-footer {
  background: #1a1a2e;
  padding: 50px 0;
  color: rgba(255, 255, 255, .75);
}

footer .logo-text-big,
footer .logo-text-small {
  color: #fff;
}

footer p {
  /*font-size: 14px;*/
  color: rgba(255, 255, 255, .6);
  /*line-height: 1.7;*/
}

.widget-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 16px;
  margin-bottom: 20px;
}

.footer-form .form-control {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .15);
  color: #fff;
  margin-bottom: 0px;
}

.footer-form .form-control::placeholder {
  color: rgba(255, 255, 255, .4);
}

.footer-form .form-control:focus {
  border-color: var(--brand);
  box-shadow: none;
}

.footer-form label {
  font-size: 13px;
  color: rgba(255, 255, 255, .7);
}

.btn-footer-send {
  background: var(--brand);
  border: none;
  color: #fff;
  padding: 11px 28px;
  border-radius: 4px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  width: 100%;
  margin-top: 4px;
}

.footer-social a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, .7);
  text-decoration: none;
  margin-bottom: 12px;
  font-size: 14px;
  transition: color .2s;
}

.footer-social a:hover {
  color: var(--brand);
}

.footer-social .soc-icon {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
footer.page-footer .input2 {
  height: 100px;
}

/*  Copyright  */
.page-copyright {
  /*background: #111827;*/
  color: var(--ink);
  padding: 50px 0;
}
.page-copyright .container .row{align-items: center;}
.page-copyright p {
  margin: 0;
}
.page-copyright a {
  color: var(--ink);
}
.page-copyright a:hover {
  color: var(--brand);
}
.page-copyright-bottom {
  padding-top: 30px;
}

/*  SERVICE  */
.section_services{padding: 100px 0;}
.services_card{
  border: 1px solid var(--line);
  text-align: center;
  position:relative;
  color: var(--muted);
  height:100%;
}
.services_card img{width:100%;}
.services_card_content{padding:25px;}
.section_services .col-md-4,
.section_services .col-sm-6{margin-bottom:30px;}
.services_details img{width:100%;}

/*  TEAM  */
.section_team{padding: 100px 0;}
.team_area{max-width:1170px; margin:auto;}
.team_card{
  border: 1px solid var(--line);
  text-align: center;
  position:relative;
  color: var(--muted);
  height:100%;
}
.team_card img{width:100%;}
.team_card_content{padding:15px;}
.team_area .col-lg-4,
.team_area .col-md-6, 
.team_area .col-sm-12{margin:15px 0px;}

.gallery_area{max-width:1230px;}
.gallery_area code {
  font-size: .875em;
  word-wrap: break-word;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  justify-content: center;
}
.gallery_area code .pfg-filter {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  border: none;
  background: var(--brand);
  font-family: 'Roboto', sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 0px;
}
.gallery_area code .pfg-filter:hover,
.gallery_area code .pfg-filter--active{background: var(--brand-dark);}

/*  BLOG  */
.blog_block{border:1px solid var(--line); margin-bottom:30px; padding:30px;}
.blog_block_content{padding-top:20px;}
.blog_image img{width:100%;}
.blog_date{color:var(--brand); padding-bottom:10px;}
.blog_title{font-size:30px; line-height:1; color:var(--ink); margin:0px; padding-bottom:10px;}
.blog_title a{color:var(--ink);}

.blog_details_block{}
.blog_details_content{}






    /*  Floating Buttons  */
#call-us-float {
     position: fixed;
     right: 18px;
     bottom: 200px;
     width: 58px;
     height: 58px;
     background: var(--brand);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 22px;
     z-index: 9999;
     text-decoration: none;
     box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
     transition: background .2s;
}

    #call-us-float:hover {
      background: var(--brand-dark);
      color: #fff;
    }

    /*  Chat Widget  */
#vnw-chat-bubble {
     position: fixed;
     right: 18px;
     bottom: 118px;
     width: 58px;
     height: 58px;
     border-radius: 999px;
     border: none;
     cursor: pointer;
     box-shadow: 0 10px 25px rgba(0, 0, 0, .2);
     z-index: 99999;
     background: var(--brand);
     color: #fff;
     font-size: 22px;
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: center;
}

    #vnw-chat-window {
      position: fixed;
      right: 18px;
      bottom: 86px;
      width: 360px;
      max-width: calc(100vw - 36px);
      height: 520px;
      background: var(--card);
      border-radius: 18px;
      box-shadow: 0 18px 55px rgba(0, 0, 0, .28);
      overflow: hidden;
      display: none;
      z-index: 99999;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial;
    }

    #vnw-chat-header {
      padding: 12px 14px;
      background: var(--brand);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
    }

    #vnw-chat-title {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    #vnw-chat-title strong {
      font-size: 16px;
    }

    #vnw-chat-title span {
      font-size: 12px;
      opacity: .85;
    }

    #vnw-step-progress {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 6px;
    }

    #vnw-step-label {
      font-size: 12px;
      white-space: nowrap;
    }

    #vnw-progress-wrap {
      flex: 1;
      background: rgba(255, 255, 255, .25);
      height: 6px;
      border-radius: 999px;
      overflow: hidden;
    }

    #vnw-progress {
      height: 100%;
      width: 0%;
      background: #fff;
      border-radius: 999px;
      transition: width .3s ease;
    }

    #vnw-chat-body {
      background: var(--bg-light);
      height: calc(100% - 64px - 200px);
      overflow: auto;
      padding: 12px 12px 66px;
    }

    .vnw-msg {
      max-width: 92%;
      padding: 10px 12px;
      border-radius: 14px;
      margin: 8px 0;
      line-height: 1.25;
      font-size: 14px;
      white-space: pre-wrap;
    }

    .vnw-bot {
      background: var(--card);
      border: 1px solid var(--brand);
    }

    .vnw-user {
      background: var(--brand);
      color: #fff;
      margin-left: auto;
    }

    .vnw-typing {
      display: inline-flex;
      gap: 6px;
      align-items: center;
    }

    .vnw-dot {
      width: 6px;
      height: 6px;
      border-radius: 999px;
      background: var(--muted);
      opacity: .6;
      animation: vnwBounce 1.1s infinite;
    }

    .vnw-dot:nth-child(2) {
      animation-delay: .15s;
    }

    .vnw-dot:nth-child(3) {
      animation-delay: .30s;
    }

    @keyframes vnwBounce {

      0%,
      80%,
      100% {
        transform: translateY(0);
        opacity: .45;
      }

      40% {
        transform: translateY(-4px);
        opacity: .9;
      }
    }

    #vnw-chat-footer {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      background: var(--card);
      border-top: 1px solid var(--line);
      padding: 10px 12px;
      max-height: 200px;
      height: 200px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    #vnw-chat-close {
      position: absolute;
      top: 10px;
      right: 12px;
      background: transparent;
      border: none;
      color: #fff;
      font-size: 18px;
      cursor: pointer;
      padding: 0;
    }

    #vnw-question {
      font-size: 13px;
      color: var(--muted);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }

    #vnw-question b {
      color: var(--ink);
      font-weight: 600;
    }

    #vnw-controls {
      display: flex;
      gap: 8px;
      flex-shrink: 0;
    }

    .vnw-smallbtn {
      border: 1px solid var(--line);
      background: #fff;
      border-radius: 10px;
      padding: 8px 10px;
      font-size: 13px;
      cursor: pointer;
      color: var(--ink);
    }

    .vnw-actions {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      overflow: auto;
      padding-right: 2px;
    }

    .vnw-btn {
      width: 100%;
      padding: 12px;
      border-radius: 14px;
      border: 1px solid #d1d5db;
      background: #fff;
      cursor: pointer;
      font-size: 14px;
      text-align: left;
      color: var(--ink);
      line-height: 1.15;
      text-transform: capitalize;
    }

    .vnw-btn:hover {
      border-color: var(--brand);
    }

    .vnw-btn.primary {
      background: var(--brand);
      color: #fff;
      border-color: var(--brand);
      text-align: center;
      font-weight: 600;
    }

    .vnw-input {
      width: 100%;
      padding: 11px;
      border: 1px solid #d1d5db;
      border-radius: 12px;
      font-size: 16px;
    }

    .vnw-submit {
      width: 100%;
      padding: 12px;
      border: none;
      border-radius: 12px;
      background: var(--brand);
      color: #fff;
      cursor: pointer;
      font-size: 15px;
      font-weight: 600;
    }

    .vnw-mini {
      font-size: 12px;
      color: var(--muted);
    }

    #vnw-chat-footer-content {
      flex: 1;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 2px;
    }

    @media (max-width: 480px) {
      #vnw-chat-window {
        left: 12px;
        right: 12px;
        width: auto !important;
        bottom: 76px !important;
        height: 72vh !important;
        border-radius: 18px;
      }

      #vnw-chat-bubble {
        right: 12px;
        bottom: 100px;
      }
	 
	 #call-us-float {
		bottom: 175px;
	 }

      #vnw-chat-body {
        height: calc(100% - 64px - 220px);
      }

      #vnw-chat-footer {
        max-height: 220px;
        height: auto;
      }

      .vnw-actions {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 991px) {
      #call-us-float {
        right: 12px;
      }
    }

/* misc */
.rounded-img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  object-fit: cover;
  flex-shrink: 0;
}

.poppins {
  font-family: 'Poppins', sans-serif;
}

.with-snowflake::before {
  content: '\2744';
  color: var(--brand);
  margin-right:5px;
}

.with-sun::before {
  content: '\2600';
  color: #f0a500;
  margin-right:5px;
}

.half-section-left .content-col {
  padding-left: 0;
  padding-right: 60px;
}

.half-section-right .content-col {
  padding-left: 60px;
  padding-right: 0;
}

@media (max-width: 767px) {
	
.half-section-left .content-col,
.half-section-right .content-col {
	padding: 0px 15px;
}
.cover-image {
	position: static;
	width: 100%;
	height: 260px;
	display: block;
}
.carousel-caption h3{font-size:1.6rem;}
.with-snowflake::before,
.with-sun::before{content: '';}
.section-header{font-size:30px;}

}
	
.input-group-text{background:rgba(255,255,255,.5); border-color:rgba(255,255,255,.2); color:#fff;}
.footer-form .input-group-text{background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.2); color:#fff;}

/* --FAQ-- */
.section_contact{background:#fff; padding:100px 0; background:url(images/map.webp); background-attachment:fixed;}
.contact_top{background-color:#0463a2; padding:30px; max-width:1140px; margin:auto;}
.contact_formblock{display:flex; margin:0px 0px 20px 0px; background-color:#FFF; border-radius:5px; overflow:hidden;}
.contact_iconblock{color:#0463a2; display:flex; justify-content: center; align-items: center; width:50px; border-right:1px solid #ADBBC2;}
.contact_top .submit,
.page-footer .submit{display:block; width:100%;}

.contact_bottom{background-color:#FFF; padding:30px; max-width:1140px; margin:50px auto 0px;}
.contact_bottom_icon{color:#0463a2; font-size:50px; line-height:50px; margin:20px 0px;}
.contact_bottom .button{margin-top:20px;}

.inner_banner{background-repeat:no-repeat; background-position:top center; background-size:cover; background-attachment:fixed !important;}
.inner_banner img{/*width:100%; display: block; opacity:0;*/}
.inner_banner_cover{background:rgba(0,0,0,.5);}
.inner_banner_container{min-height:240px; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#FFF; font-size:40px; line-height:1; font-weight:600; text-align:center; margin:0px;}

.input1, .input2{width:100%; padding:0 15px; font-size:16px; color:#000000; height:60px; line-height:60px; margin:0px; border:none; background-color:#FFF;}
.input2{height:220px; padding:10px 15px; line-height:inherit !important;}
select.input1{width:100%; color:#8d8d8d; cursor:pointer;}

.submit{background:var(--brand); color:#fff; line-height:56px; font-size:20px; font-weight:500; text-align:center; padding:0px 50px; cursor:pointer; border:none; border-radius:5px;}
.submit:hover{background:var(--brand-dark);}
/*.submit1{width:100%; background:#FF6B6B; color:var(--white); line-height:56px; font-size:20px; font-weight:600; text-align:center; padding:0px 15px; cursor:pointer; border:none; border-radius:10px;}
.submit1:hover{background:#67c7f9;}*/

.button{font-size:16px; font-weight:500; line-height:50px; margin:0px; display:inline-block;}
.button a{background:var(--brand); color:#fff; padding:0px 40px; border-radius:5px; display: flex; justify-content:center; align-items: center; gap:10px;
	-moz-transition:all 1s ease-in 1s; 
	-webkit-transition:all 1s; 
	-o-transition:all 1s;
}
.button a:hover{background:var(--brand-dark);}

textarea{resize:none;}
iframe{display:block;}
.recaptcha{margin-bottom:20px;}

/* --- CF7 fields --- */
.submit_area{position:relative;}
.submit_area .wpcf7-spinner{position:absolute; right:0px; bottom:15px; z-index:90;}
.wpcf7 form .wpcf7-response-output{margin:10px 0px 0px 0px; border-radius:8px; text-align:center; background-color:var(--brand); color:#FFF; display:none;}
.wpcf7-not-valid-tip{display:none;}
.wpcf7-form-control-wrap{width: 100%;}



.inner_area{padding:100px 0px;}

.pagination_area{display:flex; justify-content:flex-end; margin-top:40px;}
.pagination_area a,
.pagination_area span{color:#a6a6a6; font-weight:500; background-color:#FFFFFF; padding:4px 11px; border:1px solid #a6a6a6; margin-left:5px; display:inline-block; border-radius:5px; overflow:hidden;}
.pagination_area a:hover{background-color:var(--brand-dark); color:#FFF !important; border:1px solid var(--brand-dark);}
.pagination_area .current{background-color:var(--brand-dark); color:#FFF !important; border:1px solid var(--brand-dark) !important;}
/*.pagination_area a,
.pagination_area .current{width:36px; text-align:center;}*/
.pagination_area .wp-pagenavi{display:flex;}
/*BLOG END*/



.StaticContent{}
.StaticContent a{}
.StaticContent a:hover{text-decoration:underline;}
.StaticContent p{margin-bottom:15px;}
.StaticContent p:last-child{margin-bottom:0px;}
/*.StaticContent b,
.StaticContent strong{font-weight:500;}*/
.StaticContent h1,
.StaticContent h2,
.StaticContent h3,
.StaticContent h4,
.StaticContent h5,
.StaticContent h6{margin-bottom:15px;}

.StaticContent ol{padding-left:0px; margin-bottom:15px;
  list-style: none;
  counter-reset: my-awesome-counter;
}
.StaticContent ol li{padding-left:38px; position:relative; padding-bottom:0px;
  counter-increment: my-awesome-counter;
}
.StaticContent ol li:last-child{padding-bottom:0px;}
.StaticContent ol li::before {
  content: counter(my-awesome-counter) "";
  /*background-color:#FF658F;*/background-color:#000000; font-weight:700; font-size:10px; color:#FFF; text-align:center; width:20px; height:20px; line-height:20px; position:absolute; left:0px;
	-moz-border-radius:90px; 
	-webkit-border-radius:90px;
	-khtml-border-radius:90px;
	 border-radius:90px;  
}

.StaticContent ol li ul{padding-left:25px; padding-top:15px;}
.StaticContent ol li ul li{padding-left:5px; padding-bottom:10px; list-style:disc; counter-increment:none;}
.StaticContent ol li ul li:last-child{padding-bottom:0px;}
.StaticContent ol li ul li::before{
  content:'';
  background-color:#000000; font-weight:500; font-size:15px; color:#FFF; text-align:center; width:auto; height:auto; line-height:25px; position:absolute; left:0px;
	-moz-border-radius:90px; 
	-webkit-border-radius:90px;
	-khtml-border-radius:90px;
	 border-radius:90px;  
}

/*.StaticContent li{list-style:none; margin-bottom:15px; padding-left:30px; position:relative;}
.StaticContent li:last-child{margin-bottom:0px;}
.StaticContent li:before{content:url(images/bullet1.png); position:absolute; left:0px; top:0px;}*/
.StaticContent ul{margin-bottom:25px;}
.StaticContent li{list-style:none; padding-left:38px; position:relative; margin-bottom:15px;}
.StaticContent li:last-child{margin-bottom:0px;}
.StaticContent li:before{content:url(images/bullet3.png); position:absolute; left:0px; top:3px;}
.StaticContent ul ul{padding-left:40px;}
.StaticContent ul ul li{list-style:disc; list-style-position:inside; padding:0px; margin-bottom:5px;}
.StaticContent ul ul li:before{content:inherit;}


/* Back to top button */
#back-top {
	position: fixed;
	bottom:90px;
	right:10px;
	z-index:999999999999999;
	margin:0px;
}

.menu_drop:after{content:url(images/menu-arrow.png); position:absolute; right:5px; top:0px; width:12px; height:70px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
     transition: all 0.3s;
}
.menu_up.menu_drop:after{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.header_mobilenav .menu_drop:after{content:'';}

.menu_drop a:not([href]):not([class]){} 
.menu_drop a:not([href]):not([class]):hover{color:#ffffff; background-color:#ED8E21;}

.current-menu-parent a:not([href]):not([class]){color:#ffffff; background-color:#ED8E21;}
.current-menu-parent.menu_drop:after{content:url(images/menu-arrow1.png);}

#menu-header .current-menu-item{}
#menu-header .current-menu-item a,
#menu-header .current-menu-item a:hover{color: #ffffff; background-color: var(--brand);}
#menu-header .sub-menu .current-menu-item a,
#menu-header .sub-menu .current-menu-item a:hover{color:#ffffff; background-color:#bf6600 !important;}

#menu-header .sub-menu{}
#menu-header .sub-menu a{color:#fff;}
#menu-header .sub-menu a:hover{color:#fff;}

#menu-header .current-menu-parent{}
footer #top-menu .current-menu-item{background-color:inherit !important;}
footer #top-menu .current-menu-item a,
footer #top-menu .current-menu-item a:hover{color:inherit !important;}
footer #top-menu .current-menu-parent{background-color:inherit !important;}
svg.icon.icon-angle-down{display:none !important;}


input:focus, 
textarea:focus,
.form-control:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #ccc !important; /* Optional: set your normal border color */
}