@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*
font-family: 'Orbitron', sans-serif;
font-family: 'Poppins', sans-serif;
*/
body {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

/* ========== home page ============ */
.homeBanner{
    width: 100%;
}
.header{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 34px 0;
}
.logo img{
    max-width: 382px;
}
.menu{
    
}
.menu > ul{
    display: flex;
    margin: 0;
    align-items: center;
}
.menu ul li{
    list-style: none;
    padding: 0 15px;
}
.menu ul li:first-child{
    padding: 0 15px 0;
}
.menu ul li:last-child{
    padding: 0 0 0 15px;
}
.menu ul li a{
    font-family: Orbitron;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 92.7%;
    display: flex;
    align-items: center;
    letter-spacing: 0.04em;
    color: #96A3AE;
    transition: 0.7s;
}
.menu ul li .dropdown-menu li a{
    font-size: 18px;
    padding: 10px;
}
.menu ul li .dropdown-menu li a:hover{
    color: #000;
}
.menu ul li a.active, .menu ul li a:hover, .menu ul li a:focus{
    color: #FFFFFF;
}
.homeMatter{
    width: 100%;
    margin: 38% 0 40%;
}
.homeMatter p{
    font-family: Orbitron;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 92.7%;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0 0 13px;
}
.homeMatter h5{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin: 0 0 40px;
}
.homeMatter h1{
    font-family: Orbitron;
    font-style: normal;
    font-weight: 900;
    font-size: 45px;
    line-height: 101%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    margin: 0 0 40px;
    position: relative;
    
    background: -webkit-linear-gradient(37.69deg, #25E9F4 -6.39%, #5E37EF 106.49%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.homeMatter h1:after{
    content: '';
    width: 80px;
    height: 4px;
    background: #25E9F4;
    position: absolute;
    bottom: -19px;
    left: 0;
}
a.callLink{
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 54px;
    color: #FFFFFF;
}

/* ============= Global Css ============== */
.homeOuter{
    width: 100%;
    background: url(../image/Banner1.jpg) no-repeat;
    background-size: 100% 100%;
}

.globalBanner .homeMatter {
    width: 100%;
    margin: 25px 0 62px;
}
.globalBanner .homeMatter h1{
    margin: 18px 0 60px;
}
.globalBannerBottom .BannerBottomHeading{
    position: relative;
    left: auto;
    top: auto;
}
.globalBannerBottom .bannerBottmRight{
    width: 100%;
}
.globalBannerBottom .BannerBottomBoxOuter{
    justify-content: space-between;
}
.h2Title{
    font-family: Orbitron;
    font-style: normal;
    font-weight: 900;
    font-size: 36px;
    line-height: 101%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    margin: 0 0 25px;
    background: -webkit-linear-gradient(37.69deg, #25E9F4 -6.39%, #5E37EF 106.49%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.h6topheading{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: 0.5em;
    text-transform: uppercase;
    color: #040427;
}
.residential{
    width: 100%;
    /*background: url(../image/residential-bg.jpg) no-repeat;*/
    background: #00004A;
    background-size: 100% 100%;
}


/* =========== banner bottom ============= */
.bannerBottom{
    width: 100%;
    display: flex;
    background: #090a36;
}
.bannerBottmImg{
    width: 20.4%;
    position: relative;
}
.bannerBottmImg img{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.bannerBottmRight{
    width: 79.6%;
    position: relative;
}
.BannerBottomHeading{
    position: absolute;
    width: 249px;
    height: 60px;
    top: -50px;
    background: linear-gradient(270deg, rgba(4, 156, 217, 0) 0%, #049CD9 98.05%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.BannerBottomHeading p{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 160%;
    display: flex;
    align-items: center;
    letter-spacing: 0.01em;
    margin: 0;
    color: #FFFFFF;
}
.BannerBottomBoxOuter{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 50px 0;
}
.BannerBottomBox{
    display: flex;
    align-items: center;
}
.BannerBottomBox img{
    
}
.BannerBottomBox a{
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #FFFFFF;
    margin: 0 0 0 20px;
}
.BannerBottomBt{
    
}
a.arrowBtn, button.arrowBtn{
    height: 44px;
    width: 208px;
    border-radius: 0px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #FFFFFF;
    background: #FF8C00;
    cursor: pointer;
}
.arrowExtra{
    margin: 0 30px 0 0;
}
a.arrowBtn img, button.arrowBtn img{
    margin: 0 0 0 25px;
}


/* =============== Certifications ======= */
.certificationsOuter, .chooseUsOuter{
    width: 100%;
    background: #ffffff;
    padding: 70px 0;
}
.certificationsMatter{
    background: url(../image/02.png) no-repeat;
    background-size: auto;
    background-position: top left;
    margin: 45px 0 0;
}

.certificationsMatter p, .servicesAccordion .accordion-body p, .serviceBox p, .ourstoryBox p, .projectHeading p, .rewiring p, .panelUpGrade p, .servicing p, .lighting p, .troubleshooting p, .sliderBoxText p, .aduBox p, .newConstruction p, .homePoint p, .newConstruction p, .serviceManagement p, .remodelImgBoxOuter p, .multiFamilyRemodel p, .warehouse p, .retailText p, .gasStation p, .autoDealershipsText p, .aboutOuter p, .aboutTwo p, .paddingBox p, .resilience p, .ourValues p, .trusted p{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.01em;
    color: #5C5C5C;
    margin: 0 0 40px;
}
a.callLink1{
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    color: #13131A;
}


.certificationsSlider{
    width: 100%;
    background: url(../image/box.jpg) no-repeat;
    background-size: auto;
    position: relative;
    padding: 30px 0 0 30px;
    
    box-shadow: 30px 30px 40px rgb(235 203 158 / 20%);
    -webkit-box-shadow: 30px 30px 40px rgb(235 203 158 / 20%);
    -moz-box-shadow: 30px 30px 40px rgb(235 203 158 / 20%);
}
.certificationsSlider .carousel-indicators{
    margin: 0;
    position: absolute;
    bottom: -30px;
}
.certificationsSlider .carousel-indicators button{
    width: 12px;
    height: 12px;
    background: #C4C4C4;
    box-sizing: border-box;
    border: none;
    border-radius: 50%;
}
.sliderPointer{
    
}
/* =============== Services  ============ */
.servicesOuter{
    width: 100%;
    background: #040428;
    padding: 55px 0 0;
}
.serviceSlider{
    position: relative;
}
.sliderPointer{
    width: 63px;
    height: 139px;
    background: rgba(179, 179, 179, 0.1);
    backdrop-filter: blur(30.2605px);
    position: absolute;
    bottom: 0;
    right: 0;
}
.sliderPointer button{
    width: 100%;
    height: 50%;
    border: none;
    background: transparent;
}
.services{
    background: url(../image/03.png) no-repeat;
    background-size: auto;
    background-position: top left;
    margin: 60px 0 0 70px;
}
.serviceHeading h6{
    color: #fff;
    margin: 7px 0 10px;
}
.serviceHeading{
    display: inline-block;
    position: relative;
}
.serviceHeading h6.h6ab{
    position: absolute;
    bottom: 10px;
    right: -97%;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 160%;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}
.servicesAccordion{
    border-left: 1px solid #25E9F4;
    padding: 0 0 0 50px;
    position: relative;
    margin: 35px 0 60px 10px;
}
.servicesAccordion .accordion-item, .servicesAccordion .accordion-button:not(.collapsed), .servicesAccordion .accordion-button{
    background: transparent;
}
.servicesAccordion .accordion-item .accordion-header {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.servicesAccordion .accordion-item .accordion-header:before{
    content: '';
    height: 17px;
    width: 17px;
    position: absolute;
    left: -8px;
    border-radius: 50%;
    border: 2px solid #25E9F4;
}
.servicesAccordion .accordion-body {
    padding: 0;
}
.servicesAccordion .accordion-body p{
    color: #fff;
    margin: 0;
    padding: 20px 0 0;
}
.servicesAccordion .accordion-item{
    margin: 0 0 32px;
}

/* =========== choose us ============== */
.chooseUsHeading{
    background: url(../image/04.png) no-repeat;
    background-size: auto;
    background-position: top left;
    padding: 0 0 50px;
    margin: 0 0 -10px;
}
.serviceBox{
    text-align: center;
    padding: 0 50px;
}
.serviceBox img{
    box-shadow: 30px 30px 40px rgb(235 203 158 / 20%);
    -webkit-box-shadow: 30px 30px 40px rgb(235 203 158 / 20%);
    -moz-box-shadow: 30px 30px 40px rgb(235 203 158 / 20%);
    margin: 0 0 20px;
}

.serviceBox h5{
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    letter-spacing: 0.01em;
    color: #5C5C5C;
}

.chooseUsOuter button.arrowBtn{
    margin: 0 auto;
}
.chooseUsOuter a.arrowBtn{
    margin: 0 auto;
}

/* ========= our Story ================= */
.ourStoryOuter{
    width: 100%;
    background: #f1f8ff url(../image/ourstory.png) no-repeat;
    background-size: 100% 100%;
    padding: 100px 0 65px;
}
.ourstoryBox{
    background: url(../image/05.png) no-repeat;
    background-size: auto;
    background-position: top left;
}
.ourstoryBox h4{
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 27px;
    color: #040427;
    margin: 0 0 50px;
}
/* =========== Projects ================= */
.projectsOuter{
    width: 100%;
    background: #f1f8ff url(../image/projects.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 140px 0 0;
}
.projectHeading{
    background: url(../image/06.png) no-repeat;
    background-size: auto;
    background-position: top left;
    padding: 0 0 70px;
}
.projectHeading h6, .projectHeading p{
    color: #fff;
}
.projectImg{
    position: relative;
}
.projectImg img{
    width: 100%;
}
.projectImgBox{
    height: 78px;
    width: 273px;
    background: #FFFFFF;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.projectImgBox p{
    font-family: Orbitron;
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    line-height: 101%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #040427;
    margin: 0;
}

/* ============ testimonials ============ */
.testimonialsOuter{
    background: url(../image/testimonial-bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 110px 0 70px;
}
.testimonialHeading{
    background: url(../image/07.png) no-repeat;
    background-size: auto;
    background-position: top left;
    padding: 0 0 70px;
}
.testimonialHeading img{
    padding: 100px 0 0;
}
.testimonialSlider {
    margin: 60px 0 0;
}
.testimonialSlider h4{
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 160%;
    display: flex;
    align-items: center;
    color: #040427;
}
.testimonialSlider p{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.01em;
    color: #7692A7;
}
.testimonialSlider h5{
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 117.7%;
    color: #040427;
    margin: 0 0 10px;
}
.testimonialSlider h6{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 117.7%;
    color: #040427;
    margin: 0 0 45px;
}
.testimonialSlider #sliderThree{
    padding: 15px 30px;
}
.testimonialPointer{
    margin: 30px 0 5px;
}
.testimonialPointer button{
    width: 35.92px;
    height: 35.92px;
    background: #C6D3DD;
    border-radius: 2.47737px;
    border: none;
    font-size: 10px;
    transition: 0.7s;
}
.testimonialPointer button span{
    width: 16px;
}
.testimonialPointer button:hover{
    background: #040427;
}
.testimonialPointer div.num{
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 270%;
    display: flex;
    align-items: center;
    color: #455764;
    margin: 25px 0 0;
}

/* =============== Connect with us ====== */
.contactOuter{
    background: url(../image/contact-bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 85px 0 98px;
    position: relative;
}
.contactAddress{
    margin: 0 0 51px;
}
.contactAddress h4{
        font-family: Orbitron;
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    line-height: 101%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0 0 60px;
}
.addressBox{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 23px;
}
.addressBox > div{
    width: 50px;
}
.addressBox a{
    width: 85%;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 160%;
    display: flex;
    align-items: center;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    padding: 25px 0 25px 35px;
    border-left: 0.5px solid #7692A7;
}
.contactForm{
    
}
.contactHeading{
    position: absolute;
    top: -27px;
    height: 54px;
    width: 278px;
    background: url(../image/box3.svg) no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contactHeading h4{
    font-family: Orbitron;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    margin: 0;
}
.FormBox{
    background: #fff;
}
.FormBox p{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 120%;
    color: #040427;
    margin: 25px 0 10px;
}
.FormBox form{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.fieldBox{
    display: flex;
    align-items: center;
    border-bottom: 0.5px solid #040427;
    justify-content: space-between;
    padding: 10px 5px;
    margin: 15px 0;
}
.fieldBox.w50{
    width: 48%;
}
.fieldBox.w100{
    width: 100%;
}
.fieldBox.file{
    width: 100%;
    border-bottom: none;
}
.fieldBox.file.formSubmit{
    justify-content: flex-end;
}
.fieldBox > div{
    width: 40px;
}
.fieldBox img{
    
}
.fieldBox input{
    width: 100%;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 160%;
    display: flex;
    align-items: center;
    letter-spacing: 0.01em;
    color: #040427;
    border: 0;
    outline: none;
}
.fieldBox input::placeholder {
  color: #040427;
  opacity: 1;
}

.fieldBox input:-ms-input-placeholder {
  color: #040427;
}

.fieldBox input::-ms-input-placeholder {
  color: #040427;
}
.fieldBox input[type="file"]{
    width: auto;
}
.fieldBox span{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.01em;
    color: #040427;
    opacity: 0.5;
}
button.arrowBtn{
    border: none;
    justify-content: space-around;
}

/* =============== footer =============== */
.footerOuter{
    background: #f5fafe;
    padding: 100px 0;
}
.footerMatter{
    
}
.footerMatter ul{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.footerMatter li{
    list-style: none;
    padding: 0 8px;
}
.footerMatter li a{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: 0.01em;
    color: #040427;
}
.footerMatter li:after{
    content: '|';
    position: relative;
    left: 9px;
    font-size: 15px;
    top: -1px;
}
.footerMatter li:first-child{
    padding: 0 13px 0 0;
}
.footerMatter li:last-child{
    padding: 0 0 0 13px;
}
.footerMatter li:last-child:after{
    content: none;
}
.footerMatter p, .coprightMatter p{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.01em;
    color: #040427;
    margin: 20px 0 0;
}
.footerLogo{
    width: 100%;
    text-align: right;
}
.footerLogo .footerMatter{
    margin: 10px 0 0;
}
.footerLogo .footerMatter ul{
    justify-content: center;
}
/* ======================== copright ===== */
.coprightOuter{
    background: #040428;
    padding: 20px 0;
}
.coprightMatter{
    
}
.coprightMatter p{
    color: #fff;
    margin: 0;
}
.coprightSocial{
    
}
.coprightSocial ul{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: end;
    align-items: center;
}
.coprightSocial ul li{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    list-style: none;
    padding: 0 5px;
}
.coprightSocial ul li:nth-child(2){
    padding: 0 20px;
}
.coprightSocial ul li:first-child{
    padding: 0 5px 0 0;
}
.coprightSocial ul li:last-child{
    padding: 0 0 0 5px;
}

/* =============== residential ========== */
.formOuter .FormBox{
    padding: 10px 35px 15px;
}
.globalBanner .homeBanner {
    width: 100%;
    padding: 80px 0 0;
}
.globalBanner .homeMatter h1:after{
    bottom: -30px;
}

.rewiring, .panelUpGrade, .servicing, .lighting, .troubleshooting, .innovation, .electricalServices, .bidCustomHome, .newConstruction, .homePoint, .newConstruction, .serviceManagement, .servicesWeOffer, .ourValues{
    background: #ffffff;
    padding: 80px 0;
}
.rewiring a.arrowBtn, .rewiring button.arrowBtn, .panelUpGrade a.arrowBtn, .panelUpGrade button.arrowBtn{
    margin: 30px 0 0;
}
.paddingBox, .paddingBoxTwo {
    width: 100%;
    background: url(../image/box.jpg) no-repeat;
    background-size: auto;
    background-position: top left;
    position: relative;
    padding: 30px 0 0 30px;
}
.paddingBox img{
    width: 100%;
    
    box-shadow: 30px 30px 40px rgba(158, 171, 235, 0.2);
    -webkit-box-shadow: 30px 30px 40px rgba(158, 171, 235, 0.2);
    -moz-box-shadow: 30px 30px 40px rgba(158, 171, 235, 0.2);
}
.paddingBoxTwo{
    background-position: top right;
    padding: 30px 30px 0 0;
}

/* =========== Electrical Panel Upgrade = */
.panelUpGrade{
    background: #040427;
}
.panelUpGrade p, .panelUpGrade a.callLink1{
    color: #fff;
}
.panelUpGrade .paddingBox{
    box-shadow: none;
}
.panelUpGrade .h2Title{
    margin: 55px 0 25px;
}

/* ============ The FAITH ELECTRIC GROUP, INC. = */
.servicing{
    background: url(../image/servicing.jpg) no-repeat;
    background-size: 100% 100%;
    text-align: center;
}
.servicing p{
    color: #040427;
}
.servicing a.arrowBtn{
    margin: 0 auto;
}
/* ======== lighting =========== */
.lighting{
    background: url(../image/lighting.jpg) no-repeat;
    background-size: 100% 100%;
}
.arrowBtnAlign{
    display: flex;
    align-items: center;
}
.arrowBtnAlign a.callLink1, .arrowBtnAlign button.callLink1{
    margin: 0 40px 0 0;
}
.lineSpace{
    height: 60px;
}
.lighting .h2Title{
    margin: 70px 0 25px;
}
 /* ========= Troubleshooting =========== */
.troubleshooting{
    background-image: url(../image/happy-young.png), url(../image/Troubleshooting.jpg);
    background-position: right bottom, left top;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, 100% 100%;
    padding: 145px 0;
}
.troubleshooting p{
    color: #040427;
    margin: 35px 0 40px 30px;
}
.troubleshooting .arrowBtnAlign{
    margin: 0 0 0 30px;
}
.troubleshooting a.arrowBtn, .troubleshooting button.arrowBtn, .innovation a.arrowBtn, .innovation button.arrowBtn, .electricalServices a.arrowBtn, .electricalServices button.arrowBtn, .adu a.arrowBtn, .adu button.arrowBtn, .newConstruction a.arrowBtn {
    margin: 0 40px 0 0;
}
.troubleshooting .arrowBtnAlign a.callLink1, .troubleshooting .arrowBtnAlign button.callLink1, .innovation a.callLink1, .electricalServices a.callLink1, .adu a.callLink1, .newConstruction a.callLink1 {
    margin: 0;
}

/* =============== Powering innovation ========== */
.innovation{
    text-align: center;
    background: #f5fafe url(../image/hand-presenting.png) no-repeat;
    background-position: right bottom;
}
.innovationList{
    display: flex;
    justify-content: space-between;
    margin: 40px 0 60px;
}
.innovationList ul{
    width: 32%;
    margin: 0;
}
.innovationList ul li{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0.01em;
    color: #5C5C5C;
    text-align: left;
    list-style: none;
    position: relative;
}
.innovationList ul li:before{
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 9px;
    left: -30px;
    background: url(../image/li.svg) no-repeat;
}
.innovation .arrowBtnAlign, .electricalServices .arrowBtnAlign, .adu .arrowBtnAlign{
    justify-content: center;
    margin: 0 0 30px;
}
.panelUpGrade .sliderPointer img{
    width: auto;
}


/* ========== Electrical Services ======= */
.electricalServices {
    background: #f5fafe;
}
.slider4box {
    margin: 70px 0 25px;
}
.sliderBox{
    position: relative;
    height: 190px;
}
.owl-carousel  .sliderBox img{
    width: auto;
    z-index: 2;
    position: relative;
}
.sliderBoxText{
    padding: 40px 20px 0;
    background: #fff url(../image/bottomline.png) no-repeat;
    position: absolute;
    top: 50px;
    z-index: 1;
    background-position: bottom;
    height: 140px;
    width: 100%;
}
.slider4box .owl-prev, .slider4box .owl-next{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 75px;
    height: 75px;
    background: rgba(179, 179, 179, 0.1) !important;
    margin: auto;
}
.slider4box .owl-prev span, .slider4box .owl-next span{
    font-size: 40px;
    position: relative;
    top: -7px;
}
.slider4box .owl-prev{
    left: -90px;
}
.slider4box .owl-next{
    right: -90px;
}

/* ============ adu ======= */
.adu{
    background-color: #040428;
    background-image: url(../image/aduBG.png), url(../image/aduBG.png);
    background-position: top, bottom;
    background-repeat: no-repeat, no-repeat;
    padding: 145px 0;
}
.aduBox{
    width: 100%;
    background: #0b1940;
    padding: 0 112px 40px;
    border: 1px solid #38aff282;
}
.aduImg{
    position: relative;
}
.aduImg img{
    width: 100%;
}
.aduh4{
    position: absolute;
    height: 111px;
    width: 286px;
    bottom: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aduh4 h4{
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 145.5%;
    color: #040427;
    margin: 0;
}
.aduBox p {
    color: #fff;
    margin: 30px 0 0;
}
.adu .arrowBtnAlign{
    margin: 60px 0 25px;
}
.adu .callLink1 {
    color: #fff;
}

.homePoint{
    background: #f5fafe;
}
.homePointimg{
    width: 100%;
    margin: 45px 0 0;
}
.homePoint .innovationList ul, .remodelBox ul{
    width: 100%;
}

/* ============ remodel ================= */
.remodel{
    background: url(../image/remodel.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 140px 0 0;
    position: relative;
}
.callLink2{
    width: 442px;
    height: 100px;
    background: #040427cc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    color: #FFFFFF;
    position: absolute;
    bottom: 70px;
}
.callLink2:hover{
    color: #fff;
}
.callLink2 img{
    margin: 0 15px 0 0;
}
.remodelBoxOuter{
    width: 100%;
    background: url(../image/remodelboxbg.png) no-repeat;
    background-size: 100% auto;
    padding: 55px;
}
.remodelBox{
    width: 100%;
    background: url(../image/box.jpg) no-repeat;
    background-size: 100% auto;
    padding: 30px 45px;
    margin: 0;
}
.remodelBox h2{
    color: #fff;
    -webkit-text-fill-color: #fff;
    margin: 0;
}
.remodelBox .innovationList ul li{
    color: #fff;
}
.remodelBox .innovationList ul li:before{
    background: url(../image/remodelpoint.svg) no-repeat;
}
.remodelBox .innovationList{
    margin: 25px 0 10px;
}
.remodelBox h4{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 145.5%;
    letter-spacing: 0.5em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
}

/* =============== New Construction ===== */
.newConstruction{
    text-align: center;
}
.newConstruction .arrowBtnAlign{
    justify-content: center;
}
.newConstruction .arrowBtnAlign .callLink1{
    margin: 0 40px 0 0;
}
.newConstruction .arrowBtnAlign .arrowBtn{
    margin: 0;
}

/* ======= about ======================= */
.aboutOuter{
    width: 100%;
    background: #f5fafe url(../image/about-bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 100px 0 50px;
}


















/* ========= multiFamilyRemodel ========= */
.multiFamilyRemodel{
    background: #f5fafe;
}
.multiFamilyRemodel .h2Title{
    margin: 170px 0 20px;
}
.multiFamilyRemodel .callLink1{
    margin: 0 0 30px;
    display: block;
}

/* =========== Service Management ======= */
.serviceManagement{
    background: #040428;
}
.serviceManagement p, .serviceManagement h6{
    color: #fff;
}
.serviceManagement .callLink1{
    color: #fff;
    margin: 0 0 35px;
    display: block;
}

/* ================= remodelImgBoxOuter = */
.remodelImgBoxOuter{
    width: 100%;
    background: url(../image/remodelimgbg.jpg) no-repeat;
    background-size: 100% 84%;
    padding: 125px 0 0;
    position: relative;
}
.remodelImgBoxOuter p{
    color: #fff;
    font-style: italic;
    text-align: center;
    margin: 0 0 76px;
}
.remodelImgBoxOuter h2 {
    color: #fff;
    -webkit-text-fill-color: #fff;
    margin: 0 0 25px;
    text-align: center;
}
.remodelImgBox{
}
.remodelImg{
    position: relative;
}
.remodelImg img{
    width: 100%;
}
.remodelImgText{
    height: 131px;
    width: 243px;
    background: #fff;
    position: absolute;
    bottom: 0;
    padding: 20px 30px;
}
.remodelImgText h4{
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 145.5%;
    color: #040427;
}


.serviceOffer{
    background: url(../image/service-we-offer.jpg) no-repeat;
    background-size: 100% auto;
    padding: 180px 0 60px;
    margin: -131px 0 0 0;
}
.serviceOffer .arrowBtnAlign{
    justify-content: center;
    margin: 0 0 130px;
}
.serviceOffer .innovationList ul {
    width: 47%;
}

.trusted{
    background: url(../image/trusted-bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 155px 0;
    text-align: center;
}
.trusted .arrowBtnAlign{
    justify-content: center;
}
.trusted .h2Title{
    margin: 0 0 15px;
}
.trusted .h2Title span{
    color: #040427;
    -webkit-text-fill-color: #040427;
    margin: 0;
    display: block;
}
.warehouse{
    background: url(../image/warehouse.png) no-repeat;
    background-size: 100% 100%;
    padding: 100px 0;
}
.warehouse .arrowBtn{
    margin: 30px 0 0;
}
.warehouseBox{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.warehouseBox .sliderBox {
    width: 45%;
    margin: 0 0 40px;
}
.warehouseBox .sliderBoxText {
    width: 100%;
}
.warehouseBox .sliderBox img{
    z-index: 2;
    position: relative;
}


.retailOffice{
    width: 100%;
    position: relative;
    background: #f5fafe ;
}
.retailText{
    padding: 145px 30% 30px 13%;
    /*background: #f5fafe url(../image/retailBG.png) no-repeat;*/
    background-size: auto;
    background-position: bottom right;
}
.retailImg{
    padding: 0;
}
.retailImg img{
    width: 100%;
}
.retailText .arrowBtn{
    margin: 30px 0 0;
}

/* ============ Gas Station ============= */
.gasStation{
    width: 100%;
    background: url(../image/gas-Station.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 130px 0;
}
.gasStation p, .gasStation .callLink1{
    color: #fff;
}
.gasStation a.arrowBtn, .gasStation button.arrowBtn{
    margin: 30px 0 0;
}

/* =========== Auto Dealerships ========= */
.autoDealerships{
    width: 100%;
    background: url(../image/autoDealerships.jpg) no-repeat;
    background-size: 100% 100%;
}
.autoDealershipsText{
    width: 100%;
    padding: 90px 0;
}
.autoDealershipsText p{
    color: #fff;
}
.autoDealershipsText ul{
    padding: 0;
    margin: 0;
}
.autoDealershipsText ul li{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 145.5%;
    color: #FFFFFF;
    list-style: none;
    border: 1px solid #4b73f1;
    padding: 12px 15px;
}
.autoDealershipsText .arrowBtnAlign{
    margin: 70px 0 0;
}
.autoDealershipsText .arrowBtnAlign .arrowBtn{
    margin: 0 30px 0 0;
}
.autoDealershipsText .arrowBtnAlign .callLink1{
    color: #fff;
}

/* =============== Services We Offer ===== */
.servicesWeOffer{
    background: #f5fafe;
    text-align: center;
}
.servicesWeOfferBox{
    display: flex;
    justify-content: space-between;
}
.servicesWeOfferBox .sliderBox{
    width: 24%;
    text-align: left;
}
.servicesWeOfferBox .sliderBox img {
    z-index: 2;
    position: relative;
}
.servicesWeOfferBox .sliderBoxText{
    text-align: center;
}



/* ========= commercialTrust */
.commercialTrust img{
    padding: 0 30px;
}


/* ========== about Page ========== */
.aboutBanner{
    width: 100%;
    /*background: url(../image/aboutBanner.jpg) no-repeat;*/
    background: #00004A;
    background-size: 100% 100%;
}
.thankYouBanner{
    width: 100%;
    background: url(../image/thank-you.jpg) no-repeat;
    background-size: 100% 100%;
}
.thankYouBanner .homeMatter{
    margin: 24% 0 15%;
}
.thankYouBanner .arrowBtnAlign a.callLink1{
    color: #fff;
    margin: 0 0 0 30px;
}
.aboutBanner .homeMatter{
    text-align: center;
}
.aboutBanner .homeMatter h1:after{
    margin: auto;
    left: 0;
    right: 0;
}
.aboutBanner .homeBanner{
    padding: 0;
}
.aboutBanner .homeMatter h1 {
    margin: 18px 0 40px;
}

.aboutTwo{
    width: 100%;
    background: #040427;
    background-size: 100% 100%;
    padding: 130px 0 130px;
}
.aboutTwo p, .aboutTwo a.callLink1, .aboutTwo .h6topheading{
    color: #fff;
}
.aboutTwo .arrowBtnAlign{
    margin: 70px 0 0;
}

/* ================= Our Values  ======== */
.ourValues {
    padding: 100px 0;
}
.ourValues h2, .ourValues p{
    text-align: center;
}
.ourValues .paddingBox p{
    text-align: left;
}
.paddingBox h4{
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    color: #040427;
    margin: 30px 0;
}
.paddingBox a img{
    height: 19px;
    width: 19px;
    margin: 0 15px 0 0;
}

/* =========== Resilience   ============ */
.resilienceOuter{
    width: 100%;
    background: url(../image/aboutBgThree.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 140px 0;
}
.resilience{
    text-align: center;
    padding: 0 30px;
}
.resilience p, .resilience a.callLink1{
    color: #fff;
}
.resilience .arrowBtn{
    margin: 0 auto;
}




/* =============== Responsive =========== */
@media screen and (min-width: 1400px) {

}

@media (max-width: 1479.98px) {
    
}

@media (max-width: 1399.98px) {
    .h2Title{
        font-size: 32px;
    }
    .arrowBtnAlign a.callLink1, .troubleshooting a.arrowBtn, .innovation a.arrowBtn, .electricalServices a.arrowBtn, .adu a.arrowBtn, .newConstruction a.arrowBtn {
        margin: 0 35px 0 0;
        font-size: 19px;
    }
    a.arrowBtn, button.arrowBtn{
        width: 230px;
    }
    .contactOuter{
        background-size: 100% 100%;
    }
    .retailText{
        padding: 30px 4% 60px 5%;
    }
    .gasStation{
        padding: 70px 0;
    }
    .autoDealershipsText {
        padding: 40px 0;
    }
    .autoDealershipsText ul li {
        font-size: 15px;
        padding: 10px 15px;
    }
    .remodelBoxOuter{
        padding: 15px;
    }
    .remodelBox{
        padding: 20px 15px;
    }
    .remodelBox .innovationList {
        margin: 10px 0 0;
    }
    .remodelBox .innovationList ul li{
        font-size: 13px;
    }
    .remodel{
        padding: 10px 0 0;
    }
    .aduBox{
        padding: 0 60px 40px;
    }
    .remodelImgBoxOuter{
        background-size: 100% 82%;
    }
    .innovation{
        background-size: 43%;
    }
    .troubleshooting{
        background-size: 30%, 100%;
    }
}

@media (max-width: 1199.98px) {
    .menu ul li img{
        display: none;
    }
    .homeMatter p{
        font-size: 15px;
    }
    .homeMatter h1{
        font-size: 36px;
    }
    a.callLink{
        font-size: 30px;
    }
    .BannerBottomBox a{
        margin: 0 0 0 10px;
        font-size: 13px;
    }
    .lighting .h2Title {
        margin: 0px 0 15px;
    }
    .arrowBtnAlign a.callLink1, .troubleshooting a.arrowBtn, .innovation a.arrowBtn, .electricalServices a.arrowBtn, .adu a.arrowBtn, .newConstruction a.arrowBtn {
        margin: 0 25px 0 0;
        font-size: 14px;
    }
    a.arrowBtn, button.arrowBtn{
        width: 200px;
    }
    .h2Title{
        font-size: 26px;
    }
    .troubleshooting p {
        margin: 0 0 20px;
    }
    .troubleshooting .arrowBtnAlign {
        margin: 0;
    }
    .troubleshooting{
        background-size: 27%, 100%;
    }
    .innovation{
        background-size: 44%;
    }
    .contactOuter{
        background-size: 110% 100%;
    }
    .panelUpGrade .h2Title {
        margin: 0 0 25px;
    }
    .menu ul li a{
        font-size: 16px;
    }
    .aboutTwo{
        padding: 100px 0 200px;
    }
    .paddingBox, .paddingBoxTwo{
        padding: 20px 0 0 20px;
        background-size: 47%;
    }
    .trusted{
        padding: 70px 0;
    }
    .warehouse {
        padding: 70px 0 30px;
    }
    .retailText{
        padding: 30px 4% 40px 5%;
    }
    .gasStation{
        padding: 50px 0;
    }
    .autoDealershipsText {
        padding: 25px 0;
    }
    .autoDealershipsText .arrowBtnAlign {
        margin: 35px 0 0;
    }
    .autoDealershipsText ul li {
        font-size: 13px;
        padding: 9px 15px;
    }
    a.arrowBtn, button.arrowBtn {
        width: 190px;
    }
    .aduBox{
        padding: 0 40px 40px;
    }
    .aduh4{
        height: 80px;
    width: 210px;
    }
    .aduh4 h4{
        font-size: 19px;
    }
    
    .bannerBottmImg img{
        width: 100%;
    }
    .testimonialsOuter{
        padding: 50px 0 70px;
    }
    .multiFamilyRemodel .h2Title {
        margin: 45px 0 20px;
    }
    .remodelImgBoxOuter{
        padding: 80px 0 0;
    }
    .remodelImgBoxOuter{
        background-size: 100% 78%;
    }
    .serviceOffer .arrowBtnAlign {
        margin: 0 0 60px;
    }
}


@media (max-width: 991.98px) {
    

}

@media (max-width: 767.98px) {

}

@media (max-width: 575.98px) {
    
}

@media screen and (max-width: 575.98px) and (min-width: 320px) {
    
}