/**************** Start Hero Section CSS ****************/
body {
    font-family: 'Roboto', system-ui, -apple-system, Arial, sans-serif !important;
}
img {
    max-inline-size: 100%;
    block-size: auto;
}
#main-content a {
   color:var(--green) !important;font-weight:700;text-decoration:underline !important;	
}
#main-content a:hover {
   color:var(--green) !important;font-weight:700;text-decoration:underline !important;
}
.hero-section {
    position: relative;
    min-height: 700px;
    padding-bottom: 100px;
    background-image: url(/wp-content/uploads/2025/08/commercial-hero-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: scroll;
    overflow: hidden;
 }
 .hero-section.comm-hero-section { 
    background-image: none !important;
 }
 .comm-hero-section {
    position: relative;
    min-height: 700px;
    padding-bottom: 0px !important;
    overflow: hidden;
}
.comm-hero-section .hero-banner-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    z-index: 0;
    display: block;
}
.comm-hero-section .hero-content {
    position: relative;
    z-index: auto;
    min-height: 700px;
    display: flex;
    align-items: flex-start;
}
.comm-hero-section .row.gy-3 {
    min-height: 32px;
}
.comm-hero-section h1 {
    line-height: 1.2;
}
.comm-hero-section p.text-light-black.fs-18.text-left {
    min-height: 58px;
    line-height: 1.6;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    .comm-hero-section, .hero-content {
        min-height: 560px;
    }
}

@media (max-width: 575px) {
    .comm-hero-section, .comm-hero-section .hero-content {
        min-height: 460px;
    }
    .comm-hero-section p.text-light-black.fs-18.text-left {
        font-size:16px !important;
        line-height:25.6px;
        min-height:77px;
    }
}

@media (max-width: 767px) {
    .comm-hero-section, .comm-hero-section .hero-content {
        min-height: 520px;
    }
}


.hero-section .ti-widget[data-layout-id='55'][data-set-id='soft'] {
    overflow: visible;
    margin: 50px 0 0 0;
} 
.hero-section .ti-widget[data-layout-id='55'][data-set-id='soft'][data-pid='29662693304f7634be066fc0040'] .ti-header {
    padding: 10px;
}
.hero-section .ti-widget[data-layout-id='55'][data-set-id='soft'][data-pid='29662693304f7634be066fc0040']>.ti-widget-container>.ti-header, .ti-widget[data-layout-id='55'][data-set-id='soft'][data-pid='29662693304f7634be066fc0040']>.ti-widget-container>.ti-footer {
    background-color: rgb(241 241 241) !important;
    border-radius: 12px !important;
}
.hero-section .ti-widget[data-layout-id='55'][data-set-id='soft'][data-pid='29662693304f7634be066fc0040'] .ti-widget-container {
    text-align: left;
}
.hero-section .ti-widget[data-layout-id='55'][data-set-id='soft'][data-pid='29662693304f7634be066fc0040'] .ti-text {
    color: #000;
    font-size: 20px;
}
.hero-section .hero-heading {
    color: #1f7a34;
    font-size: 40px;
    font-weight: bold;
    margin-top: 25px;
    text-align: left !important;
}
.hero-section .hero-subheading {
    width: max-content;
    margin: 0;
    padding: 5px 15px;
    text-align: center;
    color: #FFF;
    font-size: 24px;
    background: #1E7E34;
    border-radius: 7px;
}
.hero-section .hero-section-p {
    margin-bottom: 0;
    font-size: 18px;
    color: #444;
    font-weight: 400;
    line-height: 28px;
}
.hero-section .hidden-content { 
    display: none; 
}
.hero-section .read-more { 
    position: absolute;
    bottom: 0px;
    right: 45px; 
    color: #27B24D;
    cursor: pointer;
    text-decoration: underline;
}
.hero-section .read-less {
    bottom: -28px !important;
    left: 0px !important;
}
.hero-section .hero-card-bg {
    color: #FFF;
    background-color: #F0FFF4;
    border: 2px solid #27B24D;
    border-radius: 7px;
}
.hero-section .img-dollor {
    width: 100px;
    margin-right: 10px;
    background: #27B24D;
    padding: 10px;
    border-radius: 7px;
}
.hero-section .card-list-bg {
    color: #FFF;
    background-color: #000000B3;
    border-radius: 7px;
}
.hero-section .list-group {
    margin-left: 0 !important;
}
.hero-section .list-group-item {
    position: relative;
    display: block;
    padding: 0;
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    background-color: transparent;
    border: 0;
}
.hero-section #banner-enrollment-form .card-container {
    box-shadow: rgb(0 0 0 / 5%) 0px 5px 15px !important;
}
.hero-section .card-gravityform {
    margin-top: 45px;
    margin-bottom: 45px;
    border-radius: 20px;
    border: 1px solid #27B24D;
}
.hero-section .card-gravityform .card-body {
    padding: 25px;
}
.hero-section .card-gravityform .hero-p {
    margin-bottom: 0 !important;
    font-size: 20px;
    color: #424242;
    font-weight: bold;
}
.hero-section .card-gravityform p {
    margin-bottom: 0 !important;
    font-size: 18px;
    color: #606060;
    line-height: 25px;
}
.hero-section .card-gravityform .gform_legacy_markup_wrapper {
    margin-top: 10px;
}
.hero-section .card-gravityform #field_7_20 {
    margin-top: 0 !important;
}
.hero-section .card-gravityform #gform_7 input {
    border: 1px solid #ccc;
    font-size: 13px !important;
    border-radius: 7px;
    margin-top: 0px;
    padding: 8px;
}
.hero-section .card-gravityform #gform_7 input:hover {
    border: 1px solid #27B24D;
}
.hero-section .card-gravityform .gform_legacy_markup_wrapper ul li.gfield {
    margin-top: 0px !important;
}
.hero-section .card-gravityform .gform_legacy_markup_wrapper .top_label select.medium {
    width: 100% !important;
    margin-top: 0px;
    padding: 8px;
    font-size: 13px !important;
    border: 1px solid #ccc;
    border-radius: 7px;
}
.hero-section .card-gravityform .gform_legacy_markup_wrapper .top_label select.medium:hover {
    border: 1px solid #27B24D;
}
.hero-section .card-gravityform #field_7_35, #field_7_36, #field_7_37 {
    margin-bottom: 0 !important;
}
.hero-section .card-gravityform .gform_legacy_markup_wrapper label.gfield_label {
    margin-top: 12px;
    font-size: 14px !important;
    font-weight: 600;
}
.hero-section .card-gravityform .gform_legacy_markup_wrapper ul li.field_description_below div.ginput_container_radio {
    margin-top: 5px;
}
.hero-section .card-gravityform #gform_7 #submitsearchResultAutoSuggest {
    padding: 5px 15px !important;
    border-radius: 7px !important;
}
.hero-section .card-gravityform .gform7-terms {
    display: none;
}
.hero-section .card-gravityform .gform_legacy_markup_wrapper .gform_footer {
    margin: 0 !important;
    padding: 0 10px 10px !important;
}
.properties-modal .item-list {
    top: 85px !important;
}
/**************** End Hero Section CSS ****************/

/************** Start Residential Page CSS *************/
    
    /********* Start Residential Landing Page CSS ********/
    .res-hero-section.hero-section {
        background-image: none !important;
    }
    .res-hero-section {
        position:relative;
        padding: 0px;
        overflow:hidden;
    }
    .res-hero-section::before {
        content:"";
        position:absolute;
        background:rgba(0,0,0,0.35);
        z-index:0;
    }
    .res-hero-section .hero-bg-img {
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        inset: 0;
        object-fit: cover;
        object-position: center bottom;
        z-index: 0; 
    }
    .res-hero-section .hero-content {
        position: relative;
        z-index: auto;
        min-height: 700px;
        display: flex;
        align-items: flex-start;
    }
    .res-hero-section #banner-enrollment-form .card-container {
        min-height: 600px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .res-overview-section.hero-section {
        background-image: none !important;
    }
    .res-overview-section {
        position: relative;
        min-height: 700px;
        padding-bottom: 0px !important;
        overflow: hidden;
    }
    .res-overview-section .hero-banner-img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center bottom;
        z-index: 0;
        display: block;
    }
    .res-overview-section .hero-content {
        position: relative;
        z-index: auto;
        min-height: 700px;
        display: flex;
        align-items: flex-start;
    }
    .res-howto-section.hero-section {
        background-image: none !important;
    }
    .res-howto-section {
        position: relative;
        min-height: 700px;
        padding-bottom: 0px !important;
        overflow: hidden;
    }
    .res-howto-section .hero-banner-img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center bottom;
        z-index: 0;
        display: block;
    }
    .res-howto-section .hero-content {
        position: relative;
        z-index: auto;
        min-height: 700px;
        display: flex;
        align-items: flex-start;
    }
    .res-prgrm-section.hero-section {
        background-image: none !important;
    }
    .res-prgrm-section {
        position: relative;
        min-height: 700px;
        padding-bottom: 0px !important;
        overflow: hidden;
    }
    .res-prgrm-section .hero-banner-img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center bottom;
        z-index: 0;
        display: block;
    }
    .res-prgrm-section .hero-content {
        position: relative;
        z-index: auto;
        min-height: 700px;
        display: flex;
        align-items: flex-start;
    }
    .select-oconnorass-bg#helps-reduce {
        padding: 35px 0;
        background-color: #FFF;
    }
    .section-appraisalbpp-bg.pypt-bg {
        padding: 35px 0;
        background-color: #F5F5F5;
    }
    #helps-reduce .card-helps-bg {
        background-color: #F9F9F9 !important;
    }
    #helps-reduce .btn-list-radio[type=radio], .pypt-bg .btn-list-radio[type=radio] {
        position: relative;
        top: 3px;
        background-color: #FFF !important;
        border-width: 5px;
        border-color: #27b24d !important;
        border-radius: 50%;
    }
    #helps-reduce .btn-list-radio:focus, .pypt-bg .btn-list-radio:focus {
        box-shadow: none;
    }
    #helps-reduce .card-overview-bg {
        border-radius: 12px;
        transition: background 0.3s ease, border 0.3s ease;
    } 
    #helps-reduce .card-overview-bg:hover { 
        background: #F0FFF4 !important;
        border: 1px solid #27B24D !important;
    }
    #helps-reduce .card-overview-bg .list-group-item {
        line-height: 35px;
    }
    #helps-reduce .card-overview-bg .btn-list-radio[type=radio] {
        top: 5px; 
    }
    #res-our-proven {
        padding: 35px 0;
        background-color: #FFF;
    }
    #res-our-proven .service-card {
        background: #F0FFF4;
        border: 1px solid #27B24D;
        border-radius: 12px;
        box-shadow: 0 0 10px #95eda8 !important;
    }
    #res-our-proven .service-card:hover { 
        box-shadow: none !important;
    }
    .pypt-bg .client-card-bg img {
       max-height: 200px !important;
    }
    .check-mark-w .issue-icon { 
        display: contents; 
    }
    .check-mark-w .issue-icon img {
        width: 30px;
        height: 30px;
    }
    .account-badge {
        width: 90%;
        position: relative;
        display: inline-block;
        padding: 5px 30px;
        margin: 0 auto;
        color: #fff;
        font-weight: 600;
        text-align: center;
        font-size: 26px;
        background-color: #1abc49;
        border-radius: 40px;
    }
    .card-review {
        margin-left: -50px !important;
        background-color: #F0F0F0;
    }
    .card-review hr {
        background-color: rgb(0 0 0 / 20%);
        border: 0;
        height: 1px;
        margin-bottom: 30px;
        margin-top: 30px;
        width: 90%;
        margin-left: 60px;
    }
    .review-board-heading {
        margin-left: 50px;
        font-size: 28px;
    }
    .content-img img {
        position: relative;
        z-index: 1;
        border-radius: 12px;
    }
    .review-board .card-icon {
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #27B24D;
        border-radius: 50%;
        border: 10px solid #fff;
        position: relative;
        margin: 0 auto 0 50px;
        flex-shrink: 0;
    }
    .review-board .card-icon::before,
    .review-board .card-icon::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 60px;
        height: 60px;
        background-color: #46a941;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(1);
        z-index: 0;
        animation: wave 2.5s ease-out infinite;
    }

    .review-board .card-icon::after {
        animation-delay: 1.2s;
    }

    .review-board .card-icon img {
        width: 50px;
        height: 50px;
        position: relative;
        z-index: 1;
    }

    @keyframes wave {
        0% {
            transform: translate(-50%, -50%) scale(1);
            opacity: 0.6;
        }
        70% {
            transform: translate(-50%, -50%) scale(2);
            opacity: 0;
        }
        100% {
            transform: translate(-50%, -50%) scale(2);
            opacity: 0;
        }
    }
    .card-benefit:hover {
        background-color: #F0FFF4 !important;
        border: 2px solid #27B24D !important;
    }

    .nav-group-title {
        margin-bottom: 15px;
        border-bottom: 2px solid #ddd;
    }
    .card-imp-date .card-body {
       padding: 10px;
    }
    .tab-button {
      width: 100%;
      padding: 0.75rem 1rem !important;
      margin-bottom: 5px;
      background-color: #fff !important;
      color: #444 !important;
      text-align: left;
      border-left: 8px solid #e5e5e5 !important;
      border-radius: 0;
    }
    .tab-button .fa-calendar {
        color: #27B24D;
    }
    .nav-link:focus, .nav-link:hover {
        color: #444;
        background: #FFF;
    }
    .tab-button.active {
      background-color: #BEF4CC !important;
      border-left: 8px solid #27B24D;
      font-weight: bold;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
    }
    .tab-button.active {
        color: #444 !important;
    }
    .tab-button.active .fa-calendar {
        color: #143B3F;
    }
    #v-pills-tabContent ul li {
        display: flex;
        margin-bottom: 5px;
        margin-left: 25px;
        color: #606060;
    } 
    #v-pills-tab br {
       display: none;
    }
    #v-pills-tabContent .tab-pane h6 {
      font-weight: bold;
      margin-top: 1rem;
    }
    #v-pills-tabContent .tab-pane ul {
      list-style: none;
      padding-left: 0;
    }
    #v-pills-tabContent .tab-pane li::before {
      content: "» ";
      position: relative;
      margin-right: 10px;
      color: #28a745;
      font-size: 25px;
      top: -7px;
    }

/********* End Residential Landing Page CSS ********/
    
/************** End Residential Page CSS *************/

/************** O’Connor & Associates CSS *************/
.select-oconnorass-bg {
    padding: 35px 0;
    background-color: #F5F5F5;
}
.select-oconnorass-bg .icon-box {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
    font-size: 18px;
    color: #606060;
}
.select-oconnorass-bg .icon-box:last-child {
    margin-bottom: 0 !important;
}
.select-oconnorass-bg .icon-box p {
   margin-bottom: 0;
}
.select-oconnorass-bg .icon-circle {
    width: 45px;
    height: 45px;
    background-color: #28a745;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    flex-shrink: 0;
    box-shadow: 4px 4px 0 #d3d3d3; 
}
.select-oconnorass-bg .img-wrapper {
    border-radius: 16px;
    overflow: visible;
}
.select-oconnorass-bg .img-shadow {
    position: absolute;
    top: 0;
    left: 30px;
    width: 100%;
    height: 98%;
    background-color: #28a745;
    border-radius: 15px;
    z-index: 1;
}
.select-oconnorass-bg .img-wrapper img {
    max-width: 100%;
    height: 100%;
    top: 30px;
    border-radius: 15px;
    z-index: 2;
}
/************ END O’Connor & Associates CSS ***********/

/************** Start Commercial Property Tax Relief CSS *************/
.select-relief-bg {
    padding: 35px 0;
    background-color: #FFF;
}
.select-relief-bg .card-relief-bg {
    background: #F6F6F6;
}
.select-relief-bg .card-relief-bg:hover {
    box-shadow: 0 0 11px rgba(33, 33, 33, .2);
}
/************** End Commercial Property Tax Relief CSS *************/

/************** Start savings CSS *************/
.select-savings-bg {
    height: 460px;
    padding: 35px 0;
    background-color: #FFF;
    background-image: url(/wp-content/uploads/2026/03/background_img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: scroll;
    overflow: hidden;
    box-shadow: 0 -4px 4px -4px rgb(179 179 179 / 30%);
}
.select-savings-bg .scroll-wrapper {
    padding: 10px 0;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}
.select-savings-bg .scroll-track {
    display: inline-block;
    white-space: nowrap;
    animation: scroll-left 90s linear infinite;
}
.select-savings-bg .scroll-track:hover {
    animation-play-state: paused;
}
.select-savings-bg .logo {
    display: inline-block;
    margin: 0 10px;
}
.select-savings-bg .logo img {
    height: 145px;
    vertical-align: middle;
    object-fit: contain;
    transition: all 0.3s ease;
    border-radius: 12px;
}
.select-savings-bg .logo img:hover {
    filter: grayscale(0%);
    opacity: 1;
}
@keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-450%); }
}
/************** END savings CSS *************/

/************** Start Why's Oconnor CSS *************/
.section-whyoconnor-bg {
    padding: 35px 0;
    background-color: #FFF;
}
.section-whyoconnor-bg .feature-card {
    height: 100%;
    padding: 30px;
    background-color: #fcfcfc;
    border-radius: 0;
    transition: box-shadow 0.3s ease;
    box-shadow: 0 1px 2px rgb(255 255 255 / 5%);
}
.feature-card:hover {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}
.section-whyoconnor-bg .feature-icon {
    width: 80px;
    height: 90px;
    background: #F4F4F4;
    padding: 10px;
    border-radius: 7px;
    margin-bottom: 20px;
}
.section-whyoconnor-bg .feature-title {
    color: #444444;
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 10px;
}
.section-whyoconnor-bg .row>* {
   padding: 0;
}
/************** End Why's Oconnor CSS *************/

/************** Start testimonial CSS *************/
.section-testimonial-bg {
    min-height: 540px;
    padding: 35px 0;
    background-color: #FFF;
    background-image: url('/wp-content/uploads/2026/03/testimony_bg_1280.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: scroll;
    overflow: hidden;
}
.section-testimonial-bg.comm-testimonial-bg {
   background-image: url('/wp-content/uploads/2026/03/testimony_bg_1280.webp');
}
@media (max-width: 767px) {
    .section-testimonial-bg.comm-testimonial-bg {
        min-height: 420px;
        background-image: url('/wp-content/uploads/2026/03/testimony_bg_768.webp');
    }
}
@media (max-width: 575px) {
    .section-testimonial-bg.comm-testimonial-bg {
        min-height: 350px;
        background-image: url('/wp-content/uploads/2026/03/residential-hero-banner-480.webp');
    }
}
.section-testimonial-bg.section-testimonial-cwv { 
   background-image: none;
}
.section-testimonial-cwv .testimonial-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 540px;
    object-fit: fill;
    z-index: 0;
}
.section-testimonial-bg .testimonial-carousel {
    overflow: hidden;
    position: relative;
}
.section-testimonial-bg .testimonial-inner {
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.6s ease;
    align-items: stretch;
    padding-top: 30px;
    margin-right: 10px;
}
.section-testimonial-bg .testimonial-card {
    position: relative;
    flex: 0 0 50%;
    max-width: 48%;
    max-height: 312px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 25px;
    margin: 0 10px;
    background: #F8F8F8;
    border-radius: 12px;
    border: 0;
    transition: all 0.4s ease;
    z-index: 2;
}
.section-testimonial-bg .testimonial-card .card-body {
    position: relative;
    padding: 0;
}
.section-testimonial-bg .testimonial-card .stars {
    color: #FEC000;
    font-size: 22px;
    margin-bottom: 5px;
}
.section-testimonial-bg .testimonial-card p {
    height: 166px;
    flex-grow: 1;
    margin-bottom: 20px;
}
.section-testimonial-bg .testimonial-card .footer-line {
    border-top: 1px solid #ccc;
    margin-bottom: 10px;
}
.section-testimonial-bg .testimonial-card .footer-label {
    padding-top: 5px;
    color: #1E8E3E;
    font-weight: bold;
    font-size: 20px;
    border-top: 1px solid #c5c5c5;
}
@media (max-width: 768px) {
    .section-testimonial-bg .testimonial-card {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.section-testimonial-bg .carousel-dots {
    position: absolute;
    left: 24%;
    bottom: 5%;
    display: flex;
    margin-top: 20px;
    justify-content: center;
    gap: 10px;
}
.section-testimonial-bg .dot {
    width: 12px;
    height: 12px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.3s ease;
}
.section-testimonial-bg .dot.active {
    background-color: #27B24D;
}
/************** End testimonial CSS *************/

/************** Start Commerical Overview CSS *************/
.section-overview-card-bg {
    padding: 35px 0;
    background-color: #F5F5F5;
}
.section-overview-card-bg .card {
    border-radius: 25px;
}
.section-overview-card-bg .card-body {
    padding: 55px;
}
.section-overview-card-bg .card-body h4 {
    line-height: 1.5em;
}
.section-overview-card-bg .card-right-img {
    position: relative;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    object-fit: cover;
}
.section-overview-card-bg .image-v-border {
    position: absolute;
    width: 8px;
    height: 75%;
    background-color: #27B24D;
    top: 12.5%;
    left: -4px;
}

.section-overview-services-bg {
    padding: 35px 0;
    background-color: #FFF;
}
.section-overview-services-bg .hero {
    padding: 185px 65px;
    background: url('/wp-content/uploads/2025/12/overview-service-card-bg.webp') center center/cover no-repeat;
    background-position-y: -345px;
    color: white;
    border-radius: 25px;
    text-align: left;
    font-weight: bold;
    font-size: 2rem;
}
.section-overview-services-bg .hero .hero-title {
    position: relative;
    top: -60px;
}
.section-overview-services-bg .card-icon {
    position: relative;
    background-color: #27B24D;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -70px;
    border: 15px solid #f5f5f5;
    overflow: visible;
}
.section-overview-services-bg .card-icon::before,
.section-overview-services-bg .card-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75%;
  height: 75%;
  background-color: #46a941; 
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1);
  z-index: 0;
  animation: wave 2.5s ease-out infinite;
}
.section-overview-services-bg .card-icon::after {
    animation-delay: 1.2s;
}
.section-overview-services-bg .card-icon img {
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 1;
}
@keyframes wave {
    0% {
      transform: translate(-50%, -50%) scale(1);
      opacity: 0.6;
    }
    70% {
      transform: translate(-50%, -50%) scale(2);
      opacity: 0;
    }
    100% {
      transform: translate(-50%, -50%) scale(2);
      opacity: 0;
    }
  }
.section-overview-services-bg .service-card-container {
    margin-top: -150px;
}  
.section-overview-services-bg .service-card {
    background: #f5f5f5;
    border-radius: 20px;
    border: 2px solid #27B24D;
}
.section-overview-services-bg .btn-green {
    background-color: #27B24D;
    color: white;
}
.section-overview-services-bg .btn-green:hover {
    background-color: #009900;
    color: white;
}
.section-overview-services-bg .enroll-card-bg {
    margin: 50px 0 15px 0;
    color: #FFF;
    background-color: #F0FFF4;
    border: 2px solid #27B24D;
    border-radius: 12px;
}
.section-overview-services-bg .img-dollor {
    width: 92%;
    max-height: 160px;
    background: #FFF;
    padding: 10px;
    border-radius: 16px;
    box-shadow: rgb(77 183 72 / 38%) 0px 0px 10px;
}
.section-overview-services-bg .hero-section-p {
    font-size: 20px;
    color:#606060 !important;
    font-weight: 400;
    line-height: 28px !important;
}
.section-overview-services-bg .btn-enroll-border::before {
    content: "";
    position: absolute;
    left: 45px;
    top: -50px;
    height: 155px;
    width: 2px;
    background-color: #27B24D;
}
.section-overview-services-bg .btn-enroll {
    width: 50%;
    height: 55px;
    position: relative;
    display: block;
    margin: 0 auto 0 105px;
    font-weight: 600;
    background: #27B24D !important;
    border-color: #27B24D !important;
    box-shadow: #51c972 0px 5px 10px;
}
   
/************** End Commerical Overview CSS *************/

/************** Start Commercial Property Tax Process CSS *************/
.commercial-property-tax.hero-section {
    position: relative;
    padding-bottom: 50px;
    background-image: url(/wp-content/uploads/2025/04/process_banner_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: scroll;
    overflow: hidden;
}
.section-process-bg {
    padding: 35px 0;
    background-color: #FFF;
}
.section-process-bg .client-card-bg {
    margin: 25px 0 25px 0;
    color: #FFF;
    background-color: #F0FFF4;
    border: 2px solid #27B24D;
    border-radius: 12px;
}
.section-process-bg .client-img-dollor {
    width: 100%;
    max-height: 250px;
    background: #FFF;
    padding: 10px;
    border-radius: 16px;
    box-shadow: rgb(77 183 72 / 38%) 0px 0px 10px;
}
.section-process-bg .client-section-p {
    font-size: 35px;
    color: #606060 !important;
    font-weight: 400;
    padding: 0px 35px;
    line-height: 56px !important;
}
.section-process-bg .card-property-bg {
    background: #F6F6F6;
}
.section-process-bg .card-property-bg:hover {
    box-shadow: 0 0 11px rgba(33, 33, 33, .2);
}
.section-process-bg .enroll-card-bg {
    margin: 50px 0 15px 0;
    color: #FFF;
    background-color: #F0FFF4;
    border: 2px solid #27B24D;
    border-radius: 12px;
}
.section-process-bg .img-dollor {
    width: 92%;
    max-height: 160px;
    background: #FFF;
    padding: 10px;
    border-radius: 16px;
    box-shadow: rgb(77 183 72 / 38%) 0px 0px 10px;
}
.section-process-bg .hero-section-p {
    font-size: 20px;
    color: #606060 !important;
    font-weight: 400;
    line-height: 28px !important;
}
.section-process-bg .btn-enroll {
    width: 50%;
    height: 55px;
    position: relative;
    display: block;
    margin: 0 auto 0 105px;
    font-weight: 600;
    background: #27B24D !important;
    border-color: #27B24D !important;
    box-shadow: #51c972 0px 5px 10px;
}
.section-process-bg .btn-enroll-border::before {
    content: "";
    position: absolute;
    left: 45px;
    top: -50px;
    height: 155px;
    width: 2px;
    background-color: #27B24D;
}

/************** End Commercial Property Tax Process CSS *************/

/************** Start Commercial Property Tax Protection Program *************/
.commercial-program-tax.hero-section {
    position: relative;
    padding-bottom: 50px;
    background-image: url(/wp-content/uploads/2025/04/program_banner_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: scroll;
    overflow: hidden;
}
.section-program-bg {
    padding: 35px 0;
    background-color: #F5F5F5;
}
.section-program-bg .card {
    border-radius: 25px;
}
.section-program-bg .card-body {
    padding: 55px;
}
.section-program-bg .image-v-border {
    position: absolute;
    width: 8px;
    height: 75%;
    background-color: #27B24D;
    top: 12.5%;
    left: -4px;
}
.section-program-bg .card-right-img {
    position: relative;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.section-judicial-bg {
    padding: 35px 0;
    background-color: #FFF;
}
.section-judicial-bg .service-card-container {
    margin-top: 55px;
}
.section-judicial-bg .service-card {
    background: #f3f3f3;
    border-radius: 20px;
    border: 0px solid #27B24D;
    transition: all 0.3s ease;
}
.section-judicial-bg .service-card:hover {
    border: 2px solid #27B24D;
    box-shadow: rgb(0 0 0 / 38%) 0px 5px 15px !important;
}
.section-judicial-bg .service-card .card-title {
    color: #444;
    font-weight: 600;
    line-height: 30px;
}
.section-judicial-bg .card-icon {
    position: relative;
    background-color: #27B24D;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -70px;
    border: 15px solid #FFF;
    overflow: visible;
}
.section-judicial-bg .card-icon::before,
.section-judicial-bg .card-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75%;
  height: 75%;
  background-color: #46a941; 
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1);
  z-index: 0;
  animation: wave 2.5s ease-out infinite;
}
.section-judicial-bg .card-icon::after {
    animation-delay: 1.2s;
}
.section-judicial-bg .card-icon img {
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 1;
}
@keyframes wave {
    0% {
      transform: translate(-50%, -50%) scale(1);
      opacity: 0.6;
    }
    70% {
      transform: translate(-50%, -50%) scale(2);
      opacity: 0;
    }
    100% {
      transform: translate(-50%, -50%) scale(2);
      opacity: 0;
    }
}
.section-judicial-bg .tab-pane {
    background: #fff;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 14%);
    padding: 2rem;
}
.section-judicial-bg .nav-tabs .nav-link.active {
    background-color: #1E7E34;
    color: white !important;
    font-weight: bold;
    border: none;
    border-radius: 0.5rem 0.5rem 0 0;
    border-radius: 20px 0 0 0;
}
.section-judicial-bg .nav-tabs .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 30px solid #1E7E34;
    z-index: 1;
}
.section-judicial-bg .nav-tabs .nav-link {
    position: relative;
    padding: 20px 15px;
    color: #444;
    font-size: 24px;
    font-weight: bold;
    border: none;
    background: #E8E8E8;
    border-radius: 0 20px 0 0;
}
.section-judicial-bg .nav-tabs .nav-link::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 30px solid #E8E8E8;
    z-index: 1;
}
.section-judicial-bg .border-radius-left {
    border-radius: 20px 0 0 0 !important; 
}
.section-judicial-bg .border-radius-right {
    border-radius: 0 20px 0 0 !important; 
}
.section-judicial-bg .card-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}
.section-judicial-bg .left-box {
    background: #f7f7f7;
    border-radius: 20px;
    margin: 30px 40px 0;
    padding: 30px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #28a745;
}
.section-judicial-bg .left-box img {
    width: 80%;
    max-height: 300px;
}
.section-judicial-bg .right-box {
    flex: 2;
}
.section-judicial-bg .check-icon {
    color: green;
    margin-right: 8px;
}
.section-judicial-bg .tab-containersection-p {
    position: relative;
    margin: 35px 45px 0;
}
.section-judicial-bg .tab-section-p {
    display: flex;
    font-size: 24px;
    line-height: 35px;
}
.section-judicial-bg .tab-section-p svg {
    position: relative;
    top: 14px;
    margin-right: 15px;
}
.section-judicial-bg #binding-pane p {
    margin-bottom: 35px;
}
.section-judicial-bg .enroll-card-bg {
    margin: 12px 0 15px 0;
    color: #FFF;
    background-color: #F0FFF4;
    border: 2px solid #27B24D;
    border-radius: 12px;
}
.section-judicial-bg .img-dollor {
    width: 92%;
    max-height: 160px;
    background: #FFF;
    padding: 10px;
    border-radius: 16px;
    box-shadow: rgb(77 183 72 / 38%) 0px 0px 10px;
}
.section-judicial-bg .hero-section-p {
    font-size: 20px;
    color: #606060 !important;
    font-weight: 400;
    line-height: 28px !important;
}
.section-judicial-bg .btn-enroll {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    height: 55px;
    margin: 0 auto 0 105px;
    font-weight: 600;
    background: #27B24D !important;
    border-color: #27B24D !important;
    box-shadow: 0 5px 10px rgba(81, 201, 114, 0.5);
    border-radius: 6px;
}
.section-judicial-bg .btn-cost-enroll {
    width: 65%;
    height: 50px;
    position: relative;
    display: block;
    margin: 0 auto 0 90px;
    font-weight: 600;
    background: #27B24D !important;
    border-color: #27B24D !important;
    box-shadow: #51c972 0px 5px 10px;
}
.section-judicial-bg .btn-enroll-border::before {
    content: "";
    position: absolute;
    left: 45px;
    top: -50px;
    height: 155px;
    width: 2px;
    background-color: #27B24D;
}
/************** End Commercial Property Tax Protection Program *************/


