@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: "Montserrat", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", sans-serif;
}

/*********** global css **************/
.btn-red {
    background-color: #A20E0E;
    color: #fff;
    padding: 0.625rem 1.25rem;
    border-radius: 3.125rem;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;

}

.btn-red:hover {
    background-color: #3AAFF6;
    transform: scale(1.1) !important;
    color: #fff;
}

.btn-blue {
    background-color: #3AAFF6;
    color: #fff;
    padding: 0.625rem 1.25rem;
    border-radius: 3.125rem;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
}

.btn-blue:hover {
    background-color: #A20E0E;
    transform: scale(1.1) !important;
    color: #fff;
}

.btn-whites {
    background-color: #fff;
    color: #3AAFF6;
    padding: 0.625rem 1.25rem;
    border-radius: 3.125rem;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
}

.btn-whites:hover {
    background-color: #A20E0E;
    transform: scale(1.1) !important;
    color: #fff;
}

/********** Navigation bar ************/

/* Navigation bar css */
.navbar {
    background-color: #01416C;
    position: relative;
    z-index: 10;
    overflow: visible;
}

a.navbar-brand img {
    max-width: 150px;
}

.navbar ul.navbar-nav>li {
    position: relative;
    padding: 0 15px;
}

.navbar ul.navbar-nav>li>a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 2.2;
    color: #fff !important;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
}

.navbar ul.navbar-nav>li>a::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 110px;
    height: 3px;
    background-color: transparent;
    transition: background-color 0.4s ease;
}

.navbar ul.navbar-nav>li:hover>a::before,
.navbar ul.navbar-nav>li>a[aria-expanded="true"]::before,
.navbar ul.navbar-nav>li>a.active::before {
    background-color: #fc7504;
}

.navbar ul ul {
    display: block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    min-width: 300px;
    padding: 8px 0;
    margin: 0;
    background: #fff;
    color: #252525;
    border-radius: 24px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
    transition: opacity 0.4s ease, visibility 0.4s ease;
    margin-top: 10px;
}

.navbar ul li:hover>ul {
    opacity: 1;
    visibility: visible;
}

.navbar ul.sub-menu li {
    padding: 0 15px;
    list-style: none;
}

.navbar ul.sub-menu li a {
    color: #3f3f3f;
    text-decoration: none;
    display: block;
    padding: 8px 0;
}

.navbar .right-menus {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.navbar .right-menus a {
    text-decoration: none;
    color: #fff;
    margin: 0 10px;
}


/* Mobile Styles */
@media screen and (max-width: 991px) {
    .navbar ul.sub-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease, padding 0.4s ease;
        padding: 0 0 !important;
    }

    .navbar ul.sub-menu.show-submenu {
        max-height: 1000px;
        padding: 10px 0 !important;
    }

    .navbar ul.navbar-nav>li>a::before {
        left: 45px !important;
    }

    .navbar ul.sub-menu li a {
        color: #3f3f3f !important;
        padding: 10px 0px !important;
    }

    .menu-item-has-children>a::after {
        content: " ▾";
        font-size: 18px;
        margin-left: 5px;
    }

    .navbar .right-menus {
        display: block !important;
    }

    .navbar .right-menus a {
        display: block !important;
        margin: 10px 0;
    }

    .navbar .right-menus .btn-blue {
        max-width: fit-content;
        width: 100%;
    }
}

/* Optional nav icon color */
.navbar-icons i,
.navbar-center-icons i {
    color: #000;
}

.navbar-icons a {
    color: white;
    font-size: 1rem;
    margin: 0 0.625rem;
    text-decoration: none;
    text-align: center;
}


@media screen and (min-width: 1024px) {
    #menu-item-1191 ul.sub-menu {
        display: grid !important;
        grid-template-columns: auto auto;
        min-width: 380px !important;
    }

    #menu-item-1191 ul.sub-menu li {
        line-height: 1 !important;
    }
}


/*** Top-head ***/

.top-head .emergency-contact p {
    color: #000;
    font-size: 1rem;
}

