/* #################################
####################################

General style

###################################
################################ */

/* @font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */

*{margin: 0;padding:0;box-sizing: border-box;}

body{font-size: 16px !important;font-family: 'Poppins';}

body .container{max-width: 1024px;width: 100%;padding: 0 !important;}

body .et_pb_section .et_pb_row h1,
body .et_pb_section .et_pb_row h2{text-transform: uppercase;}

body .et_pb_section,
body .et_pb_section .et_pb_row,
body .et_pb_section h1,
body .et_pb_section h2,
body .et_pb_section h3,
body .et_pb_section h4,
body .et_pb_section h5,
body .et_pb_section p{padding: 0;}

body #main-content .et_pb_section h1{font-size: 5em;line-height: 0.97em;font-weight: 700;}

body #main-content .et_pb_section h1 span{color: #74be45;}

body #main-content .et_pb_section h2{font-size: 3.5625em;line-height: 0.88em;font-weight: 400;}

body #main-content .et_pb_section h2 span{font-weight: 700;}

body #main-content .et_pb_section h3{font-size: 1.875em;line-height: 0.83em;font-weight: 700;}

body #main-content .et_pb_section h4{font-size: 1.5em;line-height: 1.835em;font-weight: 400;}

body #main-content .et_pb_section h5{font-size: 1.4375em;line-height: 1.5em;font-weight: 700;}

body #main-content .et_pb_section h6{font-size: 0.8125em;line-height: 1.5em;font-weight: 700;}

body #main-content .et_pb_section p{font-size: 1em;line-height: 2.3em;font-weight: 400;}

body #main-content .et_pb_section a{font-size: 0.9375em;font-weight: 700;color: #fff;line-height: 0.88em;border-radius: 5px;text-align: center;text-transform: uppercase;}

/*body #main-content .mi-projects-section a{margin-top: 50px;display: inline-block;}*/

body #main-content .et_pb_section img{width: 100%;max-width: 100%;height: 100%;object-fit: cover;object-position: center;}

body #main-content .container::before{display: none;}

body #main-content .et_pb_section .et_pb_row{width: 100%;}
body.single #main-content .et_pb_section .et_pb_row{margin: auto;display: flex;}

body #main-content .et_pb_section .et_pb_row .mi-grn-btn a{background-color: #74be45;padding: 17px 25px 16px;text-transform: uppercase;}

body #main-content .et_pb_section .et_pb_row .mi-grn-btn{display: flex;justify-content: center;}

body #main-content .et_pb_section .et_pb_row .mi-blk-btns{display: flex;justify-content: center;}

body #main-content .et_pb_section .et_pb_row .mi-blk-btn{display: flex;justify-content: center;}

body #main-content .et_pb_section .et_pb_row .mi-blk-btn a{background-color: #2B303A;padding: 17px 36px 16px;text-transform: uppercase;}

body #main-content .et_pb_section .et_pb_row .mi-blk-btn.mi-blk-two a{padding: 17px 47px 16px;margin-left: 20px;}

/* body #main-content .et_pb_section .et_pb_row .mi-grn-btn a{max-width: 170px;width: 100%;padding: 17px 20px 16px;} */

/* body #main-content .et_pb_section .et_pb_row .mi-grn-btn.btn-two{display: flex;}

body #main-content .et_pb_section .et_pb_row .mi-grn-btn.btn-two a{max-width: 127px;width: 100%;padding: 17px 20px 16px;} */


/* #################################################################################### */

/* #################################
####################################

Header style

###################################
################################ */

#top-header{display: none;}

#main-header {padding: 10px 0px;}

#main-header.et-fixed-header {background-color: rgba(0,0,0,0.8);}

#main-header .et_menu_container{width: 95%!important; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }

#main-header .et_menu_container .logo_container{ width: 15%;position: static; }

#main-header .et_menu_container .logo_container img{max-width: 95px;}

#main-header .et_menu_container #et-top-navigation{ width: 70%;padding: 0px;padding-left: 0px!important; display: flex; justify-content: center; align-items: center; }

#main-header .et_menu_container #et-top-navigation #top-menu-nav {width: 90%;    display: flex; justify-content: center;}

#main-header .et_menu_container #et-top-navigation #top-menu-nav .nav {display: flex; justify-content: center;width: 100%;}

#main-header .et_menu_container #et-top-navigation #top-menu-nav .nav .menu-item a{padding-bottom: 0px;}