/* ================= START BPP Section CSS Here ================= */

/*********** Start BPP Landing Page CSS **********/
.bpp-landing-hero.hero-section {
    position: relative;
    padding-bottom: 0;
    background-image: url(/wp-content/uploads/2025/11/bpp_banner_img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: scroll;
    overflow: hidden;
}
.bpp-landing-hero #heroBannerCarousel {
    position: absolute;
    width: 100%;
    bottom: 5px;
}
.bpp-landing-hero .carousel-item h4 {
    font-size: 30px;
}
.bpp-landing-hero .carousel-item .title-01 {
    position: absolute;
    right: 15%;
    bottom: 85px;
}
.bpp-landing-hero .carousel-item .title-02 {
    position: absolute;
    right: 15%;
    bottom: 85px;
}
.bpp-landing-hero .carousel-item .title-03 {
    position: absolute;
    width:50%;
    right: 0;
    bottom: 45px;
}
.bpp-landing-hero .carousel-item .title-04 {
    position: absolute;
    width: 50%;
    right: 0;
    bottom: 40px;
}
.section-reduce-tax-bg {
    padding: 35px 0;
    background-color: #FFF;
}
.section-reduce-tax-bg .card-property-bg {
    height: 100%;
    background: #F6F6F6;
    border-radius: 10px;
}
.section-reduce-tax-bg .card-property-bg:hover {
    box-shadow: 0 0 11px rgba(33, 33, 33, .2);
}
.section-reduce-tax-bg .card-property-bg .card-icon {
    height: 100%;
    border: 1px solid #27B24D;
    border-radius: 7px;
} 
.section-reduce-tax-bg .card-property-bg .card-icon img { 
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease-in-out;
}
.section-reduce-tax-bg .card-property-bg:hover .card-icon {
    background: #FFF !important;
}
.section-reduce-tax-bg .card-property-bg .card-icon-3 {
    height: 163px !important;
}
.section-reduce-tax-bg .card-property-bg:hover .card-icon-1 {
    content: url('/wp-content/uploads/2025/04/business-knowledg-active.svg');
    transform: scale(1.05);
}
.section-reduce-tax-bg .card-property-bg:hover .card-icon-2 {
    content: url('/wp-content/uploads/2025/04/youre-ontop-active.svg');
    transform: scale(1.05);
}
.section-reduce-tax-bg .card-property-bg:hover .card-icon-3 {
    content: url('/wp-content/uploads/2025/04/increase-profit-active.svg');
    transform: scale(1.05);
}
.section-issues-bg {
    padding: 35px 0;
    background-color: #F7F7F7;
} 
.section-issues-bg .issue-icon {
    color: #27B24D; 
    font-size: 20px;
}
.section-issues-bg .issue-icon-secound {
    position: relative;
    left: -4px;
}
.section-issues-bg .issue-text {
    margin-left: 0.5rem;
}
.section-issues-bg .issue-item {
    color: #606060;
    padding: 1rem 0;
    border-bottom: 1px solid #ddd;
}
.section-issues-bg .issue-item:last-child {
    border-bottom: none;
}
.section-issues-bg .col-right-p {
    padding-right: 35px;
}
.section-issues-bg .col-left-p  {
    padding-left: 35px;
}
.section-steps-bg {
    padding: 35px 0;
    background-color: #FFF;
}
.section-steps-bg .card-custom {
    height: 100%;
    text-align: center;
    background: #F7F7F7;
    border: 0;
    border-radius: 12px;
    overflow: hidden;
}
.section-steps-bg .card-custom:hover {
    background: #FFF;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.section-steps-bg .icon-circle {
    width: 100px;
    height: 100px;
    position: relative;
    margin: 0 auto;
    margin-top: -50px;
    padding: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #28a745;
    border-radius: 50%;
    z-index: 1;
}
.section-steps-bg .icon-circle i {
    color: white;
    font-size: 32px;
}
.section-steps-bg .card-body-custom {
    padding-top: 30px;
    padding-bottom: 30px;
}
.section-valuation-bg {
    position: relative;
    padding: 35px 0;
    background-color: #FFF;
    background-image: url(/wp-content/uploads/2025/04/bpp-parallax.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: fixed;
    overflow: hidden;
}
.section-valuation-bg .carousel-item {
    text-align: center;
    padding: 0;
}
.section-valuation-bg .carousel-item img {
    max-height: 500px;
    margin: 0 auto;
    transition: transform 0.3s ease;
}
.section-valuation-bg .carousel-indicators [data-bs-target] {
    background-color: #ccc;
}
.section-valuation-bg  .carousel-indicators .active {
    background-color: #28a745; 
}
#bookcopyModal .btn-close {
    position: absolute;
    right: 5px;
    font-size: 20px;
    top: 0px;
    background: none;
    z-index: 1;
}
#bookcopyModal .modal-content {
    background: #daab0b;
    border-radius: 12px;
}
#bookcopyModal .modal-content #field_2_8 h2 {
    font-size: 22px;
    color: #000;
    font-weight: 600;
}
#bookcopyModal .modal-content #field_2_8 p { 
    font-size: 20px;
    color: #FFF;
}
#bookcopyModal .modal-content .gform_legacy_markup_wrapper .gform_footer {
    text-align: center;
}
#bookcopyModal .modal-content #gform_fields_2 {
    padding-left: 16px !important;
}
#bookcopyModal .modal-content .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    background: #f5f5f566;
    border-radius: 7px;
    border: 0;
}
#bookcopyModal .modal-content .gform_legacy_markup_wrapper .gform_footer input.button {
    border-radius: 7px;
}
#bookcopyModal .modal-content .gform_confirmation_message {
    text-align: center;
    font-weight: 600;
    color: #444;
    font-size: 20px;
    padding: 60px 0;
}
.section-unique-bg {
    padding: 35px 0;
    background-color: #FFF;
}
.section-unique-bg .col-unique-p {
    padding: 30px 35px 30px 55px;
}
.section-unique-bg .card-unique {
    background-color: #F9F9F9;
    border: 1px solid #27B24D;
    border-radius: 12px;
}
.section-unique-bg .card-unique img {
    width: 100%;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
/************* end BPP Landing Page *************/
/************* Start Business Personal Property Tax Page *************/
.bpp-tax-hero.hero-section {
    position: relative;
    padding-bottom: 35px;
    background-image: url(/wp-content/uploads/2025/04/business_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: scroll;
    overflow: hidden;
}
.section-appraisalbpp-bg {
    padding: 35px 0;
    background-color: #FFF;
}
.section-appraisalbpp-bg .client-img-dollor {
    width: 100%;
    background: #FFF;
    padding: 10px;
    border-radius: 16px;
    box-shadow: rgb(77 183 72 / 38%) 0px 0px 10px;
}
.section-appraisalbpp-bg .client-card-bg {
    margin: 0px 0 25px 0;
    color: #FFF;
    background-color: #F0FFF4;
    border: 2px solid #27B24D;
    border-radius: 12px;
}
.section-appraisalbpp-bg .col-section-p {
    padding: 0 40px;
}
.section-appraisalbpp-bg .card-custom {
    height: 100%;
    text-align: center;
    background: #F7F7F7;
    border: 0;
    border-radius: 12px;
    overflow: hidden;
}
.section-appraisalbpp-bg .icon-circle {
    width: 120px;
    height: 120px;
    position: relative;
    margin: 0 auto;
    margin-top: -60px;
    padding: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #009F00;
    border: 15px solid #FFF;
    border-radius: 50%;
    z-index: 1;
}
.section-appraisalbpp-bg .icon-circle::before,
.section-appraisalbpp-bg .icon-circle::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75%;
  height: 75%;
  background-color: #009F00; 
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1);
  z-index: -1;
  animation: wave 2.5s ease-out infinite;
}
.section-appraisalbpp-bg .icon-circle::after {
    animation-delay: 1.2s;
}
@keyframes wave {
    0% {
      transform: translate(-50%, -50%) scale(1);
      opacity: 0.6;
    }
    70% {
      transform: translate(-50%, -50%) scale(2);
      opacity: 0;
    }
    100% {
      transform: translate(-50%, -50%) scale(2);
      opacity: 0;
    }
}
.section-appraisalbpp-bg .card-body-custom {
    padding-top: 30px;
    padding-bottom: 30px;
}
.section-appraisalbpp-bg .card-body-custom .card-title {
    font-size: 22px;
    line-height: 30px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
/************* End Business Personal Property Tax Page *************/
/************* Start Information of bpp Enrollment Page *************/
.hero-section.bpp-evaluation-hero { 
    background-image: none !important;
 }
.bpp-evaluation-hero {
    position: relative;
    min-height: 700px;
    overflow: hidden;
}
.bpp-evaluation-hero .hero-banner-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    z-index: 0;
    display: block;
}
.bpp-evaluation-hero .hero-content {
    position: relative;
    z-index: auto;
    min-height: 700px;
    display: flex;
    align-items: flex-start;
}
.section-guesstimatebpp-bg {
    padding: 35px 0;
    background-color: #FFF;
}
.section-guesstimatebpp-bg .client-img-dollor {
    width: 100%;
    background: #FFF;
    padding: 10px;
    border-radius: 16px;
    box-shadow: rgb(77 183 72 / 38%) 0px 0px 10px;
}
.section-guesstimatebpp-bg .client-card-bg {
    margin: 0px 0 25px 0;
    color: #FFF;
    background-color: #F0FFF4;
    border: 2px solid #27B24D;
    border-radius: 12px;
}
.section-guesstimatebpp-bg .col-section-p {
    padding: 0 40px;
}
.section-guesstimatebpp-bg .hero-section-p {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 20px;
    color: #606060 !important;
    font-weight: 400;
    line-height: 28px !important;
}
.section-guesstimatebpp-bg .hero-section-p svg {
    flex-shrink: 0;              
    margin-top: 8px;             
}
.section-guesstimatebpp-bg .col-section-p i {
    position: relative;
    top: 10px;
    margin-right: 15px;
}
.section-guesstimatebpp-bg .cardbpp-container-bg {
    margin-top: 20px;
    background-color: #f5f5f5;
    border: 0;
    border-radius: 20px;
}
.section-guesstimatebpp-bg .cardbpp-container-bg .card-bodybpp {
    padding: 30px 50px;
}
.section-guesstimatebpp-bg .hero-section-p i {
    display: flex;
    position: relative;
    margin-right: 10px;
    top: 7px;
}
/************* End Information of bpp Enrollment Page *************/
/********* Start Business Personal Property Tax 101 Page *********/
.one101-tax-hero.hero-section {
    position: relative;
    padding-bottom: 35px;
    background-image: url(/wp-content/uploads/2025/12/banner_101_img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: scroll;
    overflow: hidden;
}
.section-101bpp-bg {
    padding: 35px 0;
    background-color: #FFF;
}
.section-101bpp-bg .tab-pane {
    background: #fff;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 14%);
    padding: 2rem;
}
.section-101bpp-bg .nav-tabs .nav-link.active {
    background-color: #28a745;
    color: white !important;
    font-weight: bold;
    border: none;
    border-radius: 0.5rem 0.5rem 0 0;
    border-radius: 20px 0 0 0;
}
.section-101bpp-bg .nav-tabs .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 30px solid #28a745;
    z-index: 1;
}
.section-101bpp-bg .nav-tabs .nav-link {
    position: relative;
    margin-top: 15px;
    padding: 20px 15px;
    color: #444;
    font-size: 24px;
    font-weight: bold;
    border: none;
    background: #E8E8E8;
    border-radius: 0 20px 0 0;
}
.section-101bpp-bg .nav-tabs .nav-link::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 30px solid #E8E8E8;
    z-index: 1;
}
.section-101bpp-bg .border-radius-left {
    border-radius: 20px 0 0 0 !important; 
}
.section-101bpp-bg .border-radius-right {
    border-radius: 0 20px 0 0 !important; 
}
.section-101bpp-bg .card-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}
.section-101bpp-bg .left-box {
    background: #f7f7f7;
    border-radius: 20px;
    margin: 30px 40px 0;
    padding: 30px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #28a745;
}
.section-101bpp-bg .left-box img {
    width: 80%;
    max-height: 360px;
}
.section-101bpp-bg .right-box {
    flex: 2;
}
.section-101bpp-bg .check-icon {
    color: green;
    margin-right: 8px;
}
.section-101bpp-bg .tab-containersection-p {
    position: relative;
    margin: 35px 45px 0;
}
.section-101bpp-bg .tab-section-p {
    display: flex;
    font-size: 20px;
    line-height: 35px;
}
.section-101bpp-bg .tab-section-p i {
    position: relative;
    top: 10px;
    margin-right: 15px;
}
.section-101bpp-bg #binding-pane p {
    margin-bottom: 0;
}
.section-101bpp-bg .timeline {
    position: relative;
    height: 200px;
    margin: 25px 0 0 20px;
    padding-left: 30px;
    border-left: 2px solid #28a745;
}
.section-101bpp-bg .timeline-item {
    position: relative;
    margin-bottom: 10px;
    font-size: 18px;
    color: #606060;
}
.section-101bpp-bg .timeline-item .timeline-list {
    position: relative;
    top: -6px;
}
.section-101bpp-bg .timeline-item::before {
    content: "";
    position: absolute;
    left: -38px;
    top: 0px;
    width: 15px;
    height: 15px;
    background-color: #f5f5f5;
    border: 2px solid #28a745;
    border-radius: 50%;
}
.section-101bpp-bg .timeline-year {
    color: #28a745;
    font-weight: bold;
}
/********** End Business Personal Property Tax 101 Page *********/
/********** Start BPP Book By Patrick O’Connor Page *********/
.bpp-book-hero.hero-section {
    position: relative;
    padding-bottom: 100px;
    background-image: url(/wp-content/uploads/2025/04/banner_book_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: scroll;
    overflow: hidden;
}
/********** End BPP Book By Patrick O’Connor Page *********/
/* ================= END BPP Section CSS Here ================= */

/* ================= Start About Section CSS Here ================= */
/************* Start leadership Css ************/
.section-leadership-bg {
    padding: 35px 0;
    background-color: #FFF;
}
.section-leadership-bg .section-title {
    border-left: 5px solid #4db748;
    padding-left: 10px;
    margin: 35px 0 35px 0;
}
.section-leadership-bg .leader-card {
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 12%);
    padding: 15px;
    margin-bottom: 15px;
    transition: transform 0.3s ease;
}
.section-leadership-bg .leader-card:hover {
    transform: translateY(-4px);
}
.section-leadership-bg .leader-img {
    max-width: 100%;
    max-height: 275px;
    border-radius: 10px;
    object-fit: cover;
}
.section-leadership-bg .leader-title {
    color: #444444 !important;
    font-weight: 600;
    font-size: 26px;
}
.section-leadership-bg .leader-subtitle {
    font-weight: 400;
    color: #606060;
    font-size: 18px;
    line-height: 1.5;
} 
/************* End leadership Css ************/
/* ================= End About Section CSS Here ================= */

/* ================= Start Cost Segregation CSS Here ================= */
.table-example .table>:not(caption)>*>* { 
    background-color: transparent;
}
.btn-savings-calculator {
    width: 52px;
    height: auto;
    padding: 10px 0 !important;
    color: #FFF !important;
    font-weight: 400 !important;
    font-size: 22px !important;
    font-family: Arial !important;
    background: #27b24d !important;
    writing-mode: sideways-lr;
    transform: rotate(0deg) !important;
    text-align: center !important;
    border-left: 3px solid #BBBBBB !important;
    border-top: 3px solid #BBBBBB !important;
    border-right: 0 !important;
    border-bottom: 3px solid #BBBBBB !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 0 !important;
    z-index: 999;
}
#savingscalculatorModal .modal-content {
    border: 1px solid #27b24d;
}
#savingscalculatorModal .modal-header {
    padding: 10px 15px;
    background: #27b24d;
}
#savingscalculatorModal .btn-close {
    position: absolute;
    right: 15px;
}
#savingscalculatorModal .btn-close:hover {
    background-color: transparent !important;
}
#savingscalculatorModal .btn-close:focus {
    box-shadow: none !important;
}
#savingscalculatorModal .tax-input {
    padding: .375rem .75rem;
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}
#savingscalculatorModal .form-control:focus, .form-select:focus {
    border-color: #27b24d;
    box-shadow: 0 0 0 .25rem #27b24d4f;
}
#savingscalculatorModal .item {
    cursor: pointer;
}
#savingscalculatorModal .item-county {
    position: relative;
    display: block;
}
#savingscalculatorModal .list-group {
    width: 95% !important;
    position: absolute;
    margin-top: 3px !important;
    z-index: 1;
}
#savingscalculatorModal #ProPhone {
    -webkit-appearance: none;
    margin: 0;
}
#savingscalculatorModal #ProPhone {
    -moz-appearance: textfield;
}
/* ================= End Cost Segregation CSS Here ================= */

.section-homeowners .img-shadow {
    left: 0 !important;
}
.section-homeowners .img-wrapper img {
    left: 30px !important;
}
.section-homeowners .col-lp {
    padding-right: 60px;
}
.section-homeowners .col-rp {
    padding-left: 75px;
}
.section-homeowners .timeline {
    margin: 25px 0 0 5px;
    height: 150px;
}
.section-homeowners .timeline p { 
    display: none;
}

.card-county-texas {
    background: #F7F7F7;
    border: 0;
    border-radius: 12px;
}
.card-county-texas .card-header {
    background: #143B3F;
    border-bottom: 5px solid #27B24D;
}
.card-county-texas .input-group {
    max-width: 475px;
    margin: 0 15px;
}
.card-county-texas input {
    font-size: 18px;
    padding: 5px 45px 5px 15px !important;
    background: #F3F3F3;
    border-radius: 25px !important;
}
.card-county-texas .input-group .form-control:focus {
    color: #444;
    background-color: #F3F3F3;
    border-color: #27b24d;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(39 178 77 / 22%);
}
.card-county-texas .input-group i {
    position: absolute;
    right: 15px;
    top: 11px;
    color: #C6C6C6;
    font-weight: 500;
    font-size: 22px;
}
.card-county-texas .input-group .form-control:focus i::before {
    color: #C6C6C6;
}
.card-county-texas .card-footer {
   border-top: 2px solid #27b24d;
}
.card-county-texas .card-footer .btn-view {
    width: 250px;
    height: 55px;
    position: relative;
    display: block;
    margin: 15px auto;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    background: #1E7E34 !important;
    border-color: #1E7E34 !important;
    box-shadow: #1E7E34 0px 5px 10px;
}
.county-list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}
.county-list li {
    width: 20%; 
    padding: 5px;
    font-size: 18px;
    cursor: pointer;
}
.county-list li a { 
    color: #444;
}
.county-list li svg { 
    position: relative;
    top: -2px;
    font-size: 12px;
    color: #143B3F;
    background: #27b24d;
    border-radius: 50%;
}
.county-list li:hover svg { 
    color: #0b9330;
    background: #FFF;
}
#not-found-msg {
    width: 100%;
    padding: 15px;
    text-align: center;
    font-size: 20px;
    color: red;
    font-style: italic;
    background: #ff00001f;
    border-radius: 7px;
}

.section-residential-faq .faq-title {
    text-align: center;
    margin-bottom: 2rem;
}
.section-residential-faq .faq-title h2 {
    color: #444;
    font-weight: 700;
    font-size: 1.75rem;
}
.section-residential-faq .faq-title .icon {
    width: 80px;
    height: 80px;
    position: relative;
    padding: 8px;
    background-color: #00a859;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 3rem;
    font-size: 1.4rem;
}
.section-residential-faq .faq-title .icon::before, .section-residential-faq .faq-title .icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75%;
    height: 75%;
    background-color: #46a941;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(1);
    z-index: 0;
    animation: wave 2.5s ease-out infinite;
}
.section-residential-faq .faq-header {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    color: #444;
    border-bottom: 1px solid #5DC579;
}
.section-residential-faq .faq-header img {
    width: 52px;
    height: 52px;
    background-color: #27B24D;
    color: white;
    font-size: 1.1rem;
    padding: 8px;
    border-radius: 8px;
    margin-right: 0.75rem;
}
.section-residential-faq .faq-box {
    height: 100%;
    padding: 15px;
    margin-bottom: 0px;
    border: 1.5px solid #27B24D;
    border-radius: 0.5rem;
    transition: box-shadow 0.3s ease;
}
.section-residential-faq .faq-box:hover {
    box-shadow: 0 4px 10px rgba(0, 168, 89, 0.15);
}
.section-residential-faq .faq-text {
    font-size: 0.96rem;
    color: #444;
}
.section-commercial-new .nav-tabs .nav-link {
   height: 100%;
   padding: 10px 85px; 
   font-size: 24px;
}
.section-commercial-new .tab-section-p {
    font-size: 18px;
    margin-bottom: 15px !important;
}
.section-issues-bg .ecs-property-list {
    list-style: none;
    padding: 0;
}
.section-issues-bg .ecs-property-list li {
    color: #27B24D;
    padding: 16px;
    margin-bottom: 0;
    font-weight: 500;
    cursor: pointer;
}
.section-issues-bg .ecs-property-list li:hover {
    text-decoration: underline;
}
.section-issues-bg .ecs-property-list li a, .section-issues-bg .ecs-property-list li a:hover {
   color: #27B24D;
}


/**************** Start Media Query CSS ****************/
@media (max-width: 575.98px) {
    #main-content .container {
        margin: 0px !important;
        padding: 0 !important;
    }
    html, body {
        overflow-x: hidden;
        width: 100%;
        height: 100dvh;
        position: relative;     
    }
    * {
        box-sizing: border-box; 
    }
    .form-control {
        font-size: 16px !important;
    }
    #banner-enrollment-form #exp-enrollment #gform_7 input, #banner-enrollment-form #gform_7 input {
        font-size: 16px !important;
    }
    body .gform_wrapper input[type="text"],
    body .gform_wrapper input[type="email"],
    body .gform_wrapper input[type="tel"],
    body .gform_wrapper input[type="url"],
    body .gform_wrapper input[type="password"],
    body .gform_wrapper textarea {
        font-size: 16px !important;
    }
    #pills-enroll-tab {
        overflow-x: hidden;
    }
    .hero-section {
        background-color: #f0fff469;
        padding-bottom: 0 !important;
        padding: 10px;
    }
    .res-hero-section .hero-bg-img {
        display: none;
    }
    .res-hero-section .tab-content {
        min-height: 550px;
    }
    .res-hero-section .card-container .row.g-0 {
        min-height: 600px;
    }
    .res-hero-section .card-container h1, .res-hero-section .card-container h2 {
        line-height: 1.2;
        min-height: 48px;
    }
    .res-hero-section .card-container p {
        line-height: 1.5;
        min-height: 72px;
    }
    .res-hero-section .card-container form {
        min-height:auto;
    }
    .res-hero-section #itemList {
        min-height: 50px;
    }
    .res-hero-section #benefitsList {
        min-height: 220px;
    }
    .res-hero-section #banner-enrollment-form .list-group-item {
        min-height: 35px; 
    }
    .search-by-county {
        display: block !important;
        text-align: center;
    }
    .county-list li {
        width: 50%;
    }
    .card-county-texas .card-header p {
        text-align: justify !important;
    }
    .card-county-texas .input-group {
        right: 13px;
        margin-top: 15px;
    }
    .section-homeowners .col-rp {
        padding-left: 15px;
	margin-top: 45px;
    }
    .section-homeowners .col-lp {
        padding-right: 30px;
    }
    .section-commercial-new .nav-tabs {
        display: block;
    }
    .section-commercial-new .nav-tabs .nav-link {
        padding: 10px; 
        font-size: 20px;
    }
     
    #main-content .container {
        margin: 0 15px !important;
    }
    .hero-section .ti-widget[data-layout-id='55'][data-set-id='soft'] {
        overflow: visible;
        margin: 15px 0 0 0; 
    }
    .hero-section .hero-heading {
        font-size: 16px !important;
        line-height: 24px !important;
        margin-top: 12px !important;
    }
    .hero-section .hero-subheading {
        font-size: 15px !important;
    }

    /******** End  Enrollment alignment top CSS *******/
    .hero-section .hero-subheading {
        width: fit-content;
    }
    .select-oconnorass-bg .img-shadow {
        top: 15px;
        left: 15px;
    }
    .section-whyoconnor-bg .feature-card {
        text-align: center !important;
        border-bottom: 3px solid #ccc !important;
        border-right: 0 !important;
    }
    .select-relief-bg .card-body-relief {
        text-align: center;
    }
    .select-relief-bg .card-body-relief h4 {
        margin-top: 15px;
    }
    .section-testimonial-bg {
        height: auto; 
    }
    .section-testimonial-bg .carousel-dots {
        position: relative;
        left: 0;
        bottom: 0; 
    }
    .section-testimonial-bg .testimonial-card {
        max-height: 370px;
    }
    .section-testimonial-bg .testimonial-card p {
        height: 230px; 
    }
    .section-overview-card-bg .card-right-img {
        border-radius: 25px;
    } 
    .section-overview-card-bg .image-v-border {
        display: none;
    }
    .section-overview-services-bg .hero {
        background-position-y: 0;
    }
    .section-overview-services-bg .service-card-container .col-md-6 {
          margin-bottom: 60px;
    }
    .section-overview-services-bg .img-dollor {
        width: 100%;
        margin-bottom: 15px;
    }
    .section-overview-services-bg .btn-enroll-border::before {
        display: none;
    }
    .section-overview-services-bg .btn-enroll {
        margin: 15px auto 0 auto;
    }
    .section-process-bg .client-section-p {
        padding: 0;
        font-size: 25px;
        line-height: 44px !important;
    }
    .section-process-bg .card-body-type h4 {
        margin-top: 15px;
    }
    .section-process-bg .card-body-type {
        text-align: center;
    }
    .section-process-bg .btn-enroll {
        margin: 15px auto 0 auto;
    }
    .section-process-bg .btn-enroll-border::before { 
        display: none;
    }
    .section-program-bg .card-right-img {
        border-radius: 25px;
    }
    .section-program-bg .image-v-border {
        display: none;
    }
    .section-judicial-bg .service-card .card-title {
        font-size: 18px; 
    }
    .section-judicial-bg .service-card-container .col-md-6 {
        margin-bottom: 60px;
    }
    .section-judicial-bg .nav-tabs .nav-link.active {
        border-radius: 20px 20px 0 0 !important;
        margin-bottom: 45px;
    }
    .section-judicial-bg .nav-tabs .nav-link.active::after {
        bottom: -28px;
    }
    .section-judicial-bg .nav-tabs .nav-link {
        border-radius: 20px 20px 0 0 !important;
        margin-bottom: 45px;
    }
    .section-judicial-bg .left-box {
        margin: 0;
        padding: 0;
    }
    .section-judicial-bg .tab-containersection-p {
        margin: 35px 0px 0;
    }
    .section-judicial-bg #binding-pane p {
        margin-bottom: 15px;
    }
    .section-judicial-bg .tab-section-p {
        font-size: 20px;
    }
    .section-judicial-bg .btn-enroll, .section-judicial-bg .btn-cost-enroll {
        margin: 15px auto 0 auto;
    }
    .section-judicial-bg .btn-enroll-border::before {
        display: none;
    }
    .section-judicial-bg .img-dollor {
        margin-bottom: 20px;
    }
    .bpp-landing-hero .carousel-item h4 {
        font-size: 15px;
    }
    .bpp-landing-hero .carousel-item .title-01 {
        position: absolute;
        right: 15%;
        bottom: 35px;
    }
    .bpp-landing-hero .carousel-item .title-02 {
        position: absolute;
        right: 15%;
        bottom: 35px;
    }
    .bpp-landing-hero .carousel-item .title-03 {
        position: absolute;
        right: 0;
        bottom: 35px;
    }
    .bpp-landing-hero .carousel-item .title-04 {
        position: absolute;
        right: 8%;
        bottom: 35px;
    }
    .bpp-landing-hero #heroBannerCarousel {
        position: relative;
        width: 100%;
        bottom: 0;
    }
    .section-reduce-tax-bg .card-property-bg .card-icon-1, .section-reduce-tax-bg .card-property-bg .card-icon-2, .section-reduce-tax-bg .card-property-bg .card-icon-3 {
        height: 150px !important;
    }
    .section-reduce-tax-bg .card-body-type .col-md-12 {
        margin-bottom: 15px;
    }
    .section-steps-bg .card-body-custom {
        font-size: 18px;
    }
    .section-unique-bg .col-unique-p {
        padding: 15px;
    }
    .section-unique-bg .card-unique img {
        border-radius: 12px;
    }
    .section-appraisalbpp-bg .col-section-p {
        padding: 15px;
    }
    .bpp-evaluation-hero.hero-section .hero-heading {
        font-size: 26px;
    }
    .section-guesstimatebpp-bg .col-section-p {
        padding: 15px;
    }
    .section-guesstimatebpp-bg .cardbpp-container-bg .card-bodybpp {
        padding: 30px 15px;
    }
    .section-guesstimatebpp-bg .hero-section-p i {
        display: flex;
        position: relative;
        margin-right: 10px;
        top: 7px;
    }
    .section-101bpp-bg .nav-tabs {
        border: 0;
    }
    .section-101bpp-bg .nav-tabs .nav-link {
        border-radius: 20px 20px 0 0 !important;
        margin-bottom: 45px;
        font-size: 20px;
    }
    .section-101bpp-bg .nav-tabs .nav-link.active {
        border-radius: 20px 20px 0 0 !important;
        margin-bottom: 45px;
    }
    .section-101bpp-bg .left-box {
        margin: 0;
        padding: 0;
    }
    .section-101bpp-bg .tab-containersection-p {
        margin: 35px 0px 0;
    }
    .section-101bpp-bg .timeline { 
        height: auto;
    }
    .section-leadership-bg .section-title { 
        margin: 0 0 35px 0;
    }
    .section-leadership-bg .leader-title {
        text-align: center;
    }
    .section-leadership-bg .leader-img {
        margin: 0 auto;
    }
    .section-leadership-bg .leader-title {
        font-size: 18px;
    }
    .section-leadership-bg .leader-subtitle {
        font-size: 16px; 
    }
}

