:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-a5ca4a8 *//*==================================================
HVAC HERO
==================================================*/

.tv-hvac-hero{

    position:relative;

    min-height:880px;

    display:flex;
    align-items:center;

    overflow:hidden;

    background-image:url("https://tagvolt.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-25-2026-06_10_54-PM.webp");
    background-size:auto;
    background-repeat:no-repeat;
    background-position:center right;

}

/*============================================*/

.tv-hvac-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(255,255,255,.98) 0%,
        rgba(255,255,255,.96) 22%,
        rgba(255,255,255,.90) 38%,
        rgba(255,255,255,.55) 52%,
        rgba(255,255,255,.10) 67%,
        rgba(255,255,255,0) 78%
    );

}

/*============================================*/

.tv-hvac-container{

    position:relative;
    z-index:2;

    width:min(1320px, calc(100% - 40px));
    margin:auto;

}

/*============================================*/

.tv-hvac-content{

    max-width:620px;

}

/*============================================*/

.tv-hvac-kicker{

    color:#1D6DF2;

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

    letter-spacing:.04em;
    text-transform:uppercase;

}

.tv-hvac-line{

    width:130px;
    height:3px;

    margin:18px 0 40px;

    background:#1D6DF2;

}

/*============================================*/

.tv-hvac-content h1{

    margin:0;

    color:#0F172A;

    font-size:72px;
    line-height:1.05;
    font-weight:800;

    letter-spacing:-.04em;

}

.tv-hvac-content h1 span{

    color:#FF6B00;

}

/*============================================*/

.tv-hvac-description{

    margin:35px 0 45px;

    color:#475569;

    font-size:20px;
    line-height:1.8;

}

/*============================================*/

.tv-hvac-buttons{

    display:flex;
    gap:18px;
    flex-wrap:wrap;

}

/*============================================*/

.tv-btn-primary,
.tv-btn-secondary{

    padding:18px 34px;

    border-radius:14px;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.tv-btn-primary{

    background:#FF6B00;
    color:white;

}

.tv-btn-primary:hover{

    background:#ef6200;

}

.tv-btn-secondary{

    color:#0F172A;

    border:2px solid #1D6DF2;

    background:white;

}

.tv-btn-secondary:hover{

    background:#1D6DF2;
    color:white;

}

/*============================================*/

.tv-hvac-features{

    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:25px;

    margin-top:70px;

    padding-top:35px;

    border-top:1px solid rgba(15,23,42,.08);

}

.tv-feature{

    display:flex;
    gap:15px;

}

.tv-feature-icon{

    width:52px;
    height:52px;

    border-radius:50%;

    background:#F5F8FE;

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

    font-size:22px;

    flex-shrink:0;

}

.tv-feature h5{

    margin:0 0 8px;

    color:#0F172A;

    font-size:18px;

}

.tv-feature p{

    margin:0;

    color:#64748B;

    font-size:14px !important;
    line-height:1.6;

}

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

@media(max-width:991px){

    .tv-hvac-hero{

        min-height:auto;

        padding:100px 0 80px;

        background-position:72% center;

    }

    .tv-hvac-overlay{

        background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.96) 0%,
            rgba(255,255,255,.90) 100%
        );

    }

    .tv-hvac-content{

        max-width:100%;
        text-align:center;

    }

    .tv-hvac-line{

        margin-left:auto;
        margin-right:auto;

    }

    .tv-hvac-buttons{

        justify-content:center;

    }

    .tv-hvac-features{

        grid-template-columns:1fr;
        gap:30px;

    }

}

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

@media(max-width:767px){

    .tv-hvac-hero{

        padding:80px 0 60px;

    }

    .tv-hvac-kicker{

        font-size:15px;

    }

    .tv-hvac-content h1{

        font-size:46px;

    }

    .tv-hvac-description{

        font-size:17px;

    }

    .tv-btn-primary,
    .tv-btn-secondary{

        width:100%;
        text-align:center;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23c3f20 *//*=================================================
HVAC SERVICES
=================================================*/

.tv-hvac-services{

    position:relative;

    padding:110px 0 80px;

    overflow:hidden;

    background-image:url("https://tagvolt.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-25-2026-05_54_41-PM.webp");
    background-size:cover;
    background-position:center right;
    background-repeat:no-repeat;

}

/*=============================================*/

.tv-hvac-services-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(255,255,255,.98) 0%,
        rgba(255,255,255,.96) 25%,
        rgba(255,255,255,.88) 42%,
        rgba(255,255,255,.45) 58%,
        rgba(255,255,255,0) 72%
    );

}