#main-header .et_menu_container #et-top-navigation #top-menu-nav .nav .menu-item{padding-right: 84px;}

#main-header .et_menu_container #et-top-navigation #top-menu-nav .nav .menu-item:last-child{padding-right: 0;}

#main-header .et_menu_container .social-links{ width: 15%; }

#main-header .et_menu_container .social-links .et-social-icons {width: 100%; display: flex; justify-content: flex-end;}

#main-header .et_menu_container .social-links .et-social-icons .et-social-icon{margin-left: 0px;padding-right: 11px;}

#main-header .et_menu_container .social-links .et-social-icons .et-social-icon .icon{font-size: 30px;filter: brightness(20);transition: .3s ease-in-out;text-decoration: none;}

#main-header .et_menu_container .social-links .et-social-icons .et-social-icon .icon:hover{filter: brightness(1); }

#main-header .et_menu_container .social-links .et-social-icons .et-social-facebook .icon::before{color: transparent;background: url(../images/fb-icon.png) no-repeat center / contain;} 

#main-header .et_menu_container .social-links .et-social-icons .et-social-twitter .icon::before{color: transparent;background: url(../images/yt-icon.png) no-repeat center / contain;} 

#main-header .et_menu_container .social-links .et-social-icons .et-social-instagram .icon::before{color: transparent;background: url(../images/Frame-min.png) no-repeat center / contain;} 

#main-header .et_menu_container .social-links .et-social-icons .et-social-rss .icon::before{color: transparent;background: url(../images/linkedin-icon.png) no-repeat center / contain;} 

/* #main-header .et_menu_container .social-links .et-social-icons .et-social-instagram .icon{filter: invert(1);} */

/* #################################################################################### */

/* #################################
####################################

Footer style

###################################
################################ */

#main-footer #footer-widgets{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding-bottom: 0px;}

#main-footer #footer-widgets .footer-widget{width: 100%!important;margin-bottom: 0px!important;} 

#main-footer #footer-widgets .footer-widget:first-child{margin-bottom: 40px!important;margin-right: 0px!important;}

body #main-footer #footer-widgets .footer-widget:first-child img{max-width: 150px!important;}

#main-footer #footer-widgets .footer-widget:first-child .fwidget{display: flex; justify-content: center;}

#main-footer #footer-widgets .footer-widget .fwidget{width: 100%;}

#main-footer #footer-widgets .footer-widget .fwidget .menu {display: flex;justify-content: center;}

#main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item{padding-left: 60px;margin-bottom: 0px;}

#main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item a{color: #2B303A;text-transform: uppercase; font-weight: 700;transition: all .3s ease;}

#main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item::before{ top: 50%;left: 25%; transform: translate(-50%, -50%); width: 6px; height: 2px; background-color: #2B303A; border: none;}

#main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item:first-child{padding-left: 0px;}

#main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item:first-child::before{display: none;}

#footer-bottom{padding: 0px;}

#footer-bottom .clearfix{display: flex;justify-content: center;}

#footer-bottom .clearfix #footer-info{font-weight: 700;font-size: 14px;}

#main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item a:hover{color: #74be45;transition: all .3s ease;}

#footer-bottom #footer-info a:hover{color: #74be45;transition: all .3s ease;}

/* #################################################################################### */

/* #################################
####################################

Project ShowCase Section

###################################
################################ */


