/*--================== 
    #Common
==================--*/
:root {
    --green-color: #047857;
}

*{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {position: relative;  font-family: "Noto Sans", sans-serif !important; margin: 0; padding: 0;background:#f8fafc; } 
html, div, img, ul, li, a, p, ol, body, h1, h2, h3, h4, h5, h6,textarea{color:#000000;font-weight:400;}
ul, a, input,textarea{text-decoration: none;list-style: none;text-decoration: none;outline:none;  font-family: "Noto Sans", sans-serif;}
a:hover,a:focus{ text-decoration: none;outline: 0;}
p,li{    font-size: 18px;
    line-height: 26px;
    color: #000;
    font-weight: 300;}
html {scroll-behavior: smooth;}
h1{font-size: 60px;line-height: 70px;font-weight: 400;margin: 0;}
h2{font-size: 45px;line-height: 50px;font-weight: 400;margin: 0;}
h3{font-size: 35px;line-height: 40px;font-weight: 400;margin: 0;}
strong{font-weight: 500;}

ul li{list-style: disc;}

.clear{clear: both;float:left;width:100%;}
.container{width: 1449px; margin: auto;padding: 0;}
.container-lg{width: 100%; margin: auto;padding: 0 15px;}
.flex{display: flex;flex-wrap:wrap;}

.buttons .btn{display: inline-block;padding: 15px 30px;font-size: 18px;border-radius: 100px;margin: 5px;transition: 0.3s;}
.btn-white{ background: #fff;border: 2px solid #fff;color: var(--green-color);}
.btn-white-line{ background: transparent;border: 2px solid #fff;color: #fff;}
.btn-white:hover, .btn-white:focus{outline: none !important;box-shadow: none;background: transparent;border-color: #fff;color: #fff;}
.btn-white-line:hover, .btn-white-line:focus{outline: none !important;box-shadow: none;background: #fff;border-color: #fff;color: var(--green-color);}
.buttons .btn:hover,.buttons .btn:focus{border-radius: 6px;}
.btn-green{ background: var(--green-color);border: 2px solid #fff;color:#fff;}


/*--================== 
    #Header 
==================--*/
/*navs-toggle*/
.navs-toggle{display: none;}
.header-block{position: relative;z-index: 9;background: #fff;height:auto;height: auto;    transition: 0.5s;padding: 5px 0;}
.header-block .flex{    justify-content: space-between;    align-items: center;}
.header-block.sticky-menu{position: fixed;}

.hdr-logo .main-logo a{display: inline-block;}
.hdr-logo .main-logo a img{width: 100px;}
.hdr-cta {display: flex;align-items: center;}
.hdr-tel a{display: flex;align-items: center;font-size: 18px;font-weight: 500;color: #fff;}
.hdr-tel a img{    width: 38px;background: transparent;border-radius: 100px;padding: 6px; transition: all 0.3s ease;}
.hdr-tel:hover a img{background: var(--green-color);}
.hdr-tel a span{padding-left: 8px;}
.hdr-book{ padding-left: 20px;}

.primary-menu ul {float: right;margin: 0; padding: 0;}
.primary-menu ul li{display: inline-block;position: relative;}
.primary-menu ul li a{  color: #000000;text-decoration: none;font-size: 18px;text-transform: capitalize; padding: 15px;transition: 0.5s;font-weight: 400;display: inline-block;}
.primary-menu .current-menu-item a,  .primary-menu ul li a:hover{color:var(--green-color)!important;}

.sub{position: relative;cursor: pointer;color: #000;}
.sub .fa-angle-up, .submenu-hide .fa-angle-down{display: none; }
.sub .fa-angle-up, .sub .fa-angle-down{position: relative;    top: 0px;left: 5px;}
.submenu-hide .fa-angle-up{display: inherit;}
/*ul.sub-menu::before{content: "";}*/
ul.sub-menu {position: absolute;z-index: 1000;display: none;width: 250px;list-style: none;background: #ecfdf5;float: none;padding: 0;border-radius: 0;}
ul.sub-menu li {width: 100%;float:none;    display: inherit;}
ul.sub-menu li a{padding: 15px;border-bottom: 1px solid #a7f3d0;width: 100%;line-height: 18px;margin-left: 0;text-transform: capitalize;font-weight: 400;}
ul.sub-menu li:last-child a{border-bottom: none;}
/* ul.sub-menu li a:hover,
ul.sub-menu .current-item a,
.primary-menu .current-menu-item ul.sub-menu li a {color:#000 !important;} */

.primary-menu .current-menu-item ul.sub-menu li a{color:#000 !important;}
.primary-menu .current-menu-item ul.sub-menu li.current-menu-item a{color:var(--green-color) !important;}


@media (min-width:1201px){
.primary-menu ul li:hover .sub-menu {display: block;transition:1s;}
.primary-menu li.menu-item-has-children a:after{content:"\f107";transition: 0.5s;font-family: 'FontAwesome';display: inline-block;    position: absolute;right: 0;}
.primary-menu li.menu-item-has-children a:hover:after{transform: rotate(180deg);}
.primary-menu li.menu-item-has-children ul.sub-menu li a:after{content: none;}
}

/*--================== 
    #home-page
==================--*/
.hero-block{position: relative;}
.hero-block img{width: 100%;vertical-align: bottom;}
/*.hero-block {background-size: cover; background-position: center;  background-repeat: no-repeat; width: 100%;height: 100vh; position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;text-align: center; color: white; }*/
.caption .content{text-align: left;width: 752px;}
.caption .content h1 {font-size: 82px;color: #fff;margin: 0;font-weight: 600;letter-spacing: 1px;line-height: 100px;}
.powerdot {position: relative;}
.powerdot img{position: absolute;left: 246px;top: -8px;}
.caption .content p{color: #fff;font-size: 22px;letter-spacing: 0.5px;}
.cap-btn{display: flex;flex-wrap: wrap;margin-top: 50px;}
/*------*/
.lightgreen-bg{background-color:#f8fafc;padding: 60px 0;}
.green-bg{background-color: var(--green-color);padding: 60px 0;}
.green-bg p,.green-bg li,
.green-bg h1,.green-bg h2, .green-bg h3, .green-bg h4, .green-bg h5, .green-bg h6{color: #fff;}

.home-brighter{text-align: center;}
.home-brighter .content-holder{width: 1010px;margin: auto;}

.home-brighter .content-holder h1,
.home-brighter .content-holder p{color: #fff;}

/*------*/
.home-broken{padding: 60px 0;}
.home-broken ul{padding: 0;}
.home-broken li{list-style: none;    margin: 20px 0;    margin: 40px 0 0;}
/*------*/
.partnership .flex{justify-content: space-evenly;}
/*------*/
.testimonial-block{position: relative;}
.testimonial-block h2{margin: 0;}

ul.star{display: flex;    padding: 0;}
ul.star li{list-style: none;color: #fbc700;    font-size: 30px;margin-right: 10px;}
.item.clients-box {border: 1px solid #e3e3e3;padding: 30px;border-radius: 10px;background-size: 3em 3em;background-color: #ffffff;opacity: 1;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);margin-bottom: 30px;margin-top: 30px;position: relative;}
.item.clients-box  h3{margin: 0;color: #000;font-size: 20px;font-weight: 600;color: var(--green-color);}
.item.clients-box .title {display: flex;}
.item.clients-box .title span{padding-right: 10px;font-size: 20px;font-weight: 600;color: var(--green-color);}


/*------*/
.footer-block{position: relative;background: linear-gradient(0deg,rgba(12, 145, 131, 1) 0%, rgba(5, 123, 92, 1) 100%);     padding: 15px 0;  }
/* .copyright{text-align: center;} */
.copyright p{color: #fff;font-weight: 300;text-align:right;}

.footer-block .flex{justify-content:space-between;align-items:center;}

.copyright,.ft-logo{width:700px;}
.ft-logo .ftlogo-box{display: flex; align-items: center;}
.ft-logo .ftlogo-box img{ width: 100px;}
.ft-logo .ftlogo-box p{    margin: 0;
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    padding-left: 18px;}

 /*--================== 
    #inner-page
==================--*/
img,iframe,video{width: 100%;}
.white-bg{background: #fff;padding: 60px 0;}
.mission-block .content-holder h3 {color: var(--green-color);font-size: 30px;text-align:center;}
.mission-block .content-holder h2{text-align:center;}
.gallery-about{padding-bottom: 60px;}
.gallery-about .flex{justify-content: space-between;}
.gallery-about figure{margin: 10px 0;width: 49%;}

.contact-block{background: #f8fafc;padding: 60px 0;}
.contact-block .flex{justify-content: space-between;}
.contact-block .form-side,
.contact-block .contactinfo-side{border: 1px solid #ccc;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);padding: 30px;width: 48%;background: #fff;}
.contact-block h2 {margin: 0 0 30px;}
.contact-block h2 span{color: var(--green-color);font-size: 18px;display: block;margin-bottom: -10px;font-weight: 600;}

.form-side form{display: flex;flex-wrap: wrap;}
.form-side h3{font-size: 20px;padding: 0 1%;}
.col1{width: 100%;padding: 0 1%;}
.col2{width: 50%;padding: 0 1%;}
.form-side form p {    margin: 10px 0;}
.form-side form .input-txt input, .form-side form .input-txt textarea {width: 100%;border: 1px solid #ebebeb;background: #fff;height: 50px;padding: 10px;font-size: 18px;color: #000;border-radius: 10px;}
.form-side form .input-txt textarea{height: 150px;resize: vertical;}
.form-side form .btn-sub {    position: relative;width: 100px;display: inline-block;}
.form-side form .btn-sub input[type="submit"]{width: 100%; background: var(--green-color);border: 2px solid var(--green-color);color: #fff;font-size: 18px; padding: 10px;border-radius: 10px;cursor: pointer;font-weight: 600;}
.form-side form .btn-sub input[type="submit"]:hover{background: transparent;color: var(--green-color);}
.contactinfo-side .continfo{background: #ecfdf5;border: 1px solid #a7f3d0;border-radius: 10px; padding: 30px;}
.contactinfo-side .continfo h5{ margin: 0;font-size: 18px;font-weight: 500;color: var(--green-color);}
.contactinfo-side .continfo p{margin: 5px 0;}
.contactinfo-side .continfo p,
.contactinfo-side .continfo a{color: var(--green-color);    font-weight: 400;}
.contactinfo-side .continfo p span{font-weight: 500;}
.form-side form .btn-sub .wpcf7-spinner{margin: 0; position: absolute; left: 40px; top: 11px;position:absolute;}

.wpcf7 form .wpcf7-response-output{margin: 0 !important;width: 100%; text-align: center;color: #fff; border: none !important;padding: 8px !important;font-size: 18px; font-weight: 400;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{background: #ed0000;}
.wpcf7 form.sent .wpcf7-response-output{background:#46b450;}



.residential-warp{padding-top: 80px;}
.residential-warp h4{color: var(--green-color); font-weight: 500;margin: 0;font-size: 24px;}
.residential-btn{display: flex;justify-content:center;flex-wrap: wrap;}
.residential-btn a{display: flex; background: var(--green-color);color: #fff;padding: 10px; border-radius: 10px;align-items: center;justify-content: center;width: 49%; border: 2px solid var(--green-color);}
.residential-btn a img{width: auto;    margin: 0 10px;}
.residential-btn a:hover{background: transparent;color: var(--green-color);}
/*-----*/
.team-block {padding: 60px 0;}
.team-block .flex{justify-content: space-between;}
.team-box {border: 1px solid #e3e3e3;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); background: #fff;padding: 30px; text-align: center;}
.team-box.boxone{width: 1050px;    margin: 60px auto 60px;position: relative;}
.team-box.boxtwo{width: 690px;    margin: 60px 0;}
.team-box h2{color: var(--green-color);font-size: 30px;font-weight: 600;line-height: 40px}
.team-box h3{font-style: italic;font-size: 20px;font-weight: 400;color: #45556c;}
.team-box.linetop:before {content: "";background: #009966;height: 50px;width: 6px;display: inline-block;position: absolute;left: 50%; right: 0; top: -70px;}
.team-box.linebottom:after {content: "";background: #009966;height: 50px;width: 6px;display: inline-block;position: absolute;left: 50%; right: 0;bottom: -70px;}
.teambio-block {padding-top:60px;}
.teambio-block .flex{justify-content:center;    margin-bottom: 60px;}
.teambio-block .pic {width: 400px;    background: #ecfdf5;border: 1px solid #a7f3d0;border-radius: 10px;padding: 20px;text-align: center;display:flex;align-items:center;justify-content:center;}
.teambio-block .bio { width: 730px;margin-left: 0; background: #fff;padding: 30px;}
.teambio-block .pic h3{color: var(--green-color);    margin-bottom: 15px;}
.teambio-block .pic h3 span{display: block;font-size: 20px;color: #45556c;font-weight: 400;font-style: italic;}
/*------*/
.steps-block{padding: 60px 0;}
.steps-block h2{ color: var(--green-color); text-align: center; margin: 0;padding-left:15px;}
.steps-block .flex{    border-left: 2px solid #a7f3d0;}
.steps-box {width: 100%;padding-left: 60px;position: relative;}
.steps-box .steps-in {background: #fff;width: 100%;padding: 30px;margin-bottom: 50px;    border: 1px solid #e3e3e3;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}
.steps-box:last-child .steps-in{margin-bottom: 0;}
.steps-box .step-number{position: absolute;left: -26px;top: 0;}
.steps-box .step-no{ background: var(--green-color);color: #fff;font-size: 24px;border-radius: 100px; width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;font-weight: 600;}
.steps-box .step-arrow{display: block;width: 20px;top: 15px; left: 15px;position: relative;}
.steps-box h3{font-size: 30px;line-height: 40px;}
.steps-box ul{padding-left: 24px;margin: 0;}
.steps-box p{margin: 5px 0;}
.steps-block .step-logo{
	    display: flex;
    align-items: center;
    justify-content: center;    margin-bottom: 50px;
}
.steps-block .step-logo span{
	    width: 160px;
    background: #fff;
    padding: 20px;display:inline-block;
}
/*------*/
.resources-block{    padding: 60px 0 30px;}
.resources-block .boxes{border: 1px solid #ccc;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);background: #fff;padding: 30px;margin-bottom: 30px;text-align:center;}
.resources-block .boxes h2 {color: var(--green-color);font-weight: 500;margin: 0;font-size: 24px;}
/* ----- */
.choose-steps .flex{    justify-content: space-between;
    align-items: center;}
.choose-steps .content-side,
.choose-steps .img-side{width:48%;}
.choose-steps .img-side figure{width:48%;margin:1%;}

.choose-steps .img-side{
	    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.choose-steps .img-side figure img{vertical-align:bottom;    height: 280px;
    object-fit: cover;}
.choose-steps .content-side h4{
	    font-size: 30px;
    line-height: 40px;
}

 /*--================== 
    #responsive
==================--*/

@media (max-width:1480px){
 .container{width: 96%;}
 .team-box.boxone{width: 80%;}
 .team-box.boxtwo{width: 48%;}
 .teambio-block .pic{width: 30%;}
 .teambio-block .bio{width: 50%;}
 .steps-block .container {width: 90%;}
	.copyright, .ft-logo {width: 48%;}

}
@media (max-width:1299px){ 
    .teambio-block .bio{width: 70%;}
}

@media (max-width:1200px){
  .home-brighter .content-holder{width: 100%;}
  .partnership figure{margin: 0;}
	.choose-steps .img-side figure img{height:100%;}

}

@media (max-width:991px){
    .sub{float: right;
    top: 6px;
    right: 15px;}
    .header-block{position: relative;padding: 12px 0;}
.hdr-tel a img{background: var(--green-color);}
.hdr-logo{ display: flex;justify-content: space-between;width: 100%; align-items: center;}
.hdr-logo .main-logo a img{width: 80px;}

    .navs-toggle{width:100%;float:left;padding: 15px;position: relative; margin-top: 0;top: 0;right: 0;z-index: 99;display:block;}
    .navs-toggle-icon{display: inline-block; float: right;height: 50px;background: #fff;border-radius: 4px;}
    .navs-toggle span{float:left;}
    .close-bars{display: none;}
    .toggle-open .close-bars{display: block;}
    .toggle-open .bars{display: none;}
    .primary-menu{display: none;}
    .toggle-open .primary-menu {display: block;position: absolute;top:100px;width: 100%;background: #f8fafc;z-index: 9999;left: 0; margin-top:20px;padding: 15px;}
   
.primary-menu ul{width: 100%;float: left;margin: 0;padding: 0;}
.primary-menu ul li{display: block; padding: 10px 0;}
.primary-menu ul li a{padding: 5px 0;}
ul.sub-menu {position: relative;padding: 15px;width: 100%;}
.primary-menu ul li ul.sub-menu li{padding: 0;}
.primary-menu ul li ul.sub-menu li a{padding: 15px;}

.contact-block .form-side, .contact-block .contactinfo-side{width: 100%;        margin: 10px 0;}
.team-box{width: 100% !important;position: relative;}
.team-box:before{
    content: "";
    background: #009966;
    height: 50px;
    width: 6px;
    display: inline-block;
    position: absolute;
    left: 50%;
    right: 0;
    top: -70px;
}
.team-box.linebottom:after,
.team-box:first-child:before {content: none;}

}


@media (max-width:767px){

  h1{ font-size: 50px;line-height: 55px;}
    h2{font-size: 36px;line-height: 46px;}
    h3 {font-size: 32px;line-height: 40px;}
.col2{width: 100%;}
.residential-btn a{width: 100%;margin: 10px 0;}
.teambio-block .pic,.teambio-block .bio{width: 100%;}
.steps-block .container { width: 76%;}
.steps-box{padding-left: 0;}
.steps-block .step-logo{flex-wrap:wrap;}
	.steps-block .step-logo h2{width:100%;padding-left:0;}
	.choose-steps .content-side, .choose-steps .img-side{width:100%;}
	.choose-steps .img-side figure img{height:auto;}
	.ft-logo .ftlogo-box{flex-wrap:wrap;    text-align: center;justify-content: center;}
	.ft-logo .ftlogo-box p{padding-left:0;padding-top:15px;}
	.copyright p{text-align:center;}
}


@media (max-width:485px){
  
   .gallery-about figure{width: 100%;}
	.choose-steps .img-side figure{width:100%;}
 
    
}



@media (min-width: 992px) and (max-width: 1200px){
    .sub{position: absolute;top: 12px;right: 1px;}
  
}

@media (min-width: 768px) and (max-width: 991px){
.teambio-block .pic{padding: 10px;}
.teambio-block .pic h3{font-size: 24px;}
.teambio-block .pic h3 span{font-size: 14px;        line-height: 20px;}
.copyright p{font-size:15px;}
}