body{
    font-family: lucida sans;
    background-image: linear-gradient(to bottom, rgba(0, 0, 139, 0.52), rgba(117, 19, 93, 0.73)), url('dubai.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.container{
    max-width: 3000px;
    padding: 0;
    margin: 0;
}

/*header*/
header{
    background-color: white;
}

.navbar{
    display: flex;
    padding:0 1em;
}

.logo{
    padding: 0.3em;
}

.logo-1{
    display: none;
}

.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

.navbar-expand-lg, .dropdown-menu{
    background: white;
}
#navbar_top{
    justify-content: space-between;
}
#navbar_top h6{
    font-size: 0.5rem;
    margin: 0;
    justify-content: space-around;
}
#navbarNavDropdown ul li a{
    color: darkslategrey;
    border-bottom: 1px solid #777;
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
    border: none;
    padding: 0;
    margin: 0;
}
#navbarNavDropdown ul li a:hover{
    color: #0492c2;
}

.navbar-expand-lg .navbar-nav .dropdown-menu{
    padding: 0;
    margin:  0;
}

#electrical ul ul li a{
    color: #800080;
    border-bottom: none;
}

#electrical ul ul li a:hover{
    text-decoration: none;
}

.dropdown-menu ul li{
    list-style: none;
    padding-top: 0.5em;
}

.dropdown-menu ul{
    padding-left: 0;
}

.dropdown-menu .dropdown-item{
    padding-left: 0;
}

#home {
    color: #fdb5db;
}

/*slider*/
.carousel-item{
    height: 50vh;
    background: no-repeat;
    background-size: cover;
}

.carousel-inner img{
    object-fit: fill;
    height: 100%;
    width: 100%;
 }

 /*about us*/
 .our-story{
     background-color: white;
     padding: 2em;
 }

 .story h2{
     padding: 0.8em 0;
 }

 .story img{
     object-fit: cover;
     height: auto;
     width: 100%;
     transition: ease-in-out;
 }

 .story p{
     padding-top: 2em;
     text-align: justify;
 }

 .story input{
     color: white;
     background: linear-gradient(to right, rgba(0, 0, 139, 0.82), rgba(117, 19, 93, 0.93));
     padding: 1em;
     border: none;
     outline: none;
 }

 .story input:hover{
    background: linear-gradient(to right, rgba(117, 19, 93, 0.93), rgba(0, 0, 139, 0.92));
 }

 .reason h2{
     padding: 1em 0;
 }

 .list h4 i{
     padding-right: 0.5em;
 }

 .list p{
     text-align: justify;
     font-weight: normal;
     padding: 1em 0;
 }


/*stay-connected*/
 .stay-connected h3{
     text-align: center;
     color: white;
     padding: 1em;
     margin: 0;
 }

 .contact-form{
     padding: 1em;
 }

 .contact-form form input, .contact-form form textarea{
     background-color: transparent;
 }

 ::placeholder{
     background: transparent;
 }

 .contact-form form input:focus, .contact-form form textarea:focus{
     outline: none;
     background: transparent;
 }

 .form-control, #contact textarea, #contact-1 textarea{
     color: white;
 }

 #contact input, #contact-1 input{
     color: white;
 }

 #form-control{
     background-color: #6a5acd;
     border: none;
 }

 /*client*/
 .client h3{
     color: white;
     text-align: center;
     padding-top: 0.5em;
 }

 .client{
     padding: 0 2em;
 }

 /*product*/
 .product{
     background-color: white;
     padding: 2em;
 }

 .product h3{
     text-align: center;
 }

 .logo-slider .item{
    height: auto;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 4px 5px #cacaca;
    border-radius: 8px;
}

.logo-slider .slick-slide{
    margin: 0.5em;
}



/*service*/
.service{
    background-color: white;
    padding: 2em;
}

.service h2{
    text-align: center;
}

.service .slogan{
    text-align: center;
    font-weight: bold;
}

.service p{
    text-align: justify;
    padding: 0.5em;
}

/*footer*/