.mi-projects-section .mi-projects-container .slick-prev{ top: 245px; z-index: 9999; left: calc(40% - 54px); width: 77px; height: 82px; background-color: #74BE45; }

.mi-projects-section .mi-projects-container .slick-next{ top: 245px; z-index: 9999; left: calc(40% + 54px); width: 77px; height: 82px; background-color: #74BE45; }

.mi-projects-section .mi-projects-container .slick-prev::before{background-image: url(../images/Arrow.png);color: transparent; background-size: contain; background-repeat: no-repeat; background-position: center; font-size: 35px;}

.mi-projects-section .mi-projects-container .slick-next::before{background-image: url(../images/Arrow-rt.png);color: transparent; background-size: contain; background-repeat: no-repeat; background-position: center; font-size: 35px;}

.mi-projects-section .mi-projects-container .slick-list{padding: 124px 0px;}

.mi-projects-section .mi-projects-container .mi-projects{justify-content: center; display: flex;flex-wrap: wrap; align-items: flex-start; position: relative;}

.mi-projects-section .mi-projects-container .mi-projects.slick-current{z-index: 99;}

.mi-projects-section .mi-projects-container .mi-projects .mi-project-content{width: 40%;padding: 0px 5% 0px 10%;}

.mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-count{font-size: 350px; position: absolute; top: -100px; line-height: 1em; color: #2B303A; opacity: .17; left: -100px;}

.mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-count span{font-weight: 700;}

.mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-heading{padding-top: 250px;padding-bottom: 50px;}

.mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-title{color: #74BE45; padding-bottom: 30px;}

.mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-detail{padding-bottom: 55px;}

.mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-btn a{background-color: #74BE45;padding: 17px 25px;}

.mi-projects-section .mi-projects-container .mi-projects .mi-project-img{width: 60%;height: 800px; overflow: hidden;}

.mi-projects-section .mi-projects-container .mi-projects .mi-project-img img{object-fit: cover; object-position: center;}


/* #################################################################################### */

/* #################################
####################################

Request Quote Section

###################################
################################ */

body #main-content .mi-request-quote{padding: 70px 0;}

body #main-content .mi-request-quote h2{color: white;text-align: center;}

body #main-content .mi-request-quote h5{color: white;text-align: center;padding: 30px 0 36px;}

body #main-content .mi-request-quote .mi-blk-btns{display: flex;}


body #main-content .seo_listing{
    padding: 50px 20px;
    background: #E5EEFF;
}

body #main-content .seo_listing .et_pb_text_inner p {
    font-weight: 700;
    line-height: 2.3;
}

#footer-bottom{margin: 20px 0}

#footer-bottom .container {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

#footer-bottom li.et-social-icon {
    margin: 0 5px;
    width: 30px;
    height: 30px;
    border: 2px solid #74BE45;
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

#footer-bottom li.et-social-icon a::before {
    font-size: 12px;
    color: #74BE45;
}

.credit_footer {
    background: #2B303A;
    text-align: center;
    padding: 8px 20px;
}

.credit_footer p {
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    font-size: 13px;
}

.credit_footer p a {
    text-decoration: underline;
}

#footer-bottom li.et-social-icon a.icon {
    display: flex;
}

footer #footer-bottom .et-social-icons .et-social-rss .icon::before{
    content: '\e09d';
}

/* #################################
####################################

Responsive style

###################################
################################ */

/* General style */
@media only screen and (max-width: 1440px){

    body{font-size: 15px !important;}

}

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

    body{font-size: 13px !important;}

    /* Project-section */
    
    .mi-projects-section .mi-projects-container .slick-list { padding: 95px 0px; }
    
    .mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-count { font-size: 300px; top: -70px; letter-spacing: -19px; left: -80px; }
    
    .mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-heading { padding-top: 230px; padding-bottom: 40px; }
    
    .mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-title { padding-bottom: 20px; }
    
    .mi-projects-section .mi-projects-container .slick-prev { top: 195px; width: 67px; height: 72px;}
    
    .mi-projects-section .mi-projects-container .slick-prev::before , .mi-projects-section .mi-projects-container .slick-next::before { font-size: 25px; }
    
    .mi-projects-section .mi-projects-container .slick-next { top: 195px; left: calc(40% + 34px); width: 67px; height: 72px; }

    /* request qoute */
    
    body #main-content .mi-request-quote h5{padding: 15px 0 20px;}
    
    body .mi-our-services .mi-services-head { padding-bottom: 40px; }

}

@media screen and (max-width: 1167px) {
    
    #main-header .et_menu_container #et-top-navigation #top-menu-nav .nav .menu-item{padding-right: 50px;}

    #main-header .et_menu_container .social-links .et-social-icons .et-social-icon .icon{font-size: 28px;}

    /* project section */
    
    .mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-count { font-size: 230px;}
    
    .mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-heading { padding-top: 170px; padding-bottom: 30px; }
     
    .mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-detail { padding-bottom: 35px; }
     
    .mi-projects-section .mi-projects-container .slick-prev { top: 175px; width: 62px; height: 67px; left: calc(40% - 44px); }
     
    .mi-projects-section .mi-projects-container .slick-next { top: 175px; width: 62px; height: 67px; }
     
    /* Request Section */
     
    body #main-content .mi-request-quote { padding: 60px 0; }

}