.top-head .emergency-contact p a {
    color: #FC7504;
    font-size: 1rem;
}


.top-head .head-menus {
    display: flex;
    justify-content: space-around;
    list-style: none;
    padding: 0;
    flex-wrap: wrap;

}

.top-head .head-menus li {
    margin: 0 10px;
}

.top-head .head-menus li a {
    font-size: 1rem;
    color: #535353;
    text-decoration: none;
    text-transform: uppercase;
}



.navbar-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.navbar-toggler {
    border: none;
    outline: none;
}

.navbar .navbar-nav li {
    padding: 0 1rem;
}

/***** Callclimateheroes Slider*****/


.callclimateheroes-slider {
    background: url('../images/banner-2.jpg') no-repeat center center/cover;
    min-height: 100vh;
    color: white;
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
}

.callclimateheroes-slider .hero-content {
    position: relative;
    z-index: 2;
    margin-top: 150px;
    padding: 0 20px;
}

.hero.callclimateheroes-slider .hero-content p {
    font-size: 32px;
    font-weight: 700;
    text-shadow: 0 0 black;
}

.ratings .rating-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.ratings .rating-box .rating-logo {
    width: 55px;
    height: auto;
}

.ratings .rating-box .rating-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ratings .rating-box .stars {
    color: #fff;
    font-size: 1.2rem;
}

