@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@600&display=swap');

* {
    padding: 0;
    margin: 0;
    font-family: ford-antenna-normal;
}

html,
body {
    overflow-x: hidden !important;
}


@font-face {
    font-family: ford-antenna-thin;
    src: url("../fonts/ford-thin.ttf");
}

@font-face {
    font-family: ford-antenna-light;
    src: url("../fonts/ford-light.ttf");
}

@font-face {
    font-family: ford-antenna-normal;
    src: url("../fonts/ford-normal.ttf");
}

@font-face {
    font-family: ford-antenna-medium;
    src: url("../fonts/ford-medium.ttf");
}

@font-face {
    font-family: ford-antenna-semibold;
    src: url("../fonts/ford--semibold.ttf");
}

@font-face {
    font-family: ford-antenna-Bold;
    src: url("../fonts/ford-Bold.ttf");
}

.ff_ford_thin {
    font-family: ford-antenna-thin;
}

.ff_ford_light {
    font-family: ford-antenna-light;
}

.ff_ford_normal {
    font-family: ford-antenna-normal;
}

.ff_ford_medium {
    font-family: ford-antenna-medium;
}

.ff_ford_semibold {
    font-family: ford-antenna-semibold;
}

.ff_ford_bold {
    font-family: ford-antenna-bold;
}

.ff_public_sans {
    font-family: 'Public Sans', sans-serif;
}



@media(min-width:1400px) {
    .hero_container {
        max-width: 1380px !important;
        padding-left: 12px;
    }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
    .container_modified {
        max-width: 1250px !important;
    }
}

:root {
    /* FONT SIZES  */
    --font-xxs: 12px;
    --font-xss: 13px;
    --font-xs: 14px;
    --font-sm: 16px;
    --font-md: 18px;
    --font-lg: 20px;
    --font-xl: 22px;
    --font-xxl: 24px;
    --font-2xl: 26px;
    --font-3xl: 30px;
    --font-4xl: 32px;
    --font-5xl: 38px;
    --font-6xl: 46px;
    --font-7xl: 60px;
    --font-8xl: 64px;
    /* COLORS  */
    --light-white: #D9D9D940;
    --white: #ffffff;
    --white-off: #F8F8F8;
    --black: #000000;
    --light-black: #1c1d1d;
    --dark-black: #141414;
    --blue: #0947a1;
    --dark-blue: #0c4eae;
    --light-blue: #0d52ae;
    --navy-blue: #235ba9;
    --dark-gray: #7c7b79;
    --light-gray: #a7b1c1;
    --bg-gray: #F4F4F4B2;
    --gray: #2e2f2f;
}

/* ----------------------------------- ONLY-MEDIA-QUERIES ----------------------------------- */
@media (min-width: 1599.98px) {
    :root {
        --font-4xl: 40px;
    }
}

@media (max-width: 1199.98px) {
    :root {
        --font-xs: 12px;
        --font-sm: 14px;
        --font-md: 16px;
        --font-xxl: 20px;
        --font-3xl: 28px;
        --font-4xl: 28px;
        --font-5xl: 35px;
        --font-6xl: 40px;
        --font-8xl: 50px;
    }
}

@media (max-width: 991.98px) {
    :root {
        --font-xs: 12px;
        --font-lg: 18px;
        --font-2xl: 25px;
        --font-3xl: 22px;
        --font-4xl: 20px;
        --font-5xl: 32px;
        --font-6xl: 38px;
        --font-8xl: 45px;
    }
}

@media (max-width: 767.98px) {
    :root {
        --font-sm: 15px;
        --font-md: 16px;
        --font-lg: 18px;
        --font-xl: 20px;
        --font-xxl: 18px;
        --font-2xl: 22px;
        --font-3xl: 24px;
        --font-4xl: 25px;
        --font-5xl: 30px;
        --font-6xl: 28px;
        --font-8xl: 32px;
    }
}

