.elementor-8 .elementor-element.elementor-element-4b0ea2a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-3cf4eec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-b5027c3{margin-top:80px;margin-bottom:0px;}.elementor-8 .elementor-element.elementor-element-2124ced1 .banner-section .banner-carousel .content-box h2{display:show !important;text-align:left !important;}.elementor-8 .elementor-element.elementor-element-2124ced1 .banner-section .banner-carousel .content-box p{display:show !important;text-align:left !important;}.elementor-8 .elementor-element.elementor-element-2124ced1 .banner-section .banner-carousel .content-box .btn-box .theme-btn.btn-one{display:show !important;}.elementor-8 .elementor-element.elementor-element-2124ced1 .banner-section .banner-carousel .content-box .btn-box{text-align:left !important;}.elementor-8 .elementor-element.elementor-element-2124ced1 .banner-section .banner-carousel .content-box .btn-box .banner-btn{display:show !important;}.elementor-8 .elementor-element.elementor-element-3cf18b3e .feature-section .title-text h2{display:show !important;text-align:center !important;}.elementor-8 .elementor-element.elementor-element-3cf18b3e .feature-section .feature-block-one .inner-box .icon-box{display:show !important;text-align:center !important;}.elementor-8 .elementor-element.elementor-element-3cf18b3e .feature-section .feature-block-one .inner-box h4{display:show !important;}.elementor-8 .elementor-element.elementor-element-3cf18b3e .feature-section .feature-block-one .inner-box h4 p{text-align:center !important;}.elementor-8 .elementor-element.elementor-element-3cf18b3e .feature-section .feature-block-one .inner-box p{display:show !important;text-align:center !important;}.elementor-8 .elementor-element.elementor-element-3d46bd1f > .elementor-container{max-width:1200px;}.elementor-8 .elementor-element.elementor-element-28439539 .about-section.two .content_block_1 .content-box .sec-title h2{display:show !important;text-align:left !important;}.elementor-8 .elementor-element.elementor-element-28439539 .about-section.two .content_block_1 .content-box .text p{display:show !important;text-align:left !important;}.elementor-8 .elementor-element.elementor-element-28439539 .about-section.two .content_block_1 .content-box .theme-btn.btn-one{display:show !important;}.elementor-8 .elementor-element.elementor-element-28439539 .about-section.two .content_block_1 .content-box .btn-box{text-align:left !important;}.elementor-8 .elementor-element.elementor-element-29154c15 .service-section .sec-title h2{display:show !important;text-align:center !important;}.elementor-8 .elementor-element.elementor-element-29154c15 .service-section .service-block-one .inner-box .icon-box{display:show !important;text-align:center !important;}.elementor-8 .elementor-element.elementor-element-29154c15 .service-section .service-block-one .inner-box h4 a{display:show !important;text-align:center !important;}.elementor-8 .elementor-element.elementor-element-29154c15 .service-section .service-block-one .inner-box p{display:show !important;text-align:right !important;}.elementor-8 .elementor-element.elementor-element-4a3ffd69 .chooseus-section .content_block_2 .content-box .sec-title.light h2{display:show !important;text-align:left !important;}.elementor-8 .elementor-element.elementor-element-4a3ffd69 .chooseus-section .content_block_2 .content-box .single-item .icon-box{display:show !important;text-align:center !important;}.elementor-8 .elementor-element.elementor-element-4a3ffd69 .chooseus-section .content_block_2 .content-box .single-item h4{display:show !important;text-align:left !important;}.elementor-8 .elementor-element.elementor-element-4a3ffd69 .chooseus-section .content_block_2 .content-box .single-item p{display:show !important;text-align:left !important;}.elementor-8 .elementor-element.elementor-element-2cec4dcc .shop-section .sec-title h2{display:show !important;text-align:center !important;}.elementor-8 .elementor-element.elementor-element-2cec4dcc .shop-section .shop-block-one .inner-box .lower-content span{display:show !important;}.elementor-8 .elementor-element.elementor-element-2cec4dcc .shop-section .shop-block-one .inner-box .lower-content h4 a{display:show !important;text-align:center !important;}.elementor-8 .elementor-element.elementor-element-2cec4dcc .shop-section .shop-block-one .inner-box .lower-content h6{display:show !important;text-align:center !important;}.elementor-8 .elementor-element.elementor-element-2cec4dcc .shop-section .shop-block-one .inner-box .lower-content p{display:show !important;text-align:center !important;}.elementor-8 .elementor-element.elementor-element-2cec4dcc .shop-section .theme-btn.btn-two{display:show !important;}.elementor-8 .elementor-element.elementor-element-2cec4dcc .shop-section .btn-box{text-align:center !important;}.elementor-8 .elementor-element.elementor-element-71d4c13a .testimonial-section .sec-title h2{display:show !important;text-align:center !important;}.elementor-8 .elementor-element.elementor-element-71d4c13a .testimonial-section .testimonial-block-one .inner-box p{display:show !important;text-align:left !important;}.elementor-8 .elementor-element.elementor-element-71d4c13a .testimonial-section .testimonial-block-one .inner-box h5{display:show !important;text-align:left !important;}.elementor-8 .elementor-element.elementor-element-71d4c13a .testimonial-section .testimonial-block-one .inner-box .designation{display:show !important;text-align:left !important;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-4b0ea2a{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8 .elementor-element.elementor-element-5d387b00{width:100%;}.elementor-8 .elementor-element.elementor-element-691dfb95{width:100%;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-b5027c3{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-1fe66b19{width:100%;}.elementor-bc-flex-widget .elementor-8 .elementor-element.elementor-element-1fe66b19.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-8 .elementor-element.elementor-element-1fe66b19.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-8 .elementor-element.elementor-element-1fe66b19.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-8 .elementor-element.elementor-element-1fe66b19 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-8 .elementor-element.elementor-element-1fe66b19 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-2124ced1{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-2124ced1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-3cf4eec *//* =========================================================
   KV INDUSTRIES
   FULL WIDTH HERO BANNER
   ========================================================= */


/* ---------- MAIN HERO ---------- */

.kv-hero {
    position: relative;

    width: 100vw;
    max-width: 100vw;

    min-height: 700px;

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);

    padding: 0;

    background-image: url('/wp-content/uploads/2026/09/Untitled-design-16.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    display: flex;
    align-items: center;

    overflow: hidden;

    box-sizing: border-box;
}


/* ---------- CONTENT WRAPPER ---------- */

.kv-hero-inner {
    position: relative;

    z-index: 5;

    width: 100%;
    max-width: 1920px;

    margin: 0 auto;

    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: clamp(50px, 6.2vw, 120px);
    padding-right: clamp(40px, 5vw, 100px);

    box-sizing: border-box;
}


/* =========================================================
   LOGO
   ========================================================= */

.kv-logo {
    margin-bottom: 22px;

    line-height: 0;
}

.kv-logo img {
    display: block;

    width: 175px;
    height: auto;

    max-width: 100%;

    object-fit: contain;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.kv-eyebrow {
    font-family: "Montserrat", Arial, sans-serif;

    font-size: 15px;
    line-height: 1.3;

    font-weight: 600;

    letter-spacing: 5px;

    color: #173b68;

    margin-bottom: 14px;
}


/* =========================================================
   MAIN HEADING
   ========================================================= */

.kv-title {
    font-family: "Montserrat", Arial, sans-serif;

    font-size: clamp(42px, 4vw, 72px);

    line-height: 1.04;

    font-weight: 700;

    letter-spacing: -2.2px;

    color: #102f57;

    width: 100%;
    max-width: 730px;

    margin: 0 0 24px 0;

    padding: 0;
}


/* BLUE SECOND LINE */

.kv-title span {
    display: block;

    color: #087bd1;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.kv-description {
    font-family: "Montserrat", Arial, sans-serif;

    font-size: 16px;

    line-height: 1.65;

    font-weight: 400;

    color: #53677c;

    width: 100%;
    max-width: 650px;

    margin: 0 0 30px 0;

    padding: 0;
}


/* =========================================================
   BUTTON
   ========================================================= */

.kv-button {
    display: inline-flex;

    align-items: center;
    justify-content: space-between;

    width: 300px;
    min-height: 58px;

    padding: 5px 7px 5px 28px;

    box-sizing: border-box;

    background: #073f7d;

    color: #ffffff;

    border-radius: 50px;

    text-decoration: none;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 1;

    transition:
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


/* BUTTON TEXT */

.kv-button > span:first-child {
    color: #ffffff;
}


/* =========================================================
   BUTTON ARROW
   ========================================================= */

.kv-button-arrow {
    display: flex;

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

    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    border-radius: 50%;

    background: #ffffff;

    color: #073f7d;

    font-family: Arial, sans-serif;

    font-size: 26px;

    font-weight: 400;

    line-height: 1;

    transition: transform 0.3s ease;
}


/* =========================================================
   BUTTON HOVER
   ========================================================= */

.kv-button:hover {
    background: #087bd1;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 12px 28px rgba(7, 63, 125, 0.22);
}

.kv-button:hover .kv-button-arrow {
    transform: translateX(4px);
}


/* =========================================================
   DESKTOP LARGE
   1441px+
   ========================================================= */

@media (min-width: 1441px) {

    .kv-hero {
        min-height: 720px;

        background-position: center center;
    }

    .kv-hero-inner {
        padding-left: 6.5vw;
    }

    .kv-logo img {
        width: 180px;
    }

    .kv-eyebrow {
        font-size: 16px;
    }

    .kv-title {
        font-size: 72px;

        max-width: 760px;
    }

    .kv-description {
        font-size: 17px;

        max-width: 670px;
    }
}


/* =========================================================
   TABLET
   768px - 1024px
   ========================================================= */

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

    .kv-hero {
        min-height: 650px;

        background-position: 60% center;
    }

    .kv-hero-inner {
        padding-top: 45px;
        padding-bottom: 45px;

        padding-left: 55px;
        padding-right: 45px;
    }

    .kv-logo {
        margin-bottom: 18px;
    }

    .kv-logo img {
        width: 145px;
    }

    .kv-eyebrow {
        font-size: 12px;

        letter-spacing: 3px;

        margin-bottom: 12px;
    }

    .kv-title {
        font-size: 48px;

        line-height: 1.07;

        letter-spacing: -1.3px;

        max-width: 570px;

        margin-bottom: 20px;
    }

    .kv-description {
        font-size: 14px;

        line-height: 1.6;

        max-width: 500px;

        margin-bottom: 25px;
    }

    .kv-button {
        width: 265px;

        min-height: 54px;

        padding-left: 23px;

        font-size: 14px;
    }

    .kv-button-arrow {
        width: 44px;
        height: 44px;

        flex-basis: 44px;

        font-size: 23px;
    }
}


/* =========================================================
   MOBILE
   767px AND BELOW
   ========================================================= */

@media (max-width: 767px) {

    .kv-hero {
        width: 100vw;
        max-width: 100vw;

        min-height: 700px;

        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);

        align-items: flex-start;

        /*
         * Move image slightly to the right
         * so pumps stay visible behind the content.
         */
        background-position: 67% center;

        background-size: cover;
    }


    .kv-hero-inner {
        padding-top: 38px;
        padding-bottom: 45px;

        padding-left: 24px;
        padding-right: 24px;
    }


    /* ---------- LOGO ---------- */

    .kv-logo {
        margin-bottom: 18px;
    }

    .kv-logo img {
        width: 120px;
    }


    /* ---------- EYEBROW ---------- */

    .kv-eyebrow {
        font-size: 9px;

        letter-spacing: 2px;

        margin-bottom: 11px;
    }


    /* ---------- HEADING ---------- */

    .kv-title {
        font-size: 34px;

        line-height: 1.08;

        letter-spacing: -0.8px;

        max-width: 360px;

        margin-bottom: 18px;
    }


    /* ---------- DESCRIPTION ---------- */

    .kv-description {
        font-size: 13px;

        line-height: 1.55;

        max-width: 340px;

        margin-bottom: 24px;
    }


    /* ---------- BUTTON ---------- */

    .kv-button {
        width: 235px;

        min-height: 50px;

        padding-left: 21px;

        font-size: 13px;
    }

    .kv-button-arrow {
        width: 40px;
        height: 40px;

        flex-basis: 40px;

        font-size: 21px;
    }
}


/* =========================================================
   SMALL MOBILE
   480px AND BELOW
   ========================================================= */

@media (max-width: 480px) {

    .kv-hero {
        min-height: 650px;

        background-position: 66% center;
    }

    .kv-hero-inner {
        padding-top: 30px;

        padding-left: 20px;
        padding-right: 20px;
    }


    .kv-logo img {
        width: 105px;
    }


    .kv-logo {
        margin-bottom: 15px;
    }


    .kv-eyebrow {
        font-size: 8px;

        letter-spacing: 1.7px;

        margin-bottom: 10px;
    }


    .kv-title {
        font-size: 29px;

        line-height: 1.08;

        letter-spacing: -0.6px;

        max-width: 320px;
    }


    .kv-description {
        font-size: 12px;

        line-height: 1.55;

        max-width: 300px;
    }


    .kv-button {
        width: 215px;

        min-height: 47px;

        padding-left: 19px;

        font-size: 12px;
    }


    .kv-button-arrow {
        width: 37px;
        height: 37px;

        flex-basis: 37px;

        font-size: 20px;
    }
}


/* =========================================================
   VERY SMALL PHONES
   360px AND BELOW
   ========================================================= */

@media (max-width: 360px) {

    .kv-hero {
        min-height: 620px;
    }

    .kv-hero-inner {
        padding-left: 17px;
        padding-right: 17px;
    }

    .kv-logo img {
        width: 95px;
    }

    .kv-title {
        font-size: 27px;

        max-width: 295px;
    }

    .kv-description {
        font-size: 11.5px;

        max-width: 285px;
    }

    .kv-button {
        width: 205px;

        font-size: 11.5px;
    }
}/* End custom CSS */