/* globals styles */
.text-white {
    color: #ffff !important;
}

.text-center {
    text-align: center !important;
}

.text-italic {
    font-style: italic;
}

.m-0 {
    margin: 0 !important;
}

#section5:before,
#section5:after {
    box-sizing: unset;
}

html {
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.inner-section {
    display: flex;
    width: 100%;
    justify-content: center;
}

.column {
    width: 1400px;
    display: flex;
}


h1 {
    font-family: "Alfa Slab One", Sans-serif;
}

p {
    font-family: "Montserrat", Sans-serif;
}

a {
    font-family: "Montserrat", Sans-serif;
    box-shadow: none;
    text-decoration: none;
}



/*HOME PAGE*/
  .clip-path1{
      clip-path: polygon(3% 0, 100% 0%, 100% 100%, 0% 100%);
  }
  
  .clip-path2{
      clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
  }
  
  /*Home Page - Blog Section*/
  .featured-image .elementor-widget-container{
      height: auto !important;
  }
  
  .featured-image .elementor-widget-container img{
      object-fit: cover !important;
  }
  
  .featured-image img{
      object-fit: cover !important;
      width: 100% !important;
  }

  /*Home Page - Additional Services Section*/
  .elementor-swiper-button.elementor-swiper-button-prev,
  .elementor-swiper-button.elementor-swiper-button-next{
      visibility: hidden;
      position: absolute;
  }
  
  .navigation-arrow{
      cursor: pointer;
  }
  
  .premium-carousel-dots-below ul.slick-dots{
      text-align: left;
      margin-left: -5px;
  }
  
  
  /*Single Post Page*/
  .aioseo-author-bio-compact{
      visibility: hidden;
      position: absolute;
  }
  
  
  
  
  /*Header - Navigation Menu - Dropdown*/
  .sub-menu{
  	padding: 15px 0 !important;
  }
  
  /*Footer - Custom Menu*/
  .submenu-wrapper {
      display: flex;
      gap: 30px;
      flex-wrap: nowrap;
      flex-direction: row;
  }

  .submenu-column {
      list-style: none;
      padding: 0;
      margin: 0;
      width: 100%;
  }

  .submenu-column li {
      margin-bottom: 3px;
  }

  .submenu-column a {
      text-decoration: none;
      color: #333333;
          font-size: 14px;
          font-family: "Montserrat", Sans-serif;
  }

  .submenu-column a:hover {
      color: #FF6201;
  }









#section4 .left-inner-column {
    width: 58%;
    padding: 10px 60px 40px 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.section4-heading2 h2 {
    color: #000000;
    font-size: 50px;
    font-weight: 400;
    line-height: 65px;
    font-family: "Alfa Slab One", Sans-serif;
    width: 100%;
}

.section4-paragraph {
    margin-bottom: 30px;
    /*margin-top: -35px;*/
}

.section4-paragraph p {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

#section4 .contact-us-button {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20px;
    background-color: #060002;
    border-radius: 26px 26px 26px 26px;
    padding: 15px 35px 15px 35px;
    color: white;
}

/*-----Section 6-----*/
#section6 {
    width: 100%;
    padding: 50px 0px 100px 0px;
    background-color: #BEBEBE;
    margin-top: -2px;
}

#section6 .column {
    align-self: center;
}

#section6 .center-inner-column {
    display: flex;
    text-align-last: center;
    flex-direction: column;
    /* flex-wrap: nowrap; */
    align-items: center;
}

.section6-heading2 {
    width: 60%;
    text-align: center;
    /*margin-top: -40px;*/
}

.section6-heading2 h2 {
    color: #000000;
    font-family: "Montserrat", Sans-serif;
    font-size: 50px;
    font-weight: 400;
    line-height: 65px;
    font-family: "Alfa Slab One", Sans-serif;
}

.section6-paragraph {
    width: 80%;
    /*margin-top: -35px;*/
    text-align: center;
}

.section6-paragraph p {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

/*-----Section 7-----*/
#section7 {
    width: 100%;
    background-color: #060002;
    background-image: url("https://hvacpalmcoast.com/wp-content/uploads/2025/04/ctaback.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#section7 .bg-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

#section7 .column {
    align-self: center;
}

#section7 .left-inner-column {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#section7 .right-inner-column {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section7-heading2 h2 {
    color: #FFFFFF;
    font-family: "Alfa Slab One", Sans-serif;
    font-size: 48px;
    font-weight: 400;
}