@media (max-width: 575.98px) {
    :root {
        --font-xxs: 10px;
        --font-xs: 11px;
        --font-sm: 14px;
        --font-md: 13px;
        --font-lg: 15px;
        --font-xl: 16px;
        --font-xxl: 16px;
        --font-2xl: 20px;
        --font-3xl: 18px;
        --font-4xl: 24px;
        --font-5xl: 26px;
        --font-6xl: 23px;
        --font-8xl: 25px;
    }
}

.fw_300 {
    font-weight: 300 !important;
}

.fw_500 {
    font-weight: 500 !important;
}

.fw_600 {
    font-weight: 600 !important;
}

/*FONT-SIZES START*/
.font-xxs {
    font-size: var(--font-xxs) !important;
}

.font-xss {
    font-size: var(--font-xss) !important;
}

.font-xs {
    font-size: var(--font-xs) !important;
}

.font-sm {
    font-size: var(--font-sm) !important;
}

.font-md {
    font-size: var(--font-md) !important;
}

.font-lg {
    font-size: var(--font-lg) !important;
}

.font-xl {
    font-size: var(--font-xl) !important;
}

.font-xxl {
    font-size: var(--font-xxl) !important;
}

.font-2xl {
    font-size: var(--font-2xl) !important;
}

.font-3xl {
    font-size: var(--font-3xl) !important;
}

.font-4xl {
    font-size: var(--font-4xl) !important;
}

.font-5xl {
    font-size: var(--font-5xl) !important;
}

.font-6xl {
    font-size: var(--font-6xl) !important;
}

.font-8xl {
    font-size: var(--font-8xl) !important;
}

/*-------------------COLORS CLASSES START--------------*/
.color-blue {
    color: var(--blue) !important;
}

.color-dark-blue {
    color: var(--dark-blue) !important;
}

.color-light-blue {
    color: var(--light-blue) !important;
}

.bg-light-blue {
    background-color: var(--light-blue) !important;
}

.color-light-gray {
    color: var(--light-gray) !important;
}

.color-dark-gray {
    color: var(--dark-gray) !important;
}

.color-gray {
    color: var(--gray) !important;
}

.bg-gray {
    background-color: var(--bg-gray) !important;
}

.color-white {
    color: var(--white) !important;
}

.bg-white {
    background-color: var(--white) !important;
}

.color-black {
    color: var(--black) !important;
}

.color-dark-black {
    color: var(--dark-black) !important;
}

.color-light-black {
    color: var(--light-black) !important;
}

.bg_light_black {
    background-color: var(--light-black);
}

.bg_gray {
    background: var(--gray) !important;
}

.bg_blue {
    background-color: var(--blue);
}

.bg_white_off {
    background-color: var(--white-off);
}

.bg_dark_blue {
    background-color: var(--dark-blue);
}

.bg_light_blue {
    background-color: var(--light-blue);
}

.bg_navy_blue {
    background-color: var(--navy-blue) !important;
}

.bg-light-white {
    background: var(--light-white);
}

.bg_light_gray {
    background: #F4F4F4;
}

.transition_03 {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all o.3s ease-in-out;
    -o-transition: all o.3s ease-in-out;
    transition: all o.3s ease-in-out;
}

a {
    transition: all 0.3s ease-in-out;
}

a:hover {
    opacity: 0.8;
}