@media (max-width: 767.98px) {
    .res-hero-section #banner-enrollment-form .card-container {
        min-height: 600px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .res-hero-section #banner-enrollment-form {
        min-height: 300px;
    }
    .res-hero-section .card-container h1, .res-hero-section .card-container p {
        min-height: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) { 
    .section-commercial-new .nav-tabs {
        display: block;
    }
    .select-oconnorass-bg .img-wrapper {
        display: none;
    }
    .section-testimonial-bg .carousel-dots {
        left: 18%;
    }
    .section-overview-card-bg .card-right-img {
        display: none;
    }
    .section-overview-card-bg .image-v-border {
        display: none;
    }
    .section-overview-card-bg .card-body {
        padding: 25px;
    }
    .section-overview-services-bg .hero {
        background-position-y: -35px;
    }
    .section-overview-services-bg .service-card-container .col-md-6 {
        margin-bottom: 60px;
    }
    .section-overview-services-bg .btn-enroll-border::before {
        display: none;
    }
    .section-overview-services-bg .btn-enroll {
        margin: 22px auto 0 auto;
    }
    .section-overview-services-bg .enroll-card-bg {
        margin: 0px 0 15px 0; 
    }
    .section-process-bg .client-img-dollor {
        min-height: 225px;
    }
    .section-process-bg .client-section-p {
        padding: 0;
        font-size: 32px; 
    }
    .section-process-bg .save-img-rs {
        height: 100%;
    }
    .section-process-bg .btn-enroll {
        margin: 22px auto 0 auto;
    }
    .section-process-bg .btn-enroll-border::before { 
        display: none;
    }
    .section-program-bg .card-right-img {
        display: none;
    }
    .section-program-bg .image-v-border {
        display: none;
    }
    .section-program-bg .card-body {
        padding: 25px;
    }
    .section-judicial-bg .service-card-container .col-md-6 {
        margin-bottom: 60px;
    }
    .section-judicial-bg .nav-tabs {
       border: 0;
    }
    .section-judicial-bg .nav-tabs .nav-link.active {
        border-radius: 20px 20px 0 0 !important;
        margin-bottom: 45px;
    }
    .section-judicial-bg .nav-tabs .nav-link.active::after {
        bottom: -28px;
    }
    .section-judicial-bg .nav-tabs .nav-link {
        border-radius: 20px 20px 0 0 !important;
        margin-bottom: 45px;
    }
    .section-judicial-bg .left-box {
        margin: 0;
        padding: 0;
    }
    .section-judicial-bg .tab-containersection-p {
        margin: 35px 0px 0;
    }
    .section-judicial-bg #binding-pane p {
        margin-bottom: 15px;
    }
    .section-judicial-bg .tab-section-p {
        font-size: 20px;
    }
    .section-judicial-bg .btn-enroll {
        margin: 22px auto 0 auto;
    }
    .section-judicial-bg .btn-enroll-border::before {
        display: none;
    }
    .section-reduce-tax-bg .card-property-bg .card-icon-1, .section-reduce-tax-bg .card-property-bg .card-icon-2, .section-reduce-tax-bg .card-property-bg .card-icon-3 {
        height: 150px !important;
    }
    .section-reduce-tax-bg .card-body-type .col-md-12 {
        margin-bottom: 15px;
    }
    .section-unique-bg .col-unique-p {
        padding: 15px;
    }
    .section-unique-bg .card-unique img {
        border-radius: 12px;
    }
    .section-guesstimatebpp-bg .client-img-dollor {
        height: 290px;
    }
    .section-guesstimatebpp-bg {
        padding-top: 0;
    }
    .section-guesstimatebpp-bg .img-res-md {
        height: -webkit-fill-available;
    }
    .section-guesstimatebpp-bg .hero-section-p i {
        display: flex;
        position: relative;
        margin-right: 10px;
        top: 7px;
    }
    .section-101bpp-bg .nav-tabs .nav-link {
        border-radius: 20px 20px 0 0 !important;
        margin-bottom: 45px;
    }
    .section-101bpp-bg .nav-tabs .nav-link.active {
        border-radius: 20px 20px 0 0 !important;
        margin-bottom: 45px;
    }
    .section-101bpp-bg .timeline { 
        height: auto;
    }
    .section-leadership-bg .section-title {
        margin: 0px 0 35px 0;
    }
    .bpp-landing-hero #heroBannerCarousel {
        position: relative;
        width: 100%;
        bottom: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) { 
    .select-oconnorass-bg .img-shadow {
        top: 15px;
        left: 15px;
        height: 95%;
    }
    .section-testimonial-bg .testimonial-card {
        max-height: 420px;
    }
    .section-testimonial-bg .testimonial-card p {
        height: 275px; 
    }
    .section-testimonial-bg .carousel-dots {
        left: 20%; 
    }
    .section-process-bg .btn-enroll {
        width: 70%;
        margin: 0 auto;
    }
    .section-process-bg .btn-enroll-border::before {
        display: none;
    }
    .section-overview-services-bg .service-card .btn-green {
        position: absolute;
        bottom: 15px;
        left: 38px;
    }
    .section-overview-services-bg .service-card {
        height: 250px !important;
    }
    .section-overview-services-bg .hero {
        background-position-y: -165px;
    }
    .section-overview-services-bg .btn-enroll {
        width: 70%;
        margin: 0 auto;
    }
    .section-overview-services-bg .btn-enroll-border::before {
        display: none;
    }
    .section-process-bg .save-img-rs {
        height: 100%;
    }
    .section-judicial-bg .tab-containersection-p {
        margin: 35px 0px 0;
    }
    .bpp-landing-hero .carousel-item .title-03 {
        position: absolute;
        right: 8%;
        bottom: 45px;
    }
    .bpp-landing-hero .carousel-item .title-04 {
        position: absolute;
        right: 8%;
        bottom: 45px;
    }
    .bpp-landing-hero #heroBannerCarousel {
        position: relative;
        width: 100%;
        bottom: 0;
    }
    .section-judicial-bg #binding-pane p {
        margin-bottom: 12px;
    }
    .section-judicial-bg .tab-section-p { 
        font-size: 18px;
    }
    .section-judicial-bg .btn-enroll, .section-judicial-bg .btn-cost-enroll {
        width: 70%;
        margin: 0 auto;
    }
    .section-judicial-bg .btn-enroll-border::before {
        display: none;
    }
    .section-appraisalbpp-bg .card-body-custom .card-title {
        font-size: 18px; 
    }
    .section-guesstimatebpp-bg .hero-section-p i {
        display: flex;
        position: relative;
        margin-right: 10px;
        top: 7px;
    }
    .section-101bpp-bg .timeline { 
        height: auto; 
    }
    .section-leadership-bg .section-title {
        margin: 0px 0 35px 0;
    }
}

@media (max-width: 1199px) {
    .card-review {
        margin-left: 0px !important; 
    }
    .review-board-heading {
        margin-left: 0; 
    }
    .review-board .card-icon {
        margin: 0 auto 0 0;
    }
    .card-review hr { 
        width: 100%;
        margin-left: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) { 
    .section-commercial-new .nav-tabs .nav-link {
        font-size: 16px;
    }
    #main-content .container {
        margin: auto !important;
        padding: 0 30px;
    }
    .section-testimonial-bg .testimonial-card {
        max-height: 345px;
    }
    .section-testimonial-bg .testimonial-card p {
        height: 200px; 
    }
    .section-process-bg .save-img-rs {
        height: 100%;
    }
    .section-process-bg .all-img-rs {
        height: 100%;
        max-height: 252px;
    }
    .bpp-landing-hero .carousel-item h4 {
        font-size: 25px;
    }
    .bpp-landing-hero .carousel-item .title-01 {
        position: absolute;
        right: 15%;
        bottom: 40px;
    }
    .bpp-landing-hero .carousel-item .title-02 {
        position: absolute;
        right: 15%;
        bottom: 40px;
    }
    .bpp-landing-hero .carousel-item .title-03, .bpp-landing-hero .carousel-item .title-04 {
        bottom: 0px;
    }
    .section-process-bg #legal-more-text {
        display: contents !important;
    }
    .section-process-bg #legal-read-more {
       display: none;
    }
    .section-unique-bg .card-unique img {
        width: 100%;
        height: 100%; 
    }
    .section-reduce-tax-bg .card-property-bg .card-icon-1, .section-reduce-tax-bg .card-property-bg .card-icon-2, .section-reduce-tax-bg .card-property-bg .card-icon-3 {
        height: 222px !important;
    }
    .section-guesstimatebpp-bg .hero-section-p i {
        display: flex;
        position: relative;
        margin-right: 10px;
        top: 7px;
    }
    .section-guesstimatebpp-bg .section-judicial-bg .enroll-card-bg {
        margin: 0 15px;
    }
    .section-101bpp-bg .enroll-card-bg {
        margin: 12px 15px 15px 15px;
    }
    .section-leadership-bg .section-title {
        margin: 0px 0 35px 0;
    }
    .section-judicial-bg .btn-cost-enroll {
        width: 80%;
        margin: 0 auto 0 55px;
    }
    .ppc-banner-hero-section {
        padding-top: 25px;
    }
}

@media (min-width: 1400px) and (max-width: 1900px) {  
    #main-content .container {
        margin: 0 !important;
        padding-right: 30px;
        padding-left: 30px;
    }
    .select-oconnorass-bg .img-shadow {
        top: 8px;
        left: 20px;
    }
    .section-process-bg .all-img-rs {
        height: 100%;
        max-height: 252px;
    }
    .bpp-landing-hero .carousel-item .title-01, .bpp-landing-hero .carousel-item .title-01 {
        right: 15%;
        bottom: 50px;
    }
    .bpp-landing-hero .carousel-item .title-03 {
        position: absolute;
        right: 0;
        bottom: 10px;
    }
    .bpp-landing-hero .carousel-item .title-04 {
        position: absolute;
        right: 8%;
        bottom: 15px;
    }
    .section-process-bg #legal-more-text {
        display: contents !important;
    }
    .section-process-bg #legal-read-more {
       display: none;
    }
    .section-reduce-tax-bg .card-property-bg .card-icon-1, .section-reduce-tax-bg .card-property-bg .card-icon-2, .section-reduce-tax-bg .card-property-bg .card-icon-3 {
        height: 222px !important;
    }
    .section-guesstimatebpp-bg .hero-section-p i {
        display: flex;
        position: relative;
        margin-right: 10px;
        top: 7px;
    }
    .section-leadership-bg .section-title {
        margin: 15px 0 35px 0;
    }
    .section-judicial-bg .btn-cost-enroll {
        width: 70%; 
        margin: 0 auto 0 75px;
    }
    .ppc-banner-hero-section {
        padding-top: 100px;
    }
}
/**************** End Media Query CSS ****************/

/**************** Start Concierge CSS ****************/
.concierge-hero-section {
    background-image: url('/wp-content/uploads/2026/02/concierge-overview-banner-1.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 630px;
    display: flex;
    align-items: center;   
}
.concierge-onsite-hero-section{
    background-image: url('/wp-content/uploads/2026/02/concierge-on-site-banner.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 630px;
    display: flex;
    align-items: center; 
}
.concierge-exemption-hero-section {
   background-image: url('/wp-content/uploads/2026/02/exemption-banner.webp');
   background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 630px;
    display: flex;
    align-items: center; 
} 
.client-banner-hero-section {
    background-image: url('/wp-content/uploads/2026/02/client-portal-banner.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 630px;
    display: flex;
    align-items: center;
}
.concierge-schedule-hero-section {
    background-image: url('/wp-content/uploads/2026/02/how-to-schedule-banner-1.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 630px;
    display: flex;
    align-items: center;
}
.concierge-consultant-hero-section {
    background-image: url(/wp-content/uploads/2026/03/client-success-consultant-banner.webp);
    background-size: cover;
    background-position: left bottom;
    background-repeat: no-repeat;
    min-height: 630px;
    display: flex;
    align-items: center;
}
.concierge-banner {
    margin-top: 35px;
    border: 2px solid #4CAF6A;
    border-radius: 8px;
    background: #eef8f0;
    padding: 5px 18px;
}
.concierge-banner p {display:none}
.banner-divider {
    width: 1px;
    height: 28px;
    background: #4CAF6A;
    opacity: .6;
}
.concierge-btn {
    margin-left: 15px;
    background: #23b14d;
    border: none;
    padding: 8px 26px;
    border-radius: 6px;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
}
.concierge-btn:hover {
    background: #1d9a43;
    color: #fff;
}
.concierge-btn:active,
.concierge-btn.active,
.btn-check:checked + .concierge-btn,
.concierge-btn.show {
    background: #1d9a43 !important;
    border-color: #1d9a43 !important;
    color: #fff !important;
    box-shadow: none;
}
.concierge-link {
    color: #1f8e39;
    font-weight: 600;
    text-decoration: underline !important;
}
.bg-light-fb-white {
    background-color: #FBFBFB !important;
}
#banner-enrollment-form .dollar-icon {
    width: 20px;
    height: 20px; 
}
@media (max-width: 575.98px) {
    .social-icons {
        padding-top: 0 !important;
    } 
    .social-icons a {
        width: 25px !important;
        height: 25px !important;
        margin: 0 10px 0 0 !important;
    } 
    .social-icons a img {
        width: 15px !important;
    }  
    #newhpcustom-phonenum { 
       font-size: 9px !important;
       float: left !important;
       top: 4px !important;
       left: -22px !important;
       position: relative;
    } 
    #newhpcustom-phonenum span {
      font-size: 14px !important;	    
    }	    
    #newhpcustom-uppernav {
      height: 22px !important;
    }
    #newhpcustom-uppernav  #menu-top-menu {
      margin: 0 !important;
    }
    #newhpcustom-uppernav ul li {
      line-height: 23px !important;
      padding: 0px 5px !important; 
    }
    #newhpcustom-uppernav ul li a::before {
      top: 3px !important;
    }
    .mb-hero-heading {
        margin-top: 15px !important;
    }
    .concierge-hero-section, .concierge-onsite-hero-section, .concierge-exemption-hero-section, .client-banner-hero-section, .concierge-schedule-hero-section {
        background-position: left;
        min-height: 330px;
    }
    .call-btn {
        font-size: 18px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {  
    .concierge-hero-section, .concierge-onsite-hero-section, .concierge-exemption-hero-section, .client-banner-hero-section, .concierge-schedule-hero-section, .concierge-consultant-hero-section {
        padding-top: 65px;
    }
    .call-btn {
        font-size: 22px !important;
    }
}
/**************** End Concierge CSS ****************/

.hero-section.ppc-banner-hero-section {
   position: relative;
    display: flex;
    align-items: center;
    background-image: url('/wp-content/uploads/2026/02/ppc_page_banner_houston.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.hero-section.ppc-banner-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55); 
    z-index: 0;
}
.hero-section.ppc-banner-hero-section.ppc-banner-dallas {
    background-image: url('/wp-content/uploads/2026/02/ppc_page_banner_dallas.webp') !important;
}
.hero-section.ppc-banner-hero-section.ppc-banner-san {
    background-image: url('/wp-content/uploads/2026/02/ppc_page_banner_sanantonio.webp') !important;
}
.hero-section.ppc-banner-hero-section.ppc-banner-austin {
    background-image: url('/wp-content/uploads/2026/03/ppc-austin-banner-1.webp') !important;
}
.hero-section.ppc-banner-hero-section.ppc-banner-abilene {
    background-image: url('/wp-content/uploads/2026/05/ppc-abilene-banner.webp') !important;
}
.hero-section.ppc-banner-hero-section.ppc-banner-amarillo {
    background-image: url('/wp-content/uploads/2026/05/ppc-amarillo-banner.webp') !important;
}
.hero-section.ppc-banner-hero-section.ppc-banner-waco {
    background-image: url('/wp-content/uploads/2026/05/ppc-waco-banner.webp') !important;
}
.hero-section.ppc-banner-hero-section.ppc-banner-elpaso {
    background-image: url('/wp-content/uploads/2026/03/ppc-elpaso_banner.webp') !important;
}
.hero-section.ppc-banner-hero-section.ppc-banner-lubbock {
    background-image: url('/wp-content/uploads/2026/03/ppc-lubbock-banner.webp') !important;
}
.hero-section.ppc-banner-hero-section.ppc-banner-bryan {
    background-image: url('/wp-content/uploads/2026/03/ppc-bryan-banner.webp') !important;
}
.hero-section .cook-count-content .text-green {
  color:#27B24D !important;
}
.ppc-faq-title-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
    align-items: center;
    gap: 14px;
}
.ppc-faq-icon {
    width: 48px;
    height: 48px;
    background: #0b4d45;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    flex-shrink: 0;
}
.ppc-faq-title {
    color: #179c47;
    font-weight: 700;
    font-size: 2rem;
    margin: 0;
    line-height: 1.2;
}
@media (max-width: 768px) {
    .ppc-faq-title {
        font-size: 1.4rem;
    }
    .ppc-faq-icon {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .hero-section.ppc-banner-hero-section {
        max-height: 100%; 
    }
}
/* Accordion Button */
.ppc-faq .accordion-button {
    background-color: #27b24d0a;
    font-weight: 600;
    font-size: 1.05rem;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    border-radius: 12px !important;
}
.ppc-faq .accordion-button:hover {
    background: #27b24d52;
    color: #444;
    z-index: 2;
}
.ppc-faq .accordion-item {
    border: 1px solid #27b24d52;
    margin-bottom: 15px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}
.ppc-faq .accordion-button:not(.collapsed) {
    background-color: #4db748;
    color: #fff;
    box-shadow: none;
}
.ppc-faq .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
.ppc-faq .accordion-body {
    background: #fff;
    padding: 25px;
    font-size: 1rem;
    color: #444;
}
.ppc-faq .accordion-item:not(:first-of-type) {
    border-top: 1px solid #27b24d52;
}
.ppc-faq .accordion-item:first-of-type {
    border-radius: 12px;
}

/*************** Cost Segregation CSS ***************/
.cal-overlay {
  display:none !important;	
}
.hero-costsegre-section a {
  color: #1f7a34 !important;
  font-weight: 500;
}
.hero-costsegre-section {
    position: relative;
   /*  overflow: hidden; */
    min-height: 600px;
    padding: 60px 0 30px 0;
    display: block;
    align-items: center;
}
.hero-costsegre-section .hero-bg-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    z-index: 1;
}
.hero-costsegre-section .hero-content {
    position: relative;
    z-index: 5;
}
.hero-costsegre-section .client-card-bg {
    margin: 0px 0 25px 0;
    color: #FFF;
    background-color: #F0FFF4;
    border: 2px solid #27B24D;
    border-radius: 12px;
}
.hero-costsegre-section .form-box {
    background: #fff;
    border-radius: 28px;
    padding: 15px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
}
.hero-costsegre-section .form-title {
    text-align:center;
    font-size:18px;
    line-height:1.2;
    font-weight:700;
    color:#444;
    margin-bottom:15px;
}
.hero-costsegre-section .form-divider{
    width:100%;
    height:1px;
    background:#d7d7d7;
    margin-bottom:15px;
}
.hero-costsegre-section .form-desc{
    text-align:center;
    font-size:17px;
    line-height:1.5;
    color:#495057;
    margin-bottom:15px;
}
.hero-costsegre-section .form-label-custom{
    display:block;
    font-size: 16px;
    font-weight: 600;
    color:#444;
    margin: 10px 0;
}
.hero-costsegre-section .form-control-custom, .hero-costsegre-section .form-select-custom {
    height: 45px;
    border: 1px solid #28b34b;
    border-radius: 50px;
    padding: 0 24px;
    font-size: 16px;
    color: #444;
    box-shadow: none;
}
.hero-costsegre-section .form-control-custom::placeholder {
    color:#a1a1a1;
}
.hero-costsegre-section .form-control-custom:focus, .hero-costsegre-section .form-select-custom:focus {
    border-color:#28b34b;
    box-shadow:none;
}
.hero-costsegre-section .select-wrap {
    position:relative;
}
.hero-costsegre-section .form-select-custom {
    padding-right:55px;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-image:none !important;
}
.hero-costsegre-section .select-wrap i {
    position:absolute;
    right:22px;
    top:50%;
    transform:translateY(-50%);
    font-size:18px;
    color:#28b34b;
    pointer-events:none;
}
.hero-costsegre-section .estimate-btn {
    width:100%;
    margin: 8px 0;
    /* margin-top:28px; */
    border:none;
    height:45px;
    border-radius:60px;
    background: #1f8f3c;
    color:#fff;
    font-size: 20px;
    font-weight: 600;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:0.3s;
}
.hero-costsegre-section .estimate-btn:hover{
    background:#0e842d;
}
.hero-costsegre-section .estimate-btn span{
    position:absolute;
    right:6px;
    width: 35px;
    height: 35px;
    border-radius:50%;
    background:#05384a;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: 18px;
}

/*********** Start Steeper Wizard CSS *********/
.hero-costsegre-section .stepper {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-left: 50px;
    margin-bottom: 25px;
}
.hero-costsegre-section .stepper::before {
    content: "";
    position: absolute;
    top: 22px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #dcdcdc;
    z-index: 1;
}
.hero-costsegre-section .step-progress {
    position: absolute;
    top: 22px;
    left: 0;
    height: 4px;
    background: #28b34b;
    z-index: 2;
    transition: 0.3s;
    width: 0%;
}
.hero-costsegre-section .step {
    position: relative;
    z-index: 3;
    text-align: center;
    width: auto;
    /* width: 100%; */
}
.hero-costsegre-section .step-circle {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #dcdcdc;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    font-weight: 600;
    transition: 0.3s;
}
.hero-costsegre-section .step.active .step-circle, .hero-costsegre-section .step.completed .step-circle {
    background: #28b34b;
}
.hero-costsegre-section .step-title {
    font-size: 14px;
    font-weight: 600;
    color: #666;
}
.hero-costsegre-section .step.active .step-title {
    color:#198754;
}

/* Form Steps */
.hero-costsegre-section .step-content {
    display: none;
    animation: fadeIn 0.3s ease;
}
.hero-costsegre-section .step-content.active {
    display: block;
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.hero-costsegre-section .wizard-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

/* Step 1 CSS */
.hero-costsegre-section .property-loader {
    padding:15px;
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14px;
}
.hero-costsegre-section .loading-text {
    font-weight:500;
}
.hero-costsegre-section #divpropertySearchDropDown {
    width: 100%;
    position: absolute;
    margin-top: 5px;
    background: #f5f5f5;
    border-radius: 12px;
    z-index: 999;
}
.hero-costsegre-section #propertySearchDropDown {
    list-style: none;
    margin: 0;
    padding: 10px;
    border: 1px solid #27b24d;
    border-radius: 12px;
}
.hero-costsegre-section #propertySearchDropDown li {
    position: relative;
    display: inline-block;
    padding: 5px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    cursor: pointer;
}
.hero-costsegre-section #propertySearchDropDown li .item-county {
    position: absolute;
    right: 12px;
    bottom: 8px;
}
.hero-costsegre-section #propertySearchDropDown li span {
    font-weight: 700;
    /* color: #27b24d; */
}
/* End Step 1 CSS */

/* Step 2 CSS */
.hero-costsegre-section .tax-savings-wrapper {
    padding:10px;
}
.hero-costsegre-section .tax-savings-wrapper .main-title{
    text-align:center;
    color:#1f7a34 !important;
    font-size:16px;
    font-weight:600;
    margin-top:18px;
}
.hero-costsegre-section .tax-savings-wrapper .title-line{
    border-top:2px solid #bdbdbd;
    margin-bottom:30px;
}
/* LEFT GREEN BOX */
.hero-costsegre-section .tax-savings-wrapper .property-card{
    background:#28B446;
    border-radius:8px;
    padding:10px;
    height:100%;
}
.hero-costsegre-section .tax-savings-wrapper .field-label{
    color:#fff;
    font-size:14px;
    font-weight:600;
    margin-bottom:10px;
}
.hero-costsegre-section .tax-savings-wrapper .field-box{
    background: #f3f3f3;
    border-radius: 14px;
    padding: 12px 18px;
    font-size: 14px;
    font-weight: 700;
    color: #4d4d4d;
    margin-bottom: 0px;
    line-height: 1;
}
/* WHITE CARDS */
.hero-costsegre-section .tax-savings-wrapper .savings-card{
    border:1px solid #2db24b;
    border-radius:8px;
    background:#ececec;
    padding:10px;
    height:100%;
}
.hero-costsegre-section .tax-savings-wrapper .card-title {
    text-align:center;
    font-size: 14px;
    font-weight:700;
    color:#3f3f3f;
    margin-bottom:8px;
}
.hero-costsegre-section .tax-savings-wrapper .card-divider{
    border-top:1px solid #bfbfbf;
    margin-bottom:10px;
}
.hero-costsegre-section .tax-savings-wrapper .saving-label{
    font-size:14px;
    font-weight:700;
    color:#4a4a4a;
    margin-bottom:12px;
}
.hero-costsegre-section .tax-savings-wrapper .saving-box {
    background: #f5f5f5;
    border-radius: 14px;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 700;
    color: #4f4f4f;
    margin-bottom: 10px;
}
/* RESPONSIVE */
@media(max-width:991px){
    .hero-costsegre-section .tax-savings-wrapper .main-title{
        font-size: 16px;
    }
    .hero-costsegre-section .tax-savings-wrapper .field-label, .hero-costsegre-section .tax-savings-wrapper .saving-label{
        font-size: 16px;
    }
    .hero-costsegre-section .tax-savings-wrapper .field-box, .hero-costsegre-section .tax-savings-wrapper .saving-box{
        font-size: 16px;
    }
    .hero-costsegre-section .tax-savings-wrapper .card-title{
        font-size: 16px;
    }

}
/* Step 2 CSS End */

