#leadformModal .leadform-mt{
    margin-top: 0;
}
div#leadformModal {
    z-index: 10000;
}
div#leadformModal.show .modal-dialog{
    position: initial;
}
.modal-header .btn-close.leadform-close-btn{
    background: url(/themes/custom/trugreen/assets_akqa/images/close-btn.svg) no-repeat;
    border: 0;
    background-size: 100% !important;
    width: 40px;
    height: 40px;
    background-position: center;
    margin: 0;
    box-shadow: none;
    position: absolute;
    top: 35px;
    right: 35px;
    padding: 0 !important;
    opacity: 1;
}
div#leadformModal .was-validated .form-control:valid{
    background-image: none
}
div#leadformModal .was-validated .form-check-input:valid:checked{
    background-color: #0d6efd;
    border-color: #0d6efd;
}

div#leadformModal .was-validated .form-check-input:valid{
    border-color: #000;
}

div#leadformModal input[type=number]::-webkit-inner-spin-button, 
div#leadformModal input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
#leadformModal .modal-content{
    padding: 64px 56px 56px;
    border-radius: 16px;
}
#leadformModal .modal-title{
    color: #222;
    font-family: "DM Sans", sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: normal;
}
#leadformModal .modal-header{
    padding: 1rem 3rem 0 2rem;
}
#leadformModal .modal-body{
    padding: 1rem 3rem 1rem 2rem;
}
.modal-body .lead-subtxt{
    color:  #222;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 16px;
    margin-top: 16px;
}
.modal-body .text-muted{
    color: #666 !important;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height:  18px 
}
#leadformModal .lead-form .form-label{
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    margin: 16px 0 0;
}
#leadformModal .lead-form .form-control{
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
    padding: 0;
    border-bottom-color: #8C8C8C;
}

#leadformModal .lead-form .form-control:invalid{
    background-image: unset;
}

.lead-form .form-control:focus{
    box-shadow: none;
}
.checkbox-section .checkbox-txt{
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-bottom: 24px;
}
.checkbox-section label{
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%; /* 24px */
}
.checkbox-section .form-check-input{
    border: 1px solid #222222;
    border-radius: 3px;
    height: 18px;
    width: 18px;
}
#leadformModal .terms{
    color:#414141;
    font-family: "Inter", sans-serif;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 150%; /* 18px */
    margin-bottom: 0;
}
#leadformModal .terms a {
    color: #00B140;
    text-decoration: underline;
}
.checkbox-group {
    margin-bottom: 20px;
}

#leadForm .submitBtn {
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    text-align: center;
    color: #000000;
    background: #1EE576;
    max-width: 214px;
    width: 100%;
    border: none;
    border-radius: 40px;
    height: 48px;
}

#leadForm .submitBtn:focus {
    outline: 2px solid #222 !important;
    outline-offset: 0px;
    background-color: #00b140 !important;
}

.vertical-line {
    height: 100px;
    border-left: 1px solid rgba(202,202,202,1);
    position: relative;
    width: auto;
}
h3.or-txt {
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    letter-spacing: normal;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 5px 0;
    color: #222222;
}

.call-details h3 span {
    color: #222222;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
}
.call-hours{
    margin: 0;
}
.call-details .call-hours span.heca{
    color: #222;
    font-weight: 600;
}

.call-details .call-hours span{
    color: #414141;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;
}

.call-details .call-hours span{
    font-weight: 600 !important;
}

.call-details .call-hours span.lead-hours {
    font-weight: 600;
}

/* CSS FOR LEAD FORM MODAL MATCHING WITH SPA LEADFORM */

#leadformModal .modal-header {
    border-bottom: 0;
    /* padding: 54px 56px 0 56px; */
    padding: 0;
}

#leadformModal .modal-body {
    max-height: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 0px;
    padding:0;
    overflow: hidden;
}

.lead-form input[type="text"],
.lead-form input[type="email"],
.lead-form input[type="number"] {
    min-height: 35px !important;
}

.invalid-feedback, .invalid-feedback-req, .invalid-feedback-other {
    color: #D22B2B !important;
    width: 100%;
    margin-top: 4px !important;
    font-size: 12px !important;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    line-height: 18px;
}
#leadformModal .form-check.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    min-height: 20px;
    margin-bottom: 28px;
    margin-right: 18px;
}
#leadformModal .form-check .form-check-input {
    float: none;
    margin-left: 0;
    min-height: 14px !important;
    margin-right: 11px !important;
    border-radius: 3px !important;
    width: 18px !important;
    height: 18px !important;
}
  
#leadformModal .checkbox-group{
    margin-bottom: 0
}

#leadformModal .checkbox-section .checkbox-txt{
    margin: 8px 0 24px;;
}
#leadformModal::-webkit-scrollbar {
    display: none;
}

#leadformModal .checkbox-group.checkbox-section.leadform-mt{
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
}
#leadformModal p.terms.leadform-mt{
    margin-top: 16px;
    margin-bottom: 16px;
}
.lead-modal.modal p:has(#visitID) {
    height: 0;
    margin: 0;
}

#leadformModal .lead-form input[type="text"],
#leadformModal .lead-form input[type="email"],
#leadformModal .lead-form input[type="number"] {
    min-height: 35px !important;
}
@media (max-width: 576px){
    #leadformModal .modal-dialog.modal-lg {
        position: initial;
        margin: 8px !important;
    }
}
@media (min-width: 577px) and (max-width:767px) {
    #leadformModal .modal-dialog {
        max-width:500px!important;
        margin: 1.7rem auto;
    }
    #leadformModal .modal-body {
        padding: 0;
    }
    #leadformModal .modal-content .modal-header {
        padding: 0;
    }
}
  
