/* Dark mode. Generated from style.css by scratchpad/gen_dark.py, plus the
   hand-written base rules below. Only applies when <html data-theme="dark">. */
html[data-theme="dark"]{
    color-scheme: dark;
}
html[data-theme="dark"] body{
    background-color: #0B1220;
    color: #D5DCE8;
}
html[data-theme="dark"] a:not([class]){
    color: #7FB0FF;
}
html[data-theme="dark"] .hero-section{
    background: #0B1220;
}
html[data-theme="dark"] .cta-section{
    background-image: linear-gradient(90deg, rgba(11, 18, 32, .94) 0%, rgba(11, 18, 32, .8) 55%, rgba(11, 18, 32, .3) 100%), url('../images/cta-bg.jpg');
}
/* navbar, logo and menu icon */
html[data-theme="dark"] .iec-navbar,
html[data-theme="dark"] .home-nav,
html[data-theme="dark"] .fixed-navbar,
html[data-theme="dark"] .offcanvas,
html[data-theme="dark"] .dropdown-menu{
    background-color: #0F1A2E !important;
    color: #D5DCE8;
}
html[data-theme="dark"] .main-logo,
html[data-theme="dark"] .sticky-logo,
html[data-theme="dark"] .navbar-toggler-icon{
    filter: brightness(0) invert(1);
}
html[data-theme="dark"] .btn-close{
    filter: invert(1);
}
html[data-theme="dark"] .dropdown-item{
    color: #D5DCE8;
}
html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus{
    background-color: #1B2840;
    color: #fff;
}
/* forms */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{
    background-color: #121B2E;
    border-color: #2C3A55;
    color: #E6EAF2;
}
html[data-theme="dark"] ::placeholder{
    color: #8592A8;
}
/* tables and bootstrap helpers */
html[data-theme="dark"] .table{
    color: #D5DCE8;
    border-color: #26334D;
}
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light{
    background-color: #121B2E !important;
}
html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-black{
    color: #E6EAF2 !important;
}
/* logos keep a light chip so dark artwork stays visible */
html[data-theme="dark"] .vrf-brands li,
html[data-theme="dark"] .home-brands-grid li,
html[data-theme="dark"] .client-slider .item img{
    background-color: #fff;
    border-radius: 10px;
}
/* theme toggle */
.theme-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #D6E0F0;
    background: transparent;
    color: var(--primary-col);
    font-size: 17px;
    cursor: pointer;
    transition: background-color .2s ease;
}
.theme-toggle:hover{
    background-color: rgba(0, 59, 150, .08);
}
.theme-toggle .fa-sun{
    display: none;
}
html[data-theme="dark"] .theme-toggle{
    border-color: #2C3A55;
    color: #FFD36B;
}
html[data-theme="dark"] .theme-toggle .fa-sun{
    display: inline;
}
html[data-theme="dark"] .theme-toggle .fa-moon{
    display: none;
}
.nav-item-theme{
    display: flex;
    align-items: center;
    margin-right: 22px;
}
.theme-toggle-mobile{
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    border: none;
    background: none;
    padding: 8px 0;
    color: inherit;
    font-size: 18px;
}