.footer{
    background-color: #090806;
    padding: 2em;
    color: white;
    font-size: 0.9em;
}

.useful-link ul li a{
    text-decoration: none;
    color: #b5b5b5;
}

.useful-link ul li{
    padding: 0.4em 0;
}

.footer-contact .mail a, .footer-contact .mob a, .footer-contact .addr a{
    color: #b5b5b5;
}

.footer p{
    border-top: 1px solid #777;
    padding: 1em;
    font-size: 0.6em;
    color: #b5b5b5;
}

.footer-wrap{
    padding-bottom: 1em;
}

.footer-contact a{
    padding: 0.5em;
}

.footer-contact i{
    padding: 0.5em;
}

.service-1 ul li, .service-2 ul li{
    padding: 0.4em 0;
    color: #b5b5b5;
}

/*about-page*/
.background{
    background: linear-gradient(to bottom, rgba(0, 0, 139, 0.52), rgba(117, 19, 93, 0.53)), url('bg2.jpg');
}

.background h1{
    color: #fff;
    text-align: center;
    padding: 1em;
}

.background p, .head{
    display: none;
}

.about img{
   object-fit: cover;
   width: 100%;
   height: 70vh;
}

.about{
    padding: 2em;
    background-color: #fff;
}

.about-para p{
    text-align: justify;
    padding-top: 2em;
}

.about-1{
    background-color: #fff;
    padding: 2em;
    padding-top: 0;
}

.about-para-1 p{
    text-align: justify;
}

.about-1 img{
    display: none;
}

/*mv*/

.mv{
    background-color: #fff;
    color: darkslategrey;
    padding: 2em;
}

.mission, .vision{
    text-align: justify;
}

.mission img, .vision img{
    width: 90%;
    height: auto;
}

/*al-team*/
.al-team{
    background-color: #fff;
}

.al-team img{
 width: 135%;
 height: auto;
}

/*pss*/
.pss{
    background-color: #fff;
    padding: 2em;
}

.pss-list ul li{
    list-style-type: square;
    padding: 0.5em;
}

.pss img{
    width: 100%;
    height: auto;
}

.pss-list{
    padding-top: 1em;
}

/*psds*/

.psds{
    background-color: #fff;
    padding: 2em;
}

.psds img{
    width: 100%;
    height: auto;
}

.psds-list{
    padding-top: 1em;
    padding-left: 0;
}

.psds-list ul li{
    padding: 0.5em;
    list-style-type: square;
}

/*ests*/

.ests{
    background-color: #fff;
    padding: 2em;
}

.ests img{
    width: 100%;
    height: auto;
}

.ests-list{
    padding-top: 1em;
}

.ests-list ul li{
    list-style-type: square;
    padding: 0.5em;
}

/*eefs*/
.eefs{
    background-color: #fff;
    padding: 2em;
}

.eefs img{
    width: 100%;
    height: auto;
}

.eefs-list{
    padding-top: 1em;
}

.eefs-list ul li{
    list-style-type: square;
    padding: 0.5em;
}

/*rcms*/
.rcms{
    background-color: #fff;
    padding: 2em;
}

.rcms img{
    width: 100%;
    height: auto;
}

.rcms-list{
    padding-top: 1em;
}

.rcms-list ul li{
    list-style-type: square;
    padding: 0.5em;
}

/*bms*/
.bms{
    background-color: #fff;
    padding: 2em;
}

.bms img{
    width: 100%;
    height: auto;
}

.bms-list{
    padding-top: 1em;
}

.bms-list ul li{
    list-style-type: square;
    padding: 0.5em;
}

/*eis*/
.eis{
    background-color: #fff;
    padding: 2em;
}

.eis img{
    width: 100%;
    height: auto;
}

.eis-list{
    padding-top: 1em;
}

.eis-list ul li{
    list-style-type: square;
    padding: 0.5em;
}

/*epscs*/
.epscs{
    background-color: #fff;
    padding: 2em;
}

.epscs img{
    width: 100%;
    height: auto;
}

.epscs-list{
    padding-top: 1em;
}

