:root{
    --blue:#272264;
    --orange:#f4981b;
}
body{
    font-family: 'Poppins', sans-serif;

}

.top-bar{
    width:100%;
    height:50px;
    background:#272264;/*#008cba*/ /*#012C3C;*//*#008cba*/
}
.social-icons ul li {
    display:inline;
    list-style: none;
   
}
.social-icons ul li a{
    color:white;
    display: inline-block;
    font-size: 18px;
    line-height: 50px;
    border-left: 1px solid #fff;
    padding: 0 15px;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.social-icons ul li a:hover{
    background:#f4981b;/*#3dc5f9*/;
    color: #fff;
}

.social-icons ul li a i {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.social-icons ul li:hover a i {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.social-icons ul li:last-child a {
    border-right: 1px solid #fff;
}
.contact-section ul li {
    display:inline;
    list-style: none;
   
}
.contact-section ul li a{
    display: inline-block;
    font-size: 16px;
    line-height: 48px;
    padding: 0 26px;
    border-left: 1px solid #fff;
    color: #fff;
    font-family: 'Open Sans';
    font-weight: 500;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.contact-section  ul li a:hover{
    background:#f4981b!important/*#3dc5f9*/;
    text-decoration: none;
    color: #fff;
}
.lipapa{

}
.contact-section  ul li a i {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.forphone{
    transform:rotate(90deg);
}
.contact-section ul li:last-child a {
    border-right: 1px solid #fff;
}
.bg-own{
    background:#272264;
}
.active a{
    color:#f4981b!important;
    border-bottom:2px solid #f4981b;
}

.menu-links{
    padding:10px 0px;
}
.menu-links ul li a:hover{
    color:#f4981b!important;
    border-bottom:2px solid #f4981b;
}

.menu-links ul li a{
    font-size:16px;
    font-weight: bolder;
    text-transform:uppercase;
    margin-left:15px!important;
    display:inline-block;
    color:black;
}
.brand-text{
    font-size:22px;
    font-weight: bold;
    color:#272264;
}
.underline{
    text-decoration-style: underline;
}
/*menu end*/
.hero-section{
    width:100%;
    height:700px;
    background: url(../images/hero-img2.jpg) no-repeat;
    background-size:cover;
    background-position:left;
}
.forcenterring{
    height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-heading{
    font-family: 'Poppins', sans-serif;
    font-size:60px;
    color:white;
    text-align: left;
    text-shadow:0px 0px 6px #272264;;
}
.hero-p{
    font-size:19px;
    color:white;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    text-shadow:0px 0px 6px #272264;;

    margin-top:20px;
}
.hero-button{
    display: block;
    text-align: center;
    background:var(--blue);
    padding:15px 0px;
    border-radius:50px;
    text-transform: uppercase;
    color:white;
    letter-spacing:1px;
    font-size:20px;
    margin-top:20px;
    box-shadow:0px 0px 1px 1px white;
}
.hero-button:hover{
    background:var(--orange);
    color:white;
    text-decoration: none;
    box-shadow:0px 0px 5px 1px var(--blue);

}

.boxes{
    margin-top:-90px;
}
.forboxcol .card{
    background: white;
    padding:40px 30px;
    text-align: center;
    box-shadow:0px 0px 5px 1px gray;

}

.forboxicon{
    font-size:40px;
    color:var(--orange);
}

.boxtext{
    font-size:18px;
    margin-top:20px;
}




@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}


.meetteam h1{
    font-size:50px;
    font-weight: bolder;
    color:#272264;
    text-transform: uppercase;
}

/*resources page styling start */
.resources-hero-heading {
    color:#272244;
}
.solar-panel h1{
    color:#272244;
    font-weight:bolder;
    text-transform:capitalize;
    font-weight:1000;
    text-shadow:1px 2px 2px #f4981b;
    border-bottom:10px solid #f4981b;
    display:inline-block;
}
.solar-panel-p{
    font-size:24px;
}

.solar-panel a button{
   /* background:#f4981b;*/
    border:3px solid #f4981b;
    background: none;
    border-radius:25px;
    padding:5px 25px;
    font-weight:bold;
    font-size:20px;
    color:black;
    text-transform: uppercase;
}
.solar-panel a button:hover{
    background:#272264;
    color:#f7f6f2;
}
.our-clients h1{
    color:#272244;
    font-weight:1000;
    text-shadow:1px 1px 1px #f4981b;
}









@media only screen and (max-width:992px){
  .top-bar{
    width:100%;
    height:auto;
    background: #008cba;/*#008cba*/
}
  .contact-section ul li a {
    margin-right:0px;
    border:0px;
  }
   .hero-content{
        margin-top:130px!important;
    }
  .contact-section ul li:last-child a {
    border-right:0;
}
}
@media only screen and (max-width:554px){
    .hero-content{

        margin-top:20px!important;
    }
    .hero-content h1{
        font-size:30px;
    }
    .hero-section{
    width:100%;
    height:420px;

}
}
@media only screen and (max-width:300px){
    .contact-section ul li a{
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    padding: 0 26px;
    
    color: #fff;
    font-family: 'Open Sans';
    font-weight: 500;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.top-bar{
    padding-top:10px;
}
.container{

}
.hero-content{
    margin-top:0px!important;
}
}


.py-50{
    padding:70px 0px;
    box-sizing: border-box;
}
.another-div{
    width:70%;
    height: auto;
    text-align: center;
    margin:0 auto;
}
.normal-p{
    font-size:17px;
}
.forwhatheading{
    font-size:28px;
    color:var(--blue);
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight:600;
    border-bottom:5px solid var(--orange);
    padding-bottom:3px;
}

.learn-more{
    display: block;
    font-size:20px;
    background:var(--blue);
    text-align: center;
    padding:8px 0px;
    color:white;
}

.learn-more:hover{
    background:var(--orange);
    text-decoration: none;
}
.contact-pannel{
    width:100%;
    height: auto;
    background:var(--blue);
    margin-top:50px;    
}
.contact-heading{
    font-size:30px;
    color:white;
    font-family: 'Poppins', sans-serif;
    margin:0px;
    padding:0px;
}
.forbg-color{
    background:white;
    color:black;
    font-size:20px;
    text-transform: uppercase;
    font-weight: bold;

}

.forbg-color:hover{
    color:white;
}

/*testimoanl start */

.testimonial{
    margin: 0 20px 40px;
}
.testimonial .testimonial-content{
    padding: 35px 25px 35px 50px;
    margin-bottom: 35px;
    background: #fff;
    border: 1px solid var(--blue);
    position: relative;
}
.testimonial .testimonial-content:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    bottom: -10px;
    left: 22px;
    transform: rotate(45deg);
}
.testimonial-content .testimonial-icon{
    width: 50px;
    height: 45px;
    background: var(--blue)!important;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px;
}
.testimonial-content .testimonial-icon:before{
    content: "";
    border-bottom: 16px solid var(--blue);
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}
.testimonial .description{
    font-size: 15px;
    font-style: italic;
    color: #8a8a8a;
    line-height: 23px;
    margin: 0;
}
.testimonial .title{
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #525252;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    color: var(--blue);
}
.owl-theme .owl-controls{
    margin-top: 20px;
}
.owl-theme .owl-controls .owl-page span{
    background: #ccc;
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: var(--blue);
}
/*testimonal end*/

.footer-row{
    background:var(--blue);
    color:white;
}

.service-banner{
    width:100%;
    height:400px;
     /*background-image: repeating-radial-gradient( #f4981b,#272264);*/
    background-image:linear-gradient(to left,rgb(39, 34, 100,.8),
    rgba(244, 152, 27,.8)),url(../images/digging.jpg);
    background-position: bottom;
    margin:0px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:0px;
}

.service-banner h1{
    color:white;
    font-size:50px;
      text-shadow:0px 0px 6px #272264;;
}
.ser-img{
    width:100%;
    height:250px;
}
.ser-title{
    /*padding:20px;*/
    font-size:24px;
    font-weight: normal;
}
.service-col .card{
    border:none;
    box-shadow:0px 0px 10px 2px gray;
}
.mb3{
    margin-bottom:30px;
}





  .contact-hero{
    width:100%;
    height:auto;
     background-image: linear-gradient(118deg,#063661 0%,rgba(43,78,136,0.5) 100%),url(../images/contact-hero-bg.jpg)!important;
    background-size:cover;
    display: flex;
    align-items: center;
    padding:30px 0px;
}
.hero-heading{
    color:white;
    font-weight:bolder;
    font-size:1000;
    text-align: center;
}
.thish4{
    font-size: 20px;
}
.contact-row-second input{
    height:50px;
}
.contact-row-second select{
    height:50px;
}
.contact-row-second textarea{
    height:200px;
}
.sendbtn button{
    
}
.sendbtn button:hover{
    background:white;
    color:#b3c211;
    border:2px solid #b3c211;
}
.contact-row-second input[type="submit"]{
    background:#063661!important;
    color:white;
    border:none;
    padding:12px 20px;
}
.contact-row-second input[type="submit"]:hover{
    background:white!important;
    color:#bc4123;
    border:1px solid #bc4123;
    
}
.sidebar-textbox h4{
    color:#063661;
    display:inline-block;   
}
.ad{
    font-size:18px;
    font-weight:bold;
}
.sidebar-textbox  fieldset{
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    
}
.sidebar-textbox  legend{
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
    background:#063661;
    color:white;
    padding:0px 20px;
    
}


.bsns-hors{
    margin-bottom:20px;
    background: var(--blue);
    padding:10px;
    color:white;
}