/* Step 3 CSS Start */
.hero-costsegre-section .gform_legacy_markup_wrapper {
    margin-left: 15px !important;
}
.hero-costsegre-section .gform_legacy_markup_wrapper ul li.gfield {
    margin-top: 8px !important;
}
.hero-costsegre-section .gform_legacy_markup_wrapper label.gfield_label, .hero-costsegre-section .gform_legacy_markup_wrapper legend.gfield_label, .hero-costsegre-section .gform_legacy_markup_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .hero-costsegre-section .gform_legacy_markup_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
    display: none !important;
}
.hero-costsegre-section .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .hero-costsegre-section .gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    height: 45px;
    border: 1px solid #28b34b;
    border-radius: 50px;
    padding: 0 24px !important;
    font-size: 16px !important;
    color: #444;
    box-shadow: none;
}
.hero-costsegre-section #field_1_29, .hero-costsegre-section #field_1_2 {
    display: inline-block;
    float: none;
    padding-right: 16px;
    vertical-align: top;
    width: 50%;
}
.hero-costsegre-section .gform_legacy_markup_wrapper .top_label .gsection_description {
    margin-bottom: 0 !important;
    width: 100% !important;
    font-size: 18px;
    font-weight: 500;
}
.hero-costsegre-section #input_1_31_1 {
    margin-bottom: 10px;
}
.hero-costsegre-section #input_1_5 {
    width: 100% !important;
}
.hero-costsegre-section #field_1_5, #field_1_23 {
    margin-top: 0 !important;
}
.hero-costsegre-section #field_1_30 {
    display: none !important;
}
.hero-costsegre-section .gform_legacy_markup_wrapper .gform_footer {
    display: none;
}
.hero-costsegre-section #gform_submit_button_1 {
    display: none !important;
}
@media only screen and (min-width: 641px) {
    .hero-costsegre-section .gform_legacy_markup_wrapper .ginput_complex .ginput_left {
        padding-right: 7px !important;
    }
}
/* Step 3 CSS End */

/* Start Step 4 CSS */
.hero-costsegre-section .thankyou-section{
    padding:0;
    position:relative;
}
.hero-costsegre-section .thankyou-section .thankyou-wrapper{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
    padding:10px 20px 28px;
}
.hero-costsegre-section .thankyou-section .success-badge{
    width:120px;
    height:120px;
    margin:0 auto 8px;
    position:relative;
}
.hero-costsegre-section .thankyou-section .success-badge .outer{
    width:96px;
    height:96px;
    background:linear-gradient(180deg,#4fe36b,#22b84a);
    border-radius:50%;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border:8px solid #21bf55;
    box-shadow: 0 8px 16px rgba(34,184,74,.20);
    position:relative;
    z-index:2;
}
.hero-costsegre-section .thankyou-section .success-badge .inner{
    width:70px;
    height:70px;
    background:linear-gradient(180deg,#69ef82,#3dd75c);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.hero-costsegre-section .thankyou-section .success-badge i{
    color:#fff;
    font-size:42px;
    font-weight:800;
}
.hero-costsegre-section .thankyou-section .ribbon-left, .hero-costsegre-section .thankyou-section .ribbon-right{
    position:absolute;
    bottom:0;
    width:0;
    height:0;
    border-left:18px solid transparent;
    border-right:18px solid transparent;
    border-top:55px solid #1db454;
    z-index:1;
}
.hero-costsegre-section .thankyou-section .ribbon-left{
    left:22px;
    transform:rotate(10deg);
}
.hero-costsegre-section .thankyou-section .ribbon-right{
    right:22px;
    transform:rotate(-10deg);
}
.hero-costsegre-section .thankyou-section .thankyou-title{
    font-size:34px;
    font-weight:700;
    color:#42c44c;
    margin-bottom:10px;
}
.hero-costsegre-section .thankyou-section .divider-line{
    position:relative;
    width:100%;
    height:1px;
    background:#303030;
    margin:0 auto 16px;
}
.hero-costsegre-section .thankyou-section .divider-line::before{
    content:'';
    position:absolute;
    left: 45%;
    top:-1px;
    width:70px;
    height:3px;
    background:#42c44c;
}
.hero-costsegre-section .thankyou-section .main-message{
    max-width:900px;
    margin:0 auto 18px;
    font-size:26px;
    line-height:1.3;
    font-weight:700;
    color:#101010;
}
.hero-costsegre-section .thankyou-section .sub-message{
    font-size:16px;
    line-height:1.8;
    color:#1c2b3a;
    margin-bottom:8px;
}
.hero-costsegre-section .thankyou-section .phone-number{
    color:#42c44c;
    font-weight:700;
    text-decoration:none;
}
.hero-costsegre-section #thankyouBtn {
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    color: #FFF !important;
}
@media(max-width:991px){
    .hero-costsegre-section .thankyou-section .main-message{
        font-size:22px;
    }
    .hero-costsegre-section .thankyou-section .thankyou-title{
        font-size:30px;
    }
}
@media(max-width:767px){
    .hero-costsegre-section .thankyou-section .thankyou-wrapper{
        padding:15px 15px 30px;
    }
    .hero-costsegre-section .thankyou-section .success-badge{
        width:100px;
        height:100px;
    }
    .hero-costsegre-section .thankyou-section .success-badge .outer{
        width:82px;
        height:82px;
    }
    .hero-costsegre-section .thankyou-section .success-badge .inner{
        width:58px;
        height:58px;
    }
    .hero-costsegre-section .thankyou-section .success-badge i{
        font-size:32px;
    }
    .hero-costsegre-section .thankyou-section .thankyou-title{
        font-size:24px;
    }
    .hero-costsegre-section .thankyou-section .main-message{
        font-size:18px;
    }
    .hero-costsegre-section .thankyou-section .sub-message{
        font-size:15px;
        line-height:1.7;
    }
}
/* step 4 CSS End */
@media(max-width: 575px) { 
    .hero-costsegre-section {
        padding: 0px 0 30px 0;
    }
    .hero-content .row > *:nth-child(2) {
        margin-top: 10px;
    }
    .hero-costsegre-section .stepper {
        padding-left: 0;
    }
    .hero-costsegre-section #propertySearchDropDown li .item-county {
        position: relative !important;
        display: block;
        right: 0 !important;
        bottom: 0 !important;
    }
}
@media(max-width: 767px) { 
    .hero-costsegre-section {
        padding: 10px 0 30px 0;
    }
}
@media(max-width: 1199px) { 
  
}
@media(max-width: 1399px) { 

}
/********** END Steeper Wizard CSS *********/
/*************** END Cost Segregation CSS ***************/
/* =====================================================
   Cost Segregation - Our Approach Fade Cards
   ===================================================== */

.approach-flip-card {
    position: relative;
    height: 140px;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #27B24D;
    border-radius: 6px;
    background: #fff;
}


/* Common Front / Back */

.approach-flip-front,
.approach-flip-back {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;

    padding: 20px 25px;

    transition:
        opacity 0.35s ease,
        visibility 0.35s ease;
}


/* =========================
   FRONT
   ========================= */

.approach-flip-front {
    background: #fff;

    opacity: 1;
    visibility: visible;

    z-index: 2;
}

.approach-number {
    width: 42px;
    height: 42px;
    min-width: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #27B24D;
    color: #fff;

    border-radius: 50%;

    font-size: 18px;
    font-weight: 700;

    margin-right: 18px;
}

.approach-flip-front h3 {
    margin: 0 !important;
}

.approach-view {
    display: none;
}


/* =========================
   BACK / DETAILS
   ========================= */

.approach-flip-back {
    background: #27B24D;
    color: #fff;

    opacity: 0;
    visibility: hidden;

    z-index: 1;
}

.approach-flip-back h3 {
    color: #fff !important;
    font-size: 18px !important;
    margin-bottom: 6px !important;
}

.approach-flip-back p {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.45;
    margin: 0;
}

.approach-back-number {
    display: none;
}


/* =========================
   FADE EFFECT
   ========================= */

.approach-flip-card:hover .approach-flip-front,
.approach-flip-card:focus .approach-flip-front,
.approach-flip-card:focus-within .approach-flip-front {
    opacity: 0;
    visibility: hidden;
}

.approach-flip-card:hover .approach-flip-back,
.approach-flip-card:focus .approach-flip-back,
.approach-flip-card:focus-within .approach-flip-back {
    opacity: 1;
    visibility: visible;
}


/* Keyboard focus */

.approach-flip-card:focus {
    outline: 2px solid #27B24D;
    outline-offset: 3px;
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 767.98px) {

    .approach-flip-card {
        height: 150px;
    }

    .approach-flip-front,
    .approach-flip-back {
        padding: 18px 20px;
    }

    .approach-number {
        width: 38px;
        height: 38px;
        min-width: 38px;
        margin-right: 14px;
    }

}


/* Accessibility */

@media (prefers-reduced-motion: reduce) {

    .approach-flip-front,
    .approach-flip-back {
        transition: none;
    }

}

/* =====================================================
   Cost Segregation Overview Hero
   ===================================================== */

.cost-overview-hero {
    position: relative;
    min-height: 480px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.cost-overview-hero-bg {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center bottom;

    z-index: 0;
}

.cost-overview-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, .97) 0%,
        rgba(255, 255, 255, .93) 42%,
        rgba(255, 255, 255, .55) 65%,
        rgba(255, 255, 255, .10) 100%
    );

    z-index: 1;
}

.cost-overview-hero .container {
    position: relative;
    z-index: 2;
}

.cost-overview-hero-content {
    padding: 60px 0;
    max-width: 760px;
}


/* Tablet */

@media (max-width: 991.98px) {

    .cost-overview-hero {
        min-height: 440px;
    }

    .cost-overview-hero::before {
        background: rgba(255, 255, 255, .90);
    }

    .cost-overview-hero-content {
        padding: 50px 0;
    }

}


/* Mobile */

@media (max-width: 575.98px) {

    .cost-overview-hero {
        min-height: auto;
    }

    .cost-overview-hero-content {
        padding: 40px 0;
    }

    .cost-overview-hero h1 {
        font-size: 30px !important;
        line-height: 1.25;
    }

}
/* Guided DIY - Overview Page */

.diy-overview-card {
    position: relative;
    background: #fff;
    border: 1px solid #e1e4e2;
    border-radius: 8px;
    padding: 30px;
    overflow: hidden;
}

.diy-overview-number {
    position: absolute;
    top: 0;
    right: 0;

    width: 55px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #27B24D;
    color: #fff;

    border-radius: 0 7px 0 28px;

    font-weight: 700;
}

.diy-overview-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.diy-overview-list li {
    position: relative;
    padding-left: 27px;
    margin-bottom: 10px;

    color: #555;
    font-size: 17px;
}

.diy-overview-list li::before {
    content: "✓";
    position: absolute;
    left: 0;

    color: #27B24D;
    font-weight: 700;
}


/* Bottom CTA */

.diy-document-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    background: #fff;
    border: 1px solid #27B24D;
    border-left: 5px solid #27B24D;

    border-radius: 8px;

    padding: 25px 30px;
}

.diy-document-action {
    flex-shrink: 0;
}


@media (max-width: 767.98px) {

    .diy-document-cta {
        display: block;
    }

    .diy-document-action {
        margin-top: 20px;
    }

}


/* DIY-focused hero secondary CTA */
.cost-hero-secondary {
    background: #fff;
    color: #07842b;
    border: 1px solid #27B24D;
    font-weight: 600;
    padding: .5rem 1.5rem;
}

.cost-hero-secondary:hover,
.cost-hero-secondary:focus {
    background: #27B24D;
    border-color: #27B24D;
    color: #fff;
}

/* =====================================================
   POC Breadcrumb
   ===================================================== */
.poc-breadcrumb {
    width: 100%;
    background: linear-gradient(
        to right,
        #eeeeee 0%,
        rgba(238, 238, 238, 0.85) 35%,
        rgba(238, 238, 238, 0.35) 70%,
        transparent 100%
    );
}
.poc-breadcrumb-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 5px 0;
    font-size: 14px;
    line-height: 1.5;
}
.poc-breadcrumb-item {
    display: flex;
    align-items: center;
    color: #666;
}
.poc-breadcrumb-item + .poc-breadcrumb-item::before {
    content: "/";
    display: inline-block;
    padding: 0 10px;
    color: #999;
}
.poc-breadcrumb-item a {
    color: #07842b;
    font-weight: 500;
    text-decoration: none;
}
.poc-breadcrumb-item a:hover {
    color: #056b23;
    text-decoration: underline;
}
.poc-breadcrumb-item.active {
    color: #555;
    font-weight: 600;
}

/* Mobile */
@media (max-width: 575.98px) {
    .poc-breadcrumb-list {
        padding: 8px 0;
        font-size: 13px;
    }
    .poc-breadcrumb-item + .poc-breadcrumb-item::before {
        padding: 0 7px;
    }
}