.epscs-list ul li{
    list-style-type: square;
    padding: 0.5em;
}

/*fire*/
.fire_safety{
    background-color: #fff;
    padding: 2em;
}

.fire_safety img{
    width: 100%;
    height: auto;
}

.fire_safety_list{
    padding-top: 1em;
}

.fire_safety_list ul li{
    list-style-type: square;
    padding: 0.5em;
}

/*products*/
.products{
    background-color: #fff;
    padding: 4em;
}

.products img{
    border: 1px solid black;
    margin: 1em;
}

/*clients*/
.clients{
    background-color: #fff;
    padding: 4em;
}

.clients img{
    border: 1px solid black;
    margin: 1em;
}

/*career*/
.career{
    background-color: #fff;
    padding: 2em;
}

.career img{
    width: 100%;
    height: auto;
}

.career i{
    color: darkblue;
    font-weight: bold;
}

.career p{
    text-align: justify;
}

/*contact-us*/
#contact-1 h2{
    text-align: center;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0.5em;
}

#contact-1{
    padding: 2em;
}

.form-control{
    background-color: transparent;
}

.contact-details{
    background-color: #fff;
    padding: 2em;
}

.office-details ul li, .sarvan-details ul li{
    list-style: none;
}

.office-details ul, .sarvan-details ul{
    padding-left: 0;
}

.office-details ul li i, .sarvan-details ul li i{
    padding-right: 0.5em;
}

.mapouter{
    margin: 0;
}

.mapouter .gmap_canvas{
    width: 250px;
}

.contact-field form input:focus, .contact-field form textarea:focus{
    outline: none;
    background: transparent;
}

#contact-1 h6{
    color: #fff;
    padding-top: 2em;
}

/*industry*/
.industrial{
    background-color: #fff;
}
.industrial img{
    width: 100%;
    padding: 2em;
}
.i-content{
    padding: 0 2em 1em;
}
.i-content p{
    text-align: justify;
}
/*home*/
.home{
    background-color: white;
}
.home img{
    width: 100%;
    padding: 2em;
}
.h-content{
    padding: 0 2em 1em;
}
.h-content p{
    text-align: justify;
}
/*substation*/
.substation{
    background-color: white;
}

/*substation*/
.substation{
    background-color: white;
}
.substation img{
    width: 100%;
    padding: 2em;
}
.s-content{
    padding: 0 2em 1em;
}
.s-content p{
    text-align: justify;
}
/*blog*/
.blog h4{
    padding: 2em;
    text-align: center;
}
.blog{
    background-color: #fff;
}
.blog img{
    width: 100%;
}







/*ipad*/
 @media (min-width:700px){

    /*slider*/
    .carousel-caption{
        background-color: rgb(220,220,220,0.7);
     }
     .carousel-inner h5,.carousel-inner p{
        color: black;
        font-weight: bold;
        padding-right: 3%;
        padding-left: 3%;
    }

    /*stay-connrcted*/
    .stay-connected{
        padding: 1em;
    }

    /*footer*/
    .wrap{
        display: flex;
    }

    .footer-contact a{
        padding: 0.5em;
    }

    /*about*/
    .background h1, .background p{
        color: #fff;
    }

    /*mv*/
    .mission img, .vision img{
        width: 70%;
        height: auto;
        padding-left: 15em;
    }

    /*products*/
    .products{
        padding: 2em;
    }

    #navbar_top h6{
        font-size: 1rem;
    }



 }


 @media (min-width:850px){

    /*slider*/
    .carousel-item{
        height: 70vh;
        background: no-repeat center center scroll;
        background-size: cover;
    }
    .carousel-inner img{
        object-fit: cover;
        height: 100%;
        width: 100%;
     }
     .carousel-inner h5,.carousel-inner p{
        color: black;
        font-weight: bold;
        padding-right: 3%;
        padding-left: 3%;
    }
    .carousel-caption{
        background-color: rgb(220,220,220,0.7);
     }

    /*about us*/
     .story p{
         font-weight: normal;
         padding-left: 0;
         padding-right: 0;
         text-align: justify;
     }
     .story, .reason{
         width: 50%;
     }
     .our-story{
         display: flex;
         padding: 0 5em;
     }
     .story{
         padding-right: 2em;
     }
   
     .story h2{
         padding: 1em 0;
         text-align: left;
     }
     .reason{
         padding-left: 2em;
     }
     .list p{
         padding: 1em;
         font-weight: normal;
     }

     /*products*/
     .products, .clients{
         padding: 2em;
     }

 }



 @media (min-width:991px){
     /*header*/
    .logo{
        display: none;
    }
    .logo-1{
        display: block;
    }
    .logo-1 #logo{
        padding: 1em;
        padding-right: 0;
    }
    .logo-1{
        display: flex;
        justify-content: space-between;
    }

    .one{
        display: flex;
        margin-right: 2em;
    }
    .title{
        padding-top: 4.3em;
        padding-left: 0;
    }
    #title{
        padding-bottom: 0.5em;
    }
    .title h6{
        color: #29568f;
    }
    .details{
        padding-top: 5.5em;
    }
    .mail a, .mob a, .addr a{
        text-decoration: none;
        color: #29568f;
    }
    .mail i, .mob i, .addr i{
        padding-right: 0.5em;
    }
    .navbar{
        justify-content: center;
    }