/*=============================================*/

.tv-hvac-services-container{

    position:relative;
    z-index:2;

    width:min(1320px,calc(100% - 40px));
    margin:auto;

}

.tv-hvac-services-content{

    max-width:540px;

}

.tv-services-kicker{

    color:#FF6B00;

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

    letter-spacing:.05em;

}

.tv-hvac-services h2{

    margin:22px 0;

    font-size:68px;
    line-height:1.05;

    color:#0F172A;

}

.tv-hvac-services h2 span{

    color:#FF6B00;

}

.tv-hvac-services p{

    max-width:520px;

    font-size:20px;
    line-height:1.8;

    color:#475569;

}

/*=================================================
CARDS
=================================================*/

.tv-services-grid{

    position:relative;
    z-index:2;

    width:min(1320px,calc(100% - 40px));

    margin:80px auto 0;

    display:grid;
    grid-template-columns:repeat(4,1fr);

    gap:26px;

}

.tv-service-card{

    background:#fff;

    padding:40px 30px;

    border-radius:22px;

    text-align:center;

    border:1px solid #ECEFF5;

    transition:.3s;

}

.tv-service-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 45px rgba(15,23,42,.08);

}

.tv-service-icon{

    width:82px;
    height:82px;

    margin:0 auto 30px;

    border-radius:50%;

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

    font-size:42px;

    background:#F6F9FF;

}

.tv-service-icon svg{

    width:44px;
    height:44px;
    transform: translateX(-2px);
}

.tv-service-card h3{

    margin-bottom:18px;

    color:#0F172A;

    font-size:26px;

}

.tv-service-card p{

    font-size:17px;

    color:#64748B;

    line-height:1.8;

}

/* Orange line */

.tv-service-card::after{

    content:"";

    display:block;

    width:42px;
    height:3px;

    background:#FF6B00;

    margin:35px auto 0;

}

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