@media (min-width: 768px) and (max-width:991px) {
    #leadformModal .modal-dialog {
        max-width:700px
    }

    #leadformModal .show {
        display: block!important
    }
}
  
@media screen and (min-width: 992px) {
    #leadformModal .modal-dialog {
        max-width:800px!important;
    }
}

  @media screen and (min-width: 768px) {
    #leadformModal .lead-form .vertical-line .or-txt {
        left:-10% !important;
    }

    #leadformModal .lead-form .row.form-last-section {
        display: flex;
        align-items: center;
    }
}
/* Media Queries for Mobile View */
@media screen and (max-width: 767px) {
    .leadform-mt {
        margin-top: 24px;
    }

    #leadformModal .leadform-close-btn{
        right: 16px;
        padding: 5px;
        top: 24px;
    }
    .leadform-close-btn{
        right: 16px;
        padding: 5px !important;
    }
    #leadformModal .modal-content{
        padding: 64px 16px 32px;
    }

    #leadformModal .call-now-mob.d-block {
        background: #000000;
        color: #fff;
        width: 100%;
        display: block !important;
        padding: 16px 0;
        border-radius: 40px;
        text-align: center;
        text-decoration: none;
        margin-bottom: 26px;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 19.2px;
        text-transform: capitalize;
    }
    #leadForm .submitBtn{
        max-width: 100%;
    }
    #leadForm .call-hours{
        text-align: center;
    }
    #leadForm .form-last-section .vertical-line{
        height: auto;
        border-top: 1px solid rgba(202, 202, 202, 1);
        border-left: none;
        margin: 26px auto !important;
        width: calc(100% - 77px);
    }
    #leadForm .form-last-section .vertical-line .or-txt{
        left: 50%;
        padding: 0 8px;
    }
    #leadForm .call-details h3{
        display: none !important;
    }
    #leadformModal .modal-title{
        font-size: 36px;
        line-height: 38.52px !important;
    }
    #leadformModal .form-check.form-check-inline {
        margin-bottom: 16px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .lead-modal .modal-dialog {
		width: 100%;
		margin: 1.75rem auto;
		max-width: 700px;
    }
}

.lead-modal.modal p.lead-subtxt{
    font-size:16px !important;
    margin-bottom: 16px;
}

#leadformModal .modal-body p:nth-child(2):has(.text-muted){
    margin-top: 16px;
    margin-bottom: 16px;
    line-height: 18px;
    letter-spacing: normal;
}

/* CSS FOR LEAD FORM MODAL MATCHING WITH SPA LEADFORM */

#leadformModal .modal-header {
    border-bottom: 0;
    padding: 0;
  }
  
  #leadformModal .modal-body {
    max-height: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 0px;
    padding: 0;
  }
  
  .lead-form input[type="text"],
  .lead-form input[type="email"],
  .lead-form input[type="number"] {
    min-height: 35px !important;
  }
  
  .invalid-feedback, .invalid-feedback-req, .invalid-feedback-other {
        color: #D22B2B !important;
        width: 100%;
        margin-top: 4px !important;
        font-size: 12px !important;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        line-height: 18px;
  }

  #leadformModal .form-check .form-check-input {
      float: none;
      margin-left: 0;
      min-height: 14px !important;
      margin-right: 11px !important;
      border-radius: 3px !important;
      width: 18px !important;
      height: 18px !important;
  }
  
  #leadformModal .checkbox-group{
      margin-bottom: 0
  }
  
  #leadformModal::-webkit-scrollbar {
     display: none;
  }
  @media (max-width: 576px){
      #leadformModal .modal-dialog.modal-lg {
          position: initial;
          margin: 8px !important;
      }
  }
  @media (min-width: 577px) and (max-width:767px) {
      #leadformModal .modal-dialog {
          max-width:500px!important;
          margin: 1.7rem auto;
      }
      #leadformModal .modal-body {
          padding: 0 16px 16px
      }
      #leadformModal .modal-content .modal-header {
          padding: 24px 16px 16px;
      }
  }
  
  @media (min-width: 768px) and (max-width:991px) {
      #leadformModal .modal-dialog {
          max-width:700px
      }
  
      #leadformModal .show {
          display: block!important
      }
  }
  
  @media screen and (min-width: 992px) {
      #leadformModal .modal-dialog {
          max-width:800px!important;
      }
  }
.page-node-type-basic-content #leadForm .submitBtn {
margin-left: 2px;
}
@media screen and (max-width: 767px) {
.page-node-type-basic-content #leadForm .submitBtn {
    margin-left: unset;
}
}
.call-details h3 span.InfinityNumber.clickable a{
    color:#222;
    text-decoration:none;
}
  .page-node-type-discount-page.modal-open .modal p.call-hours{
    font-size: 14px !important;
    line-height: 19.6px !important;
    color: #414141 !important;
    font-weight: 400 !important;
  }
  .page-node-type-page.modal-open #leadformModal .lead-form .row.form-last-section p:has(button){
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .page-node-type-lawn-care-101.modal-open #leadformModal .lead-form .row.form-last-section p:has(button){
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

#leadForm .form-wrapper input#phone{
    font-family: inherit;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.page-node-type-branch.path-node.modal-open #leadForm .form-wrapper input#phone{
  font-size: 16px;
}
.page-node-type-branch-explore-lawn-care.path-node.modal-open #leadForm .form-wrapper input#phone{
  font-size: 16px;
}