.section7-heading2 {
    width: 80%;
}

.section7-paragraph {
    margin-top: 30px;
}

.section7-paragraph p {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #ffffff;
}

.section7-button {
    padding-top: 20px;
}

#section7 .contact-us-button {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20px;
    background-color: #ffffff;
    border-radius: 26px 26px 26px 26px;
    padding: 15px 35px 15px 35px;
    color: #000000;
}

.section7-divider .divider-separator {
    border-bottom: 2px solid #ffffff;
    width: 25%;
    display: flex;
    padding: 0 122px;
}


/*-----Section 4-----*/
.upper-section {
    padding: 110px 0;
}

.upper-section .center-inner-column {
    width: 100%;
}

.upper-section .section4-heading2 {
    text-align: center;
    border-radius: 20px;
    margin-top: -118px;
    padding: 35px 120px;
    background-color: black;
    position: relative;
    z-index: 5;
    font-family: "Alfa Slab One", Sans-serif;
}

.upper-section .section4-heading2 h2 {
    padding: 0;
    margin: 0;
    line-height: 1;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
}

.upper-section .section4-image img {
    width: 100%;
    border-radius: 20px;
}

.lower-section {
    margin-top: -80px;
    padding-bottom: 100px;
}

.lower-section .column {
    width: 1590px;
    padding: 0 20px;
}


.lower-section .section4-heading3 h3 {
    margin: 5px 0 10px;
    color: #060002;
    font-size: 25px;
    font-weight: 800;
    font-family: "Montserrat", Sans-serif;
}

.lower-section .left-inner-column {
    padding: 10px 20px 10px 10px;
}

.lower-section .left-inner-column img {
    width: 40px;
}

.lower-section .section8-paragraph p {
    color: #000000;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.lower-section .bullet {
    display: flex;
    margin-top: 25px;
}

/*-----Section 9-----*/
#section9 {
    width: 100%;
    background-color: #BEBEBE;
    padding: 50px 0px 50px 0px;
}

#section9 .column {
    align-self: center;
}

#section9 .left-inner-column {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#section9 .right-inner-column {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section9-heading2 h2 {
    font-family: "Montserrat", Sans-serif;
    font-size: 48px;
    font-weight: 300;
}

.section9-heading2 {
    width: 80%;
}

.section9-paragraph p {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.section9-button {
    padding-top: 20px;
}

#section9 .contact-us-button {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20px;
    background-color: #060002;
    border-radius: 26px 26px 26px 26px;
    padding: 15px 35px 15px 35px;
    color: white;
}

/*-----Section 10-----*/
#section10 {
    width: 100%;
    padding: 150px 0px 150px 0px;
}

#section10 .column {
    align-self: center;
}

#section10 .center-inner-column {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#section10 .center-inner-column .title {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.section10-heading2 h2 {
    color: #000000;
    font-family: "Alfa Slab One", Sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 60px;
}

.section10-heading2 {
    /*padding-left: 45px;*/
    margin-top: -20px;
    align-self: center;
}

/*Accordion */
.section10-accordion {
    margin-top: 50px;
}

.accordion {
    margin-bottom: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
}


.accordion-button {
    font-family: "Montserrat", Sans-serif;
    font-size: 22px;
    font-weight: 400;
    background-color: white;
    color: #002043;
    padding: 30px 30px 30px 30px;
    border: none;
    outline: none;
    text-align: left;
    width: 100%;
    cursor: pointer;
    transition: background-color 0.3s ease;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}




.accordion-content {
    height: auto;
    overflow: hidden;
    padding: 0 20px;
    transition: max-height 0.5s ease, padding 0.3s ease;
}

.accordion-content p {
    margin: 0;
    padding: 0;
}

.accordion-button.active {
    font-family: "Montserrat", Sans-serif !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #060002 !important;
    font-weight: 800 !important;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.1);
    background-color: white;
    padding: 30px 30px 30px 30px;
}