@media(max-width:1100px){

    .tv-services-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:767px){

    .tv-hvac-services{

        padding:80px 0 60px;

        background-position:70% center;

    }

    .tv-hvac-services-overlay{

        background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.95),
            rgba(255,255,255,.88)
        );

    }

    .tv-hvac-services h2{

        font-size:42px;

    }

    .tv-hvac-services p{

        font-size:17px;

    }

    .tv-services-grid{

        grid-template-columns:1fr;

        margin-top:50px;

    }

    .tv-service-card{

        padding:35px 25px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aa492e6 *//*=========================================================
TAGVOLT CTA
=========================================================*/

.tv-cta{
    position:relative;
    overflow:hidden;
    background:#0F5AF2;
    padding:110px 20px;
    font-family:Inter,sans-serif;
}

/*=========================================================
Decorative Rings
=========================================================*/

.tv-cta-rings{
    position:absolute;
    top:50%;
    width:340px;
    height:340px;
    transform:translateY(-50%);
    opacity:.18;
    pointer-events:none;
}

.tv-cta-rings-left{
    left:-140px;
}

.tv-cta-rings-right{
    right:-140px;
}

.tv-cta-rings::before{

    content:"";

    position:absolute;
    inset:0;

    background:
        repeating-radial-gradient(
            circle,
            rgba(255,255,255,.6) 0 2px,
            transparent 2px 18px
        );

    mask:radial-gradient(circle at center, transparent 0 20px,#000 22px);

}

/*=========================================================
Card
=========================================================*/

.tv-cta-card{

    position:relative;
    z-index:2;

    width:min(1280px,100%);
    margin:auto;

    background:#fff;

    border-radius:42px;

    padding:70px 70px 55px;

    box-shadow:
    0 40px 100px rgba(7,25,75,.15);

    text-align:center;

}

/*=========================================================
Top Label
=========================================================*/

.tv-cta-kicker{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;

    margin-bottom:35px;

    font-weight:700;

    letter-spacing:.04em;

}

.tv-step{

    color:#FF6B00;
    font-size:18px;

}

.tv-divider{

    color:#1D3C7A;
    font-size:22px;

}

.tv-text{

    color:#324D82;
    font-size:18px;
    text-transform:uppercase;

}

.tv-cta-kicker::after{

    content:"";

    display:block;

    position:absolute;

    width:60px;
    height:3px;

    background:#FF6B00;

    margin-top:55px;

}

/*=========================================================
Heading
=========================================================*/

.tv-cta-title{

    margin:0 auto;

    max-width:820px;

    color:#0F2458;

    font-size:68px;

    line-height:1.08;

    font-weight:800;

    letter-spacing:-.04em;

}

.tv-cta-title span{

    color:#FF6B00;

}

/*=========================================================
Description
=========================================================*/

.tv-cta-description{

    max-width:820px;

    margin:35px auto;

    color:#475569;

    font-size:20px;

    line-height:1.8;

}

/*=========================================================
Button
=========================================================*/

.tv-cta-button{

    width:fit-content;

    margin:0 auto;

    display:flex;
    align-items:center;
    gap:18px;

    background:#FF6B00;

    color:#fff;

    padding:22px 38px;

    border-radius:18px;

    text-decoration:none;

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

    transition:.35s;

}

.tv-cta-button svg{

    width:24px;
    height:24px;

}

.tv-arrow{

    transition:.3s;

}

.tv-cta-button:hover{

    background:#ef6200;

    transform:translateY(-4px);

    box-shadow:0 20px 45px rgba(255,107,0,.28);

}

.tv-cta-button:hover .tv-arrow{

    transform:translateX(6px);

}

.tv-cta-small{

    margin-top:28px;

    color:#64748B;

    font-size:18px;

}

/*=========================================================
Features
=========================================================*/

.tv-cta-features{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

    margin-top:65px;

}

.tv-feature{

    display:flex;

    align-items:flex-start;

    gap:18px;

    text-align:left;

    padding-left:18px;

    border-left:1px solid rgba(15,23,42,.08);

}

.tv-feature:first-child{

    border-left:none;
    padding-left:0;

}

.tv-feature-icon{

    width:74px;
    flex-shrink:0;

}

.tv-feature-icon svg{

    width:74px;
    height:74px;

}

.tv-feature-content h4{

    margin:5px 0 8px;

    color:#0F2458;

    font-size:17px;

    font-weight:700;

}

.tv-feature-content p{

    margin:0;

    color:#475569;

    font-size:15px;

    line-height:1.7;

}

/*=========================================================
Responsive
=========================================================*/

@media(max-width:1100px){

    .tv-cta-card{

        padding:60px 45px;

    }

    .tv-cta-title{

        font-size:52px;

    }

    .tv-cta-features{

        grid-template-columns:repeat(2,1fr);

        gap:35px;

    }

    .tv-feature:nth-child(3){

        border-left:none;
        padding-left:0;

    }

}

@media(max-width:768px){

    .tv-cta{

        padding:70px 16px;

    }

    .tv-cta-card{

        padding:45px 24px;

        border-radius:28px;

    }

    .tv-cta-title{

        font-size:38px;

    }

    .tv-cta-description{

        font-size:17px;

    }

    .tv-cta-button{

        width:100%;

        justify-content:center;

        font-size:18px;

        padding:18px 24px;

    }

    .tv-cta-features{

        grid-template-columns:repeat(2,1fr);

        gap:28px 18px;

        margin-top:50px;

    }

    .tv-feature{

        flex-direction:column;

        gap:10px;

    }

    .tv-feature-icon{

        width:48px;

    }

    .tv-feature-icon svg{

        width:48px;
        height:48px;

    }

    .tv-cta-rings{

        display:none;

    }

}/* End custom CSS */