.line_height_30 {
    line-height: 30px;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.cursor_pointer {
    cursor: pointer;
}

.br_4px {
    border-radius: 4px;
}

/*---------------TOPBAR CSS START-------------*/
.top_bar_bg {
    background: -o-radial-gradient(105.79% -9.07%, 104.25% 177.21%, #214F8A 0%, #081F40 100%);
    background: radial-gradient(104.25% 177.21% at 105.79% -9.07%, #214F8A 0%, #081F40 100%);
}

.form_data::-webkit-scrollbar {
    display: none;
}

/*--------------ABOUT US CSS START--------------*/
.about_us_bg {
    background-image: url("../img/png/homepage/about-us-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*--------------ELEVATE CSS START--------------*/
.elevate_bg {
    background-image: url("../img/png/homepage/elevate-em-lighting.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}


.min_height {
    min-height: 60vh;
}

/*----------------POWER WAVE SLIDER CSS START--------------------*/
.border_left {
    border-left: 0.9px solid var(--white);
    width: 1px;
    height: 118.02px;
}

.min_height_power_slider {
    min-height: 600px;
}

.bg_img_power_slider {
    background-image: url('../img/png/homepage/power-wave-slider-img-1.png');
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bg_img_power_slider_2 {
    background-image: url('../img/png/homepage/power-wave-slider-img-2.png');
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bg_img_power_slider_3 {
    background-image: url('../img/png/homepage/power-wave-slider-img-3.png');
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.bg_img_power_sliderb {
    background-image: url('../img/png/homepage/power-wave-slider-img-3.png');
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bg_img_power_slider_2b {
    background-image: url('../img/png/homepage/power-wave-slider-img-2.png');
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bg_img_power_slider_3b {
    background-image: url('../img/png/homepage/power-wave-slider-img-1.png');
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}






.power_slider_btn {
    background: var(--light-blue);
    border-radius: 4px;
    border: 1px solid transparent;
    color: var(--white) !important;
    padding: 12px 45px;
    transition: all 0.3s ease-in-out;
}

.power_slider_btn:hover {
    background: #2467C0 !important;
}

.slider_btn {
    opacity: 1 !important;
}

.carousel-indicators [data-bs-target] {
    height: 6px !important;
    border-radius: 50%;
    width: 6px !important;
    opacity: 1;
    border: 0 !important;
}

.carousel-indicators .active {
    height: 9px !important;
    width: 9px !important;
}

.power_wave_card {
    transition: all 0.3s ease-in-out;
}

.power_wave_card a {
    color: #fff;
}

.power_wave_card:hover a {
    opacity: 0.6;
}

.power_wave_card:hover {
    transform: translateY(-10px);
}

/*--------------ABOUT CARDS US CSS START--------------*/
.min_height_about_img {
    min-height: 90px;
}

.margin_minus_img {
    margin-top: -10px;
}

/* -----------------------------DEFINE FOOTER CSS----------------------------- */

.bg_gray {
    background: var(--gray) !important;
}

.text_underline {
    position: relative;
    white-space: nowrap;
}

.text_underline::after {
    bottom: -5px;
    position: absolute;
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    background: var(--white);
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
    left: 50%;
}

.text_underline:hover:after {
    position: absolute;
    content: "";
    height: 2px !important;
    width: 100% !important;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*============================= DEFINE POWER PROTECTION =============================*/
.bg_blue {
    background: var(--blue);
}

.hight-500 {
    height: 500px !important;
}

.message_input {
    resize: none !important;
}

.contact_btn {
    padding: 12px 50px;
    color: rgba(20, 20, 20, 0.7);
    background: var(--white);
    border-radius: 4px;
    border: 1px solid var(--white);
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.contact_style {
    color: rgba(20, 20, 20, 0.7);
    background: var(--white);
    transition: all 0.3s ease;
}

.contact_style:hover {
    color: rgba(20, 20, 20, 0.7);
    background: var(--white);
    opacity: 1;
    transform: translateY(-10px);
}

.max-width720 {
    max-width: 720px !important;
}

/* ---------------------DEFINE CONTACT US SECTION--------------------- */
.input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input-form {
    background: #F4F4F4;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    padding: 6px 10px !important;
    color: var(--black) !important;
}

.input-form::-webkit-input-placeholder {
    font-size: var(--font-xs);
    font-weight: 300;
    font-family: ford-antenna-normal;
    color: #A7B1C1 !important;
}

.input-form::-moz-placeholder {
    font-size: var(--font-xs);
    font-weight: 300;
    font-family: ford-antenna-normal;
    color: #A7B1C1 !important;
}

.input-form:-ms-input-placeholder {
    font-size: var(--font-xs);
    font-weight: 300;
    font-family: ford-antenna-normal;
    color: #A7B1C1 !important;
}

.input-form::-ms-input-placeholder {
    font-size: var(--font-xs);
    font-weight: 300;
    font-family: ford-antenna-normal;
    color: #A7B1C1 !important;
}

.input-form::placeholder {
    font-size: var(--font-xs);
    font-weight: 300;
    font-family: ford-antenna-normal;
    color: #A7B1C1 !important;
}

input:focus {
    outline: none !important;
}

textarea:focus {
    outline: none !important;
}

.submit_btn {
    background: #424242;
    border: 2px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    padding: 11px 60px !important;
    color: var(--white);
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.form_btn {
    color: var(--white);
}

.submit_btn:hover {
    background-color: transparent !important;
    border: 2px solid rgba(0, 0, 0, 0.3);
    color: var(--dark-gray) !important;
}

.submit_btn:hover .form_btn {
    color: var(--dark-gray) !important;
}

.reviews-card {
    max-width: 860px;
    /* min-height: 380px; */
    margin: 0 auto;
    padding: 30px !important;
    height: 100%;
}

.swiper-slide-active {
    padding: 0px !important;
}

.customer_reviews_height {
    height: 600px !important;
}

.swiper-slide {
    padding: 0 50px;
}

.swiper-slide-active {
    cursor: pointer;
    padding: 32px 60px 30px 60px;
    background: var(--white);
    background: #FFFFFF;
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15)
}

/* ============================ BACK TO TOP CSS START ============================ */
#scroll {
    position: fixed;
    right: 2%;
    bottom: 3%;
    cursor: pointer;
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: none;
    border-radius: 50%;
    background-color: var(--black);
    border: 1.6px solid var(--white);
    -webkit-animation: up-down 2.5s ease-in-out infinite;
    animation: up-down 2.5s ease-in-out infinite;
    z-index: 10;
}

@-webkit-keyframes up-down {
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@keyframes up-down {
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: var(--white);
}

#scroll:hover {
    -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, 0.547);
    box-shadow: 0 0 17px rgba(0, 0, 0, 0.547);
}

#scroll:hover::after {
    height: 100%;
}

/* ====================== PRELOADER CSS START ====================== */
#loading {
    z-index: 999;
    position: fixed;
    background-color: var(--white);
    width: 100%;
}

.proloader_img {
    -webkit-animation: loader 2s infinite alternate;
    animation: loader 2s infinite alternate;
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes loader {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

/*-------------------------PRODUCT PAGE CSS START------------------------------*/
@media (max-width:991.98px) {
    :root {
        --font-xs: 11px;
        --font-xxl: 15px;
    }

    /* .customer_reviews_height {
        height: 500px !important;
    } */
}

@media(max-width:575.98px) {
    :root {
        --font-xxl: 13px;
    }

    .swiper-slide-active .font-sm {
        font-size: 12px !important;
    }
}

.form_overlay {
    height: 110vh;
    top: -54px;
    z-index: 1;
    background-color: #000000a7
}

.cross_icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: .8;
}

#cross_icon:hover {
    opacity: 1;
}

.form_heading {
    top: -1px;
}

.border_top {
    border-top: 2px solid #14141433
}

.product_img_parent {
    min-width: 170px;
}

.product_hero_img {
    min-height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}

.product_heading {
    font-size: var(--font-xxl);
    color: var(--light-blue);
    font-family: ford-antenna-semibold;
    position: relative;
}

.border_bottom {
    border-bottom: 2px solid #081F40;
    width: 100%;
    margin-left: 13px;
}

.product_para {
    font-size: var(--font-sm);
    color: var(--light-blue);
    font-family: ford-antenna-bold;
}

.product_sub_para {
    font-size: var(--font-xs);
    color: var(--black);
    font-family: ford-antenna-normal;
}

.quote_form {
    max-width: 850px;
    -webkit-box-shadow: 0px 4px 20px 0px #0000008C;
    box-shadow: 0px 4px 20px 0px #0000008C;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    /* height: 95vh; */
    overflow: hidden;
    top: 50%;
}

.form_data {
    padding: 20px 40px;
    overflow-y: scroll;
}

.form_data input {
    font-size: var(--font-xs);
}

.form_data select {
    background: #F4F4F4;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    padding: 6px 10px;
    cursor: pointer;
    color: #7C7B79 !important;
    font-size: var(--font-xs);
    font-family: ford-antenna-normal;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../img/svg/form/icon.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 90%;
    min-width: 130px;
}

/*-------------------------3RD PAGE CSS START------------------------------*/
/*-------------------ALL ONLINE POWER PRODUCTS CSS START------------------------*/
.image_hover {
    transition: .3s ease !important;
    cursor: pointer;
}

.image_hover:hover {
    transform: translateY(-10%) !important;
}

.line-height-40 {
    line-height: 40px;
}

.lcr_hero {
    transition: all 0.3s ease-in-out;
}

.lcr_hero:hover {
    transform: translateY(-7px) !important;
}

.additional_img_bg {
    background: #F0F0F0;
    height: 340px;
    padding-right: 10px;
}

.additional_text_hover {
    transition: all 0.3s ease-in-out;
    color: #000000;
}

.additional_text_hover:hover {
    color: #0947a1;
}

.border_bottom_products {
    position: relative;
}

.border_bottom_products::after {
    position: absolute;
    border-bottom: 1.5px solid rgba(217, 217, 217, 0.9);
    display: block;
    content: "";
    width: 3000px;
    left: -80%;
    right: 0;
    height: 2px;
    bottom: -8%;
}

.products_text_hover {
    transition: all 0.3s ease-in-out;
    position: relative;
}

.products_text_hover::after {
    position: absolute;
    display: block;
    width: 0px;
    height: 1.6px;
    background-color: var(--blue);
    content: "";
    transition: all 0.3s ease-in-out;
}

.products_text_hover:hover::after {
    width: 100%;
}

.products_text_hover:hover {
    color: var(--blue) !important;
}


/*OEM CSS START=============================*/
.oem_bg {
    background-image: url("../../assets/img/png/oem/oem-banner.png");
    background-position: 70%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
    position: relative;
}

.oem_bg::after {
    position: absolute;
    content: "";
    background-color: #0d53ae30;
    display: block;
    min-height: 600px;
    width: 100%;
    top: 0;
}

.bas_bg {
    background-image: url("../../assets/img/png/bas/bas_hero.png");
    background-position: 70%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
    position: relative;
}

.bas_bg::after {
    position: absolute;
    content: "";
    background-color: #0d53ae30;
    display: block;
    min-height: 600px;
    width: 100%;
    top: 0;
    z-index: -1;
}

.z_index {
    z-index: 1;
}

.oem_btn {
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
}

.oem_btn:hover {
    background-color: #2467C0;
}

.custom_min_vh {
    min-height: 600px;
}


/*GMS CSS START=============================*/
.gms_bg {
    background-image: url("../img/png/gms/gms-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
    position: relative;
}

.gms_bg::after {
    position: absolute;
    content: "";
    background-color: #0d53ae30;
    display: block;
    min-height: 600px;
    width: 100%;
    top: 0;
}


.z_index {
    z-index: 1;
}

.gms_btn {
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
}

.gms_btn:hover {
    background-color: #2467C0;
}

.custom_min_vh {
    min-height: 600px;
}


@media(min-width:1600px) {
    .min_height_power_slider {
        min-height: 800px;
    }

    .max_width_610 {
        max-width: 610px !important;
    }

    .hero_section h3 {
        font-size: 38px !important;
    }

    .hero_section p {
        font-size: 20px !important;
        margin-right: 0 !important;
    }

    .custom_container_for_text {
        max-width: 2251px !important;
        padding-left: 12px;
        margin-left: auto;
        margin-right: auto;
    }

    .justify_content_xxl_start {
        justify-content: start !important;
    }
}

@media (min-width:1500px) {
    .custom_min_vh {
        min-height: 600px !important;
    }
}



@media (min-width:1366.98px) {
    .right_power_container {
        width: 100% !important;
        padding: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

.emergency_cards {
    width: 313px;
    height: 374px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.emergency_cards img {
    object-fit: cover;
}

@media (max-width:1199.98px) {
    .min_height_power_slider {
        min-height: 500px;
    }

    .line_height_30 {
        line-height: unset;
    }

    .line-height-40 {
        line-height: unset;
    }

    .border_bottom {
        width: 96%;
    }

    .additional_img_bg {
        height: unset;
    }

    .gms_bg {
        min-height: 500px;
    }

    .gms_bg::after {
        min-height: 500px;
    }

    .emergency_cards {
        width: 200px;
        height: 254px;
        object-fit: cover;
    }
}

@media (max-width:991.98px) {
    .gms_bg::after {
        min-height: 433px;
    }

    .gms_bg {
        min-height: 400px;
    }

    .product_documents .product_heading::before {
        width: 95%;
    }

    .swiper-slide-active {
        padding: 32px 40px 30px 40px !important;
    }

    .reviews-card {
        /* max-width: 500px; */
        /* height: 100%; */
    }

    .contact_btn {
        padding: 10px 38px !important;
    }

    .min_height_power_slider {
        min-height: 400px;
    }

    .min_height {
        min-height: 40vh;
    }

    .quote_form {
        max-width: 95%;
    }

    .product_img {
        max-width: 140px;
    }

    .product_img_parent {
        min-width: 150px;
    }

    .fs_12 {
        font-size: 12px !important;
    }

    .border_bottom_products::after {
        bottom: 0%;
    }

    .gms_icons {
        max-width: 100px;
    }

    .gms_icons_2 {
        max-width: 150px;
    }
}

@media (max-width:767.98px) {
    .min_height_power_slider {
        min-height: 250px;
    }

    .swiper-slide-active {
        padding: 30px !important;
    }

    .reviews-card {
        /* max-width: 800px; */
        /* min-height: unset */
    }

    .swiper-slide-active {
        padding: 0px !important;
    }

    .swiper-slide {
        padding: 0 16px;
    }

    .contact_btn {
        padding: 12px 40px;
    }

    .mx_height_350 {
        max-height: 350px;
    }
}

@media (max-width:575.98px) {
    .gms_bg {
        min-height: 300px;
    }

    .gms_bg::after {
        min-height: 300px;
    }

    #cross_icon {
        right: 15px;
    }

    .swiper-slide-active {
        padding: 20px !important;
    }

    .contact_btn {
        padding: 10px 35px;
    }

    .fix-screen-mobile .nav_toggle {
        position: absolute;
        top: 45px;
        right: 10px !important;
    }

    .product_documents .product_heading::before {
        bottom: -4px;
    }

    .min_height_power_slider {
        min-height: 300px;
    }

    .power_slider_btn {
        padding: 6px 15px;
    }

    .form_data input {
        padding: 5px 10px !important;
    }

    .form_data .submit_btn {
        padding: 6px 30px !important;
    }

    .form_data {
        padding: 15px;
    }

    .documents_right_col {
        padding: 0;
    }

    .border_bottom {
        width: 94%;
    }

    .border_bottom_products::after {
        bottom: -2%;
    }

    .custom_min_vh {
        min-height: 40vh;
    }

    .products_text_hover::after {
        left: 0%;
    }
}

@media (max-width:400px) {
    .min_height_power_slider {
        min-height: 270px;
    }
}

.emegency_page_cards {
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
    height: 93% !important;
    transition: all 300ms linear;
    overflow: hidden;
}

.emegency_page_cards img {
    transition: all 300ms linear;

}



.emegency_page_cards:hover img {
    transform: scale(1.15);
    z-index: -1;
}

.datasheet {
    background-color: #0D52AF;
    color: white;
    margin-bottom: 0;
    border: 1px solid transparent;
}

.datasheet:hover {
    background-color: #fff;
    color: #0D52AF;
    margin-bottom: 0;
    border: 1px solid #0D52AF;
}


.swiper-button-next, .swiper-button-prev {color: #1360ad !important;}
/*-------------------------SERACH BAR CSS START------------------------------*/

.search-bar-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.search-bar {
  width: 200px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

button {
  padding: 10px;
  margin-left: 10px;
  background-color: #0056b3;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
button:hover {
  background-color: #004085;
}