.arrow-icon {
    font-size: 40px;
    margin-top: -25px;
    color: #cfcfcf;
    width: 20%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.button-title {
    width: 80%;
}

button:hover,
button:focus {
    color: #060002 !important;
    background-color: #ffff !important;
    text-decoration: none;
}



/*---------------Reponsive---------------*/
/*Breakpoint - 1400 - Desktop/Laptop*/
@media only screen and (max-width: 1400px) {

    /*Section 1*/
    #section1 .column {
        padding: 0 20px;
    }

    .section1-heading1 h1 {
        font-size: 6.5vw;
        line-height: 7vw;
    }

    /*Section 2*/
    .logo-section img {
        width: 13vw;
    }

    .slider-inner img flex: 1 0 20%;
    /* 5 images visible */
}

/*Section 3*/
#section3 .column {
    padding: 0px 20px;
}

/*Section 4*/
#section4 .column {
    padding: 0px 20px;
}

/*Section 6*/
#section6 .column {
    padding: 0px 20px;
}

#section6 {
    width: 100%;
    padding: 100px 20px 100px 20px;
}

.section6-heading2 {
    width: 65%;
}

/*Section 7*/
#section7 .column {
    padding: 0px 20px;
}

/*Section 8*/
#section8 .column {
    padding: 0px 20px;
}

/* 		.lower-section .left-inner-column img {
    width: 80px;
} */

/*Section 9*/
#section9 .column {
    padding: 0px 20px;
}

/*Section 10*/
#section10 .column {
    padding: 0px 20px;
}

.section10-heading2 h2 {
    line-height: 50px;
}
}

/*Breakpoint - 1200 - Desktop/Laptop */
@media only screen and (max-width: 1200px) {

    /*Section 1*/
    #section1 .right-inner-column {
        width: 70%;
    }

    /*Section 6*/
    /*.lower-section .left-inner-column img {
    width: 80px;
}*/

    /*Section 10*/
    .section10-heading2 h2 {
        font-size: 5.2vw;
    }
}


/*Breakpoint - 1024 - Tablet*/
@media only screen and (max-width: 1024px) {

    /*Section 1*/
    #section1 .contact-us-button {
        font-size: 14px;
    }

    .section1-form {
        width: 90%;
    }

    /*Section 2*/
    .logo {
        object-fit: contain;
        padding: 0 3vw;
    }

    .logo-section img {
        width: 14vw;
    }

    .slider-inner img {
        width: 33.33%;
        /* 3 images visible */
    }

    .section2-heading2 h2 {
        font-size: 45px;
        font-weight: 400;
        line-height: 50px;
    }

    /*Section 3*/
    .section3-heading2 h2 {
        font-size: 45px;
        font-weight: 400;
        line-height: 50px;
    }

    .section3-paragraph {
        /*margin-top: -20px;*/
    }

    #section3 .contact-us-button {
        font-size: 14px;
    }

    /*Section 4*/
    .section4-heading2 h2 {
        font-size: 45px;
        font-weight: 400;
        line-height: 50px;
    }

    .section4-paragraph {
        /*margin-top: -20px;*/
    }

    #section4 .contact-us-button {
        font-size: 14px;
    }

    /*Section 6*/
    .section6-heading2 h2 {
        font-size: 45px;
        line-height: 50px;
    }

    .section6-paragraph {
        /*margin-top: -20px;*/
    }

    /*Section 6*/
    /*.lower-section .left-inner-column img {
    width: 120px;
}*/
    .accordion button {
        white-space: normal;
    }

    /*Section 6*/
    .section6-heading2 h2 {
        font-size: 45px;
        font-weight: 400;
        line-height: 50px;
    }

    .section6-paragraph {
        /*margin-top: -20px;*/
    }

    #section6 .contact-us-button {
        font-size: 14px;
    }

    /*Section 7*/
    .section7-heading2 {
        width: 100%;
    }

    #section7 .contact-us-button {
        font-size: 14px;
    }

    /*Section 8*/
    .card p {
        width: 70%;
    }

    /*Section 9*/
    .section9-heading2 {
        width: 100%;
    }

    #section9 .contact-us-button {
        font-size: 14px;
    }

    /*Section 10*/
    #section10 .center-inner-column .title {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .section10-heading2 {
        padding-left: 0px;
        margin-top: 0px;
        text-align: center;
    }

    #section10 {
        padding: 50px 0px 50px 0px;
    }
}