/* ---------- generated from style.css ---------- */
:where(html[data-theme="dark"]) .home-nav{
    background-color: #121B2E;
}
:where(html[data-theme="dark"]) .fixed-navbar{
    background-color: #121B2E;
}
:where(html[data-theme="dark"]) .iec-navbar .nav-item .nav-link{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .navbar-light .navbar-nav .nav-link.active{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .description{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .btn-2{
    background: #121B2E;
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .sm-head{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .lg-head{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .lg-head span{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .sector-card{
    background-color: #121B2E;
    border: 1px solid #26334D;
}
:where(html[data-theme="dark"]) .sector-card:hover{
    background-color: #0E1626;
    border-color: #26334D;
}
:where(html[data-theme="dark"]) .sector-icon{
    background-color: #0E1626;
}
:where(html[data-theme="dark"]) .sector-card h3{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .sector-card p{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .service-card .service-dtls{
    background: #121B2E;
}
:where(html[data-theme="dark"]) .service-dtls p{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .iec-list-icon li{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .project-details-box{
    background: #121B2E;
}
:where(html[data-theme="dark"]) .project-details-box .project-name{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .project-details-box .location{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .counter-box .counter-num{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .counter-box p{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .mission-vision-box .head{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .mission-vision-box .desc{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .service-details-box h4{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .service-details-box p{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .contact-form-box{
    background-color: #121B2E;
}
:where(html[data-theme="dark"]) .contact-form-box h1{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .contact-form-box p{
    color: #E6EAF2;
}
:where(html[data-theme="dark"]) .input-box{
    background: #0E1626;
}
:where(html[data-theme="dark"]) .input-box input{
    background: #0E1626;
}
:where(html[data-theme="dark"]) .input-box input::placeholder{
    color: rgba(220, 230, 245, 0.7);
}
:where(html[data-theme="dark"]) .input-box textarea{
    background: #0E1626;
}
:where(html[data-theme="dark"]) .input-box textarea::placeholder{
    color: rgba(220, 230, 245, 0.7);
}
:where(html[data-theme="dark"]) .sm-media-sec p{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .company-details-section .container{
    background: #121B2E;
}
:where(html[data-theme="dark"]) .company-details-section .details h6{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .company-details-section .details p{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .offcanvas-navbar .nav-item .nav-link{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .loader-div{
    background-color: #121B2E;
}
@media only screen and (max-width:999px){
:where(html[data-theme="dark"]) .navbar-collapse{
    background-color: #121B2E;
}
}
:where(html[data-theme="dark"]) .about-head{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .service-dtls .service-dtls-desc{
    color: #E6EAF2;
}
:where(html[data-theme="dark"]) .project-section .description{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .why-us-card h4{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .why-us-card p{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .hvac-pg-banner--light::before{
    background: linear-gradient(90deg, #121B2E 0%, #121B2E 48%, rgba(255, 255, 255, 0) 78%);
}
@media only screen and (max-width:767px){
:where(html[data-theme="dark"]) .hvac-pg-banner--light::before{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #121B2E 42%, #121B2E 100%);
}
}
:where(html[data-theme="dark"]) .hvac-pg-banner-heading{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .hvac-pg-banner-desc{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .hvac-heading{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .hvac-desc{
    color: #E6EAF2;
}
:where(html[data-theme="dark"]) .icon-list i{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .hvac-list-group{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .hvac-list-group li{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .hvac-pg-card h6{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .hvac-pg-card p{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .hvac-cta-btn:hover{
    background-color: #121B2E;
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .hvac-cta-btn-one:hover{
    background-color: #121B2E;
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .banner-electrical-service-desc{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .why-choose-electrical .hvac-sectors span{
    background: #121B2E;
}
:where(html[data-theme="dark"]) .faq-section{
    background: #121B2E;
}
:where(html[data-theme="dark"]) .faq-item{
    border-bottom: 1px solid #26334D;
}
:where(html[data-theme="dark"]) .faq-question{
    background: #0E1626;
}
:where(html[data-theme="dark"]) .faq-answer{
    background: #121B2E;
}
:where(html[data-theme="dark"]) .hvac-pg-card h5{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .vrf-banner-sm-card{
    background: #121B2E;
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .sml-head{
    color: #E6EAF2;
}
:where(html[data-theme="dark"]) .service-container .box{
    background-color: #121B2E;
    color: #E6EAF2;
}
:where(html[data-theme="dark"]) .blog-card .title{
    color: #E6EAF2;
}
:where(html[data-theme="dark"]) .blog-card .category{
    background-color: #121B2E;
    color: #E6EAF2;
}
:where(html[data-theme="dark"]) .iec-hotpack-result-text{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .iec-hotpack-result-box p{
    color: #E6EAF2;
}
:where(html[data-theme="dark"]) .hotpack-cta-heading .highlight{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .hotpack-cta-btn-primary:hover{
    background-color: #121B2E;
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .thank-you__card{
    background: #121B2E;
}
:where(html[data-theme="dark"]) .thank-you h1{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .thank-you p{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .blog-intro-steps p::before{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .vrf-table th{
    background-color: #0E1626;
}
:where(html[data-theme="dark"]) .vrf-table tr:nth-child(even){
    background-color: #121B2E;
}
:where(html[data-theme="dark"]) .img-card-hvac{
    background-color: #121B2E;
}
:where(html[data-theme="dark"]) .comparison-table-wrapper{
    background: #121B2E;
}
:where(html[data-theme="dark"]) .comparison-table td{
    border-bottom: 1px solid #26334D;
}
:where(html[data-theme="dark"]) .comparison-table tbody tr:hover{
    background: #0E1626;
}
:where(html[data-theme="dark"]) .feature-col{
    color: #E6EAF2;
    background: #0E1626;
}
:where(html[data-theme="dark"]) .contractor-col{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .highlight{
    background: #0E1626;
}
:where(html[data-theme="dark"]) .project-card-hvac{
    background: #121B2E;
    border: 1px solid #26334D;
}
:where(html[data-theme="dark"]) .project-label-hvac{
    background: #0E1626;
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .project-title-hvac{
    color: #E6EAF2;
}
:where(html[data-theme="dark"]) .project-content-hvac{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .description a:not([class]){
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .iec-navbar .navbar-nav .nav-link:hover,
:where(html[data-theme="dark"]) .iec-navbar .navbar-nav .nav-link:focus,
:where(html[data-theme="dark"]) .iec-navbar .navbar-nav .nav-link.show{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .iec-navbar .iec-dropdown .dropdown-item{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .iec-navbar .iec-dropdown .dropdown-item:hover,
:where(html[data-theme="dark"]) .iec-navbar .iec-dropdown .dropdown-item:focus{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .areas-section{
    background-color: #0E1626;
}
:where(html[data-theme="dark"]) .area-card{
    background-color: #121B2E;
}
:where(html[data-theme="dark"]) .area-card .area-badge{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .area-card h3{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .area-card .area-links a{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .dxb-alt{
    background-color: #0E1626;
}
:where(html[data-theme="dark"]) .dxb-section .description a{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .dxb-facts{
    background-color: #121B2E;
    border: 1px solid #26334D;
}
:where(html[data-theme="dark"]) .dxb-facts h3{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .dxb-facts dl > div{
    border-bottom: 1px solid #26334D;
}
:where(html[data-theme="dark"]) .dxb-facts dt{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .dxb-facts dd{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .dxb-facts a{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .dxb-service{
    background-color: #121B2E;
}
:where(html[data-theme="dark"]) .dxb-service h3,
:where(html[data-theme="dark"]) .dxb-steps h3,
:where(html[data-theme="dark"]) .dxb-project h3{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .dxb-service p{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .dxb-link{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .dxb-table{
    background-color: #121B2E;
}
:where(html[data-theme="dark"]) .dxb-table tbody th,
:where(html[data-theme="dark"]) .dxb-table td{
    border-bottom: 1px solid #26334D;
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .dxb-table tbody th{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .dxb-table a{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .dxb-compare td:nth-child(2){
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .dxb-chips li{
    background-color: #121B2E;
    color: #DCE6F7;
    border: 1px solid #26334D;
}
:where(html[data-theme="dark"]) .dxb-chips li::before{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .dxb-steps li{
    background-color: #121B2E;
}
:where(html[data-theme="dark"]) .dxb-steps li::before{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .dxb-steps p{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .dxb-project{
    background-color: #121B2E;
}
:where(html[data-theme="dark"]) .dxb-project p{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .dxb-tag{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .dxb-checks li{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .dxb-certs a{
    background-color: #121B2E;
    border: 1px solid #26334D;
}
:where(html[data-theme="dark"]) .dxb-certs span{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .dxb-faq-item{
    border: 1px solid #26334D;
    background-color: #121B2E;
}
:where(html[data-theme="dark"]) .dxb-faq-item summary::after{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .dxb-faq-item summary h3{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .dxb-faq-item p{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .vrf-stages li{
    background-color: #0E1626;
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .vrf-stages li:nth-child(2){
    background-color: #0E1626;
}
:where(html[data-theme="dark"]) .vrf-caps li{
    background-color: #121B2E;
    border: 1px solid #26334D;
}
:where(html[data-theme="dark"]) .vrf-caps h3{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .vrf-caps p{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .vrf-figure figcaption{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .vrf-partners article{
    border: 1px solid #26334D;
}
:where(html[data-theme="dark"]) .vrf-partners i{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .vrf-partners h3{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .vrf-partners p{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .vrf-brands li{
    border: 1px solid #26334D;
}
:where(html[data-theme="dark"]) .vrf-panel{
    background-color: #0E1626;
}
:where(html[data-theme="dark"]) .vrf-related a{
    background-color: #121B2E;
    border: 1px solid #26334D;
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .vrf-related a:hover{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .vrf-panel--white{
    background-color: #121B2E;
}
:where(html[data-theme="dark"]) .vrf-caps p a{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .home-brands{
    background: linear-gradient(180deg, #0E1626 0%, #121B2E 100%);
}
:where(html[data-theme="dark"]) .home-brands-points li{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .home-brands-points i{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .home-brands-grid li{
    border: 1px solid #26334D;
}
:where(html[data-theme="dark"]) .blog-toc{
    border: 1px solid #26334D;
    background-color: #0E1626;
}
:where(html[data-theme="dark"]) .blog-toc-head{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .blog-toc a{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .blog-toc a:hover{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .blog-body{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .blog-body h2{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .blog-body h3{
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .blog-body a{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .blog-answer{
    background-color: #0E1626;
}
:where(html[data-theme="dark"]) .blog-answer-label{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .blog-takeaways{
    border: 1px solid #26334D;
}
:where(html[data-theme="dark"]) .blog-diagram svg{
    background-color: #0E1626;
    border: 1px solid #26334D;
}
:where(html[data-theme="dark"]) .blog-diagram figcaption,
:where(html[data-theme="dark"]) .blog-figure figcaption{
    color: #B8C2D3;
}
:where(html[data-theme="dark"]) .blog-checks li::before{
    color: #93B6EE;
}
:where(html[data-theme="dark"]) .blog-card-box{
    border: 1px solid #26334D;
    background-color: #121B2E;
}
:where(html[data-theme="dark"]) .blog-inline-cta .btn-1{
    background: #121B2E;
    color: #DCE6F7;
}
:where(html[data-theme="dark"]) .blog-summary{
    background-color: #0E1626;
}

/* ---------- hand-tuned overrides (after the generated rules) ---------- */
html[data-theme="dark"] .inner-pg-cta-section .container{
    background-image: linear-gradient(90deg, rgba(11, 18, 32, .94) 0%, rgba(11, 18, 32, .8) 55%, rgba(11, 18, 32, .3) 100%), url('../images/cta-bg.jpg');
}
html[data-theme="dark"] .counter-section .container{
    background-image: linear-gradient(rgba(11, 18, 32, .82), rgba(11, 18, 32, .82)), url('../images/counter-section-img.png');
}
html[data-theme="dark"] .input-box input,
html[data-theme="dark"] .input-box textarea{
    background: #1A2540;
    border: 1px solid #2C3A55;
    color: #E6EAF2;
}
html[data-theme="dark"] .grid-brands .brand img{
    background-color: #fff;
    border-radius: 10px;
    padding: 12px;
}
/* sector cards */
html[data-theme="dark"] .sector-card{
    background-color: #121B2E;
    border-color: #26334D;
}
html[data-theme="dark"] .sector-card:hover{
    background-color: #17233B;
    border-color: #3A5A8F;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .35);
}
html[data-theme="dark"] .sector-icon{
    background-color: #1B2A47;
}
html[data-theme="dark"] .sector-card:hover .sector-icon{
    background-color: #003B96;
}
html[data-theme="dark"] .sector-icon img{
    filter: brightness(0) invert(1);
}
/* navigation */
html[data-theme="dark"] .iec-navbar .navbar-nav .nav-link{
    color: #DCE3EE;
}
html[data-theme="dark"] .iec-navbar .navbar-nav .nav-link:hover,
html[data-theme="dark"] .iec-navbar .navbar-nav .nav-link:focus,
html[data-theme="dark"] .iec-navbar .navbar-nav .nav-link.show,
html[data-theme="dark"] .iec-navbar .navbar-nav .nav-link.active{
    color: #FFFFFF;
}
html[data-theme="dark"] .iec-navbar .iec-dropdown .dropdown-menu{
    border: 1px solid #26334D;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .45);
}
html[data-theme="dark"] .iec-navbar .iec-dropdown .dropdown-item{
    color: #E6EAF2;
}
html[data-theme="dark"] .iec-navbar .iec-dropdown .dropdown-subitem{
    color: #B8C2D3;
}
html[data-theme="dark"] .iec-navbar .iec-dropdown .dropdown-item:hover,
html[data-theme="dark"] .iec-navbar .iec-dropdown .dropdown-item:focus{
    background-color: #1B2840;
    color: #FFFFFF;
}
html[data-theme="dark"] .offcanvas-navbar .nav-item .nav-link{
    color: #DCE3EE;
}
html[data-theme="dark"] .offcanvas-navbar .offcanvas-subnav .offcanvas-subitem{
    color: #B8C2D3;
}
html[data-theme="dark"] .offcanvas-navbar .nav-item .nav-link:hover{
    color: #FFFFFF;
}
/* secondary buttons: outline style so they read on dark pages, navy bands and photos */
html[data-theme="dark"] .btn-2{
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .55);
    color: #FFFFFF;
    box-shadow: none;
}
html[data-theme="dark"] .btn-2:hover,
html[data-theme="dark"] .btn-2:focus{
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: #002968;
}
/* photo CTA bands on phones: text runs full width, so the overlay is even */
@media only screen and (max-width:767px){
    html[data-theme="dark"] .cta-section{
        background-image: linear-gradient(rgba(11, 18, 32, .86), rgba(11, 18, 32, .86)), url('../images/cta-bg.jpg');
    }
    html[data-theme="dark"] .inner-pg-cta-section .container{
        background-image: linear-gradient(rgba(11, 18, 32, .86), rgba(11, 18, 32, .86)), url('../images/cta-bg.jpg');
    }
}
/* banners with navy text on a light photo: dark overlay instead of the white one */
html[data-theme="dark"] .hvac-pg-banner--light::before{
    background: linear-gradient(90deg, rgba(11, 18, 32, .92) 0%, rgba(11, 18, 32, .72) 50%, rgba(11, 18, 32, .2) 100%);
}
@media only screen and (max-width:767px){
    html[data-theme="dark"] .hvac-pg-banner--light::before{
        background: linear-gradient(180deg, rgba(11, 18, 32, .4) 0%, rgba(11, 18, 32, .9) 100%);
    }
}
/* Bootstrap list groups, accordions and cards */
html[data-theme="dark"] .list-group-item{
    background-color: #121B2E;
    border-color: #26334D;
    color: #D5DCE8;
}
html[data-theme="dark"] .iec-hotpack-list-item.iec-hotpack-challenge-icon{
    color: #FCA5A5;
}
html[data-theme="dark"] .iec-hotpack-list-item.iec-hotpack-solution-icon{
    color: #86EFAC;
}
html[data-theme="dark"] .hvac-heading.iec-hotpack-challenge-icon{
    color: #F87171;
}
html[data-theme="dark"] .hvac-heading.iec-hotpack-solution-icon{
    color: #4ADE80;
}
html[data-theme="dark"] .accordion-item{
    background-color: #121B2E;
    border-color: #26334D;
}
html[data-theme="dark"] .accordion-button{
    background-color: #121B2E;
    color: #E6EAF2;
}
html[data-theme="dark"] .accordion-button:not(.collapsed){
    background-color: #17233B;
    color: #A9C8FF;
    box-shadow: inset 0 -1px 0 #26334D;
}
html[data-theme="dark"] .accordion-button::after{
    filter: brightness(0) invert(1);
    opacity: .75;
}
html[data-theme="dark"] .accordion-button:focus{
    border-color: #3A5A8F;
    box-shadow: 0 0 0 .2rem rgba(127, 176, 255, .25);
}
html[data-theme="dark"] .accordion-body{
    color: #D5DCE8;
}
html[data-theme="dark"] .card{
    background-color: #121B2E;
    border-color: #26334D;
    color: #D5DCE8;
}
/* single-colour navy icons: recoloured light blue */
html[data-theme="dark"] img[src*="/why-us/"],
html[data-theme="dark"] img[src*="/vrf-system/"],
html[data-theme="dark"] img[src*="/amc-why-choose/"],
html[data-theme="dark"] img[src*="/industry-serve/"],
html[data-theme="dark"] img[src*="/hvac-pg-icons/"][src$=".png"],
html[data-theme="dark"] img[src*="/hotpack/"][src$=".png"],
html[data-theme="dark"] img[src*="/vrf/"][src$=".png"]:not([src*="iec-vrf"]),
html[data-theme="dark"] img[src*="vrf-icon-"],
html[data-theme="dark"] img[src$="images/commercial.png"],
html[data-theme="dark"] img[src$="images/industrial.png"],
html[data-theme="dark"] img[src$="images/hospital.png"],
html[data-theme="dark"] img[src$="images/institution.png"],
html[data-theme="dark"] img[src$="images/residential-home.png"]{
    filter: brightness(0) invert(47%) sepia(17%) saturate(1076%) hue-rotate(187deg) brightness(155%);
}
/* contact page icons drawn in navy */
html[data-theme="dark"] .sm-icons [fill="#002968"],
html[data-theme="dark"] .company-details-section [fill="#002968"]{
    fill: #9EC1FF;
}
/* line-art skyline on the electrical page: light lines on the dark page */
html[data-theme="dark"] img[src$="emirates.jpg"]{
    filter: invert(1);
    mix-blend-mode: screen;
    opacity: .75;
}
/* the VRF diagram keeps its light panel so its labels stay readable */
html[data-theme="dark"] .blog-diagram svg{
    background-color: #F6F9FE;
    border-color: #26334D;
}