.ratings .rating-box .rating-text {
    font-weight: bold;
    margin-top: 0.25rem;
    font-size: 0.95rem;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .callclimateheroes-slider .hero-content h1 {
        font-size: 2.5rem;
    }

    .ratings .rating-box {
        gap: 0.5rem;
    }

    .ratings .rating-box .rating-logo {
        width: 45px;
    }

    .ratings .rating-box .stars {
        font-size: 1rem;
    }

    .ratings .rating-box .rating-text {
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {
    .callclimateheroes-slider .hero-content h1 {
        font-size: 2rem;
    }

    .ratings .rating-box .rating-logo {
        width: 40px;
    }

    .ratings .rating-box .rating-text {
        font-size: 0.8rem;
    }
}


/*******confirmations*******/

.certifications-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.certifications-list li {
    width: calc(25% - 20px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.certifications-list li:nth-child(n+5) {
    width: calc(33.33% - 100px);
}

.certifications-list li img {
    transition: all 0.5s ease-in-out;
}

.certifications-list li img:hover {
    transform: translateY(-10px);
}



/*********/

.heating {
    background-color: #EBE4D2;
}

.heating .heating-content h2 {
    color: #182D43;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 700;
}

.heating .heating-content p {
    color: #000;
    font-size: 1rem;
}

.heating .heating-content p a {
    color: #182D43;
    font-size: 1rem;
}

.heating .line {
    height: 2px;
    max-width: 100px;
    background-color: #FFCB9F;
}

.heating .heating-contactdetails p {
    color: #fff;
    font-size: 1rem;
}

.heating .heating-contactdetails a {
    color: #D10202;
    font-size: 1rem;
}

.heating .heating-contactdetails {
    background-color: #fff;
    padding: 30px 1.875rem;
    border-radius: 1.875rem;
    color: #535353;
}

.request-service {
    background-color: #A20E0E;
    padding: 1.875rem;
    border-radius: 1.875rem;
}



.required:focus {
    border-color: red;
    box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.25);
}

.request-service .rating-box .rating-logo {
    width: 20px;
    height: auto;
}

.request-service .rating-box .rating-text,
.request-service .rating-box .stars {
    font-size: 0.6rem;
}



/******Our Services*******/

.our-services h4 {
    text-align: center;
    font-size: 1.5rem;
    color: #000;
    padding-top: 1rem;
}

.our-services p {
    text-align: center;
    font-size: 1rem;
    color: #000;
    padding-top: 1rem;
}

.our-services h2 {
    text-align: center;
    font-size: 2rem;
    color: #000;
    padding-bottom: 1rem;
    text-transform: uppercase;
}

.our-services .line {
    height: 2px;
    max-width: 100px;
    background-color: #FC7504;
}


.our-services figure {
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.our-services figure:hover {
    transform: translateY(-10px);
}

.our-services figure::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.3s ease;
    z-index: 1;
    border-radius: 22px;
}

.our-services figure:hover::before {
    background-color: rgba(0, 0, 0, 0.5);
}

.our-services figure img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
    transition: all 0.5s ease-in-out;
}


.our-services figure figcaption {
    position: absolute;
    top: 50%;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    padding: 8px 15px;
    border-radius: 5px;
    text-align: center;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
    z-index: 999;
}



.our-services ul.services-list {
    padding: 0;
    list-style: none;
}

.our-services ul.services-list li {
    line-height: 2;
    background-color: #F4EBD9;
    margin-bottom: 15px;
    border-radius: 20px;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.9s ease-in-out;

}

.our-services ul.services-list li a {
    color: #182D43;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;

}

.our-services ul.services-list li:hover {
    background-color: #A20E0E;
    background-position: left bottom;
    color: #fff;
    border-radius: 20px;
}

/* 
.our-services ul.services-list li:hover img {
    animation: rotate-btn .3s linear 3;
    -webkit-animation: rotate-btn .3s linear 1;

}

@keyframes rotate-btn {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(-360deg);
    }
} */

.our-services ul.services-list li:hover a {
    color: #fff;
}

.our-services .request-services a:first-child {
    color: #000;
    font-size: 1.25rem;
    text-decoration: none;
    font-weight: bold;
}

.our-services .request-services p {
    color: #000;
    font-size: 1rem;
    font-weight: bold;
}

/*******Fixing Air Conditioners & Heaters in Los Angeles for 75 Years*******/

.fixing-air {
    background-color: #073859;
}

.fixing-air .line {
    height: 2px;
    max-width: 100px;
    background-color: #93D3FF;
}


.fixing-air .fixing-content h2 {
    color: #fff;
    font-size: 2rem;
    padding-bottom: 1rem;
    text-transform: uppercase;
}

.fixing-air .fixing-content p {
    color: #fff;
    font-size: 1rem;
    line-height: 2;
}

.fixing-air .fixing-content p a {
    color: #93D3FF;
    text-decoration: none;
}


/******Testimonials*****/

.testimonials h2 {
    text-align: center;
    font-size: 2rem;
    color: #016BB3;
    font-weight: 700;
    padding-top: 1rem;
    text-transform: uppercase;
}

.testimonials .line {
    height: 2px;
    max-width: 100px;
    background-color: #D10202;
}


.testimonials .testimonials-head .star-group span {
    color: #FB7503;
}

.testimonials .testimonials-head h4 {
    font-size: 1rem;
    color: #000;
    text-transform: uppercase;
}

.testimonials .testimonials-head p {
    font-size: 1rem;
    color: #000;
}

.testimonials .card {
    padding: 2.5rem 2.5rem 1.25rem;
    box-shadow: 0 0 0.625rem #ddd;
    border-radius: 1.25rem;
    min-height: 445px
}

.testimonials .card:hover {
    background-color: #F4EBD9;
}

.testimonials .card .star-group span {
    color: #FB7503;
    padding-bottom: 1.25rem;
    text-align: center;
}

.testimonials .card .card-box p {
    font-size: 1rem;
    color: #000;
    line-height: 2;
}

.testimonials .card .name-author h4 {
    font-size: 1.25rem;
    color: #016BB3;
    font-weight: 700;
    text-align: center;
}

.testimonials .btn {
    display: flex;
    justify-self: center;
    max-width: fit-content;
    width: 100%;
}

/* testimonials owl nav css */

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 30%;
    color: #016BB3;
}

.owl-carousel .owl-nav button.owl-prev {
    left: -2.5rem;
}

.owl-carousel .owl-nav button.owl-next {
    right: -2.5rem;
}


/*******Areas We Serve******/

.areas-weserve {
    background-color: #A20E0E;
}

.areas-weserve .line {
    height: 2px;
    max-width: 100px;
    background-color: #182D43;
}


.areas-weserve .areas-weserve-content {
    background-color: #fff;
    padding: 3.125rem;
    height: 548px;
}

.areas-weserve .areas-weserve-content h4 {
    color: #182D43;
    font-size: 1rem;
    text-transform: uppercase;
}

.areas-weserve .areas-weserve-content h2 {
    color: #182D43;
    font-size: 2rem;
    text-transform: uppercase;
}

.areas-weserve ul.areas-weserve-list {
    column-count: 3;
    column-gap: 2rem;
    list-style: none;
    padding: 0;
}

.areas-weserve ul.areas-weserve-list li {
    break-inside: avoid;
    margin-bottom: 0.5rem;
}

.areas-weserve ul.areas-weserve-list li a {
    display: flex;
    justify-content: start;
    font-size: 1rem;
    color: #000;
    text-decoration: none;
}


.areas-weserve ul.areas-weserve-list li a i {
    padding: 4px;
}

.areas-weserve img {
    height: 548px;
    width: 100%;
}


/****** Specials & Promotions*****/
.specials-promotions {
    background-color: #073859;
    overflow: hidden;
}

.specials-promotions .line {
    height: 2px;
    max-width: 100px;
    background-color: #3BA8F4;
}


.specials-promotions h4,
.specials-promotions p {
    text-align: center;
    font-size: 1rem;
    color: #fff;

}

.specials-promotions h2 {
    text-align: center;
    font-size: 2rem;
    color: #fff;
    text-transform: uppercase;

}

.specials-promotions .card {
    padding: 1.5rem;
    text-align: center;
    border-radius: 1.25rem;
    animation: border-dance 4s linear infinite;
    background-image: url(../images/Couponbg.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}


.specials-promotions .card h2 {
    font-size: 3rem;
    color: #182D43;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Montserrat';
}

.specials-promotions .card h4 {
    font-size: 1.5rem;
    color: #182D43;
    text-transform: uppercase;
    max-width: 250px;
    text-align: center;
    margin: 0 auto 1rem;
}

.specials-promotions .card .details {
    color: #fff;
    font-size: 1rem;
    position: absolute;
    bottom: 90px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
    font-weight: 500;
}


.specials-promotions .offer {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    color: #000;
    padding: 10px 30px;
    border-radius: 50px;
    font-weight: 600;
    text-transform: uppercase;
}

.specials-promotions .offer:hover {
    background: #182D43;
    color: #fff;
    transition: 0.3s;
}

.specials-promotions .btn {
    display: flex;
    justify-content: center;
    max-width: fit-content;
    width: 100%;
    margin: 0 auto;
}


/******Blog*****/


.blog .line {
    height: 2px;
    max-width: 100px;
    background-color: #D10202;
}

.blog .blog-content h4 {
    font-size: 1rem;
    color: #182D43;
    padding-top: 1rem;
}

.blog .blog-content h2 {
    font-size: 2rem;
    color: #182D43;
    text-transform: uppercase;
}

.blog .blog-content .card {
    margin-top: 1.5rem;
    border-radius: 1rem;
    padding: 2rem;

}

.blog .blog-content .card p {
    font-size: 1rem;
    color: #D10202;
}

.blog .blog-content .card h4 {
    color: #2D2E33;
    font-size: 1.5rem;
    text-transform: uppercase;
}

.blog .blog-content .card .read-article {
    font-size: 1rem;
    color: #2D2E33;
    margin-top: 0.625rem;
    text-decoration: none;
}


/*******Schedule Your Service Today******/

.schedule-today {
    background-image: url(../images/schedule-today-1.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 732px;


}

.schedule-today .line {
    height: 2px;
    max-width: 100px;
    background-color: #A20E0E;
}


.schedule-today h4 {
    font-size: 1rem;
    color: #046BB3;
    padding-top: 1rem;
    text-transform: uppercase;
}

.schedule-today h2 {
    font-size: 2rem;
    color: #046BB3;
    font-weight: bold;
    text-transform: uppercase;
}

.schedule-today p {
    color: #535353;
    font-size: 1rem;
    padding: 0.625rem 0.625rem 0;
}

.schedule-today p a {
    color: #D10202;
    text-decoration: none;

}

.schedule-today a {

    max-width: fit-content;
    width: 100%;
    margin: 0 auto;
}


/********Footer *******/

.main-footer {
    background-color: #182D43;

}


.footer-about h4 {
    font-size: 1rem;
    padding-top: 0.625rem;
    color: #fff;
    text-transform: uppercase;
}

ul.footer-social {
    display: flex;
    justify-content: start;
    padding: 0;
    list-style: none;
}

ul.footer-social li {
    margin: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
}

ul.footer-social li a {
    color: #fff;
    font-size: 1rem;
}

.footer-menus ul {
    list-style: none;
    padding: 0;
}

.footer-about p {
    color: #fff;
    font-size: 1rem;
}

.footer-menus h4 {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: uppercase;
}

.footer-menus li a,
.footer-menus li {
    font-size: 1rem;
    color: #fff;
    line-height: 2;
    text-decoration: none;
    font-weight: 300;
}

.footer-menus p,
.footer-menus p a {
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    text-decoration: none;
}

.footer-menus li a {
    transition: color 0.3s ease, transform 0.5s ease;
    display: inline-block;
}

.footer-menus li:hover a {
    color: #c13538;
    transform: translateX(10px);
}


.copyright p {
    color: #fff;
    font-size: 1rem;
    padding-top: 0.625rem;
}

.copyright ul {
    display: flex;
    justify-self: center;
    list-style: none;
    padding: 0;
}

.copyright ul.copyright-menus li {
    margin: 0 10px;
}

.copyright ul.copyright-menus li a {
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 300;
}

@media screen and (max-width: 1399px) and (min-width: 1200px) {
    .fixing-air .fixing-content h2 {
        font-size: 1.5rem;
    }

    .blog .blog-content h2 {
        font-size: 1.5rem;
    }

    .blog .blog-content .card {
        margin-top: 1rem;
        border-radius: 1rem;
        padding: 1.725rem;
    }

    .blog .blog-content .card h4 {
        color: #2D2E33;
        font-size: 1rem;
        text-transform: uppercase;
    }

    .our-services figure figcaption {
        font-size: 1.5rem;
    }

    .testimonials .card {
        min-height: 470px;
    }

    .navbar ul.navbar-nav>li {
        position: relative;
        padding: 0 8px;
    }

    .navbar .container {
        max-width: 1340px !important;
    }
}


/****INNER BANNER ****/
.video-bg {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.inner-banner .overlay,
.inner-banner-content {
    position: relative;
    z-index: 1;
}

.inner-banner {
    position: relative;
    height: 660px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.inner-banner img {
    width: 100%;
    height: 660px;
    object-fit: cover;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}

.inner-banner .inner-banner-content {
    position: relative;
    z-index: 1;
    /* display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 20px;
    margin: 0px auto; */
}

.inner-banner .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6600px;
    background: rgb(0 0 0);
    z-index: -1;
}


.inner-banner .inner-banner-content h2 {
    text-align: left;
    color: #fff;
    font-size: 56px;
    text-transform: uppercase;
    font-weight: 700;
}

.inner-banner .inner-banner-content ul li {
    color: #fff;
    line-height: 2;
    font-size: 24px;
}

.inner-banner .inner-banner-content ul li img {
    width: 32px !important;
    height: 32px !important;
    object-fit: contain !important;
    position: initial !important;
    z-index: auto;
    top: 0;
    left: 0;
}

.inner-banner .inner-banner-content a.btn.btn-blue {
    text-align: left;
    float: left;
}

/* ol.breadcrumb li a,
ol.breadcrumb li.active,
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
    text-decoration: none;
} */


/*****Get To know Us*****/

.get-know ul.get-know-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    gap: 20px;
}

.get-know ul.get-know-list li {
    flex: 1 1 calc(50% - 10px);
}

.get-know ul.get-know-list li:nth-child(2) {
    padding-top: 50px;
}

.get-know .get-know-content h4 {
    font-size: 1rem;
    color: #000;
}

.get-know .get-know-content h2 {
    font-size: clamp(1.8rem, 2.5vw + 1rem, 3rem);
    color: #182D43;
    font-weight: bold;
    text-transform: uppercase;
}

.get-know ul.getknow-content-list {
    list-style: none;
    padding: 0;
}

.get-know ul.getknow-content-list li img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 5px;
}

.get-know ul.getknow-content-list li {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;
}

.get-know ul.getknow-content-list li:first-child img {
    background-color: #A20E0E;
    padding: 10px;
}

.get-know ul.getknow-content-list li:last-child img {
    background-color: #3AAFF6;
    padding: 15px;

}

.get-know ul.getknow-content-list li span {
    font-size: 1.5rem;
    font-weight: 500;
}

/******** WEBSITE COUNTER ********/

.website-counter {
    background-image: url(../images/website-count.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.website-counter .stats-section {
    background-color: transparent;
    padding: 2rem 0;
}

.website-counter .stats-item {
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    border-radius: 0.5rem;
    padding: 2rem 1rem;
    margin: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: transform 0.2s ease;
}

.website-counter .stats-item:hover {
    transform: translateY(-4px);
}

.website-counter .stats-item img {
    max-width: 60px;
    margin-bottom: 1rem;
}

.website-counter .stats-item h4 {
    font-size: 2.5rem;
    font-weight: 800;
    color: #A20E0E;
    margin-bottom: 0.5rem;
}

.website-counter .stats-item small {
    font-size: 1rem;
    color: #222;
    text-transform: none;
    letter-spacing: 0.02em;
}

@media (min-width: 768px) {
    .website-counter .row {
        gap: 1rem;
    }

    .website-counter .stats-item {
        border-right: none;
    }
}

.website-counter .count-up span {
    font-size: 0.6em;
    font-weight: 600;
    margin-left: 2px;
    vertical-align: baseline;
    position: relative;
    color: #A20E0E;
}

.website-counter .count-up.k-symbol span {
    font-size: 2.5rem !important;
}

.website-counter .stats-item:nth-child(odd) {
    border-top: 2px solid #3AAFF6;
    border-right: 2px solid #3AAFF6;
}

.website-counter .stats-item:nth-child(even) {
    border-top: 2px solid #3AAFF6;
    border-left: 2px solid #3AAFF6;
}


/*******Your Trusted Heating Cooling*******/

.heating-cooling .heating-cooling-content h4 {
    font-size: 1rem;
    color: #000;
}

.heating-cooling .heating-cooling-content h2 {
    font-size: clamp(1.8rem, 2.5vw + 1rem, 3rem);
    color: #182D43;
    font-weight: bold;
    text-transform: uppercase;
}

.heating-cooling ul.heating-cooling-list {
    display: flex;
    justify-content: space-around;
    padding: 0;
    list-style: none;
    align-items: center;
}

.heating-cooling ul.heating-cooling-list li h3 {
    font-size: 1rem;
    padding-top: 0.625rem;
}

.heating-cooling p {
    font-size: 1rem;
    color: #000;
}

/******** A Trusted Team*******/

.trusted-team h4 {
    font-size: 1rem;
    color: #000;
}

.trusted-team h2 {
    font-size: clamp(1.8rem, 2.5vw + 1rem, 2rem);
    color: #016BB3;
    font-weight: bold;
    text-transform: uppercase;
}

.trusted-team p {
    font-size: 1rem;
    color: #000;
}

.what-expect .what-expect-content {
    max-width: 735px;
    float: right;
    padding: 100px;
}

.red-bg {
    background-color: #a51414;
    color: white;
}

.what-expect .what-expect-content h2 {
    font-size: 2rem;
    color: #fff;
    font-weight: bold;
}

.what-expect .what-expect-content h4 {
    font-size: 1.5rem;
    color: #fff;
    padding-bottom: 1rem;
}

.what-expect .what-expect-content .icon {
    font-size: 1.5rem;
    margin-right: 15px;
}

.what-expect .img-container img {
    max-height: 522px;
}

.what-expect .what-expect-content .feature {
    margin-bottom: 2rem;
}

.what-expect .keeping-healthy {
    background-color: #0a3c5a;
    color: white;
    border-radius: 10px;
}

.what-expect .highlight-icon {
    font-size: 1.2rem;
    margin-right: 10px;
    background-color: #3BA8F4;
    padding: 15px;
    border-radius: 50px;
}

.what-expect .img-container {
    position: relative;
}

.what-expect .keeping-healthy-box {
    position: absolute;
    bottom: 0;
    left: -25px;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    max-width: fit-content;
}

.schedule-service {
    background-color: #01416c;
    padding: 25px;
    margin: 10px 0;
    border-radius: 10px;
}

.schedule-service h2 {
    font-size: 32px;
    color: #fff;
}

.schedule-service p,
.schedule-service a {
    font-size: 16px;
    color: #fff;
}

.aboutus-page .request-service {
    position: sticky;
    top: 100px;
    z-index: 2;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {

    .areas-weserve .areas-weserve-content,
    .areas-weserve img {
        height: 575px;
    }

    .testimonials .card {
        min-height: 570px;
    }

    .navbar ul.navbar-nav>li {
        position: relative;
        padding: 0 3px;
    }

    .navbar .container {
        max-width: 1340px !important;
    }

    .navbar ul.navbar-nav>li>a {
        font-size: 14px;
    }

    .right-menus .btn-blue {
        padding: 5px;
        font-size: 14px;
    }

    .navbar .right-menus a {
        text-decoration: none;
        color: #fff;
        margin: 0 5px;
        font-size: 14px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {

    .top-head .emergency-contact p,
    .top-head .head-menus li a {
        font-size: 14px;
    }

    .top-head .head-menus li {
        margin: 0px 2px;
    }
}

@media screen and (min-width: 992px) {
    .specials-promotions .card {
        min-height: 360px;
    }

    .specials-promotions .card a {
        text-decoration: none;
    }
}

@media screen and (max-width: 991px) {

    .navbar-toggler {
        background-color: #fff;
    }

    .home .request-service {
        margin-top: 20px;
    }

    .specials-promotions .card {
        margin-bottom: 10px;
    }

    .inner-banner {
        height: 450px;
    }

    .navbar ul.sub-menu li a {
        color: #3f3f3f;
        padding: 0 10px;
    }

    .testimonials .card {
        min-height: auto;
    }

    .right-menus .btn-blue {
        margin-top: 10px;
    }

    .inner-banner .inner-banner-content {
        position: relative;
        z-index: 1;
        margin-top: 80px;
    }

}

@media screen and (max-width: 767px) {
    .certifications-list li:nth-child(n+5) {
        width: calc(25% - 20px) !important;
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: 0;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 0;
    }

    .areas-weserve .areas-weserve-content {
        height: auto;
    }

    .areas-weserve ul.areas-weserve-list {
        column-count: 2;
    }

    .heating-content {
        padding: 10px;
    }

    .heating .heating-content h2,
    .fixing-air .fixing-content h2 {
        font-size: 1.5rem;
    }

    .inner-banner .inner-banner-content h2 {
        font-size: 36px;
    }

    .inner-banner .inner-banner-content ul li {
        font-size: 20px;
    }
}

@media screen and (max-width: 479px) {
    .inner-banner .inner-banner-content ul li {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

/*.form-requestservice*/
input.wpcf7-form-control.wpcf7-submit {
    font-size: 18px;
    padding: 10px 40px;
    border-radius: 50px;
    border: none;
}

/* After testing 16-06-2025 */

.wpcf7-not-valid-tip {
    color: #fff !important;
}

.page-id-526 .elementor-element.elementor-element-c009e89.e-con-full.request-service.text-white.e-flex.e-con.e-child {
    max-height: auto !important;
}