/*Breakpoint - 768 - Mobile*/
@media only screen and (max-width: 768px) {

    /*Section 1*/
    #section1 .column {
        flex-direction: column;
        align-items: center;
        padding: 70px 20px;
    }

    #section1 .left-inner-column {
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    #section1 .right-inner-column {
        margin-top: 150px;
        width: 90%;
    }

    .section1-heading1 {
        /*margin-bottom: -40px;*/
        text-align: center;
    }

    .section1-heading1 h1 {
        font-size: 8.5vw;
        line-height: 45px;
        width: 100%;
    }

    .section1-paragraph p {
        font-size: 20px;
        font-weight: 400;
        text-align: center;
    }

    .section1-form {
        width: 100%;
    }

    /*Section 2*/
    .logo-section img {
        width: 20vw;
    }

    .logo-section {
        display: block;
        text-align: center;
    }

    .slider-inner img {
        width: 50%;
        /* 2 images visible */
    }

    .section5-heading2 h2 {
        font-size: 30px;
    }

    /*Section 3*/
    .section3-heading2 h2 {
        font-size: 40px;
        line-height: 40px;
        width: 100%;
    }

    .section3-heading2 {
        padding: 20px 0;
    }

    #section3 .column {
        flex-direction: column;
    }

    #section3 .left-inner-column {
        width: 100%;
        height: 250px;
    }

    #section3 .right-inner-column {
        width: 100%;
        padding: 0px;
    }

    .section3-heading2 h2 {
        font-size: 35px;
        line-height: 40px;
        width: 100%;
    }

    /*Section 4*/
    #section4 .column {
        flex-direction: column;
        flex-direction: column-reverse;
    }

    #section4 .right-inner-column {
        width: 100%;
        height: 250px;
    }

    #section4 .left-inner-column {
        width: 100%;
        padding: 0px;
    }

    .section4-heading2 h2 {
        font-size: 35px;
        line-height: 40px;
    }

    .section4-heading2 {
        padding: 20px 0;
    }

    /*Section 6*/
    #section6 .column {
        flex-direction: column;
        flex-direction: column-reverse;
    }

    .section6-paragraph {
        width: 100%;
    }

    .section6-heading2 h2 {
        font-size: 35px;
        line-height: 45px;
        width: 100%;
    }

    .section6-heading2 {
        padding: 20px 0;
        width: 100%;
    }

    #section6 .left-inner-column {
        width: 100%;
        height: 250px;
        padding: 0px;
    }

    #section6 .right-inner-column {
        width: 100%;
        padding: 0px;
        height: 250px;
    }

    /*Section 7*/
    #section7 .column {
        padding: 0px 20px;
        display: flex;
        flex-direction: column;
    }

    #section7 .left-inner-column {
        width: 100%;
    }

    #section7 .right-inner-column {
        width: 100%;
        padding-bottom: 50px;
        /*margin-top: -35px;*/
        align-items: flex-start;
    }

    .section7-heading2 h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .section7-heading2 {
        padding-top: 20px;
    }

    /*Section 8*/
    .upper-section .section8-heading2 h2 {
        font-size: 30px;
        padding: 30px;
        line-height: 40px;
    }

    .upper-section .section8-heading2 {
        /*margin-top: -50px;*/
        padding: 0px;
    }

    /*.lower-section .left-inner-column img {
        width: 150px;
    }*/

    /*Section 9*/
    #section9 .column {
        padding: 0px 20px;
        display: flex;
        flex-direction: column;
    }

    #section9 .left-inner-column {
        width: 100%;
    }

    #section9 .right-inner-column {
        width: 100%;
        padding-bottom: 50px;
        /*margin-top: -35px;*/
    }

    .section9-heading2 h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .section9-heading2 {
        padding-top: 20px;
    }

    .title img {
        width: 19vw;
    }

    /*Section 10*/
    .section10-heading2 h2 {
        font-size: 40px;
        line-height: 45px;
    }

    .accordion-button {
        font-size: 22px;
    }

    .accordion-button.active {
        font-size: 22px !important;
    }

    .accordion button {
        white-space: normal;
    }

}