/********************** START Commercial Property Tax New Design CSS *************************/
:root{--green:#07943f;--bright:#00bd5c;--dark:#0b3e40;--text:#626262}
*{box-sizing:border-box; font-family: 'RobotoRegular', sans-serif !important;}
.page-id-66475 button, .page-id-66475 input, .page-id-66475 select, .page-id-66475 textarea { font-family: 'RobotoRegular', sans-serif !important; }
html{scroll-behavior:smooth}
.page-id-66475{margin:0;font-family: 'RobotoRegular', sans-serif !important;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}
.page-id-66475 a{color:var(--green);font-weight:700;text-decoration:underline}
.page-id-66475 .container{max-width:1560px}
.page-id-66475 .desktop-break{display:block}
.d-contents {
  display: contents !important;
}

/* SECTION 1 */
.s1-hero{position:relative;overflow:hidden;min-height:798px;background:radial-gradient(circle at 14% 48%,rgba(10,139,70,.55),transparent 30%),radial-gradient(circle at 87% 42%,rgba(18,143,70,.60),transparent 35%),linear-gradient(110deg,#123f43,#0c4743 50%,#176d42)}
.s1-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.42) 1px,transparent 1px);background-size:32px 32px}
.s1-container{position:relative;z-index:1}
.s1-row{min-height:798px}
.s1-content{padding-right:0px;color:#fff}
.s1-content h1{margin:0 0 30px;color:#fff;font-size:58px;line-height:1.22;font-weight:700}
.s1-content h1 sup,.s3-left h2 sup{font-size:.43em;position:relative;top:-.08em}
.s1-content h2{margin:0 0 25px;color:#fff;font-size:30px;line-height:1.18;font-weight:700}
.s1-content>p{max-width:790px;margin:0 0 27px;color:#fff;font-size:18px;line-height:1.58;text-align: justify;}
.s1-cta{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:0 48px;border-radius:38px;border:3px solid rgba(0,255,110,.28);background:#20ae4d;color:#fff !important;text-decoration:none;font-size:22px;font-weight:400}
.s1-cta:hover{color:#fff;background:#16a546}
.s1-card #banner-enrollment-form .list-group-item {margin:0; align-items: center;}
.s1-card #banner-enrollment-form .dollar-icon {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #00b95c;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}
.s1-card{width:100%;padding:20px 21px 27px;background:transparent;border-radius:18px;box-shadow:none;} /*max-width:706px;margin-left:auto;*/
.s1-card-title{display:flex;align-items:center;gap:14px;margin-bottom:27px;color:#5c6260;font-size:23px;line-height:1.2}
.circle-number{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:3px solid var(--bright);border-radius:50%;color:#202525;font-size:16px}
.s1-card-intro{margin:0 0 27px;text-align:center;color:#333b38;font-size:17px;line-height:1.35;font-weight:700}
.s1-card-intro b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--bright);color:#fff}
.s1-search{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:5px;margin-bottom:21px}
.s1-address{height:61px;min-width:0;display:flex;align-items:center;gap:11px;padding:0 15px;border:1px solid #d5dcda;border-radius:6px}
.pin{color:#00b95c;font-family:Georgia,serif;font-size:34px}
.s1-address input{min-width:0;width:100%;border:0;outline:0;font-size:15px}
.s1-search button{height:61px;border:0;border-radius:6px;background:#00b95c;color:#fff;font-size:18px;font-weight:700}
.s1-help{margin:0 0 24px;text-align:center;color:#5c6260;font-size:17px;font-weight:700}
.s1-benefits{list-style:none;padding:0;margin:0}
.s1-benefits li{display:flex;gap:8px;margin-bottom:18px}
.s1-benefits li:last-child{margin-bottom:0}
.s1-benefits li>span{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:50%;background:#00b95c;color:#fff;font-size:20px;font-weight:700}
.s1-benefits li>div{padding-top:2px;color:#48504e;font-size:16px;line-height:1.4}

/* SECTION 2 */
.s2-section{padding:55px 0 0 0;background:#eef8f2}
.s2-wrap{width:calc(100% - 24px);max-width:1476px;margin:0 auto;display:grid;grid-template-columns:minmax(0,997px) minmax(0,479px);border:1px solid #0bb34f;border-radius:12px;overflow:hidden;background:#fff}
.s2-main{padding:37px 35px 28px}
.s2-main h2{margin:0 0 22px;color:#078d3e;font-size:38px;line-height:1.15;font-weight:700}
.s2-intro{margin:0 0 18px;font-size:17px;line-height:1.55}
.s2-main h3{margin:0 0 15px;color:#0d4144;font-size:23px;line-height:1.25;font-weight:700}
.s2-timeline{position:relative;list-style:none;margin:0 0 21px;padding:0 0 0 18px}
.s2-timeline:before{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:2px;background:#0abb5d}
.s2-timeline li{position:relative;padding:0 0 14px;font-size:17px;line-height:1.35}
.s2-timeline li:before{content:"";position:absolute;left:-19px;top:3px;width:12px;height:12px;border:3px solid #0abb5d;border-radius:50%;background:#fff}
.s2-side{padding:35px 14px 30px;background:#0c3f41;color:#fff}
.s2-side h3{margin:0 18px 20px;color:#fff;font-size:23px;line-height:1.35;font-weight:700}
.s2-box{padding:7px 20px;border:1px solid rgba(255,255,255,.62);border-radius:21px}
.s2-box p{position:relative;margin:0;padding:15px 0 15px 20px;color:#fff;font-size:16px;line-height:1.35;border-bottom:1px solid rgba(255,255,255,.40)}
.s2-box p:last-child{border-bottom:0}
.s2-box p:before{content:"";position:absolute;left:0;top:21px;width:9px;height:9px;border-radius:50%;border:2px solid #8bf2b8;background:#00c966}
.s2-subtitle{margin-top:24px!important}

/* SECTION 3 */
.s3-section{padding:40px 0 40px;background:#fff}
.s3-container{max-width:1296px}
.s3-left{padding-right:42px}
.s3-left h2{margin:0 0 20px;color:#078d3e;font-size:40px;line-height:1.20;font-weight:700}
.s3-intro{margin:0 0 27px;font-size:22px;line-height:1.55;text-align: justify;}
.s3-left h3{margin:0 0 20px;color:#0d4144;font-size:36px;line-height:1.45;font-weight:700}
.s3-list{list-style:none;padding:0;margin:0}
.s3-list li{position:relative;padding:0 0 19px 22px;font-size:17px;line-height:1.35}
.s3-list li:before{content:"";position:absolute;left:0;top:5px;width:12px;height:12px;border:3px solid #00b95c;border-radius:50%;background:#fff}
.s3-card{min-height:555px;padding:35px 35px 35px;border:1px solid #00a94c;border-radius:23px;background:linear-gradient(180deg,#fff 0%,#fff 51%,#e8fff1 100%)}
.s3-card h3 {color: #0d4144;font-size:26px;font-weight: 700;}
.s3-card p{margin:0 0 29px;font-size:17px;line-height:35px;text-align: justify;}

/* RESPONSIVE */
@media(max-width:1399.98px){
.container{max-width:1240px}
.s1-content h1{font-size:51px}.s1-content h2{font-size:29px}.s1-content>p{font-size:16px}
.s2-wrap{max-width:1240px;grid-template-columns:minmax(0,1fr) 420px}.s2-main h2{font-size:34px}.s3-container{max-width:1240px}.s3-left h2{font-size:34px}
}
@media(max-width:1199.98px){
.s1-content{padding-right:30px}.s1-card{max-width:620px}.s2-wrap{grid-template-columns:minmax(0,1fr) 390px}.s2-main{padding:30px 25px}.s3-card{padding-top:60px}
}
@media(max-width:991.98px){
.desktop-break{display:none}.s1-hero{min-height:auto}.s1-row{min-height:auto;padding:55px 0 60px}.s1-content{padding-right:12px}.s1-content h1{font-size:48px}.s1-content h2{font-size:27px}.s1-content>p{font-size:16px}.s1-card{margin:38px auto 0;max-width:720px}.s2-wrap{grid-template-columns:1fr}.s2-side{padding:30px}.s3-left{padding-right:12px;margin-bottom:35px}.s3-card{min-height:0;padding:45px 30px 30px}
}
@media(max-width:767.98px){
.container{padding-left:18px;padding-right:18px}.s1-row{padding:38px 0 45px}.s1-content h1{font-size:38px;line-height:1.1;margin-bottom:20px}.s1-content h2{font-size:23px}.s1-content>p{font-size:15px;line-height:1.55}.s1-cta{width:100%;min-height:54px;padding:0 18px;font-size:18px}.s1-card{padding:17px 15px 21px;border-radius:13px}.s1-card-title{font-size:18px;margin-bottom:18px}.circle-number{width:31px;height:31px;flex-basis:31px}.s1-card-intro{font-size:14px}.s1-search{grid-template-columns:1fr;gap:9px}.s1-address,.s1-search button{height:55px}.s1-help{font-size:14px}.s1-benefits li>div{font-size:14px}
.s2-section{padding:35px 0}.s2-wrap{width:calc(100% - 24px);border-radius:10px}.s2-main{padding:25px 20px}.s2-main h2,.s3-left h2{font-size:28px}.s2-main h3,.s2-side h3,.s3-left h3{font-size:20px}.s2-intro,.s2-timeline li,.s3-intro,.s3-list li,.s3-card p{font-size:15px}.s2-side{padding:25px 20px}.s2-box{padding:5px 15px}.s2-box p{font-size:14px}
.s3-section{padding:35px 0 45px}.s3-card{padding:30px 20px;border-radius:16px}
}
@media(max-width:390px){.s1-content h1{font-size:33px}.s1-content h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* =========================
   SECTIONS 4–6
   ========================= */
.s4-section{padding:55px 0 0;background:#eef8f2}
.s4-container{max-width:1560px}
.s4-rate-card{padding:30px 34px 28px;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(0,175,75,.18)}
.s4-rate-card h2,.s4-why-title,.s5-container>h2,.s6-container h2{margin:0;color:#078d3e;font-weight:700}
.s4-rate-card h2{font-size:36px;line-height:1.2;margin-bottom:12px}
.s4-rate-card p{margin:0 0 17px;font-size:16px;line-height: 35px;text-align: justify;}
.s4-rate-card p:last-child{margin-bottom:0}
.s4-why-title{text-align:center;font-size:34px;line-height:1.2;margin:47px 0 28px}
.s4-benefits{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;margin:0 4px 0px}
.s4-benefits>div{min-height:76px;display:flex;align-items:center;padding:17px 20px 17px 51px;position:relative;border:1px solid #c8c8c8;border-radius:10px;background:#fff;font-size:16px;line-height:1.4}
.s4-benefits>div:before{content:"\2713";position:absolute;left:16px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#00b95c;color:#fff;font-weight:700}
.s4-dark{padding:29px 48px 30px;border-radius:11px 11px 0 0;background:#0b3e40;color:#fff;text-align:center}
.s4-dark h3{margin:0 0 24px;font-size:20px;line-height:1.45;color:#fff}
.s4-dark>p{margin:20px 0 0;font-size:15px;line-height:1.4}
.s4-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.s4-action{min-height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #a9e8bd;border-radius:10px;background:linear-gradient(135deg,#079a3e,#21b84f);color:#fff !important;text-decoration:none;font-size:21px;font-weight:700}
.s4-action span{width:40px;height:40px;display:grid;place-items:center;margin-bottom:7px;border:1px solid #fff;border-radius:50%;font-size:22px;font-weight:400}
.s4-action:hover{color:#fff}

.s5-section{padding:30px 0 15px;background:#fff}
.s5-container{max-width:1320px}
.s5-container>h2{text-align:center;font-size:38px;line-height:1.2;margin-bottom:32px}
.s5-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.s5-card{min-height:auto;padding:15px;border:1px solid #174f51;border-left:12px solid #103f41;border-radius:12px;background:linear-gradient(180deg,#fff,#edf9f2)}
.s5-icon{width:40px;height:40px;display:grid;place-items:center;margin-bottom:0px;border-radius:12px;background:#07943f;color:#fff;font-size:20px;font-weight:700}
.s5-icon,
.s5-icon:hover,
.s5-icon:focus,
.s5-icon:active,
.s5-icon:visited {
    color: #fff !important;
    background: #168f46;
    text-decoration: none !important;
}
.s5-card h3{margin:0;padding-bottom:0px; color: #078d3e; font-size: 20px; font-weight: 600; line-height:1.2}
.s5-card p{margin:16px 0 0;font-size:16px;line-height:1.48;text-align:justify}

.s6-section{padding:30px 0 20px;background:#fff}
.s6-container{max-width:1490px}
.s6-contact-card{padding:25px 26px 34px;border:1px solid #00a94c;border-radius:12px;background:linear-gradient(180deg,#fff 0%,#fff 40%,#eaf8f0 100%)}
.s6-image-wrap{height:335px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #c7c7c7;border-radius:8px;background:#fff}
.s6-image-wrap img{width:100%;height:100%;object-fit:contain}
.s6-contact-card>p{margin:28px 0 23px;color:#0e3e42;font-size:24px;line-height:1.5}
.s6-contact-card strong{color:#078d3e}
.s6-contact-card sup{font-size:.5em}
.s6-button{display:inline-flex;align-items:center;justify-content:center;min-width:170px;height:48px;border-radius:25px;border:3px solid rgba(0,255,100,.25);background:#18a947;color:#fff !important;text-decoration:none;font-size:18px;font-weight:700}
.s6-button:hover{color:#fff;background:#0b963c}
.s6-container h2{font-size:38px;line-height:1.2;margin:3px 0 34px}
.s6-accordion .accordion-item{margin-bottom:24px;border:1px solid #c8c8c8;border-radius:12px;overflow:hidden;background:#fff}
.s6-accordion .accordion-button{min-height:88px;padding:18px 26px;color:#222;background:linear-gradient(100deg,#fff,#f7f7f7);box-shadow:none;font-size:23px;line-height:1.25;font-weight:700}
.s6-accordion .accordion-button:focus{box-shadow:none}
.s6-accordion .accordion-button:after{width:32px;height:32px;border-radius:50%;background-color:#dedede;background-image:none;content:"+";font-size:29px;font-weight:300;line-height:31px;text-align:center;color:#555;transform:none}
.s6-accordion .accordion-button:not(.collapsed){color:#222;background:#fff}
.s6-accordion .accordion-button:not(.collapsed):after{content:"−";transform:none}
.s6-accordion .accordion-body{padding:0 26px 24px;font-size:16px;line-height:1.55;text-align: justify;}

@media(max-width:991.98px){
.s4-rate-card h2,.s5-container>h2,.s6-container h2{font-size:31px}
.s4-action-grid{gap:15px}
.s5-grid{grid-template-columns:1fr 1fr}
.s6-contact-card{margin-bottom:35px}
}
@media(max-width:767.98px){
.s4-section{padding:35px 0 0}
.s4-rate-card{padding:23px 20px}
.s4-rate-card h2{font-size:27px}
.s4-rate-card p{font-size:15px}
.s4-why-title{font-size:27px;margin:35px 0 22px}
.s4-benefits{grid-template-columns:1fr;gap:12px;margin-bottom:27px}
.s4-benefits>div{font-size:14px}
.s4-dark{padding:25px 18px}
.s4-dark h3{font-size:17px}
.s4-action-grid{grid-template-columns:1fr;gap:12px}
.s4-action{min-height:75px;font-size:18px}
.s4-action span{width:32px;height:32px;font-size:17px}
.s5-section{padding:28px 0 35px}
.s5-container>h2{font-size:28px;margin-bottom:23px}
.s5-grid{grid-template-columns:1fr;gap:18px}
.s5-card{min-height:0;padding:22px 22px 23px;border-left-width:9px}
.s5-card p{font-size:15px}
.s6-section{padding:35px 0 45px}
.s6-contact-card{padding:18px 18px 27px}
.s6-image-wrap{height:250px}
.s6-contact-card>p{font-size:20px}
.s6-container h2{font-size:28px;margin-bottom:23px}
.s6-accordion .accordion-item{margin-bottom:14px}
.s6-accordion .accordion-button{min-height:72px;padding:15px 18px;font-size:17px}
.s6-accordion .accordion-button:after{width:28px;height:28px;font-size:25px;line-height:27px}
.s6-accordion .accordion-body{padding:0 18px 20px;font-size:14px}
}


/* FINAL USER REFERENCE LAYOUT
   Requested order: Hero -> Section 3 -> Section 2 -> Section 4 -> Section 5 -> Section 6.
*/
.s3-after-hero{position:relative;z-index:2}
.s2-after-s3{position:relative;z-index:3}
.s4-section{position:relative;z-index:4}
.s4-dark{position:relative;z-index:5}
.s5-section{position:relative;z-index:2}

/* Reference image shows the Section 4 dark card visually dominant at the
   section boundary. Keep the effect controlled so it cannot cause overflow. */
@media (min-width:992px){
  .s4-dark{margin-left:-4px;margin-right:-4px}
}
@media (max-width:767.98px){
  .s4-dark{margin-left:0;margin-right:0}
}

/* ==========================================================
   FINAL S4 -> S5 OVERLAP
   The dark card must physically/visually cross the boundary
   into the white Section 5 area.
   ========================================================== */
.s4-section{
  position:relative;
  z-index:10;
  padding-bottom:0 !important;
  background:#eef8f2;
}

.s4-container{
  position:relative;
  z-index:11;
}

/* Keep the card in the S4 stacking context and move it downward.
   transform affects only its visual position, so the S5 white
   background can start behind the lower part of this card. */
.s4-dark{
  position:relative;
  z-index:30;
  transform:translateY(58px);
  margin-left:0 !important;
  margin-right:0 !important;
  margin-bottom:0 !important;
  border-radius:11px;
}

.s5-section{
  position:relative;
  z-index:5;
  padding-top:116px !important;
  background:#fff !important;
}

.s5-container{
  position:relative;
  z-index:6;
}

/* The S4 dark card is intentionally above the S5 white background. */
.s4-dark,
.s4-dark *{
  isolation:isolate;
}

@media (max-width:991.98px){
  .s4-dark{
    transform:translateY(45px);
  }
  .s5-section{
    padding-top:90px !important;
  }
}

@media (max-width:767.98px){
  .s4-dark{
    transform:translateY(30px);
  }
  .s5-section{
    padding-top:70px !important;
  }
}


/* ==========================================================
   S4 RATE CARD — 1296px RESPONSIVE WIDTH
   ========================================================== */
.s4-rate-card{
    width:100%;
    max-width:1296px;
    margin-left:auto;
    margin-right:auto;
}

@media (max-width:1399.98px){
    .s4-rate-card{
        max-width:calc(100% - 48px);
    }
}

@media (max-width:1199.98px){
    .s4-rate-card{
        max-width:calc(100% - 40px);
    }
}

@media (max-width:991.98px){
    .s4-rate-card{
        width:100%;
        max-width:calc(100% - 32px);
    }
}

@media (max-width:767.98px){
    .s4-rate-card{
        width:100%;
        max-width:none;
        margin-left:0;
        margin-right:0;
    }
}



.s1-container.container,
.s3-container.container,
.s4-container.container,
.s5-container.container,
.s6-container.container{
    width:100%;
}


/* ==========================================================
   S2 TIMELINE + BENEFIT BOX — REFERENCE MATCH
   ========================================================== */

/* Timeline:
   The vertical green rule belongs only to the list items.
   Each dot is centered on the rule and the rule terminates
   cleanly at the final item instead of extending beyond it. */
.s2-timeline{
    position:relative;
    list-style:none;
    margin:0 0 21px !important;
    padding:0 0 0 20px;
}

.s2-timeline::before{
    content:"";
    position:absolute;
    left:6px;
    top:10px;
    bottom:10px;
    width:2px;
    background:#00b95c;
    border-radius:2px;
}

.s2-timeline li{
    position:relative;
    padding:0px 0 14px 25px;
    margin:0;
    font-size:17px;
    line-height:1.42;
}

.s2-timeline li:last-child{
    padding-bottom:0;
}

.s2-timeline li::before{
    content:"";
    position:absolute;
    left:1px;
    top:5px;
    width:12px;
    height:12px;
    border:3px solid #00b95c;
    border-radius:50%;
    background:#fff;
    z-index:2;
}

/* Make the timeline line finish exactly around the final marker. */
.s2-timeline::after{
    content:"";
    position:absolute;
    left:6px;
    bottom:0;
    width:2px;
    height:10px;
    background:#fff;
    z-index:1;
}

/* Dark benefit boxes:
   match the supplied reference with a subtle inner green/blue
   border, large rounded corners and consistent horizontal padding. */
.s2-box{
    margin:0;
    padding:7px 20px;
    border:1px solid rgba(210,240,231,.62);
    border-radius:22px;
    background:#123f41;
    box-shadow:none;
    overflow:hidden;
}

.s2-box p{
    position:relative;
    margin:0;
    padding:15px 0 15px 20px;
    color:#fff;
    font-size:16px;
    line-height:1.38;
    border-bottom:1px solid rgba(190,225,215,.48);
}

.s2-box p:last-child{
    border-bottom:0;
}

.s2-box p::before{
    content:"";
    position:absolute;
    left:0;
    top:21px;
    width:9px;
    height:9px;
    border:2px solid #9df4c2;
    border-radius:50%;
    background:#00c966;
    box-sizing:border-box;
}

@media (max-width:991.98px){
    .s2-timeline{
        padding-left:19px;
    }

    .s2-timeline li{
        font-size:16px;
    }

    .s2-box{
        border-radius:20px;
        padding:6px 17px;
    }
}

@media (max-width:767.98px){
    .s2-timeline{
        padding-left:18px;
    }

    .s2-timeline::before{
        left:5px;
    }

    .s2-timeline::after{
        left:5px;
    }

    .s2-timeline li{
        padding-bottom:13px;
        font-size:15px;
        line-height:1.4;
    }

    .s2-timeline li::before{
        left:0px;
        top:4px;
        width:11px;
        height:11px;
    }

    .s2-box{
        padding:5px 14px;
        border-radius:19px;
    }

    .s2-box p{
        padding:14px 0 14px 19px;
        font-size:14px;
        line-height:1.4;
    }

    .s2-box p::before{
        top:19px;
    }
}


/* ==========================================================
   S2 BOX — EXACT REFERENCE BORDER
   The supplied reference has one continuous thin border on
   TOP + RIGHT + BOTTOM + LEFT, with large rounded corners.
   ========================================================== */
.s2-box{
    position:relative;
    border:1px solid #6f888a !important;
    border-radius:22px !important;
    background:#143f42 !important;
    overflow:hidden;
    box-shadow:none !important;
}

/* Keep the four outer edges visually continuous. */
.s2-box::before{
    content:"";
    position:absolute;
    inset:0;
    border:1px solid #6f888a;
    border-radius:22px;
    pointer-events:none;
    z-index:1;
}

.s2-box p{
    position:relative;
    z-index:2;
}

@media (max-width:767.98px){
    .s2-box{
        border-radius:19px !important;
    }

    .s2-box::before{
        border-radius:19px;
    }
}


/* ==========================================================
   SECTION 7 — CLIENT SAVINGS / LOGOS / TESTIMONIALS
   Bootstrap 5.3.3 compatible, responsive, CWV-conscious.
   ========================================================== */
.s7-section{
  --s7-bg:#123f42;
  --s7-panel:#0d3437;
  --s7-card:#153f42;
  --s7-green:#16b84e;
  --s7-yellow:#fff500;
  background:var(--s7-bg);
  color:#fff;
  padding:60px 0 60px;
  overflow:hidden;
  font-family:'RobotoRegular',sans-serif;
}

.s7-container{
  width:100%;
  max-width:1560px;
  margin:0 auto;
  padding:0 0;
}

.s7-logo-row{
  display:flex;
  align-items:center;
  min-height:185px;
  gap:34px;
}

.s7-intro{
  flex:0 0 430px;
}

.s7-intro h2{
  margin:0;
  color:var(--s7-green);
  font-size:38px;
  line-height:1.45;
  font-weight:700;
  letter-spacing:-.5px;
}

.s7-intro h2 strong{
  font-weight:800;
}

.s7-intro p{
  margin:12px 0 0;
  font-size:28px;
  line-height:1.3;
  color:#fff;
}

.s7-logo-divider{
  width:1px;
  height:185px;
  flex:0 0 1px;
  background:rgba(22,184,78,.9);
}

.s7-logo-viewport{
  min-width:0;
  flex:1 1 auto;
  overflow:hidden;
  padding:4px 0;
}

.s7-logo-track{
  display:flex;
  align-items:center;
  width:max-content;
  gap:46px;
  animation:s7-logo-scroll 28s linear infinite;
  will-change:transform;
}

.s7-logo-item{
  width:164px;
  height:118px;
  flex:0 0 164px;
  border-radius:11px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
}

.s7-logo-item img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

@keyframes s7-logo-scroll{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-50% - 23px),0,0)}
}

.s7-testimonial-panel{
  display:grid;
  grid-template-columns:340px minmax(0,1fr);
  gap:82px;
  margin-top:40px;
  padding:38px 48px 40px;
  background:var(--s7-panel);
  border:1px solid rgba(191,216,215,.7);
  border-radius:26px;
  min-height:450px;
}

.s7-client-intro{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}

.s7-client-intro h3{
  margin:0 0 48px;
  color:#fff;
  font-size:38px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:.3px;
}

.s7-client-intro img{
  display:block;
  width:214px;
  height:78px;
  object-fit:cover;
  border-radius:40px;
}

.s7-testimonial-carousel{
  min-width:0;
  align-self:center;
}

.s7-testimonial-carousel .carousel-inner{
  overflow:visible;
}

.s7-testimonial-carousel .carousel-item{
  padding:0 0;
}

.s7-testimonial-card{
  height:375px;
  padding:35px 28px 28px;
  border:1px solid rgba(191,216,215,.7);
  border-radius:25px;
  background:var(--s7-card);
  display:flex;
  flex-direction:column;
}

.s7-stars{
  color:var(--s7-yellow);
  font-size:34px;
  line-height:1;
  letter-spacing:3px;
  margin-bottom:20px;
}

.s7-stars span{
  color:var(--s7-yellow);
}

.s7-quote{
  margin:0;
  color:#fff;
  font-size:17px;
  line-height:1.55;
  text-align:justify;
  flex:1 1 auto;
}

.s7-card-footer{
  display:grid;
  grid-template-columns:53px minmax(0,1fr) 72px;
  align-items:center;
  gap:14px;
  margin-top:18px;
}

.s7-card-footer img{
  width:53px;
  height:53px;
  padding: 5px;
  border-radius:50%;
  object-fit:cover;
  background:#fff;
}

.s7-card-footer strong{
  display:block;
  color:var(--s7-yellow);
  font-size:18px;
  line-height:1.2;
}

.s7-card-footer span{
  display:block;
  color:#fff;
  font-size:17px;
  line-height:1.3;
  margin-top:5px;
}

.s7-quote-mark{
  color:#20bd55;
  font-size:65px;
  line-height:.65;
  text-align:right;
  font-weight:800;
  transform:rotate(180deg);
}

.s7-carousel-control{
  width:36px;
  opacity:0;
  pointer-events:none;
}

@media (max-width:1599.98px){
  .s7-container{max-width:calc(100% - 48px)}
  .s7-logo-row{gap:26px}
  .s7-intro{flex-basis:390px}
  .s7-logo-track{gap:32px}
  .s7-testimonial-panel{gap:55px;padding-left:40px;padding-right:40px}
}

@media (max-width:1199.98px){
  .s7-container{max-width:calc(100% - 40px)}
  .s7-intro{flex-basis:340px}
  .s7-intro h2{font-size:32px}
  .s7-intro p{font-size:23px}
  .s7-logo-item{width:145px;height:104px;flex-basis:145px}
  .s7-testimonial-panel{grid-template-columns:280px minmax(0,1fr);gap:34px}
  .s7-client-intro h3{font-size:31px}
  .s7-testimonial-card{height:390px}
}

@media (max-width:991.98px){
  .s7-container{max-width:calc(100% - 32px)}
  .s7-logo-row{
    display:block;
    min-height:0;
  }
  .s7-intro{max-width:600px}
  .s7-logo-divider{
    width:100%;
    height:1px;
    margin:24px 0;
  }
  .s7-logo-track{gap:22px}
  .s7-logo-item{width:150px;height:108px;flex-basis:150px}
  .s7-testimonial-panel{
    grid-template-columns:1fr;
    gap:28px;
    padding:34px;
  }
  .s7-client-intro h3{margin-bottom:22px}
  .s7-client-intro img{width:190px;height:70px}
  .s7-testimonial-card{height:auto;min-height:390px}
}

@media (max-width:767.98px){
  .s7-section{padding:42px 0}
  .s7-container{width:100%;max-width:none;padding:0 16px}
  .s7-intro h2{font-size:29px;line-height:1.28}
  .s7-intro p{font-size:21px}
  .s7-logo-divider{margin:20px 0}
  .s7-logo-track{gap:16px;animation-duration:22s}
  .s7-logo-item{width:130px;height:94px;flex-basis:130px;border-radius:9px}
  .s7-testimonial-panel{
    margin-top:28px;
    padding:25px 16px 22px;
    border-radius:20px;
  }
  .s7-client-intro h3{
    font-size:28px;
    line-height:1.35;
    margin-bottom:20px;
  }
  .s7-client-intro img{width:180px;height:66px}
  .s7-testimonial-card{
    min-height:430px;
    padding:27px 20px 22px;
    border-radius:20px;
  }
  .s7-stars{font-size:27px;letter-spacing:2px}
  .s7-quote{font-size:15px;line-height:1.48}
  .s7-card-footer{
    grid-template-columns:48px minmax(0,1fr) 50px;
    gap:10px;
  }
  .s7-card-footer img{width:48px;height:48px}
  .s7-card-footer strong{font-size:16px}
  .s7-card-footer span{font-size:14px}
  .s7-quote-mark{font-size:50px}
}

@media (prefers-reduced-motion:reduce){
  .s7-logo-track{
    animation:none;
  }
  .s7-testimonial-carousel .carousel-item{
    transition:none;
  }
}


/* Section 7 visibility / stacking safety */
.s7-section{
  position:relative;
  z-index:1;
  display:block;
  clear:both;
  width:100%;
  min-height:1px;
  visibility:visible;
  opacity:1;
}
.s7-section img{
  max-width:100%;
}


/* ==========================================================
   SECTION 7 TESTIMONIALS — STATIC TWO CARD DESIGN
   No carousel / no testimonial slider.
   ========================================================== */
.s7-testimonials-static{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:40px;
  width:100%;
}

.s7-testimonials-static .s7-testimonial-card{
  width:100%;
  min-width:0;
  height:auto;
}

.s7-testimonial-carousel{
  display:none !important;
}

@media (max-width:991.98px){
  .s7-testimonials-static{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
  }

  .s7-testimonials-static .s7-testimonial-card{
    height:auto;
    min-height:390px;
  }
}

@media (max-width:767.98px){
  .s7-testimonials-static{
    grid-template-columns:1fr;
    gap:20px;
  }

  .s7-testimonials-static .s7-testimonial-card{
    min-height:0;
    height:auto;
  }
}


/* ==========================================================
   SECTION 7 — EXACT REFERENCE PANEL + QUOTE MARKS
   ========================================================== */
.s7-testimonial-panel{
  position:relative;
  background:#0d3437 !important;
  border:1px solid #91a7a8 !important;
  border-radius:24px !important;
  box-shadow:none !important;
  overflow:hidden;
}

.s7-quote-mark{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  width:72px;
  height:54px;
  margin-left:auto;
  color:#20bd55 !important;
  font-size:0 !important;
  line-height:1;
  font-weight:800;
  transform:none !important;
  flex:0 0 72px;
}

/* Two separate solid quotation marks, matching the reference. */
.s7-quote-mark::before,
.s7-quote-mark::after{
  content:"";
  display:block;
  width:31px;
  height:42px;
  background:#20bd55;
  clip-path:polygon(
    0 0, 46% 0, 72% 15%, 88% 35%, 100% 58%,
    72% 58%, 72% 72%, 57% 100%, 40% 100%,
    53% 74%, 34% 68%, 17% 55%, 7% 38%
  );
}

.s7-quote-mark::after{
  margin-left:7px;
}

/* Keep the quote mark visually aligned with the card footer. */
.s7-card-footer{
  align-items:center;
}

@media (max-width:767.98px){
  .s7-testimonial-panel{
    border-radius:20px !important;
  }

  .s7-quote-mark{
    width:58px;
    height:45px;
    flex-basis:58px;
  }

  .s7-quote-mark::before,
  .s7-quote-mark::after{
    width:24px;
    height:34px;
  }

  .s7-quote-mark::after{
    margin-left:5px;
  }
}


/* ==========================================================
   SECTION 7 — RESPONSIVE CARD + EXACT QUOTE IMAGE FIX
   ========================================================== */
.s7-testimonials-static{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:40px;
  min-width:0;
}

.s7-testimonials-static .s7-testimonial-card{
  min-width:0;
  box-sizing:border-box;
}

.s7-testimonial-card .s7-quote{
  min-width:0;
  overflow-wrap:break-word;
  word-break:normal;
}

.s7-quote-mark{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:flex-end !important;
  gap:7px;
  width:72px !important;
  height:54px !important;
  flex:0 0 72px !important;
  margin-left:auto !important;
  transform:none !important;
  font-size:0 !important;
  line-height:0 !important;
}

.s7-quote-mark::before,
.s7-quote-mark::after{
  content:none !important;
}

.s7-quote-mark img{
  display:block;
  width:30px;
  height:42px;
  max-width:none;
  flex:0 0 30px;
  object-fit:contain;
}

@media (max-width:1199.98px){
  .s7-testimonial-panel{
    grid-template-columns:280px minmax(0,1fr);
    gap:28px;
    padding-left:28px;
    padding-right:28px;
  }

  .s7-testimonials-static{
    gap:22px;
  }

  .s7-testimonials-static .s7-testimonial-card{
    height:auto !important;
    min-height:390px;
  }
}

@media (max-width:991.98px){
  .s7-testimonial-panel{
    grid-template-columns:1fr !important;
    gap:28px;
    padding:30px;
  }

  .s7-testimonials-static{
    grid-template-columns:1fr 1fr !important;
    gap:20px;
  }

  .s7-testimonials-static .s7-testimonial-card{
    height:auto !important;
    min-height:0 !important;
  }

  .s7-quote{
    flex:0 0 auto !important;
  }
}

@media (max-width:767.98px){
  .s7-section{
    overflow:hidden;
  }

  .s7-container{
    width:100%;
    max-width:none;
    padding-left:16px;
    padding-right:16px;
  }

  .s7-testimonial-panel{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100%;
    max-width:100%;
    padding:24px 16px 22px !important;
    margin-top:28px;
    border-radius:20px !important;
    box-sizing:border-box;
  }

  .s7-client-intro{
    width:100%;
  }

  .s7-testimonials-static{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100%;
    max-width:100%;
    gap:20px;
  }

  .s7-testimonials-static .s7-testimonial-card{
    width:100%;
    height:auto !important;
    min-height:0 !important;
    padding:24px 18px 20px !important;
    border-radius:20px;
    box-sizing:border-box;
  }

  .s7-stars{
    font-size:26px !important;
    letter-spacing:2px !important;
    margin-bottom:17px !important;
  }

  .s7-quote{
    flex:none !important;
    margin:0 !important;
    font-size:15px !important;
    line-height:1.5 !important;
    text-align:left !important;
    overflow:visible !important;
  }

  .s7-card-footer{
    width:100%;
    grid-template-columns:48px minmax(0,1fr) 72px !important;
    gap:9px !important;
    margin-top:20px !important;
    min-height:54px;
  }

  .s7-card-footer img{
    width:48px !important;
    height:48px !important;
  }

  .s7-quote-mark{
    width:72px !important;
    height:54px !important;
    flex-basis:72px !important;
    gap:7px;
  }

  .s7-quote-mark img{
    width:30px !important;
    height:42px !important;
    flex-basis:30px !important;
  }
}

@media (max-width:420px){
  .s7-testimonial-panel{
    padding:20px 12px 18px !important;
  }

  .s7-testimonials-static .s7-testimonial-card{
    padding:22px 15px 18px !important;
  }

  .s7-card-footer{
    grid-template-columns:44px minmax(0,1fr) 64px !important;
  }

  .s7-card-footer img{
    width:44px !important;
    height:44px !important;
  }

  .s7-quote-mark{
    width:64px !important;
    flex-basis:64px !important;
    gap:5px;
  }

  .s7-quote-mark img{
    width:27px !important;
    height:38px !important;
    flex-basis:27px !important;
  }
}


/* ==========================================================
   S7 QUOTE MARK — EXACT REFERENCE POSITION
   ========================================================== */
.s7-testimonial-card{
  position:relative;
}

.s7-card-footer{
  position:relative;
  display:grid;
  grid-template-columns:53px minmax(0,1fr);
  align-items:center;
  padding-right:84px;
}

.s7-quote-mark{
  position:absolute !important;
  right:0 !important;
  bottom:0 !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:flex-end !important;
  gap:6px !important;
  width:70px !important;
  height:45px !important;
  margin:0 !important;
  padding:0 !important;
  flex:none !important;
  transform:none !important;
  line-height:0 !important;
  font-size:0 !important;
}

.s7-quote-mark::before,
.s7-quote-mark::after{
  content:none !important;
}

.s7-quote-mark img{
  display:block !important;
  width:32px !important;
  height:43px !important;
  padding: 0;
  max-width:none !important;
  object-fit:contain !important;
  flex:0 0 32px !important;
  margin:0 !important;
}

@media (max-width:767.98px){
  .s7-card-footer{
    grid-template-columns:48px minmax(0,1fr);
    padding-right:82px !important;
  }

  .s7-quote-mark{
    right:0 !important;
    bottom:0 !important;
    width:70px !important;
    height:45px !important;
  }

  .s7-quote-mark img{
    width:32px !important;
    height:43px !important;
    flex-basis:32px !important;
  }
}

@media (max-width:420px){
  .s7-card-footer{
    grid-template-columns:44px minmax(0,1fr);
    padding-right:76px !important;
  }

  .s7-quote-mark{
    width:64px !important;
  }

  .s7-quote-mark img{
    width:29px !important;
    height:39px !important;
    flex-basis:29px !important;
  }
}

/* =========================================================
   SECTION 8 - GRAVITY FORMS NEWSLETTER
   Bootstrap 5.3.3 compatible
   Responsive + Core Web Vitals friendly
   ========================================================= */

.s8-section {
	width: 100%;
	padding: 35px 0 38px;
	background: #fff;
	font-family: 'RobotoRegular', sans-serif;
}

.s8-container {
	width: 100%;
	max-width: 1560px;
	margin: 0 auto;
	padding: 0;
}

.s8-newsletter {
	width: 100%;
	min-height: 172px;
	display: flex;
	align-items: center;
	padding: 0 55px;
	border: 2px solid #16b84e;
	border-radius: 24px;
	background: linear-gradient(
        105deg,
        #079437 0%,
        #00b958 100%
    );
	box-sizing: border-box;
}

.s8-title {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: 'RobotoRegular', sans-serif;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.15;
	white-space: nowrap;
}


/* =========================================================
   GRAVITY FORM
   ========================================================= */

.s8-gravityform {
	flex: 1 1 auto;
	min-width: 0;
	margin-left: 58px;
}


/* Remove Gravity Forms default spacing */

.s8-gravityform .gform_wrapper {
	margin: 0 !important;
}

.s8-gravityform .gform_wrapper form {
	margin: 0 !important;
}

.s8-gravityform .gform_fields {
	margin: 0 !important;
	padding: 0 !important;
}

.s8-gravityform .gfield {
	margin: 0 !important;
	padding: 0 !important;
}


/* Hide Gravity Forms field label */

.s8-gravityform .gfield_label {
	display: none !important;
}


/* Gravity Forms field container */

.s8-gravityform .ginput_container {
	width: 100%;
	margin: 0 !important;
}


/* =========================================================
   WHITE PILL
   ========================================================= */

.s8-gravityform .gform_fields {
	display: block !important;
}

.s8-gravityform .gform_body {
	width: 100%;
	margin: 0 !important;
}

.s8-gravityform .gform_body .gfield {
	width: 100%;
}


/*
 * Make the Gravity Forms body and footer behave as
 * one horizontal newsletter pill.
 */

.s8-gravityform form {
	position: relative;
	display: flex !important;
	align-items: center;
	width: 100%;
	min-height: 80px;
	padding: 8px;
	background: #fff;
	border-radius: 42px;
	box-sizing: border-box;
}


/* =========================================================
   EMAIL FIELD
   ========================================================= */

.s8-gravityform .gform_body {
	flex: 1 1 auto;
	min-width: 0;
}

.s8-gravityform .gfield {
	width: 100%;
}

.s8-gravityform .ginput_container_email {
	display: flex;
	align-items: center;
	width: 100%;
	height: 64px;
	padding: 0 28px;
	box-sizing: border-box;
}
.s8-gravityform .ginput_container_email input{ 
  width: 100% !important;  
  border: 0;
  background: transparent;  
  margin-top: 0 !important;
}
.s8-gravityform .ginput_container_email input:focus { 
  border: 0;
  background: transparent;  
}

/* Email icon */

.s8-gravityform .ginput_container_email::before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 15px;
	flex: 0 0 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
    /*
     * Lightweight inline SVG.
     */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777777' stroke-width='1.5'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");
}


/* Email input */

.s8-gravityform input[type="email"] {
	width: 100% !important;
	min-width: 0;
	height: 52px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	color: #555 !important;
	font-family: 'RobotoRegular', sans-serif !important;
	font-size: 19px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	box-shadow: none !important;
}

.s8-gravityform input[type="email"]::placeholder {
	color: #777 !important;
	opacity: 1;
}


/* =========================================================
   GRAVITY FORMS FOOTER / SUBMIT BUTTON
   ========================================================= */

.s8-gravityform .gform_footer,
.s8-gravityform .gform_page_footer {
	flex: 0 0 auto;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}


/* Exact green subscribe button */

.s8-gravityform input[type="submit"],
.s8-gravityform button[type="submit"] {
	display: block;
	width: 260px;
	min-width: 260px;
	height: 50px;
	margin: 0 !important;
	padding: 0 30px !important;
	border: 3px solid #1ab951 !important;
	border-radius: 34px !important;
	background: #168f3b !important;
	color: #fff !important;
	font-family: 'RobotoRegular', sans-serif !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: none !important;
	transition: background-color 0.15s ease;
}

.s8-gravityform input[type="submit"]:hover,
.s8-gravityform button[type="submit"]:hover {
	background: #117b32 !important;
}

.s8-gravityform input[type="submit"]:focus-visible,
.s8-gravityform button[type="submit"]:focus-visible {
	outline: 3px solid rgba(255,255,255,.75);
	outline-offset: 2px;
}


/* =========================================================
   GRAVITY FORMS AJAX / VALIDATION
   ========================================================= */

.s8-gravityform .gform_validation_errors {
	margin: 10px 0 0 !important;
}

.s8-gravityform .validation_message {
	margin-top: 5px !important;
}

.s8-gravityform .gform_confirmation_wrapper {
	margin: 0;
	color: #fff;
}


/* =========================================================
   1200px - 1599px
   ========================================================= */

@media (max-width: 1599.98px) {

	.s8-container {
		max-width: calc(100% - 48px);
	}

	.s8-newsletter {
		padding: 0 48px;
	}

	.s8-title {
		font-size: 34px;
	}

	.s8-gravityform {
		margin-left: 40px;
	}

    .s8-gravityform .gform_footer, .s8-gravityform .gform_page_footer {
        margin: 0 !important;
        padding: 0 !important;
    }
}


/* =========================================================
   TABLET / SMALL DESKTOP
   ========================================================= */

@media (max-width: 1199.98px) {

	.s8-container {
		max-width: calc(100% - 40px);
	}

	.s8-newsletter {
		padding: 0 35px;
	}

	.s8-title {
		font-size: 29px;
	}

	.s8-gravityform {
		margin-left: 28px;
	}

	.s8-gravityform input[type="submit"],
    .s8-gravityform button[type="submit"] {
		width: 225px;
		min-width: 225px;
		font-size: 16px !important;
	}

}


/* =========================================================
   BOOTSTRAP TABLET
   ========================================================= */

@media (max-width: 991.98px) {

	.s8-section {
		padding: 35px 0 38px;
	}

	.s8-container {
		max-width: calc(100% - 32px);
	}

	.s8-newsletter {
		min-height: 0;
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
		padding: 28px;
	}

	.s8-title {
		font-size: 29px;
		line-height: 1.2;
		text-align: center;
		white-space: normal;
	}

	.s8-gravityform {
		width: 100%;
		margin-left: 0;
	}
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {
	.s8-section {
		padding: 35px 0 38px;
	}
	.s8-container {
		max-width: none;
		padding: 0 16px;
	}
	.s8-newsletter {
		padding: 22px 16px;
		border-radius: 18px;
		gap: 16px;
	}
	.s8-title {
		font-size: 24px;
		line-height: 1.2;
	}
	.s8-gravityform form {
		flex-direction: column;
		align-items: stretch;
		min-height: 0;
		padding: 8px;
		border-radius: 18px;
	}
	.s8-gravityform .gform_body {
		width: 100%;
	}
	.s8-gravityform .ginput_container_email {
		height: 52px;
		padding: 0 14px;
	}
	.s8-gravityform input[type="email"] {
		height: 48px !important;
		font-size: 15px !important;
	}
	.s8-gravityform .gform_footer,
    .s8-gravityform .gform_page_footer {
		width: 100% !important;
	}
	.s8-gravityform input[type="submit"],
    .s8-gravityform button[type="submit"] {
		width: 100%;
		min-width: 0;
		height: 50px;
		border-radius: 26px !important;
		font-size: 15px !important;
	}
}


/* =========================================================
   EXTRA SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {
	.s8-container {
		padding: 0 12px;
	}
	.s8-newsletter {
		padding: 20px 12px;
	}
	.s8-title {
		font-size: 22px;
	}
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
	.s8-gravityform input[type="submit"],
    .s8-gravityform button[type="submit"] {
		transition: none;
	}
}


/* ============== FINAL SECTION 8 + SECTION 7 AVATAR OVERRIDES =========== */

/* Keep the Section 7 client avatar background transparent */
.s7-card-footer img{
  background-color:transparent !important;
  background:#fff !important;
  box-shadow:none !important;
}


/* ================ FINAL SECTION 7 IMAGE BACKGROUND SETTINGS ============== */

/* Quote mark images: transparent background */
.s7-quote-mark img{
  background:transparent !important;
  background-color:transparent !important;
}

/* Client avatar: restore white background */
.s7-card-footer img{
  /* background:#fff !important;
  background-color:#fff !important; */
  border-radius:50%;
}

/********************** END Commercial Property Tax New Design CSS *************************/


/* ============ Property Tax Protest Services ================ */

@font-face{
  font-family:'RobotoRegular';
  src:local('Roboto'),local('Arial');
  font-display:swap;
}

:root{
  --ptps-green:#25b64b;
  --ptps-green-dark:#0e514b;
  --ptps-green-soft:#e7f5ec;
  --ptps-bg:#f3f8f5;
  --ptps-text:#083e42;
  --ptps-muted:#527083;
  --ptps-line:#d3e1dc;
  --ptps-white:#fff;
  --ptps-heading:'RobotoRegular',sans-serif;
}

html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'RobotoRegular',sans-serif;
  color:var(--ptps-text);
  background:#fff;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
a{color:inherit}
.page-id-45506 a {color:var(--green);font-weight:700;text-decoration:underline}
.page-id-45506 a:hover {color:var(--green) !important;text-decoration:underline !important;}
.ptps-container{
  width:min(100% - 48px,1480px);
  margin-inline:auto;
}

/* Shared typography */
.ptps-eyebrow{
  margin:0 0 6px;
  color:#00a944;
  font-size:12px;
  line-height:1.2;
  letter-spacing:.20em;
  font-weight:700;
  text-transform:uppercase;
}
.ptps-title{
  margin:0;
  color:var(--ptps-text);
  font-family:'RobotoRegular',sans-serif;
  font-weight:700;
  font-size:clamp(34px,3.15vw,48px);
  line-height:1.05;
}
.ptps-lead{
  margin:18px 0;
  color:#355f70;
  font-size:18px;
  line-height:1.65;
  text-align: justify;
}

/* =========================================================
   PTPS-1 — HERO
   ========================================================= */
.ptps-search-card #banner-enrollment-form .list-group-item {margin:0; align-items: center;}
.ptps-search-card #banner-enrollment-form .dollar-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #00b95c;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.ptps-1{
  position:relative;
  overflow:hidden;
  min-height:696px;
  display:flex;
  align-items:start;
  background-image:
    linear-gradient(
      90deg,
      rgba(243, 248, 245, .97) 0%,
      rgba(243, 248, 245, .9) 42%,
      rgba(15, 77, 70, .28) 100%
    ),
    url('/wp-content/uploads/2026/08/ptps-hero-banner.webp');
  background-position:right center;
  background-size:cover;
  background-repeat:no-repeat;
}
.ptps-1 .ptps-container{
  position:relative;
  display: flex;
  align-items: center;
  z-index:2;
}
.ptps-1-copy{
    width: 50%;
    padding: 60px 0 0 0;
    float: left;
}
.ptps-1-title{
  max-width:650px;
  font-size:54px;
  line-height:.98;
  letter-spacing:-.025em;
}
.ptps-1-copy .ptps-lead{max-width:660px}
.ptps-stat-row{
  display:flex;
  gap:38px;
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid rgba(8,62,66,.18);
}
.ptps-stat{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.ptps-stat-icon{
  width:35px;height:35px;
  flex:0 0 35px;
  border:1.8px solid var(--ptps-green);
  border-radius:50%;
  display:grid;place-items:center;
  color:var(--ptps-green);
  font-weight:700;
}
.ptps-stat strong{
  display:block;
  font-size:18px;
  line-height:1.2;
}
.ptps-stat small{
  display:block;
  margin-top:2px;
  color:#416879;
  font-size:12px;
}
.ptps-search-card{
    position: relative;
    top: 0;
    float: left;
    right: 0px;
    left: 50px;
    width: 47%;
    padding: 0;
    background: transparent;
    border-radius: 20px;
    box-shadow: none;
}
.ptps-step{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:20px;
  font-weight:700;
}
.ptps-step-num{
  width:38px;height:38px;
  display:grid;place-items:center;
  border:2px solid var(--ptps-green);
  border-radius:50%;
  color:var(--ptps-text);
  flex:0 0 38px;
}
.ptps-search-intro{
  margin:24px 0 18px;
  text-align:center;
  font-size:15px;
  font-weight:700;
  line-height:1.45;
}
.ptps-search-form{
  display:flex;
  min-height:48px;
}
.ptps-search-form input{
  min-width:0;
  flex:1 1 auto;
  border:1px solid #d6e3df;
  border-right:0;
  border-radius:8px 0 0 8px;
  padding:0 16px;
  font:inherit;
  font-size:14px;
}
.ptps-search-form button{
  flex:0 0 104px;
  border:0;
  border-radius:0 7px 7px 0;
  background:var(--ptps-green);
  color:#fff;
  font-weight:700;
}
.ptps-card-title{
  margin:22px 0 16px;
  text-align:center;
  font-family:'RobotoRegular',sans-serif;
  font-size:18px;
  line-height:1.35;
  font-weight:700;
}
.ptps-benefits{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.ptps-benefits li{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:10px;
  align-items:start;
  font-size:13px;
  line-height:1.4;
}
.ptps-dollar{
  width:30px;height:30px;
  border-radius:50%;
  display:grid;place-items:center;
  background:var(--ptps-green);
  color:#fff;
  font-weight:700;
}

/* =========================================================
   PTPS-2 — WHY CONSIDER
   ========================================================= */
.ptps-2{
  background:var(--ptps-bg);
}
.ptps-notice{
  padding:24px 0;
  background:#dff4e6;
}
.ptps-notice-inner{
  display:flex;
  align-items:center;
  gap:38px;
  max-width:1260px;
}
.ptps-notice-icon{
  width:54px;height:54px;
  flex:0 0 54px;
  border-radius:50%;
  display:grid;place-items:center;
  background:var(--ptps-green-dark);
  color:#fff;
  font-size:25px;
}
.ptps-notice p{
  margin:0;
  color:#285a63;
  font-size:18px;
  text-align: justify;
}
.ptps-notice a,.ptps-2 a{
  color:#07555b;
  font-weight:700;
  text-decoration:underline;
}
.ptps-2-main{
  padding:48px 0 30px;
}
.ptps-2-grid{
  display:grid;
  grid-template-columns:490px 1fr;
  gap:42px;
  align-items:center;
}
.ptps-photo{
  display:block;
  width:100%;
  height:720px;
  object-fit:cover;
  border-radius:16px;
}
.ptps-check-list{
  margin:24px 0 0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--ptps-line);
}
.ptps-check-list li{
  position:relative;
  padding:17px 0 17px 42px;
  border-bottom:1px solid var(--ptps-line);
  color:#315e6d;
  font-size:16px;
}
.ptps-check-list li::before{
  content:"✓";
  position:absolute;
  left:0;top:17px;
  width:26px;height:26px;
  display:grid;place-items:center;
  border-radius:50%;
  background:var(--ptps-green);
  color:#fff;
  font-weight:700;
}
.ptps-distinction{
  margin-top:18px;
  padding:16px 20px;
  border-left:4px solid var(--ptps-green);
  background:#fff;
  color:#285767;
  font-size:17px;
}

/* =========================================================
   PTPS-3 — HOW SERVICE WORKS
   ========================================================= */
.ptps-3{
  padding:30px 0;
  background:var(--ptps-bg);
}
.ptps-3-panel{
  display:grid;
  grid-template-columns:34% 66%;
  overflow:hidden;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 34px rgba(8,62,66,.08);
}
.ptps-3-side{
  padding:48px 34px;
  background:#0c3f41;
  color:#fff;
}
.ptps-3-side .ptps-title{color:#fff;font-size:36px; line-height: 1.3;}
.ptps-3-side p{
  margin:22px 0 0;
  color:#fff;
  font-size: 18px;
  text-align: justify;
}
.ptps-scope{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.25);
}
.ptps-scope-label{
  color:#48d66f;
  font-size:14px;
  letter-spacing:.18em;
  font-weight:700;
}
.ptps-scope p{margin-top:10px}
.ptps-steps{
  display:grid;
  grid-template-columns:1fr 1fr;
  padding:32px;
  column-gap:28px;
}
.ptps-step-item{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:12px;
  padding:0 0 25px;
  margin-bottom:16px;
  border-bottom:1px solid var(--ptps-line);
}
.ptps-step-item:nth-last-child(-n+2){border-bottom:0}
.ptps-step-icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:10px;
  background:#dcf5e4;
  color:var(--ptps-green);
  font-weight:700;
}
.ptps-step-item h3{
  margin:0;
  font-size:18px;
  line-height:1.25;
  font-weight:700;
}
.ptps-step-item p{
  margin:7px 0 0;
  color:#5a7480;
  font-size:16px;
}

/* =========================================================
   PTPS-4 — WHO BENEFITS
   ========================================================= */
.ptps-4{
  padding:30px 0;
  background:var(--ptps-bg);
}
.ptps-4-grid{
  display:grid;
  grid-template-columns:1.15fr .9fr;
  gap:48px;
  align-items:center;
}
.ptps-4-text hr{
  border:0;
  border-top:1px solid var(--ptps-line);
  margin:26px 0;
}
.ptps-4-text p{
  color:#204f61;
  font-size:17px;
  line-height:1.7;
  text-align: justify;
}
.ptps-callout{
  margin-top:22px;
  padding:0 0 0 22px;
  border-left:4px solid var(--ptps-green);
  color:#54717e;
  text-align: justify;
}
.ptps-4-image{
  width:100%;
  aspect-ratio:525/415;
  object-fit:cover;
  border-radius:18px;
  box-shadow:0 20px 42px rgba(8,62,66,.12);
}

/* =========================================================
   PTPS-5 — WHAT TO LOOK FOR
   ========================================================= */
.ptps-5{
  padding:66px 0 70px;
  background:#fff;
}
.ptps-5-head{
  max-width:860px;
  margin:0 auto 28px;
  text-align:center;
}
.ptps-5-head .ptps-title{
  font-size:clamp(32px,3vw,44px);
}
.ptps-5-head p{
  margin:16px 0 0;
  color:#557486;
}
.ptps-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.ptps-feature{
  min-height:190px;
  padding:16px;
  border:1px solid #cadcd8;
  border-top:4px solid var(--accent,#0e5a53);
  border-radius:12px;
  background:var(--soft,#eef7f5);
}
.ptps-feature-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  margin-bottom:10px;
  border-radius:7px;
  background:var(--accent,#0e5a53);
  color:#fff;
  font-size:24px;
  font-weight:700;
}
.ptps-feature h3 {
  margin:0;
  color:var(--accent,#0e5a53);
  font-size:18px;
  font-weight:700;
}
.ptps-feature p{
  margin:9px 0 0;
  color:#5a7480;
  font-size:17px;
  line-height:1.6;
}
.ptps-5-note{
  margin-top:14px;
  padding:18px 22px;
  border-left:5px solid var(--ptps-green);
  border-radius:0 10px 10px 0;
  background:#0e5a53;
  color:#fff;
  font-size:14px;
}

/* =========================================================
   PTPS-6 — SUPPORT
   ========================================================= */
.ptps-6{
  padding:30px 0 30px;
  background:var(--ptps-bg);
}
.ptps-6-content{
  max-width:1480px;
  margin:auto;
}
.ptps-6-copy{
  max-width:1000px;
}
.ptps-6-copy .ptps-lead{
  margin-top:14px;
}
.ptps-support-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:28px;
  overflow:hidden;
  border-radius:16px;
  background:#0e5a53;
}
.ptps-support-item{
  min-height:auto;
  padding:20px;
  border-right:1px solid rgba(255,255,255,.45);
  color:#fff;
}
.ptps-support-item:last-child{border-right:0}
.ptps-support-icon{
  color:#25d05a;
  font-size:27px;
  line-height:1;
}
.ptps-support-item p{
  margin:18px 0 0;
  font-size:14px;
  font-weight:700;
  line-height:1.45;
}
.ptps-support-item a{color:#fff}
.ptps-protest-box{
  margin-top:22px;
  padding:28px 26px;
  border-radius:18px;
  background:#dff4e6;
}
.ptps-protest-box h3{
  margin:0 0 10px;
  font-size:25px;
}
.ptps-protest-box p{
  margin:0;
  color:#285767;
  font-size:15px;
}
.ptps-service-scope{
  margin-top:14px;
  padding:14px 20px;
  border-left:4px solid var(--ptps-green);
  background:#fff5d7;
  color:#234d5b;
  font-size:13px;
}

/* =========================================================
   PTPS-7 — FAQ + CTA
   ========================================================= */
.ptps-7{
  background: #29b64b;
  padding: 0;
}
.ptps-faq-wrap{
  max-width:1480px;
  margin:auto;
}
.ptps-faq-head{
  padding-bottom:18px;
  border-bottom:1px solid #0e5a53;
}
.ptps-faq-head .ptps-eyebrow{margin-bottom:8px}
.ptps-faq-head .ptps-title{
  font-size:clamp(34px,3.2vw,48px);
}
.ptps-faq-grid{
  display:block;
  grid-template-columns:1fr 1fr;
  gap:10px 18px;
  padding:22px 0 48px;
}
.ptps-faq-item{
  border:1px solid #d2e1dd;
  border-radius: 12px;
  margin-bottom: 15px;
  background:#fff;
  overflow:hidden;
}
.ptps-faq-btn{
  width:100%;
  min-height:58px;
  padding:12px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:0;
  background: #dcf5e4;
  color: #444;
  text-align:left;
  font:inherit;
  font-size:18px;
  font-weight:700;
}
.ptps-faq-btn:hover, .ptps-faq-btn:focus {
   background: #9ce5ac;
   color: #444;
}
.ptps-plus{
  width:27px;height:27px;
  flex:0 0 27px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#dff4e6;
  color:#1fb74c;
  font-size:20px;
  line-height:1;
}
.ptps-faq-answer{
  display:none;
  padding:15px;
  color:#5a7480;
  font-size:16px;
}
.ptps-faq-item.is-open .ptps-faq-answer{display:block;}
.ptps-faq-item.is-open .button {
    background: #9ce5ac;color: #444;
}
.ptps-faq-item.is-open .ptps-plus{transform:rotate(45deg)}
.ptps-cta{
  padding:25px 0 25px;
  background:#29b64b;
}
.ptps-cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  /* max-width:1045px; */
  margin:auto;
}
.ptps-cta h2{
  margin:0;
  color:#fff;
  font-size:clamp(34px,3.2vw,40px);
  line-height:1.05;
}
.ptps-cta p{
  margin:14px 0 0;
  color:#fff;
  font-size:16px;
}
.ptps-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:28px;
  color:#fff;
  text-decoration:none;
  font-size:17px;
  font-weight:700;
  white-space:nowrap;
}
.ptps-cta a:hover{ 
  color:#fff !important;
}

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width:1199.98px){
  .ptps-container{width:min(100% - 40px,1100px)}
  .ptps-search-card{right:10px;width:390px}
  .ptps-1-copy{width:56%}
  .ptps-2-grid{grid-template-columns:340px 1fr}
}
@media (max-width:991.98px){
  .ptps-container{width:min(100% - 32px,760px)}
  .ptps-1{
    min-height:0;
    background:
      linear-gradient(rgba(245,250,247,.93),rgba(245,250,247,.93)),
      url('/wp-content/uploads/2026/08/ptps-hero-banner.webp') center/cover no-repeat;
  }
  .ptps-1-copy{
    width:100%;
    padding:60px 0 32px;
  }
  .ptps-search-card{
    position:relative;
    top:auto;right:auto;
    width:100%;
    margin:0 0 55px;
  }
  .ptps-stat-row{gap:22px;flex-wrap:wrap}
  .ptps-2-grid,.ptps-4-grid{grid-template-columns:1fr}
  .ptps-photo{height:480px}
  .ptps-3-panel{grid-template-columns:1fr}
  .ptps-3-side{padding:38px 30px}
  .ptps-steps{grid-template-columns:1fr}
  .ptps-step-item:nth-last-child(-n+2){border-bottom:1px solid var(--ptps-line)}
  .ptps-step-item:last-child{border-bottom:0}
  .ptps-feature-grid{grid-template-columns:repeat(2,1fr)}
  .ptps-support-grid{grid-template-columns:repeat(2,1fr)}
  .ptps-support-item:nth-child(2){border-right:0}
  .ptps-support-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.45)}
  .ptps-faq-grid{grid-template-columns:1fr}
}
@media (max-width:767.98px){
  .ptps-container{width:calc(100% - 28px)}
  .ptps-1-copy{padding-top:45px}
  .ptps-1-title{font-size:44px}
  .ptps-stat-row{display:grid;grid-template-columns:1fr;gap:16px}
  .ptps-search-card{padding:22px 18px}
  .ptps-notice-inner{align-items:flex-start;gap:18px}
  .ptps-notice p{font-size:14px}
  .ptps-2-main,.ptps-3,.ptps-4,.ptps-5,.ptps-6{padding:45px 0}
  .ptps-photo{height:400px}
  .ptps-3-side .ptps-title{font-size:34px}
  .ptps-steps{padding:24px 20px}
  .ptps-feature-grid,.ptps-support-grid{grid-template-columns:1fr}
  .ptps-support-item{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.45)}
  .ptps-support-item:last-child{border-bottom:0}
  .ptps-4-image{max-height:430px}
  .ptps-faq-grid{padding-bottom:38px}
  .ptps-cta-inner{align-items:flex-start;flex-direction:column}
  .ptps-cta{padding:45px 0}
}
@media (max-width:480px){
  .ptps-title{font-size:32px}
  .ptps-1-title{font-size:38px}
  .ptps-search-form{display:grid;grid-template-columns:1fr 95px}
  .ptps-search-form button{width:100%}
  .ptps-search-card{left: 0;border-radius:16px;box-shadow:none;}
  .ptps-photo{height:350px}
  .ptps-faq-btn{font-size:14px}
}

/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/*************** Start Calculated in Texas CSS *************/
@font-face {
  font-family: "RobotoRegular";
  src: local("Roboto"), local("Roboto Regular");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

:root {
  --tt-green: #16923b;
  --tt-bright: #08b957;
  --tt-dark: #103b3f;
  --tt-text: #173f43;
  --tt-gray: #666;
  --tt-bg: #edf8f1;
  --tt-white: #fff;
  --tt-max: 1560px;
}

.texas-property-tax-page {
  width: 100%;
  overflow: hidden;
}

.texas-tax-s1__container,
.texas-tax-s2__container,
.texas-tax-s3__container,
.texas-tax-s4__container,
.texas-tax-s5__container,
.texas-tax-s6__container {
  width: calc(100% - 40px);
  max-width: var(--tt-max);
  margin-inline: auto;
}

/* =========================================================
   SECTION 1 — 1918 × 708 reference
   ========================================================= */
.texas-tax-s1__container #banner-enrollment-form .list-group-item {margin:0; align-items: center;}
.texas-tax-s1__container #banner-enrollment-form .dollar-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #00b95c;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.texas-tax-s1 {
  min-height: 708px;
  padding: 20px 0 20px;
  color: #fff;
  background-color: #103c3f;
  background-image:
    radial-gradient(circle at 78% 42%, rgba(0, 190, 91, .20) 0%, rgba(0, 190, 91, .10) 22%, rgba(0, 190, 91, 0) 48%),
    radial-gradient(circle at 100% 100%, rgba(0, 164, 78, .18) 0%, rgba(0, 164, 78, 0) 38%),
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(135deg, #123f42, #0c3639 55%, #123e41);
  background-size: 100% 100%, 100% 100%, 28px 28px, 28px 28px, 100% 100%;
  background-position: center, center, center, center, center;
  background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat;
}

.texas-tax-s1__container {
  min-height: 593px;
  display: flex;
  align-items: center;
}

.texas-tax-s1__copy {
  max-width: 770px;
  padding-left: 1px;
}

.texas-tax-s1__copy h1 {
  margin: 0 0 23px;
  color: #fff;
  font-size: 58px;
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: -1.4px;
}

.texas-tax-s1__copy > p {
  max-width: 770px;
  margin: 0 0 28px;
  color: #fff;
  font-size: 18px;
  line-height: 1.58;
  text-align: justify;
}

.texas-tax-s1__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
  min-width: 448px;
  height: 65px;
  padding: 0 27px 0 37px;
  border: 3px solid #26c45a;
  border-radius: 34px;
  background: #1cac4b;
  color: #fff;
  font-size: 23px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  box-shadow:
    0 5px 14px rgba(0, 188, 84, .20),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.texas-tax-s1__cta:hover {
  color: #fff;
  background: #159c42;
}

.texas-tax-s1__cta span:last-child {
  font-size: 38px;
  line-height: 1;
  text-decoration: none;
}

.texas-tax-s1__search-card {
  width: 100%;
  max-width: 707px;
  min-height: 594px;
  margin-left: auto;
  padding: 21px 21px 18px;
  border-radius: 18px;
  background: #fff;
  color: #666;
  /* Reference-style green ambient shadow + subtle depth shadow */
  box-shadow:
    0 14px 34px rgba(0, 190, 91, .22),
    0 5px 16px rgba(0, 0, 0, .10);
}

.texas-tax-s1__step-heading {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-left: 1px;
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
}

.texas-tax-s1__step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 3px solid #00b65a;
  border-radius: 50%;
  color: #222;
  font-size: 15px;
}

.texas-tax-s1__search-description {
  max-width: 630px;
  margin: 30px auto 22px;
  text-align: center;
  color: #4f4f4f;
  font-size: 17px;
  line-height: 1.34;
  font-weight: 700;
}

.texas-tax-s1__search-description span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  margin-left: 3px;
  border-radius: 50%;
  background: #04b857;
  color: #fff;
}

.texas-tax-s1__search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 191px;
  gap: 5px;
}

.texas-tax-s1__address {
  display: flex;
  align-items: center;
  min-height: 61px;
  padding: 0 16px;
  border: 1px solid #d7d7d7;
  border-radius: 7px;
}

.texas-tax-s1__address svg {
  width: 26px;
  height: 26px;
  margin-right: 13px;
  flex: 0 0 auto;
  fill: none;
  stroke: #00b95a;
  stroke-width: 1.7;
}

.texas-tax-s1__address input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: #555;
  font-size: 15px;
}

.texas-tax-s1__search-form button {
  min-height: 61px;
  border: 0;
  border-radius: 5px;
  background: #00b653;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
}

.texas-tax-s1__search-card h2 {
  margin: 23px 0 16px;
  text-align: center;
  color: #666;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 700;
}

.texas-tax-s1__search-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

.texas-tax-s1__search-card li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #5b5b5b;
  font-size: 16px;
  line-height: 1.36;
}

.texas-tax-s1__search-card li > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 29px;
  width: 29px;
  height: 29px;
  margin-top: -2px;
  border-radius: 50%;
  background: #05b95b;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.texas-tax-s1__search-card li strong {
  font-weight: 400;
}

/* =========================================================
   SECTION 2 — 1917 × 391 reference
   ========================================================= */

.texas-tax-s2 {
  padding: 59px 0 52px;
  background: #fff;
}

.texas-tax-s2__container {
  max-width: 1632px;
}

.texas-tax-s2__card {
  min-height: 281px;
  padding: 34px 24px 25px;
  border: 1px solid #143e42;
  border-left: 12px solid #143e42;
  border-radius: 17px;
  background: linear-gradient(110deg, #fff 0%, #eff9f3 100%);
}

.texas-tax-s2__card h2 {
  margin: 0 0 14px;
  color: #173f43;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}

.texas-tax-s2__intro {
  margin: 0;
  color: #666;
  font-size: 18px;
}

.texas-tax-s2__intro a {
  color: #078b36;
  font-weight: 700;
  text-decoration: underline;
}

.texas-tax-s2__formula {
  margin: 14px 0 14px;
  padding: 12px 19px;
  border-radius: 8px;
  background: #20b54e;
  color: #fff;
  font-size: 26px;
  line-height: 1.25;
  font-weight: 700;
}

.texas-tax-s2__copy {
  margin: 0;
  color: #666;
  font-size: 18px;
  line-height: 1.55;
}

/* =========================================================
   SECTION 3 — 1917 × 556 reference
   ========================================================= */

.texas-tax-s3 {
  background: #edf8f1;
  padding: 30px 0;
}

.texas-tax-s3__heading {
  display: flex;
  align-items: center;
  justify-content: center;
}

.texas-tax-s3__heading h2 {
  margin: 0;
  color: #108f3a;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}

.texas-tax-s3__body {
  padding: 13px 0 40px;
}

.texas-tax-s3__container {
  max-width: 1558px;
}

.texas-tax-s3__lead {
  margin: 0 0 33px;
  text-align: center;
  color: #173f43;
  font-size: 23px;
  line-height: 1.35;
  font-weight: 700;
}

.texas-tax-s3__cards {
  margin-inline: 0;
}

.texas-tax-s3__card {
  height: -webkit-fill-available;
  padding: 41px 28px 25px;
  border-radius: 13px;
  background: #fff;
  text-align: center;
}

.texas-tax-s3__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75px;
  height: 75px;
  margin: 0 auto 24px;
  border-radius: 50%;
  background: #25b64e;
  color: #fff;
  font-size: 36px;
  font-weight: 700;
}

.texas-tax-s3__card h3 {
  margin: 0 0 17px;
  color: #153f43;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
}

.texas-tax-s3__card p {
  margin: 0;
  color: #666;
  font-size: 18px;
  line-height: 1.55;
  text-align: justify;
  text-align-last: center;
}

/* =========================================================
   SECTION 4 — 1917 × 551 reference
   ========================================================= */

.texas-tax-s4 {
  padding: 0 0 26px;
  background: #edf8f1;
}

.texas-tax-s4__container {
  max-width: 1560px;
}

.texas-tax-s4__card {
  min-height: 466px;
  display: grid;
  grid-template-columns: 33.35% 66.65%;
  overflow: hidden;
  border: 1px solid #12a744;
  border-radius: 13px;
  background: #fff;
}

.texas-tax-s4__sidebar {
  padding: 38px 38px 25px;
  background: #103b3f;
  color: #fff;
}

.texas-tax-s4__sidebar h2 {
  margin: 0 0 18px;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
}

.texas-tax-s4__sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.texas-tax-s4__sidebar li {
  display: flex;
  gap: 9px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,.42);
  font-size: 17px;
  line-height: 1.22;
}

.texas-tax-s4__sidebar li:last-child {
  border-bottom: 0;
}

.texas-tax-s4__sidebar li i {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  margin-top: 5px;
  border-radius: 50%;
  background: #00c75c;
  box-shadow: inset 0 0 0 3px #fff;
}

.texas-tax-s4__content {
  padding: 31px 38px 23px;
}

.texas-tax-s4__content h2 {
  margin: 0 0 22px;
  color: #108f3a;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 700;
}

.texas-tax-s4__content > p {
  margin: 0 0 12px;
  color: #666;
  font-size: 18px;
  line-height: 1.53;
}

.texas-tax-s4__items > div {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 8px;
  padding: 14px 0;
  border-bottom: 1px solid #d5d5d5;
}

.texas-tax-s4__items > div:last-child {
  border-bottom: 0;
}

.texas-tax-s4__items i {
  width: 13px;
  height: 13px;
  margin-top: 7px;
  border: 3px solid #00b657;
  border-radius: 50%;
}

.texas-tax-s4__items p {
  margin: 0;
  color: #666;
  font-size: 18px;
  line-height: 1.52;
}

.texas-tax-s4__items strong {
  color: #153f43;
}

.texas-tax-s4__items a {
  color: #078d38;
  font-weight: 700;
  text-decoration: underline;
}

/* =========================================================
   SECTION 5 — exact bottom-card / FAQ transition
   Reference: 1917 × 598 supplied screenshot
   ========================================================= */

.texas-tax-s5 {
  position: relative;
  z-index: 10;
  height: 265px;                 /* green area ends at reference y≈265 */
  padding: 0;
  background: #ecf7f0;
  overflow: visible;
}

.texas-tax-s5__container {
  position: relative;
  width: 100%;
  max-width: 1917px;
  height: 265px;
  margin: 0 auto;
}

/* The process card continues underneath Section 6. */
.texas-tax-s5__process {
  position: absolute;
  z-index: 1;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: min(1297px, calc(100% - 48px));
  height: auto;
  min-height: auto;
  margin: 0;
  padding: 30px 58px 27px;
  border: 0;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(0, 185, 91, .20);
}

/* Keep the top part of the card identical to the supplied design. */
.texas-tax-s5__process h3 {
  margin: 0 0 25px;
  text-align: center;
  color: #138f3b;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 700;
}

.texas-tax-s5__process-intro {
  margin: 0 0 25px;
  text-align: center;
  color: #153f43;
  font-size: 16px;
  line-height: 1.72;
  font-weight: 700;
}

.texas-tax-s5__steps {
  width: 670px;
  max-width: 100%;
  margin: 0 auto 22px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 31px;
}

.texas-tax-s5__steps > div {
  min-height: 58px;
  display: flex;
  align-items: center;
  border: 1px solid #23b957;
  border-radius: 8px;
  background: #f1fbf5;
  overflow: hidden;
}

.texas-tax-s5__steps span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  margin: 4px 11px 4px 5px;
  border-radius: 4px;
  background: #22b650;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

.texas-tax-s5__steps p {
  margin: 0;
  color: #666;
  font-size: 16px;
}

.texas-tax-s5__process-copy {
  margin: 0;
  color: #666;
  text-align: center;
  font-size: 16px;
  line-height: 1.55;
}

/* The following content is above the card in the complete page but is
   intentionally not visible in this 598px reference crop. */
.texas-tax-s5 h2,
.texas-tax-s5__lead,
.texas-tax-s5__grid {
  display: none;
}

/* =========================================================
   SECTION 6 — exact FAQ foreground layer
   ========================================================= */

.texas-tax-s6 {
  position: relative;
  z-index: 5;
  min-height: auto;
  margin: 0;
  padding: 230px 0 16px;          /* heading begins around y≈531 */
  background: #fff;
  isolation: isolate;
}

.texas-tax-s6::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #fff;
}

.texas-tax-s6__container {
  width: min(1560px, calc(100% - 40px));
  max-width: 1560px;
  margin: 0 auto;
}

.texas-tax-s6 > .texas-tax-s6__container > h2 {
  position: relative;
  z-index: 2;
  margin: 0 0 47px;
  text-align: center;
  color: #108f3a;
  font-size: 39px;
  line-height: 1.2;
  font-weight: 700;
}

.texas-tax-s6__faq-grid {
  margin: 0;
}

.texas-tax-s6__faq {
  border: 1px solid #c9c9c9;
  border-radius: 12px;
  background: #fdfdfd;
  overflow: hidden;
}

.texas-tax-s6__faq button {
  width: 100%;
  min-height: 95px;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) 33px;
  align-items: center;
  gap: 24px;
  padding: 12px 16px;
  border: 0;
  background: #fdfdfd;
  color: #292929;
  text-align: left;
}

.texas-tax-s6__faq button > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background: #646464;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}

.texas-tax-s6__faq button strong {
  font-size: 19px;
  line-height: 1.28;
  font-weight: 700;
}

.texas-tax-s6__faq button i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ddd;
  color: #555;
  font-size: 31px;
  line-height: 1;
  font-style: normal;
  font-weight: 300;
  transition: transform .18s ease;
}

.texas-tax-s6__faq button[aria-expanded="true"] i {
  transform: rotate(45deg);
}

.texas-tax-s6__answer {
  padding: 0 74px 18px 88px;
  color: #666;
  font-size: 16px;
  line-height: 1.5;
}

.texas-tax-s6__newsletter {
  min-height: 173px;
  margin-top: 61px;
  padding: 25px 51px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  border: 2px solid #159c3f;
  border-radius: 24px;
  background: linear-gradient(105deg, #0d8f35, #00b958);
}

.texas-tax-s6__newsletter h3 {
  margin: 0;
  color: #fff;
  font-size: 37px;
  line-height: 1.1;
  font-weight: 700;
}

.texas-tax-s6__newsletter form {
  flex: 1 1 820px;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr) 260px;
  gap: 7px;
  padding: 9px;
  border-radius: 50px;
  background: #fff;
}

.texas-tax-s6__newsletter form > div {
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 0 19px;
}

.texas-tax-s6__newsletter svg {
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
  margin-right: 13px;
  fill: none;
  stroke: #777;
  stroke-width: 1.5;
}

.texas-tax-s6__newsletter input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: #555;
  font-size: 18px;
}

.texas-tax-s6__newsletter button {
  min-height: 52px;
  border: 3px solid #28c55b;
  border-radius: 30px;
  background: #1a9f43;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

/* =========================================================
   EXACT RESPONSIVE BEHAVIOR
   ========================================================= */

@media (min-width: 1367px) {
  .texas-tax-s5__container {
    width: 100%;
  }
}

@media (max-width: 1199.98px) {
  .texas-tax-s5 {
    height: 260px;
  }

  .texas-tax-s5__container {
    height: 260px;
  }

  .texas-tax-s5__process {
    width: min(1100px, calc(100% - 40px));
    height: 430px;
    min-height: 430px;
  }

  .texas-tax-s6 {
    padding-top: 235px;
  }
}

@media (max-width: 991.98px) {
  .texas-tax-s5 {
    height: auto;
    min-height: 260px;
  }

  .texas-tax-s5__container {
    height: auto;
    min-height: 260px;
  }

  .texas-tax-s5__process {
    position: relative;
    top: 30px;
    left: auto;
    transform: none;
    width: calc(100% - 32px);
    height: auto;
    min-height: 0;
    margin: 0 auto -150px;
    padding: 28px 30px;
  }

  .texas-tax-s6 {
    padding-top: 185px;
  }
}

@media (max-width: 767.98px) {
  .texas-tax-s5 {
    min-height: 210px;
  }

  .texas-tax-s5__container {
    min-height: 210px;
  }

  .texas-tax-s5__process {
    top: 22px;
    width: calc(100% - 24px);
    margin-bottom: -90px;
    padding: 24px 16px;
    border-radius: 14px;
  }

  .texas-tax-s5__process h3 {
    font-size: 28px;
  }

  .texas-tax-s5__steps {
    grid-template-columns: 1fr;
  }

  .texas-tax-s6 {
    padding-top: 120px;
  }

  .texas-tax-s6 > .texas-tax-s6__container > h2 {
    font-size: 31px;
    margin-bottom: 30px;
  }
}
/* =========================================================
   RESPONSIVE OVERRIDES
   ========================================================= */

@media (max-width: 1199.98px) {
  .texas-tax-s5__process {
    width: min(100%, 1100px);
    margin-bottom: -110px;
  }
}

@media (max-width: 991.98px) {
  .texas-tax-s5 {
    padding-top: 24px;
  }

  .texas-tax-s5__grid {
    --bs-gutter-y: 16px;
  }

  .texas-tax-s4 {
    padding: 0 0 0;
   }

  .texas-tax-s5__process {
    width: 100%;
    margin-top: 0;
    margin-bottom: -100px;
    padding-inline: 30px;
  }
}

@media (max-width: 767.98px) {
  .texas-tax-s5 {
    padding-top: 22px;
  }

  .texas-tax-s5__process {
    min-height: 0;
    margin-top: 35px;
    margin-bottom: -35px;
    padding: 25px 17px;
  }

  .texas-tax-s5__process h3 {
    font-size: 29px;
  }

  .texas-tax-s5__steps {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .texas-tax-s6 {
    min-height: 0;
  }
}

.texas-tax-s6 {
  /* padding: 27px 0 39px; */
  background: #fff;
}

.texas-tax-s6__container {
  max-width: 1560px;
}

.texas-tax-s6 > .texas-tax-s6__container > h2 {
  margin: 0 0 30px;
  text-align: center;
  color: #108f3a;
  font-size: 39px;
  line-height: 1.2;
  font-weight: 700;
}

.texas-tax-s6__faq-grid {
  margin: 0;
}

.texas-tax-s6__faq {
  border: 1px solid #c9c9c9;
  border-radius: 12px;
  background: #fdfdfd;
  overflow: hidden;
}

.texas-tax-s6__faq button {
  width: 100%;
  min-height: 75px;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) 33px;
  align-items: center;
  gap: 24px;
  padding: 12px 16px;
  border: 0;
  background: #fdfdfd;
  color: #292929;
  text-align: left;
}

.texas-tax-s6__faq button:hover, .texas-tax-s6__faq button:focus {
    color: #292929;
    background: transparent;
}

.texas-tax-s6__faq button > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background: #646464;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}

.texas-tax-s6__faq button strong {
  font-size: 19px;
  line-height: 1.28;
  font-weight: 700;
}

.texas-tax-s6__faq button i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ddd;
  color: #555;
  font-size: 31px;
  line-height: 1;
  font-style: normal;
  font-weight: 300;
  transition: transform .18s ease;
}

.texas-tax-s6__faq button[aria-expanded="true"] i {
  transform: rotate(45deg);
}

.texas-tax-s6__answer {
  padding: 0 74px 18px 88px;
  color: #666;
  font-size: 16px;
  line-height: 1.5;
}

.texas-tax-s6__newsletter {
  min-height: 173px;
  margin-top: 61px;
  padding: 25px 51px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  border: 2px solid #159c3f;
  border-radius: 24px;
  background: linear-gradient(105deg, #0d8f35, #00b958);
}

.texas-tax-s6__newsletter h3 {
  margin: 0;
  color: #fff;
  font-size: 37px;
  line-height: 1.1;
  font-weight: 700;
}

.texas-tax-s6__newsletter form {
  flex: 1 1 820px;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr) 260px;
  gap: 7px;
  padding: 9px;
  border-radius: 50px;
  background: #fff;
}

.texas-tax-s6__newsletter form > div {
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 0 19px;
}

.texas-tax-s6__newsletter svg {
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
  margin-right: 13px;
  fill: none;
  stroke: #777;
  stroke-width: 1.5;
}

.texas-tax-s6__newsletter input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: #555;
  font-size: 18px;
}

.texas-tax-s6__newsletter button {
  min-height: 52px;
  border: 3px solid #28c55b;
  border-radius: 30px;
  background: #1a9f43;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (min-width: 1400px) and (max-width: 1900px) { 
    .texas-tax-s6 {
        padding: 260px 0 16px;
    }
    .texas-tax-s2__container {
        width: 80% !important;
    }
}   

@media (min-width: 1367px) {
  .texas-tax-s1__container,
  .texas-tax-s3__container,
  .texas-tax-s4__container,
  .texas-tax-s5__container,
  .texas-tax-s6__container {
    width: 80%;
  }

  .texas-tax-s2__container {
    width: 63%;
  }
}

@media (max-width: 1199.98px) {
  .texas-tax-s1 {
    min-height: auto;
  }

  .texas-tax-s1__container {
    min-height: auto;
    padding: 20px 0;
  }

  .texas-tax-s1__copy {
    padding: 25px 0 15px;
  }

  .texas-tax-s1__copy h1 {
    font-size: 48px;
  }

  .texas-tax-s1__search-card {
    max-width: none;
    margin: 15px 0 0;
  }

  .texas-tax-s2__container {
    max-width: 1100px;
  }

  .texas-tax-s3__card {
    height: auto;
    min-height: 362px;
  }

  .texas-tax-s4__card {
    grid-template-columns: 35% 65%;
  }

  .texas-tax-s4__sidebar,
  .texas-tax-s4__content {
    padding-left: 27px;
    padding-right: 27px;
  }

  .texas-tax-s6__newsletter {
    flex-direction: column;
    align-items: stretch;
  }

  .texas-tax-s6__newsletter h3 {
    text-align: center;
  }
}

@media (max-width: 991.98px) {
  .texas-tax-s1 {
    padding: 35px 0 42px;
  }

  .texas-tax-s1__copy h1 {
    font-size: 44px;
  }

  .texas-tax-s1__cta {
    min-width: 0;
  }

  .texas-tax-s3__heading {
    height: auto;
    padding: 22px 14px 15px;
  }

  .texas-tax-s3__heading h2,
  .texas-tax-s5 h2,
  .texas-tax-s6 > .texas-tax-s6__container > h2 {
    font-size: 32px;
  }

  .texas-tax-s4__card {
    grid-template-columns: 1fr;
  }

  .texas-tax-s4__sidebar {
    padding: 28px;
  }

  .texas-tax-s4__content {
    padding: 30px 28px;
  }

  .texas-tax-s5__process {
    padding-inline: 30px;
  }
}

@media (max-width: 767.98px) {
  .texas-tax-s1__container,
  .texas-tax-s2__container,
  .texas-tax-s3__container,
  .texas-tax-s4__container,
  .texas-tax-s5__container,
  .texas-tax-s6__container {
    width: calc(100% - 24px);
  }

  .texas-tax-s1 {
    padding: 28px 0 32px;
  }

  .texas-tax-s1__copy {
    padding: 8px 0 20px;
  }

  .texas-tax-s1__copy h1 {
    font-size: 35px;
    line-height: 1.17;
  }

  .texas-tax-s1__copy > p {
    font-size: 16px;
  }

  .texas-tax-s1__cta {
    width: 100%;
    height: 58px;
    font-size: 18px;
  }

  .texas-tax-s1__search-card {
    min-height: 0;
    padding: 17px 14px;
  }

  .texas-tax-s1__step-heading {
    font-size: 19px;
  }

  .texas-tax-s1__search-form {
    grid-template-columns: 1fr;
  }

  .texas-tax-s1__search-form button {
    min-height: 54px;
  }

  .texas-tax-s2 {
    padding: 32px 0;
  }

  .texas-tax-s2__card {
    min-height: 0;
    padding: 25px 18px;
    border-left-width: 7px;
  }

  .texas-tax-s2__formula {
    font-size: 18px;
  }

  .texas-tax-s2__copy,
  .texas-tax-s2__intro {
    font-size: 16px;
  }

  .texas-tax-s3__body {
    padding-bottom: 30px;
  }

  .texas-tax-s3__lead {
    font-size: 17px;
    margin-bottom: 22px;
  }

  .texas-tax-s3__card {
    min-height: 0;
    padding: 30px 22px 25px;
  }

  .texas-tax-s3__card p,
  .texas-tax-s4__items p,
  .texas-tax-s4__content > p {
    font-size: 16px;
  }

  .texas-tax-s4 {
    padding: 0 0 0; 
  }

  .texas-tax-s4__sidebar {
    padding: 25px 20px;
  }

  .texas-tax-s4__content {
    padding: 25px 20px;
  }

  .texas-tax-s4__content h2 {
    font-size: 30px;
  }

  .texas-tax-s5 {
    padding-bottom: 50px;
  }

  .texas-tax-s5__lead {
    font-size: 17px;
  }

  .texas-tax-s5__process {
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 25px 17px;
  }

  .texas-tax-s5__process h3 {
    font-size: 29px;
  }

  .texas-tax-s5__steps {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .texas-tax-s6 {
    padding-top: 25px;
  }

  .texas-tax-s6__faq button {
    min-height: 82px;
    grid-template-columns: 43px minmax(0,1fr) 30px;
    gap: 10px;
    padding: 10px 12px;
  }

  .texas-tax-s6__faq button > span {
    width: 42px;
    height: 42px;
  }

  .texas-tax-s6__faq button strong {
    font-size: 16px;
  }

  .texas-tax-s6__answer {
    padding: 0 15px 18px 63px;
  }

  .texas-tax-s6__newsletter {
    margin-top: 35px;
    padding: 23px 14px;
    border-radius: 18px;
  }

  .texas-tax-s6__newsletter h3 {
    font-size: 27px;
  }

  .texas-tax-s6__newsletter form {
    grid-template-columns: 1fr;
    padding: 7px;
    border-radius: 17px;
  }
}

@media (max-width: 420px) {
  .texas-tax-s1__copy h1 {
    font-size: 32px;
  }

  .texas-tax-s6__faq button {
    grid-template-columns: 40px minmax(0,1fr) 29px;
    gap: 8px;
  }

  .texas-tax-s6__faq button > span {
    width: 39px;
    height: 39px;
    font-size: 14px;
  }

  .texas-tax-s6__faq button strong {
    font-size: 15px;
  }
}

/*************** End Calculated in Texas CSS **************/

/*************** Start how-do-property-taxes-work-in-texas in Texas CSS **************/
:root {
  --hdpt-green: #00b85a;
  --hdpt-green-dark: #0c8d37;
  --hdpt-dark: #103b3e;
  --hdpt-text: #606060;
  --hdpt-light: #eaf6ee;
  --hdpt-border: #bfc4c1;
  --hdpt-white: #fff;
}

.hdpt-section-1 a, .hdpt-section-2 a, .hdpt-section-4 a, .hdpt-section-5 a {
    color: #078b36;
    font-weight: 700;
    text-decoration: underline;
}

.hdpt-section-3 a, .hdpt-section-3 a:hover {
  color: #1DB24D;
}

.hdpt-s1-search-card #banner-enrollment-form .list-group-item {margin:0; align-items: center;}
.hdpt-s1-search-card #banner-enrollment-form .dollar-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #00b95c;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.page-id-60529 .texas-tax-s6 {
  padding: 30px 0 30px;
}
.page-id-60529 .texas-tax-s6::before {
   background: #E8F6EB;
}
.page-id-60529 .texas-tax-s6 > .texas-tax-s6__container > h2 {
    margin: 0 0 15px; 
    font-size: 36px;
  }

/* ==========================================================
   SECTION 1 — HERO
   ========================================================== */

.hdpt-section-1 {
  position: relative;
  min-height: 708px;
  overflow: hidden;
  isolation: isolate;
  color: #fff;

  /* Reference banner base + soft green ambient glow.
     All effects are background layers, so they do not affect layout
     dimensions or Core Web Vitals. */
  background:
    radial-gradient(
      ellipse 30% 58% at -2% 43%,
      rgba(0, 184, 90, 0.18) 0%,
      rgba(0, 184, 90, 0.10) 28%,
      rgba(0, 184, 90, 0.035) 50%,
      transparent 73%
    ),
    radial-gradient(
      ellipse 31% 56% at 101% 22%,
      rgba(0, 184, 90, 0.19) 0%,
      rgba(0, 184, 90, 0.10) 28%,
      rgba(0, 184, 90, 0.035) 50%,
      transparent 74%
    ),
    radial-gradient(
      ellipse 32% 48% at 100% 91%,
      rgba(0, 184, 90, 0.21) 0%,
      rgba(0, 184, 90, 0.11) 27%,
      rgba(0, 184, 90, 0.035) 52%,
      transparent 76%
    ),
    radial-gradient(
      ellipse 30% 34% at 34% 103%,
      rgba(0, 184, 90, 0.13) 0%,
      rgba(0, 184, 90, 0.055) 32%,
      transparent 72%
    ),
    #143b3f;
}

.hdpt-s1-grid {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .42;
  background-image:
    linear-gradient(rgba(255,255,255,.11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.11) 1px, transparent 1px);
  background-size: 24px 24px;
}

.hdpt-s1-container {
  position: relative;
  z-index: 1;
  width: min(100% - 80px, 1560px);
  min-height: 708px;
  margin: 0 auto;
  padding: 20px 0;
}

.hdpt-s1-content {
  max-width: 770px;
}

.hdpt-s1-content h1 {
  margin: 0 0 24px;
  color: #fff;
  font-size: clamp(42px, 4vw, 58px);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -.8px;
}

.hdpt-s1-lead {
  max-width: 790px;
  margin: 0 0 32px;
  color: #fff;
  font-size: 18px;
  line-height: 1.55;
}

.hdpt-s1-info {
  position: relative;
  display: flex;
  min-height: 190px;
  background: #e8f5eb;
  border-radius: 0 8px 8px 0;
  overflow: hidden;
  color: #666;
}

.hdpt-s1-info-bar {
  flex: 0 0 6px;
  background: var(--hdpt-green);
}

.hdpt-s1-info p {
  margin: 0;
  padding: 17px 20px;
  font-size: 17px;
  line-height: 1.52;
}

.hdpt-s1-search-card {
  width: 100%;
  min-height: 594px;
  padding: 0;
  background: transparent;
  border-radius: 18px;
  color: #5d5d5d;
  box-shadow: 0 18px 35px rgba(0, 0, 0, .15);
}

.hdpt-s1-step {
  display: flex;
  align-items: center;
  gap: 15px;
}

.hdpt-s1-step-number {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  border: 3px solid var(--hdpt-green);
  border-radius: 50%;
  color: #111;
  font-size: 17px;
}

.hdpt-s1-step h2 {
  margin: 0;
  color: #606060;
  font-size: 23px;
  line-height: 1.2;
  font-weight: 700;
}

.hdpt-s1-search-copy {
  margin: 31px 30px 24px;
  color: #333;
  text-align: center;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 700;
}

.hdpt-s1-mini-step {
  display: inline-grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--hdpt-green);
  color: #fff;
  font-size: 14px;
}

.hdpt-s1-search-form {
  display: grid;
  grid-template-columns: 1fr 190px;
  gap: 6px;
  margin-bottom: 22px;
}

.hdpt-s1-input-wrap {
  height: 60px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 17px;
  border: 1px solid #d9d9d9;
  border-radius: 7px;
}

.hdpt-s1-input-wrap svg {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  fill: none;
  stroke: var(--hdpt-green);
  stroke-width: 1.7;
}

.hdpt-s1-input-wrap input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: #555;
  font: inherit;
}

.hdpt-s1-input-wrap input::placeholder {
  color: #999;
}

.hdpt-s1-search-form button {
  height: 60px;
  border: 0;
  border-radius: 0 5px 5px 0;
  background: #00b85a;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.hdpt-s1-search-card h3 {
  margin: 20px 0 22px;
  text-align: center;
  color: #606060;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
}

.hdpt-s1-benefits {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hdpt-s1-benefits li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 16px;
}

.hdpt-s1-benefits li > span {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--hdpt-green);
  color: #fff;
  font-size: 19px;
  font-weight: 700;
}

.hdpt-s1-benefits p {
  margin: 4px 0 0;
  color: #555;
  font-size: 16px;
  line-height: 1.45;
}

/* ==========================================================
   SECTION 2 — GUIDE
   ========================================================== */

.hdpt-section-2 {
  background: #eaf6ee;
  padding: 46px 0 0;
}

.hdpt-s2-container {
  width: min(100% - 80px, 1560px);
  margin: 0 auto;
  padding: 0;
}

.hdpt-s2-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 507px;
  min-height: auto;
  overflow: hidden;
  border: 1px solid var(--hdpt-green);
  border-radius: 12px 12px 12px 12px;
  background: #fff;
}

.hdpt-s2-main {
  min-width: 0;
  padding: 24px 36px 28px;
}

.hdpt-s2-main > h2 {
  margin: 0 0 25px;
  color: var(--hdpt-green-dark);
  font-size: 36px;
  line-height: 1.15;
  font-weight: 700;
}

.hdpt-s2-steps {
  list-style: none;
  padding: 0;
  margin: 0 0 22px;
}

.hdpt-s2-steps li {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
}

.hdpt-s2-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--hdpt-dark);
  color: #fff;
  font-size: 16px;
  line-height: 1;
}

.hdpt-s2-steps p {
  margin: 0;
  font-size: 17px;
  line-height: 1.4;
}

.hdpt-s2-steps strong {
  color: var(--hdpt-dark);
}

.hdpt-s2-description {
  margin: 23px 0 0;
  padding: 24px 36px;
  border-radius: 12px;
  background: #f3f3f3;
  font-size: 17px;
  line-height: 1.6;
}

.hdpt-s2-sidebar {
  min-width: 0;
  padding: 18px 18px 25px;
  background: var(--hdpt-dark);
  color: #fff;
}

.hdpt-s2-sidebar-box {
  margin-bottom: 30px;
  padding: 16px 20px;
  background: #e9f5eb;
  border-left: 6px solid var(--hdpt-green);
  border-radius: 0 7px 7px 0;
  color: #626262;
}

.hdpt-s2-sidebar-box h3 {
  margin: 0 0 12px;
  color: var(--hdpt-dark);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}

.hdpt-s2-sidebar-box p {
  margin: 0;
  font-size: 17px;
  line-height: 1.48;
}

.hdpt-s2-responsibility-title {
  margin: 0 0 18px;
  color: #fff;
  font-size: 23px;
  line-height: 1.25;
  font-weight: 700;
}

.hdpt-s2-responsibilities {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hdpt-s2-responsibilities li {
  position: relative;
  margin-bottom: 18px;
  padding-left: 23px;
  color: #fff;
  font-size: 17px;
  line-height: 1.4;
}

.hdpt-s2-responsibilities li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .48em;
  width: 11px;
  height: 11px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--hdpt-green);
}

/* ==========================================================
   SECTION 3 — TIMELINE
   ========================================================== */

.hdpt-section-3 {
  padding: 20px 0 32px;
  background: #fff;
}

.hdpt-s3-container {
  width: min(100% - 80px, 1560px);
  margin: 0 auto;
  padding: 0;
}

.hdpt-s3-container > h2 {
  margin: 0 0 25px;
  text-align: center;
  color: var(--hdpt-green-dark);
  font-size: 34px;
  line-height: 1.15;
  font-weight: 700;
}

.hdpt-s3-intro {
  width: min(100%, 1300px);
  min-height: 72px;
  margin: 0 auto 40px;
  padding: 10px 30px;
  display: flex;
  align-items: center;
  gap: 28px;
  background: #e9f6ee;
  border-left: 5px solid var(--hdpt-green);
  border-radius: 0 7px 7px 0;
}

.hdpt-s3-calendar {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--hdpt-dark);
  color: #fff;
  font-size: 29px;
}

.hdpt-s3-intro p {
  margin: 0;
  font-size: 17px;
  line-height: 30px;
}

.hdpt-s3-intro strong {
  color: var(--hdpt-dark);
}

.hdpt-s3-table {
  width: 100%;
}

.hdpt-s3-head,
.hdpt-s3-row {
  display: grid;
  grid-template-columns: 225px 45px minmax(0, 1fr);
}

.hdpt-s3-head {
  margin-bottom: 12px;
  color: var(--hdpt-dark);
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
}

.hdpt-s3-head > div:first-child {
  padding-left: 74px;
}

.hdpt-s3-head > div:nth-child(2) {
  grid-column: 3;
  padding-left: 36px;
}

.hdpt-s3-head > div:nth-child(3) {
  grid-column: 3;
  margin-top: -19px;
  padding-left: calc(50% + 32px);
}

.hdpt-s3-row {
  position: relative;
  min-height: 70px;
  margin-bottom: 12px;
}

.hdpt-s3-time {
  display: flex;
  align-items: center;
}

.hdpt-s3-time span {
  width: 218px;
  min-height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 12px;
  border-radius: 999px;
  background: var(--hdpt-dark);
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.hdpt-s3-node {
  position: relative;
}

.hdpt-s3-node::before {
  content: "";
  position: absolute;
  top: 30px;
  bottom: -45px;
  left: 50%;
  width: 2px;
  transform: translateX(-50%);
  background: var(--hdpt-green);
}

.hdpt-s3-row:first-child .hdpt-s3-node::before {
  top: 50%;
}

.hdpt-s3-row:last-child .hdpt-s3-node::before {
  bottom: 50%;
}

.hdpt-s3-node::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%);
  border: 3px solid var(--hdpt-green);
  border-radius: 50%;
  background: #fff;
}

.hdpt-s3-card {
  min-height: 70px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  border: 1px solid var(--hdpt-green);
  border-radius: 7px;
  background: linear-gradient(100deg, #f4fbf7 0%, #edf8f1 100%);
  overflow: hidden;
}

.hdpt-s3-card > div {
  min-width: 0;
  padding: 11px 34px;
  font-size: 16px;
  line-height: 1.42;
}

.hdpt-s3-card > div + div {
  border-left: 1px solid #66d89b;
}

.hdpt-s3-note {
  width: min(100%, 1300px);
  min-height: 72px;
  margin: 26px auto 0;
  padding: 10px 28px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--hdpt-dark);
  border-left: 5px solid var(--hdpt-green);
  border-radius: 0 7px 7px 0;
  color: #fff;
}

.hdpt-s3-note > span {
  flex: 0 0 42px;
  color: #00f276;
  font-size: 35px;
  line-height: 1;
  text-align: center;
}

.hdpt-s3-note > span > svg {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    fill: none;
    stroke: #00c96b;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.hdpt-s3-note p {
  margin: 0;
  font-size: 17px;
  line-height: 30px;
}

/* ==========================================================
   SECTION 4 — VALUE / TAX RATE CARDS
   ========================================================== */

.hdpt-section-4 {
  padding: 32px 0 28px;
  background: #eaf6ee;
}

.hdpt-s4-container {
  width: min(100% - 80px, 1560px);
  margin: 0 auto;
  padding: 0;
}

.hdpt-s4-panel {
  height: 100%;
  padding: 25px 23px;
  border: 1px solid #bfc4c1;
  border-radius: 8px;
  background: #fff;
}

.hdpt-s4-panel h2 {
  margin: 0 0 26px;
  color: var(--hdpt-green-dark);
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
}

.hdpt-s4-callout {
  min-height: 100px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
  padding: 16px 20px;
  background: var(--hdpt-dark);
  border-left: 5px solid var(--hdpt-green);
  border-radius: 0 8px 8px 0;
  color: #fff;
}

.hdpt-s4-round-icon {
  width: 59px;
  height: 59px;
  flex: 0 0 59px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #20b74f;
  color: #fff;
  font-size: 25px;
}

.hdpt-s4-callout p {
  margin: 0;
  font-size: 17px;
  line-height: 1.45;
}

.hdpt-s4-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hdpt-s4-list li {
  position: relative;
  margin-bottom: 19px;
  padding-left: 24px;
  font-size: 17px;
  line-height: 1.48;
}

.hdpt-s4-list li::before {
  content: "";
  position: absolute;
  top: .55em;
  left: 0;
  width: 12px;
  height: 12px;
  border: 3px solid var(--hdpt-green);
  border-radius: 50%;
}

.hdpt-s4-list strong {
  color: var(--hdpt-dark);
}

.hdpt-s4-bottom,
.hdpt-s4-rate-copy {
  margin: 22px 0 0;
  font-size: 17px;
  line-height: 1.48;
}

.hdpt-s4-rate-box {
  min-height: 100px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
  padding: 15px 24px;
  border-radius: 9px;
  background: #f4f4f4;
}

.hdpt-s4-rate-box > span {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #20b74f;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.hdpt-s4-rate-box p {
  margin: 0;
  font-size: 17px;
  line-height: 1.45;
}

.hdpt-s4-rate-box strong {
  color: var(--hdpt-dark);
}

.hdpt-section-5 {
  padding: 30px 0 !important;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (min-width: 1400px) {
  .hdpt-s1-container,
  .hdpt-s2-container,
  .hdpt-s3-container,
  .hdpt-s4-container {
    width: min(100% - 80px, 1500px);
  }
}

@media (max-width: 1199.98px) {
  .hdpt-s1-container,
  .hdpt-s2-container,
  .hdpt-s3-container,
  .hdpt-s4-container {
    width: min(100% - 40px, 1100px);
  }

  .hdpt-s1-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hdpt-section-1 {
    min-height: 0;
  }

  .hdpt-s1-container {
    min-height: 0;
  }

  .hdpt-s2-shell {
    grid-template-columns: minmax(0, 1fr) 390px;
  }

  .hdpt-s2-main > h2 {
    font-size: 31px;
  }

  .hdpt-s3-head,
  .hdpt-s3-row {
    grid-template-columns: 180px 32px minmax(0, 1fr);
  }

  .hdpt-s3-time span {
    width: 170px;
    font-size: 14px;
  }

  .hdpt-s3-card > div {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }

  .hdpt-s4-callout p,
  .hdpt-s4-list li,
  .hdpt-s4-bottom,
  .hdpt-s4-rate-copy,
  .hdpt-s4-rate-box p {
    font-size: 15px;
  }
}

@media (max-width: 991.98px) {
  .hdpt-s1-search-card {
    min-height: 0;
  }

  .hdpt-s2-shell {
    grid-template-columns: 1fr;
  }

  .hdpt-s2-sidebar {
    min-height: 0;
  }

  .hdpt-s3-head {
    display: none;
  }

  .hdpt-s3-head,
  .hdpt-s3-row {
    grid-template-columns: 180px 32px minmax(0, 1fr);
  }

  .hdpt-s3-row {
    min-height: 0;
  }

  .hdpt-s3-card {
    min-height: 76px;
  }

  .hdpt-s3-card > div {
    padding: 15px 18px;
  }
}

@media (max-width: 767.98px) {
  .hdpt-desktop {
    display: none;
  }

  .hdpt-s1-container,
  .hdpt-s2-container,
  .hdpt-s3-container,
  .hdpt-s4-container {
    width: calc(100% - 24px);
  }

  .hdpt-section-1 {
    min-height: 0;
  }

  .hdpt-s1-content h1 {
    font-size: 37px;
  }

  .hdpt-s1-lead {
    font-size: 15px;
  }

  .hdpt-s1-info p {
    font-size: 14px;
  }

  .hdpt-s1-search-copy {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;
  }

  .hdpt-s1-search-form {
    grid-template-columns: 1fr;
  }

  .hdpt-s1-search-form button {
    border-radius: 5px;
  }

  .hdpt-s2-main {
    padding: 22px 18px;
  }

  .hdpt-s2-main > h2 {
    font-size: 27px;
  }

  .hdpt-s2-steps p,
  .hdpt-s2-description,
  .hdpt-s2-sidebar-box p,
  .hdpt-s2-responsibilities li {
    font-size: 14px;
  }

  .hdpt-s2-description {
    padding: 18px;
  }

  .hdpt-s2-sidebar-box h3 {
    font-size: 20px;
  }

  .hdpt-s3-container > h2 {
    font-size: 27px;
  }

  .hdpt-s3-intro {
    padding: 15px;
    gap: 14px;
  }

  .hdpt-s3-intro p {
    font-size: 14px;
  }

  .hdpt-s3-calendar {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    font-size: 24px;
  }

  .hdpt-s3-head {
    display: none;
  }

  .hdpt-s3-row {
    grid-template-columns: 115px 20px minmax(0, 1fr);
    margin-bottom: 15px;
  }

  .hdpt-s3-time {
    align-items: flex-start;
    padding-top: 10px;
  }

  .hdpt-s3-time span {
    width: 110px;
    min-height: 30px;
    padding: 5px 7px;
    font-size: 11px;
    white-space: normal;
  }

  .hdpt-s3-card {
    grid-template-columns: 1fr;
  }

  .hdpt-s3-card > div {
    font-size: 13px;
    padding: 12px;
  }

  .hdpt-s3-card > div + div {
    border-left: 0;
    border-top: 1px solid #66d89b;
  }

  .hdpt-s3-note {
    padding: 14px;
    gap: 12px;
  }

  .hdpt-s3-note p {
    font-size: 12px;
  }

  .hdpt-s4-panel {
    padding: 21px 17px;
  }

  .hdpt-s4-panel h2 {
    font-size: 22px;
  }

  .hdpt-s4-callout {
    align-items: flex-start;
    gap: 13px;
    padding: 13px;
  }

  .hdpt-s4-round-icon {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }

  .hdpt-s4-callout p,
  .hdpt-s4-list li,
  .hdpt-s4-bottom,
  .hdpt-s4-rate-copy,
  .hdpt-s4-rate-box p {
    font-size: 14px;
  }

  .hdpt-s4-rate-box {
    gap: 12px;
    padding: 13px;
  }
}

@media (max-width: 480px) {
  .hdpt-s1-content h1 {
    font-size: 32px;
  }

  .hdpt-s1-search-card {
    padding: 16px;
    border-radius: 14px;
  }

  .hdpt-s1-step h2 {
    font-size: 19px;
  }

  .hdpt-s1-benefits p {
    font-size: 13px;
  }

  .hdpt-s3-row {
    grid-template-columns: 100px 15px minmax(0, 1fr);
  }

  .hdpt-s3-time span {
    width: 96px;
    font-size: 10px;
  }

  .hdpt-s3-card > div {
    font-size: 12px;
  }
}

/* Section 1 — responsive ambient glow */
@media (max-width: 991.98px) {
  .hdpt-section-1 {
    background:
      radial-gradient(
        ellipse 58% 34% at 0% 20%,
        rgba(0, 184, 90, 0.16) 0%,
        rgba(0, 184, 90, 0.065) 38%,
        transparent 74%
      ),
      radial-gradient(
        ellipse 58% 34% at 100% 72%,
        rgba(0, 184, 90, 0.17) 0%,
        rgba(0, 184, 90, 0.065) 38%,
        transparent 74%
      ),
      #143b3f;
  }
}

@media (max-width: 575.98px) {
  .hdpt-section-1 {
    background:
      radial-gradient(
        ellipse 78% 30% at 0% 18%,
        rgba(0, 184, 90, 0.14) 0%,
        rgba(0, 184, 90, 0.055) 42%,
        transparent 76%
      ),
      radial-gradient(
        ellipse 78% 30% at 100% 82%,
        rgba(0, 184, 90, 0.15) 0%,
        rgba(0, 184, 90, 0.055) 42%,
        transparent 76%
      ),
      #143b3f;
  }
}
/*************** End how-do-property-taxes-work-in-texas in Texas CSS **************/

/**************** Start texas-property-tax-appeals-steps ****************************/
:root {
	 --atpt-green: #27B24D;
	 --atpt-green-dark: #15903D;
	 --atpt-green-bright: #00B956;
	 --atpt-dark: #083636;
	 --atpt-dark-grid: #143B3F;
	 --atpt-light-green: #E8F6EB;
	 --atpt-card-gray: #F5F5F5;
	 --atpt-row-gray: #E6E6E6;
	 --atpt-text: #606060;
	 --atpt-heading: #083636;
	 --atpt-white: #FFFFFF;
	 --atpt-border: #D0D0D0;
	 --atpt-blue-border: #2B465B;
}
/* ========== GLOBAL =========== */
 .atpt-steps, .atpt-steps * {
	 box-sizing: border-box;
}
 .atpt-steps {
	 width: 100%;
	 margin: 0;
	 padding: 0;
	 overflow: hidden;
	 color: var(--atpt-text);
	 font-family: RobotoRegular, Roboto, Arial, sans-serif;
}
 .atpt-steps h1, .atpt-steps h2, .atpt-steps h3, .atpt-steps h4, .atpt-steps p {
	 margin-top: 0;
}
 .atpt-steps img {
	 display: block;
	 max-width: 100%;
	 height: auto;
}
 .atpt-steps a {
	 color: var(--atpt-green-dark);
	 text-decoration: underline;
}
 .atpt-steps button, .atpt-steps input {
	 font-family: inherit;
}
/* ===== DESKTOP CONTAINER Matches attached wide screenshots ======== */
 .atpt-steps-container {
	 width: 100%;
	 max-width: 1560px;
	 margin-left: auto;
	 margin-right: auto;
	 padding-left: 15px;
	 padding-right: 15px;
}
/* =========== SECTION 1 HERO / BANNER ========== */
 .atpt-steps-hero {
	 position: relative;
	 width: 100%;
	 min-height: 678px;
	 display: flex;
	 align-items: center;
	 overflow: hidden;
	 background-color: var(--atpt-dark-grid);
	 background-image: linear-gradient( rgba(255,255,255,0.055) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255,255,255,0.055) 1px, transparent 1px );
	 background-size: 24px 24px, 24px 24px;
}
/* ======== SECTION 1 GREEN AMBIENT SHADOW / GLOW ======== */
 .atpt-steps-hero::after {
	 content: "";
	 position: absolute;
	 left: -10%;
	 right: -10%;
	 bottom: -145px;
	 height: 330px;
	 pointer-events: none;
	 background: radial-gradient( ellipse at center bottom, rgba(39,178,77,0.40) 0%, rgba(39,178,77,0.24) 28%, rgba(39,178,77,0.11) 48%, transparent 75% );
	 filter: blur(25px);
	 opacity: 0.95;
	 z-index: 0;
}
 .atpt-steps-hero-inner {
	 position: relative;
	 z-index: 2;
	/* width: 100%;
	 */
}
 .atpt-steps-search-card #banner-enrollment-form .list-group-item {
	margin:0;
	 align-items: center;
}
 .atpt-steps-search-card #banner-enrollment-form .dollar-icon {
	 width: 30px;
	 height: 30px;
	 flex: 0 0 30px;
	 display: grid;
	 place-items: center;
	 border-radius: 50%;
	 background: #00b95c;
	 color: #fff;
	 font-size: 16px;
	 font-weight: 700;
}
/* ========= HERO LEFT CONTENT ========= */
 .atpt-steps-hero-copy {
	 width: 100%;
	 padding: 20px 0;
}
 .atpt-steps-hero-title {
	 max-width: 780px;
	 margin-bottom: 24px;
	 color: var(--atpt-white);
	 font-size: clamp( 42px, 4.2vw, 52px );
	 line-height: 1.13;
	 font-weight: 700;
	 letter-spacing: -1px;
}
 .atpt-steps-hero-description {
	 max-width: 790px;
	 margin-bottom: 30px;
	 color: #FFFFFF;
	 font-size: 18px;
	 line-height: 1.55;
}
/* ======== HERO GREEN INFORMATION CARD ========= */
 .atpt-steps-hero-highlight {
	 position: relative;
	 width: 100%;
	 max-width: 765px;
	 padding: 20px 25px;
	 background: #E5F4E8;
	 border-left: 7px solid var(--atpt-green);
	 border-radius: 0 8px 8px 0;
	 color: #606060;
	 font-size: 18px;
	 line-height: 1.48;
	 box-shadow: 0 8px 25px rgba(0,0,0,0.08), 0 0 28px rgba(39,178,77,0.13);
}
/* ======= SECTION 1 SEARCH CARD ======== */
 .atpt-steps-search-card {
	 position: relative;
	 width: 100%;
	 max-width: 710px;
	 margin-left: auto;
	 padding: 0;
	 background: transparent;
	 border-radius: 17px;
	 box-shadow: 0 12px 35px rgba(0,0,0,0.16), 0 0 35px rgba(39,178,77,0.13);
}
 .atpt-steps-search-heading {
	 display: flex;
	 align-items: center;
	 gap: 14px;
	 margin-bottom: 28px;
	 color: #5B5B5B;
	 font-size: 23px;
	 line-height: 1.25;
	 font-weight: 700;
}
/* ======= NUMBER CIRCLE ======== */
 .atpt-steps-number {
	 width: 35px;
	 height: 35px;
	 flex: 0 0 35px;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 border: 3px solid var(--atpt-green);
	 border-radius: 50%;
	 background: #FFFFFF;
	 color: #111111;
	 font-size: 17px;
	 font-weight: 500;
}
 .atpt-steps-search-description {
	 margin-bottom: 25px;
	 color: #333333;
	 text-align: center;
	 font-size: 17px;
	 line-height: 1.45;
	 font-weight: 600;
}
/* ======= SEARCH FORM ======== */
 .atpt-steps-search-form {
	 display: flex;
	 width: 100%;
	 margin-bottom: 22px;
}
 .atpt-steps-search-input {
	 width: 100%;
	 min-width: 0;
	 min-height: 60px;
	 padding: 0 18px;
	 border: 1px solid #D8D8D8;
	 border-radius: 7px 0 0 7px;
	 outline: none;
	 background: #FFFFFF;
	 color: #666666;
	 font-size: 15px;
}
 .atpt-steps-search-input::placeholder {
	 color: #999999;
	 opacity: 1;
}
 .atpt-steps-search-button {
	 min-width: 190px;
	 min-height: 60px;
	 padding: 0 25px;
	 border: 0;
	 border-radius: 0 6px 6px 0;
	 background: var(--atpt-green-bright);
	 color: #FFFFFF;
	 font-size: 18px;
	 font-weight: 700;
	 cursor: pointer;
}
 .atpt-steps-search-button:hover {
	 background: var(--atpt-green);
}
 .atpt-steps-search-subtitle {
	 margin-bottom: 22px;
	 color: #666666;
	 text-align: center;
	 font-size: 18px;
	 line-height: 1.4;
	 font-weight: 700;
}
/* ======= BENEFITS ======= */
 .atpt-steps-benefit {
	 display: flex;
	 align-items: flex-start;
	 gap: 10px;
	 margin-bottom: 18px;
	 color: #555555;
	 font-size: 16px;
	 line-height: 1.4;
}
 .atpt-steps-benefit-icon {
	 width: 30px;
	 height: 30px;
	 flex: 0 0 30px;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 border-radius: 50%;
	 background: var(--atpt-green-bright);
	 color: #FFFFFF;
	 font-size: 19px;
	 line-height: 1;
	 font-weight: 700;
}
/* ======== SECTION 2 BY THE NUMBERS ======= */
 .atpt-steps-numbers {
	 width: 100%;
	 padding: 45px 0 0;
	 background: var(--atpt-light-green);
}
 .atpt-steps-section-title {
	 margin-bottom: 48px;
	 color: var(--atpt-heading);
	 font-size: clamp( 34px, 3.4vw, 46px );
	 line-height: 1.15;
	 font-weight: 700;
}
/* ======== SECTION 2 IMAGE =========== */
 .atpt-steps-numbers-image {
	 position: relative;
	 width: 100%;
	 height: 243px;
	 overflow: hidden;
	 border-radius: 12px;
	 background-color: #D5E8D9;
}
 .atpt-steps-numbers-image img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
/* ======== SECTION 2 LIST =========== */
 .atpt-steps-number-item {
	 display: flex;
	 align-items: flex-start;
	 gap: 20px;
	 margin-bottom: 26px;
}
 .atpt-steps-number-arrow {
	 width: 0;
	 height: 0;
	 flex: 0 0 auto;
	 margin-top: 7px;
	 border-top: 12px solid transparent;
	 border-bottom: 12px solid transparent;
	 border-left: 25px solid var(--atpt-green);
}
 .atpt-steps-number-text {
	 color: var(--atpt-text);
	 font-size: 17px;
	 line-height: 1.55;
}
 .atpt-steps-number-text a {
	 color: var(--atpt-green-dark);
	 font-weight: 700;
	 text-decoration: underline;
}
 .atpt-steps-number-text a:hover {
	 color: var(--atpt-green-dark);
	 font-weight: 700;
	 text-decoration: underline !important;
}
/* ======== SECTION 3 PROCESS ========== */
 .atpt-steps-process {
	 width: 100%;
	 padding: 42px 0 52px;
	 background: var(--atpt-light-green);
}
 .atpt-steps-process .atpt-steps-container {
	 max-width: 1600px;
}
/* ========= PROCESS OUTER CARDS ========= */
 .atpt-steps-process-card {
	 width: 100%;
	 padding: 34px 36px;
	 margin-bottom: 22px;
	 background: var(--atpt-card-gray);
	 border: 0;
	 border-left: 8px solid var(--atpt-blue-border);
	 border-radius: 17px;
	 box-shadow: 0 2px 7px rgba(0,0,0,0.14), 0 5px 14px rgba(0,0,0,0.08);
}
 .atpt-steps-process-title {
	 margin-bottom: 14px;
	 color: var(--atpt-green);
	 font-size: 22px;
	 line-height: 1.3;
	 font-weight: 700;
}
 .atpt-steps-process-text {
	 margin-bottom: 0;
	 color: var(--atpt-text);
	 font-size: 17px;
	 line-height: 28px;
	 text-align: justify;
}
 .atpt-steps-process-text a {
	 color: var(--atpt-green-dark);
	 font-weight: 600;
	 text-decoration: underline;
}
 .atpt-steps-process-text a:hover {
	 color: var(--atpt-green-dark);
	 font-weight: 600;
	 text-decoration: underline !important;
}
/* ======== SECTION 3 HEARING LIST ======= */
 .atpt-steps-hearing-list {
	 margin-top: 20px;
}
 .atpt-steps-hearing-item {
	 display: flex;
	 align-items: stretch;
	 gap: 20px;
	 width: 100%;
	 margin-bottom: 20px;
	 padding: 10px;
	 background: var(--atpt-dark);
	 border-radius: 5px;
}
/* ======== HEARING ICON BOX ========= */
 .atpt-steps-hearing-icon {
	 width: 120px;
	 min-height: 135px;
	 flex: 0 0 120px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 background: var(--atpt-light-green);
	 border-radius: 5px;
}
 .atpt-steps-hearing-icon svg {
	 width: 72px;
	 height: 72px;
	 fill: none;
	 stroke: var(--atpt-green);
	 stroke-width: 2;
	 stroke-linecap: round;
	 stroke-linejoin: round;
}
/* ========= HEARING CONTENT ========= */
 .atpt-steps-hearing-content {
	 flex: 1;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 padding: 8px 10px 8px 0;
	 color: #FFFFFF;
}
 .atpt-steps-hearing-title {
	 margin-bottom: 7px;
	 color: var(--atpt-green);
	 font-size: 21px;
	 line-height: 1.3;
	 font-weight: 700;
}
 .atpt-steps-hearing-text {
	 margin-bottom: 0;
	 color: #FFFFFF;
	 font-size: 17px;
	 line-height: 28px;
	 text-align: justify;
}
/* ======== SECTION 4 COMPARISON ========== */
 .atpt-steps-comparison {
	 width: 100%;
	 padding: 46px 0 58px;
	 background: #FFFFFF;
}
 .atpt-steps-comparison-title {
	 margin-bottom: 28px;
	 color: var(--atpt-green-dark);
	 text-align: center;
	 font-size: clamp( 34px, 3.2vw, 36px );
	 line-height: 1.2;
	 font-weight: 700;
}
/* =========== TABLE =========== */
 .atpt-steps-table-wrap {
	 width: 100%;
	 overflow-x: auto;
	 -webkit-overflow-scrolling: touch;
}
 .atpt-steps-table {
	 width: 100%;
	 min-width: 760px;
	 border-collapse: separate;
	 border-spacing: 0 4px;
}
 .atpt-steps-table thead th {
	 padding: 19px 18px;
	 background: var(--atpt-dark);
	 color: #FFFFFF;
	 text-align: center;
	 font-size: 20px;
	 line-height: 1.2;
	 font-weight: 700;
}
 .atpt-steps-table tbody td {
	 padding: 12px 18px;
	 color: #666666;
	 text-align: center;
	 font-size: 19px;
	 line-height: 1.4;
}
 .atpt-steps-table tbody tr:nth-child(1) td {
	 background: #F8F8F8;
}
 .atpt-steps-table tbody tr:nth-child(2) td {
	 background: var(--atpt-row-gray);
}
 .atpt-steps-table tbody tr:nth-child(3) td {
	 background: #F8F8F8;
}
 .atpt-steps-table tbody td:first-child {
	 color: var(--atpt-dark);
	 font-weight: 700;
}
 .atpt-steps-table tbody tr:last-child td {
	 box-shadow: 0 3px 3px rgba(0,0,0,0.18);
}
/* ========= ARB EXPLANATION CARD ========= */
 .atpt-steps-arb-card {
	 width: 85%;
	 margin: 22px auto 0;
	 padding: 30px 42px;
	 display: flex;
	 align-items: center;
	 gap: 35px;
	 background: var(--atpt-dark);
	 border-radius: 19px;
}
 .atpt-steps-arb-content {
	 flex: 1;
}
 .atpt-steps-arb-title {
	 margin-bottom: 10px;
	 color: #FFFFFF;
	 font-size: 24px;
	 line-height: 1.3;
	 font-weight: 700;
}
 .atpt-steps-arb-text {
	 margin-bottom: 0;
	 color: #FFFFFF;
	 font-size: 18px;
	 line-height: 1.55;
}
 .atpt-steps-arb-icon {
	 width: 245px;
	 height: 152px;
	 flex: 0 0 245px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 background: var(--atpt-green);
	 border-radius: 14px;
}
 .atpt-steps-arb-icon svg {
	 width: 105px;
	 height: 105px;
	 fill: none;
	 stroke: #FFFFFF;
	 stroke-width: 2;
	 stroke-linecap: round;
	 stroke-linejoin: round;
}
/* ======== ACCESSIBILITY ========= */
 .atpt-steps a:focus-visible, .atpt-steps button:focus-visible, .atpt-steps input:focus-visible {
	 outline: 3px solid rgba(39,178,77,0.55);
	 outline-offset: 3px;
}
/* ======= LARGE DESKTOP ========= */
 @media (min-width: 1400px) {
	 .atpt-steps-container {
		 max-width: 1500px;
	}
	 .atpt-steps-hero .atpt-steps-container {
		 max-width: 1500px;
	}
	 .atpt-steps-process .atpt-steps-container {
		 max-width: 1500px;
	}
	 .atpt-steps-comparison .atpt-steps-container {
		 max-width: 1500px;
	}
}
/* ======== LAPTOP / TABLET ========= */
 @media (max-width: 1399.98px) {
	 .atpt-steps-container {
		 max-width: 100%;
		 padding-left: 30px;
		 padding-right: 30px;
	}
	 .atpt-steps-hero {
		 min-height: auto;
		 padding-top: 70px;
		 padding-bottom: 70px;
	}
	 .atpt-steps-search-card {
		 max-width: 710px;
	}
	 .atpt-steps-arb-card {
		 width: 92%;
	}
}
/* ======== TABLET ============ */
 @media (max-width: 991.98px) {
	 .atpt-steps-hero {
		 padding-top: 60px;
		 padding-bottom: 60px;
	}
	 .atpt-steps-hero-copy {
		 padding-bottom: 20px;
	}
	 .atpt-steps-search-card {
		 max-width: 100%;
		 margin-left: 0;
	}
	 .atpt-steps-section-title {
		 margin-bottom: 32px;
	}
	 .atpt-steps-numbers-image {
		 height: 280px;
	}
	 .atpt-steps-arb-card {
		 width: 100%;
	}
}
/* ======== MOBILE ======== */
 @media (max-width: 767.98px) {
	 .atpt-steps-container {
		 padding-left: 16px;
		 padding-right: 16px;
	}
	/* HERO */
	 .atpt-steps-hero {
		 display: block;
		 min-height: auto;
		 padding-top: 45px;
		 padding-bottom: 50px;
	}
	 .atpt-steps-hero-copy {
		 padding-top: 0;
		 padding-bottom: 30px;
	}
	 .atpt-steps-hero-title {
		 margin-bottom: 18px;
		 font-size: 38px;
		 line-height: 1.15;
		 letter-spacing: -0.5px;
	}
	 .atpt-steps-hero-description {
		 margin-bottom: 22px;
		 font-size: 16px;
		 line-height: 1.55;
	}
	 .atpt-steps-hero-highlight {
		 padding: 17px 18px;
		 border-left-width: 6px;
		 border-radius: 0 7px 7px 0;
		 font-size: 16px;
		 line-height: 1.5;
	}
	/* SEARCH CARD */
	 .atpt-steps-search-card {
		 padding: 18px 16px 20px;
		 border-radius: 14px;
	}
	 .atpt-steps-search-heading {
		 gap: 10px;
		 margin-bottom: 20px;
		 font-size: 20px;
	}
	 .atpt-steps-number {
		 width: 31px;
		 height: 31px;
		 flex-basis: 31px;
	}
	 .atpt-steps-search-description {
		 font-size: 15px;
	}
	 .atpt-steps-search-form {
		 display: block;
	}
	 .atpt-steps-search-input {
		 width: 100%;
		 min-height: 54px;
		 border-radius: 6px;
	}
	 .atpt-steps-search-button {
		 width: 100%;
		 min-height: 54px;
		 margin-top: 8px;
		 border-radius: 6px;
	}
	 .atpt-steps-search-subtitle {
		 font-size: 16px;
	}
	 .atpt-steps-benefit {
		 font-size: 15px;
	}
	/* SECTION 2 */
	 .atpt-steps-numbers {
		 padding: 38px 0;
	}
	 .atpt-steps-section-title {
		 margin-bottom: 25px;
		 font-size: 32px;
	}
	 .atpt-steps-numbers-image {
		 height: 230px;
		 margin-bottom: 28px;
	}
	 .atpt-steps-number-item {
		 gap: 13px;
		 margin-bottom: 22px;
	}
	 .atpt-steps-number-text {
		 font-size: 16px;
	}
	/* SECTION 3 */
	 .atpt-steps-process {
		 padding: 35px 0;
	}
	 .atpt-steps-process-card {
		 padding: 23px 20px;
		 border-left-width: 6px;
		 border-radius: 13px;
	}
	 .atpt-steps-process-title {
		 font-size: 20px;
	}
	 .atpt-steps-process-text {
		 font-size: 15px;
		 line-height: 1.55;
	}
	 .atpt-steps-hearing-item {
		 display: block;
		 padding: 8px;
	}
	 .atpt-steps-hearing-icon {
		 width: 100%;
		 min-height: 95px;
		 height: 95px;
	}
	 .atpt-steps-hearing-icon svg {
		 width: 58px;
		 height: 58px;
	}
	 .atpt-steps-hearing-content {
		 padding: 18px 12px 12px;
	}
	 .atpt-steps-hearing-title {
		 font-size: 19px;
	}
	 .atpt-steps-hearing-text {
		 font-size: 14px;
	}
	/* SECTION 4 */
	 .atpt-steps-comparison {
		 padding: 36px 0 42px;
	}
	 .atpt-steps-comparison-title {
		 margin-bottom: 22px;
		 font-size: 31px;
	}
	 .atpt-steps-table {
		 min-width: 700px;
	}
	 .atpt-steps-table thead th {
		 padding: 15px 12px;
		 font-size: 16px;
	}
	 .atpt-steps-table tbody td {
		 padding: 11px 12px;
		 font-size: 16px;
	}
	/* ARB CARD */
	 .atpt-steps-arb-card {
		 width: 100%;
		 display: block;
		 padding: 24px 20px;
		 border-radius: 14px;
	}
	 .atpt-steps-arb-title {
		 font-size: 21px;
	}
	 .atpt-steps-arb-text {
		 font-size: 16px;
	}
	 .atpt-steps-arb-icon {
		 width: 100%;
		 height: 130px;
		 margin-top: 22px;
	}
}
/* ============ SMALL MOBILE ======== */
 @media (max-width: 479.98px) {
	 .atpt-steps-hero-title {
		 font-size: 32px;
	}
	 .atpt-steps-hero-description {
		 font-size: 15px;
	}
	 .atpt-steps-hero-highlight {
		 font-size: 15px;
	}
	 .atpt-steps-search-heading {
		 font-size: 18px;
	}
	 .atpt-steps-benefit {
		 font-size: 14px;
	}
	 .atpt-steps-section-title {
		 font-size: 29px;
	}
	 .atpt-steps-numbers-image {
		 height: 200px;
	}
}
/* ========== REDUCED MOTION ======= */
 @media (prefers-reduced-motion: reduce) {
	 .atpt-steps *, .atpt-steps *::before, .atpt-steps *::after {
		 scroll-behavior: auto !important;
		 animation: none !important;
		 transition: none !important;
	}
}
/**************** End texas-property-tax-appeals-steps ****************************/