@media screen and (max-width: 1024px) {
    
    body .mi-our-services .mi-services-updates .mi-services-update { min-height: 540px; }

    /* Project Section */
    
    .mi-projects-section .mi-projects-container .mi-projects .mi-project-content { padding: 0px 4% 0px 5%; }
    
    .mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-count { font-size: 200px; left: -60px; }
    
    .mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-heading { padding-top: 150px;}
    
    .mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-btn a { padding: 14px 22px; }
    
    .mi-projects-section .mi-projects-container .slick-prev::before, .mi-projects-section .mi-projects-container .slick-next::before { font-size: 20px; }
    
    .mi-projects-section .mi-projects-container .slick-prev { width: 57px; height: 62px;}
    
    .mi-projects-section .mi-projects-container .slick-next { width: 57px; height: 62px; }
    
    .mi-projects-section .mi-projects-container .slick-list { padding: 90px 0px; }

    .mi-projects-section .mi-projects-container .mi-projects .mi-project-img{height: 550px;}

}



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

    /* header Responsive */
    
    #main-header .et_menu_container .social-links{display: none;}
    
    #main-header .et_menu_container #et-top-navigation #top-menu-nav{ display: none; }
    
    #main-header .et_menu_container #et-top-navigation{order: 3;width: 5%; justify-content: flex-end;}
    
    #main-header .et_menu_container .logo_container { width: 95%;}
    
    #main-header .et_menu_container .social-links .et-social-icons { margin-bottom: 0px; }
    
    #main-header .et_menu_container #et-top-navigation #et_mobile_nav_menu .mobile_nav .mobile_menu_bar{padding-bottom: 0px;}
    
    #main-header .et_menu_container #et-top-navigation #et_mobile_nav_menu .mobile_nav #mobile_menu{top: 75px;background-color: rgba(0,0,0,0.8); border-radius: 0px 0px 15px 15px;padding: 10px;}
    
    #main-header .et_menu_container #et-top-navigation #et_mobile_nav_menu .mobile_nav #mobile_menu .menu-item a{padding: 10px;}
    
    #main-header .et_menu_container #et-top-navigation #et_mobile_nav_menu .mobile_nav #mobile_menu .menu-item a:hover{color: #74be45;opacity: 1;}
    
    #main-header .et_menu_container #et-top-navigation #et_mobile_nav_menu .mobile_menu_bar:before{background-image: url(../images/menu-bar.png);background-size: cover; color: transparent;}

    /* Footer Responsive */
    
    #main-footer #footer-widgets { padding-top: 40px;padding-bottom: 10px; }
    
    body #main-footer #footer-widgets .footer-widget:first-child img { max-width: 100px!important; }
    
    #main-footer #footer-widgets .footer-widget:first-child{width: 40%!important;margin-bottom: 0px!important;}
    
    #main-footer #footer-widgets .footer-widget{width: 60%!important;}
    
    #main-footer #footer-widgets .footer-widget .fwidget .menu{ flex-wrap: wrap;justify-content: flex-start; }
    
    #main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item { width: 50%; }
    
    #main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item { padding-left: 0px;}
    
    #main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item::before { left: -10%; width: 6px; height: 6px;}
    
    #main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item:first-child::before{display: block;}
    
    #main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item:nth-child(1){order: 1;}
    
    #main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item:nth-child(2){order: 3;}
    
    #main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item:nth-child(3){order: 5;}
    
    #main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item:nth-child(4){order: 2;}
    
    #main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item:nth-child(5){order: 4;}

    /* Project Section */
    
    .mi-projects-section .mi-projects-container .slick-list { padding: 80px 0px; }
    
    .mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-heading { padding-top: 80px; }
    
    .mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-count {    top: -50px; font-size: 120px; left: -30px; letter-spacing: -9px; }

    /* request qoute */
    
    body #main-content .mi-request-quote { padding: 84px 0 91px; }
    
    body #main-content .et_pb_section .et_pb_row .mi-blk-btn a{padding: 17px 26px 16px;}
    
    body #main-content .et_pb_section .et_pb_row .mi-blk-btn.mi-blk-two a{padding: 17px 37px 16px;}

    body.single #main-content .et_pb_section .et_pb_row{flex-wrap: wrap;}
    
}

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

    /* Project Section */
    
    .mi-projects-section .mi-projects-container .slick-list { padding: 60px 0px 0px; }
    
    .mi-projects-section .mi-projects-container .mi-projects .mi-project-content { width: 100%;}
    
    .mi-projects-section .mi-projects-container .mi-projects .mi-project-img { width: 100%; padding-top: 30px; }
    
    .mi-projects-section .mi-projects-container .slick-prev { left: calc(100% - 137px); top: 100px; }
    
    .mi-projects-section .mi-projects-container .slick-next { left: calc(100% - 67px); top: 100px; }

    body #main-content .mi-projects-section a{margin-top: 20px;}
    
}