/*navbar*/

    .navbar-expand-lg, .dropdown-menu{
        background: linear-gradient(to right, rgba(0, 0, 139, 0.82), rgba(117, 19, 93, 0.93));
    }

    #navbarNavDropdown{
        justify-content: center;
    }

    #navbar_top h6{
        display: none;
    }
    
    #navbarNavDropdown ul li a{
        color: white;
        background: transparent;
        text-decoration: none;
        padding: 0.8em;
    }
    
    #navbarNavDropdown ul li a:hover{
        color: #fdb5db;
        transition: 0.2s;
    }
    
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        padding: 0;
        margin:  0;
    }
    
    .dropdown-menu ul ul{
        display: none;
    }
    
    #electrical ul ul li a{
        color: black;
    }

    .dropdown-menu ul li:hover > ul {
        display: block;
    }
    
    .dropdown-menu ul li{
        list-style: none;
        padding-top: 0.5em;
    }
    
    .dropdown-menu ul{
        padding-left: 0;
    }
    
    .dropdown-menu .dropdown-item{
        padding-left: 0.6em;
    }
    
    .nav-item #home {
        color: #fdb5db;
    }

    /*slider*/
    .carousel-item{
        height: 70vh;
        background: no-repeat center center scroll;
        background-size: cover;
    }
    .carousel-inner img{
        object-fit: cover;
        height: 100%;
        width: 100%;
     }
     .carousel-inner h5,.carousel-inner p{
        color: black;
        font-weight: bold;
        padding-right: 3%;
        padding-left: 3%;
    }
    .carousel-caption{
        background-color: rgb(220,220,220,0.7);
     }

     /*about us*/
     .story p{
         font-weight: normal;
         padding-left: 0;
         padding-right: 0;
         text-align: justify;
     }
     .story, .reason{
         width: 50%;
     }
     .our-story{
         display: flex;
         padding: 2em 7em;
     }
     .story{
         padding-right: 2em;
     }
     .story input{
         padding: 1em;
     }
     .story h2{
         padding: 1em 0;
         text-align: left;
     }
     .reason{
         padding-left: 2em;
     }
     .list p{
         padding: 1.2em;
         font-weight: normal;
     }

     /*stay-connected*/

     .stay-connected{
         padding: 2em 20em;
     }

     #form-control{
        background-color: #311465;
        border: none;
    }

     #form-control:hover{
        background-color: #6a5acd;
        color: black;
     }

     /*client*/

     .client{
         padding: 0 7em;
     }

     .client h3{
         color: white;
     }

     /*procudt*/

     .product{
        padding: 2em 7em;
     }

     .logo-slider .item{
        height: auto;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 4px 5px #cacaca;
        border-radius: 8px;
    }

    .logo-slider .slick-slide{
        margin: 0.5em;
    }

    /*service*/

    .service h2{
        text-align: center;
        padding-bottom: 0.7em;
    }

    .service{
        padding: 2em 7em;
    }

    .service p{
        text-align: center;
        padding-top: 0;
        padding-bottom: 1em;
    }

    .service a{
        color: rgba(0, 0, 139);
    }

    .service a:hover{
        color: rgba(117, 19, 93, 0.93);
    }

    .slogan{
        font-weight: bold;
    }

    /*footer*/

    .wrap{
        display: flex;
    }

    .footer{
        padding: 2em 7em;
        color: white;
        font-size: 0.8em;
    }

    .footer-wrap{
        display: flex;
        justify-content: space-between;
        padding-bottom: 1em;
    }

    .useful-link ul li a{
        text-decoration: none;
        color: white;
    }

    .useful-link ul li a:hover{
        color: #fdb5db;
    }

    .footer-contact .mail a, .footer-contact .mob a, .footer-contact .addr a{
        color: white;
    }

    .footer-contact .mail a:hover, .footer-contact .mob a:hover, .footer-contact .addr a:hover{
        color: #fdb5db;
    }

    .footer p{
        border-top: 1px solid #777;
        padding: 1em;
        font-size: 1em;
    }

    .footer-contact a{
        padding: 0.5em;
    }

    .about-1{
        padding-top: 2em;
    }

    /*products*/
    .products, .clients{
        padding: 2em;
    }

 }




