/* 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;
  }

  /*-----Section 1-----*/
  #section1 {
      width: 100%;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
  }

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

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

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

  #section1 .right-inner-column {
      width: 50%;
      display: flex;
      justify-content: flex-end;
  }

  .section1-heading1 h1 {
      color: #FFFFFF;
      font-size: 100px;
      font-weight: 400;
      line-height: 100px;
  }

  .section1-heading1 {
      /*margin-bottom: -75px;*/
      margin-top: -75px;
  }

  .section1-paragraph p {
      color: #FFFFFF;
      font-size: 26px;
      font-weight: 400;
  }

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

  #section1 .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;
  }

  .section1-heading2 h2 {
      color: #FFFFFF;
      font-family: "Montserrat", Sans-serif;
      text-transform: uppercase;
      font-size: 24px;
      font-weight: 700;
  }

  .section1-heading2 {
      display: flex;
      justify-content: center;
      background-color: black;
      padding: 15px 20px 5px 20px;
      text-align: center;
  }


  .section1-form {
      background-color: white;
      width: 70%;
      padding-bottom: 20px;
  }

  #section1 form {
      display: flex;
      flex-direction: column;
  }

  .form {
      display: flex;
      justify-content: center;
  }

  form {
      padding: 30px 30px 10px 30px;
      width: 100%;
  }

  /*textarea{
  height: 176px;
  min-height: 200px;
}

input, textarea, select{
  border: none !important;
  padding: 15px 20px !important;
  font-weight: 300 !important;
  font-family: "Montserrat" !important;
  margin-bottom: 25px !important;
  background-color: #EDEDED !important;
  font-size: 13px !important;
}

input::placeholder, textarea::placeholder {
  color: black; 
}

form button{
  background-color: #060002 !important;
  font-family: "Montserrat", Sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 15px 60px !important;
  width: 100% !important;
  color: white !important;
  border: none !important;
  font-size: 16px !important;
  border-radius: 22px !important;
}

.gform_wrapper{
  display: block !important;
}

#gform_2 label{
  display: none;
}*/

  /*Gravity Form - Request Service Form*/
  .gform_fields textarea {
      height: 176px !important;
      min-height: 200px !important;
  }

  .gform_fields input,
  .gform_fields textarea {
      border: none !important;
      padding: 15px 20px !important;
      font-weight: 300 !important;
      font-family: "Montserrat" !important;
      margin-bottom: 25px;
      background-color: #EDEDED;
      font-size: 13px !important;
  }

  .gform_footer input {
      background-color: #060002 !important;
      font-family: "Montserrat", Sans-serif !important;
      font-weight: 700 !important;
      text-transform: uppercase;
      padding: 15px 60px !important;
      width: 100% !important;
      color: white !important;
      border: none !important;
      font-size: 16px !important;
      border-radius: 22px;
  }

  #gform_2 {
      margin: 0px 0 !important;
  }

  /*.elementor-element.elementor-element-d7ca3e6 > .elementor-widget-container {
  padding: 25px 30px 25px 30px !important;
}*/

  .gform_wrapper.gravity-theme .gform_fields {
      grid-row-gap: 24px !important;
  }

  /*.gform_wrapper.gravity-theme .gform_footer {
  margin: -10px 0 0;
  padding: 0px 0;
}*/



  /*-----Section 3-----*/
  #section3 {
      width: 100%;
      padding: 50px 0px 100px 0px;
  }

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

  #section3 .left-inner-column {
      width: 42%;
      border-radius: 40px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
  }

  #section3 .right-inner-column {
      width: 58%;
      padding: 10px 0px 40px 60px;
      background-color: white;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
  }

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

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

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

  #section3 .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 4-----*/
  #section4 {
      width: 100%;
      padding: 50px 0px 100px 0px;
  }

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

  #section4 .right-inner-column {
      width: 42%;
      border-radius: 40px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background-image: url('<?php echo get_field("section_4_image"); ?>');
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
  }

  #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://hvaclasvegas.net/wp-content/uploads/2024/08/Air-Conditioning-Maintenance_Summerlinimage_1-1.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;
      }

  }