@media only screen and (max-width: 667px) {
    
    body{font-size: 12px !important;}
    
    #main-footer #footer-widgets { padding-top: 40px;padding-bottom: 30px; }
    
    #main-footer #footer-widgets .footer-widget:first-child { margin-bottom: 20px!important;}
    
    #main-footer #footer-widgets .footer-widget .fwidget .menu { flex-wrap: wrap; }
    
    #main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item{width: 50%;padding-left: 0px; margin-bottom: 10px;  text-align: left;}

}

@media only screen and (max-width: 480px){
    /* Hero Banner */
    
    body #main-content .et_pb_section h1 { font-size: 3.5em;}
    
    body #main-content .mi-home-banner .et_pb_column .et_pb_text_inner h4 { padding: 15px 10% 25px; line-height: 1.7em; }
    
    /* Request Section */
    
    body #main-content .mi-request-quote h5 { padding: 15px 5% 45px; line-height: 1.7em!important; }
    
    body #main-content .et_pb_section .et_pb_row .mi-blk-btns { flex-wrap: wrap; }
    
    body #main-content .et_pb_section .et_pb_row .mi-blk-btn{width: 100%;}
    
    body #main-content .et_pb_section .et_pb_row .mi-blk-btn.mi-blk-two a { margin: 10px 0px 0px;}
    
    body #main-content .mi-home-banner { padding-top: 195px!important; padding: 150px 0 100px !important;}

    body #main-footer #footer-widgets .footer-widget:first-child img { max-width: 91px!important; }

    #main-footer #footer-widgets .footer-widget .fwidget .menu .menu-item{width: 46%;}

    #main-footer #footer-widgets .footer-widget:first-child .fwidget {justify-content: left; padding-left: 20px; }

    body #main-content .mi-request-quote h2 { padding-bottom: 13px; }

    #main-footer #footer-widgets .footer-widget .fwidget .menu{padding-left: 20px;}
    
    body .mi-our-services .mi-services-updates .mi-services-update { min-height: 480px; }
    
    body .mi-request-quote .mi-blk-btns .mi-blk-btn{width: 50%!important;}
    
    body .mi-request-quote .mi-blk-btns .mi-blk-btn.mi-blk-two a{margin: 0px 0px 0px!important;}
    
    body .mi-request-quote .mi-blk-btns .mi-blk-btn.mi-blk-two{justify-content: flex-start!important;padding-left: 10px;}
    
    body .mi-request-quote .mi-blk-btns .mi-blk-btn.mi-blk-one{justify-content: flex-end!important;padding-right: 10px;}
    
    body #main-content .mi-request-quote h2 { padding-bottom: 28px;}

    body .mi-our-services .mi-services-head{padding: 0 35px 40px;}

    body #main-content .mi-our-services .mi-gallery-heading .mi-services-head .container p{display: none;}

    .mi-projects-section .mi-projects-container .slick-next{width: 45px;height: 50px;top: 210px;}

    .mi-projects-section .mi-projects-container .slick-prev{width: 45px;height: 50px;left: calc(100% - 123px); top: 210px;}

    .mi-projects-section .mi-projects-container .slick-prev::before, .mi-projects-section .mi-projects-container .slick-next::before { font-size: 18px; }

    .mi-projects-section .mi-projects-container .mi-projects .mi-project-content .mi-project-content-detail{padding-top: 35px;}
}

@media only screen and (max-width: 450px) {
    
    /* request qoute */
    
    body #main-content .et_pb_section .et_pb_row .mi-blk-btn a{padding: 17px 20px 16px;}

    body #main-content .et_pb_section .et_pb_row .mi-blk-btn.mi-blk-two a{padding: 17px 31px 16px; margin: 10px 0px 0px;}

}

@media screen and (max-width: 375px) {
    
    .mi-projects-section .mi-projects-container .slick-prev{top: 250px;}

    .mi-projects-section .mi-projects-container .slick-next{top: 250px;}

}

/* #################################################################################### */