/*desktop*/

@media (min-width: 1255px){

    /*header*/
    .logo{
        display: none;
    }
    .logo-1{
        display: block;
    }
    .logo-1 #logo{
        padding: 1em;
        padding-right: 0;
    }
    .logo-1{
        display: flex;
        justify-content: space-between;
    }

    .one{
        display: flex;
        margin-right: 17em;
    }
    .title{
        padding-top: 4.3em;
        padding-left: 0;
    }
    #title{
        padding-bottom: 0.5em;
    }
    .title h6{
        color: #29568f;
    }
    .details{
        padding-top: 5.5em;
    }
    .mail a, .mob a, .addr a{
        text-decoration: none;
        color: #29568f;
    }
    .mail i, .mob i, .addr i{
        padding-right: 0.5em;
    }
    .navbar{
        justify-content: center;
    }

/*navbar*/

    .navbar-expand-lg, .dropdown-menu{
        background: linear-gradient(to right, rgba(0, 0, 139, 0.82), rgba(117, 19, 93, 0.93));
    }

    #navbarNavDropdown{
        justify-content: center;
    }
    
    #navbarNavDropdown ul li a{
        color: white;
        background: transparent;
        text-decoration: none;
        padding: 0.8em;
    }
    
    #navbarNavDropdown ul li a:hover{
        color: #fdb5db;
        transition: 0.2s;
    }
    
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        padding: 0;
        margin:  0;
    }
    
    .dropdown-menu ul ul{
        display: none;
    }
    
    #electrical ul ul li a{
        color: black;
    }
    
    .dropdown-menu ul li:hover > ul {
        display: block;
    }
    
    .dropdown-menu ul li{
        list-style: none;
        padding-top: 0.5em;
    }
    
    .dropdown-menu ul{
        padding-left: 0;
    }
    
    .dropdown-menu .dropdown-item{
        padding-left: 0.6em;
    }
    
    .nav-item #home {
        color: #fdb5db;
    }

    /*slider*/
    .carousel-item{
        height: 70vh;
        background: no-repeat center center scroll;
        background-size: cover;
    }
    .carousel-inner img{
        object-fit: cover;
        height: 100%;
        width: 100%;
     }
     .carousel-inner h5,.carousel-inner p{
        color: black;
        font-weight: bold;
        padding-right: 3%;
        padding-left: 3%;
    }
    .carousel-caption{
        background-color: rgb(220,220,220,0.7);
     }

     /*about us*/
     .story p{
         font-weight: normal;
         padding-left: 0;
         padding-right: 0;
         text-align: justify;
     }
     .story, .reason{
         width: 50%;
     }
     .our-story{
         display: flex;
         padding: 2em 7em;
     }
     .story{
         padding-right: 2em;
     }
     .story input{
         padding: 1em;
     }
     .story h2{
         padding: 1em 0;
         text-align: left;
     }
     .reason{
         padding-left: 2em;
     }
     .list p{
         padding: 1.2em;
         font-weight: normal;
     }

     /*stay-connected*/

     .stay-connected{
         padding: 2em 20em;
     }

     #form-control{
        background-color: #311465;
        border: none;
    }

     #form-control:hover{
        background-color: #6a5acd;
        color: black;
     }

     /*client*/

     .client{
         padding: 0 7em;
     }

     .client h3{
         color: white;
     }

     /*procudt*/

     .product{
        padding: 2em 7em;
     }

     .logo-slider .item{
        height: auto;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 4px 5px #cacaca;
        border-radius: 8px;
    }

    .logo-slider .slick-slide{
        margin: 0.5em;
    }

    /*service*/

    .service h2{
        text-align: center;
        padding-bottom: 0.7em;
    }

    .service{
        padding: 2em 7em;
    }

    .service p{
        text-align: center;
        padding-top: 0;
        padding-bottom: 1em;
    }

    .service a{
        color: rgba(0, 0, 139);
    }

    .service a:hover{
        color: rgba(117, 19, 93, 0.93);
    }

    .slogan{
        font-weight: bold;
    }

    /*footer*/

    .wrap{
        display: flex;
    }

    .footer{
        padding: 2em 7em;
        color: white;
        font-size: 0.83em;
    }

    .footer-wrap{
        display: flex;
        justify-content: space-between;
        padding-bottom: 1em;
    }

    .useful-link ul{
        padding-left: 0;
    }

    .useful-link ul li{
        list-style: none;
    }

    .useful-link ul li a{
        text-decoration: none;
        color: #b5b5b5;
    }

    .useful-link ul li a:hover{
        color: #fdb5db;
    }

    .footer-contact .mail a, .footer-contact .mob a, .footer-contact .addr a{
        color: #b5b5b5;
        padding-left: 0;
    }

    .footer-contact .mail a:hover, .footer-contact .mob a:hover, .footer-contact .addr a:hover{
        color: #fdb5db;
    }

    .footer p{
        border-top: 1px solid #777;
        padding: 1em;
        font-size: 1em;
    }

    .footer-contact a{
        padding: 0.5em;
    }

    .footer ul li{
        padding: 0.4em;
    }

    /*about*/
    .about, .about-1{
        background-color: #fff;
        padding: 3em 7em;
    }

    .background{
        background: linear-gradient(to bottom, rgba(0, 0, 139, 0.52), rgba(117, 19, 93, 0.53)), url('bg2.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        height: 60vh;
    }

    .background h1{
        color: #fff;
        text-align: center;
        padding-top: 3em;
    }

    .background p{
        color: #fff;
        text-align: center;
        display: block;
    }

    .about, .about-1{
        display: flex;
        justify-content: space-between;
    }

    .about-para p{
        text-align: justify;
        padding-left: 2em;
        padding-top: 0;
    }

    .head{
        background-color: #fff;
        display: block;
        padding-left: 6em;
    }

    .head h1{
        padding: 0.8em;
    }

    .about img{
        width: 50%;
        height: auto;
    }

    .about-para-1 p{
        text-align: justify;
    }

    .about-1 img{
        width: 50%;
        height: auto;
        padding-left: 2.5em;
        display: block;
    }

    /*mv*/

    .mv{
        background-color: #fff;
        padding: 2em 7em;
    }

    .mission{
        display: flex;
        justify-content: space-between;
    }

    .vision{
        display: flex;
        justify-content: space-between;
        margin-top: -6em;
        padding-left: 4em;
    }

    .mission p{
        padding-top: 10em;
    }

    .vision p{
        padding-top: 8em;
    }

    .mission img{
        width: 50%;
        height: auto;
        padding-left: 0;
    }

    .vision img{
        width: 50%;
        height: auto;
        padding-left: 1em;
    }

    /*al-team*/

    .al-team img{
        padding: 3em 20em;
    }

    /*pss*/

    .pss{
        display: flex;
    }

    .pss img{
        width: 50%;
        height: auto;
    }
    
    .pss-list{
        padding-left: 2em;
    }
    
    .pss-list ul li{
        list-style-type: square;
        padding: 0.5em;
    }

    /*psds*/

    .psds{
        padding: 2em 7em;
        display: flex;
    }

    .psds-list ul li{
        padding: 0.5em;
        list-style-type: square;
    }

    .psds-list ul{
        padding-top: 1em;
    }

    .psds-list{
        padding-left: 1em;
    }

    .psds img{
        width: 50%;
        height: auto;
    }

    /*ests*/ 
    .ests{
        padding: 2em 7em;
        display: flex;
    }
    .ests img{
        width: 50%;
        height: auto;
    }

    .ests-list ul {
        padding-left: 3em;
    }

    /*eefs*/
    .eefs{
        padding: 2em 7em;
        display: flex;
    }

    .eefs img{
        width: 50%;
        height: auto;
    }

    .eefs-list{
        padding-left: 2em;
    }

    /*rcms*/
    .rcms{
        padding: 2em 7em;
        display: flex;
    }

    .rcms img{
        width: 50%;
        height: auto;
    }

    .rcms-list{
        padding-left: 2em;
    }

    /*bms*/
    .bms{
        padding: 2em 7em;
        display: flex;
    }

    .bms img{
        width: 50%;
        height: auto;
    }

    .bms-list{
        padding-left: 2em;
    }

    /*eis*/
    .eis{
        padding: 2em 7em;
        display: flex;
    }

    .eis img{
        width: 50%;
        height: auto;
    }

    .eis-list{
        padding-left: 2em;
        padding-top: 3em;
    }

    /*epscs*/
    .epscs{
        padding: 2em 7em;
        display: flex;
    }

    .epscs img{
        width: 50%;
        height: auto;
    }

    .epscs-list{
        padding-left: 2em;
    }

    /*fire*/
    .fire_safety{
        padding: 2em 7em;
        display: flex;
    }

    .fire_safety img{
        width: 50%;
        height: auto;
    }

    .fire_safety_list{
        padding-left: 2em;
    }

    /*products*/
    .products, .clients{
        padding: 2em 7em;
        padding-right: 0;
    }

    /*career*/
    .career{
        padding: 2em 7em;
        display: flex;
    }

    .career img{
        width: 100%;
        height: auto;
    }

    .career-para{
        padding-top: 9em;
    }

    /*contact-us*/
    .contact-field{
        display: flex;
        justify-content: space-between;
        padding: 2em 7em;
        background-color: #fff;
    }

    #contact-1 {
        background: linear-gradient(to bottom, rgba(0, 0, 139, 0.52), rgba(117, 19, 93, 0.73)), url('bg.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }

    #contact-1 h2{
        background: transparent;
        color: #fff;
        padding-top: 0.5em;
    }

    /*industry*/
    .industrial{
        display: flex;
        padding: 2em 6em;
    }
    .i-content{
        padding-top: 2em;
    }
    
    .i-content p{
        padding-top: 5em;
    }
    /*home*/
    .home{
        display: flex;
        padding: 2em 6em;
    }
    .h-content{
        padding-top: 9em;
    }
    .home img{
        width: 50%;
    }
    .h-content p{
        padding-bottom: 1em;
    }

    /*substation*/
    .substation{
        display: flex;
        padding: 2em 6em;
    }
    .s-content{
        padding-top: 10em;
    }
    .substation img{
        width: 50%;
    }
    .s-content p{
        padding-bottom: 1em;
    }
    /*blog*/
    .blog img{
        display: block;
        width: 50%;
        margin-right: auto;
        margin-left: auto;
    }
    .blog h4{
        padding-bottom: 0;
    }

    #navbar_top h6{
        display: none;
    }

    




    



}