*{margin:0px; padding:0px;}
a,img { border:0px; outline:none; text-decoration: none;}
body{font-family: 'Poppins', sans-serif; font-size: 16px; color:#000; background:#fff;}
.mt15{margin-top:15px;}
.mt25{margin-top:25px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.logos{padding:20px 30px;}
.fw-bold{ font-weight:600;}
img.logo{ width: 300px; margin:0 auto; display: block; text-align: center;}
.mb40{margin-bottom:40px !important;}
.mb10{margin-bottom:10px !important;}
.full{ float: left; width: 100%;}
.container-full{width:100%; float: left; position: relative;}
.container{margin:0 auto; width: 1140px;}
.wrapper-800{margin:0 auto; width: 800px;}
.tt-auto{margin:0 auto; width: 525px;}
.ttt-auto{margin:30px auto 10px auto;; width: 60%;}
.btn-auto{margin:0px auto; width: 42%;}
.bg-gradient-t-b{padding:5% 3%; width: 96%;background: linear-gradient(#b8cbe9, #ffffff); min-height: 400px; border-radius:5px; opacity: 0.9;}
.w30{float: left; width: 30%; margin-right: 3%; position: fixed;}
.w30 img{ width: 100%; height: auto;}
.w66{ padding-left: 33%;width: 66%;}
.fsize14{ font-size: 14px;}
.fsize13{ font-size: 13px !important;}
.fsize12{ font-size: 12px;}
.fsize28{ font-size: 28px !important;}
.fsize26{ font-size: 26px !important;}
.fsize22{ font-size: 22px !important;}
.fsize34{ font-size: 34px !important;}
.fsize44{ font-size: 44px;}
.fsize40{ font-size: 40px;}
.lh26{ line-height: 28px; margin: 5px 0px;}
.w20{ float: left; width: 20%;}
.w80{ float: left; width: 78%; margin-left: 2%;}
.w20 img{ width: 100%; height:auto;}
.blue-color{color:#256595;}
.orange-color{color:#f8931d !important;}
.white-color{color:#ffffff !important;}
.black-color{color:#000000 !important;}
.green-color{color:#a1c934;}
.orange-bg{background:#f8931d;}
.h-vh{height:100vh;}
.orange-btn-big{letter-spacing: 1px; font-family: 'Bebas Neue', cursive; text-decoration:none; background:#f8931d; border-radius:3px; padding:10px 50px; color: #fff; text-transform: uppercase; font-size: 30px;}
.orange-btn-big:hover{background:#0fa9e1;}
.orange-btn-small{letter-spacing: 1px; font-family: 'Bebas Neue', cursive; text-decoration:none; background:#f8931d; border-radius:3px; padding:10px 50px; color: #fff; text-transform: uppercase; font-size: 24px;}
.orange-btn-small:hover{background:#0fa9e1;}
.orange-btn-medium{margin-bottom:20px; width: 160px; display: inline-block; margin-right: 30px;letter-spacing: 1px; font-family: 'Bebas Neue', cursive; text-decoration:none; background:#f8931d; border-radius:3px; padding:10px 0px; color: #fff;  font-size: 20px;}
.orange-btn-medium:hover{background:#0fa9e1;}
.outline-btn-small-pd{border:1px solid #acacac; background:#fff; margin-bottom: 20px; display: inline-block;border-radius:3px; padding:10px 30px; color: #000; font-size: 16px; margin-right: 20px;}
.outline-btn-small-pd:hover{background:#0fa9e1; border:1px solid #0fa9e1; color:#fff;}
.sky-btn-small{ display: inline-flex; min-height: 45px; vertical-align: bottom;flex-direction: column; justify-content: center; text-decoration:none; background:#0fa9e1; width: 180px;border-radius:3px; padding:10px 20px; color: #fff; font-size: 16px;margin-right: 20px; margin-bottom: 20px;}
.sky-btn-small:hover{background:#f8931d;}
.sky-btn-small-pd { vertical-align: bottom; width: 150px; text-decoration:none; background:#0fa9e1; border-radius:3px; padding:10px 30px; color: #fff; font-size: 16px; display: inline-block; margin-right: 20px; margin-bottom: 20px;}
.sky-btn-small-pd:hover{background:#f8931d;}
.mauto{margin-left: auto; margin-right: auto; display:block; text-align: center; margin-top: 25%;}
.m500{margin-left: auto; margin-right: auto; display:block; text-align: center; width: 550px; margin-top: 3%;}
.m90{margin-left: auto; margin-right: auto; display:block; text-align: center; width: 900px;margin-top: 3%;}
.mauto500{margin-left: auto; margin-right: auto; display:block; text-align: center; width: 750px; margin-top: 20%;}
.orange-cont{margin-left: auto; margin-right: auto; display:block; text-align: center; width: 600px; padding-top: 25%;}
.orange-cont .form-cont h1{ font-size: 38px; font-weight:normal;}
.cont21{margin-left: auto; margin-right: auto; display:block; text-align: center; width: 600px; padding-top: 12%;}
.cont21 p{font-size:19px;}
.rangecont{margin-left: auto; margin-right: auto; display:block; text-align: center; width: 65%; margin-top: 20%;}
.d-block{ display: block;}
.form-cont span{font-size: 45px; color: #000; float: left; width:100%; text-align: center; margin-bottom: 10px;}
.form-cont label{font-size: 25px; color: #000; float: left; width:100%; text-align: center; margin-bottom: 10px;}
.form-cont input{ height:30px; margin-bottom: 30px; padding:2.5% 5%; font-size: 21px;border:1px solid #dadadc; border-radius: 3px; float: left; width:90%; text-align: center; display: block;}
.button-container{ float: left; width: 100%; margin-top: 10px; margin-bottom: 20px;}
.clearfix{clear:both; float: left; width: 100%;}
.ipt{margin-bottom: 30px; padding:3% 5%; border:1px solid #acacac; float: left; width:90%; text-align: center; display: block;}
.text-center{text-align: center;}
.w50{width: 50%; margin:0 auto; display: block; text-align: center;}
.w75{width: 75%;}
.w95{width: 95%;}
.content{padding:5%;}
.content p{margin-bottom: 30px;}
.m5{margin-left:5%;}
.mt95{margin-top:95px;}
.text-left{ text-align: left !important;}
.w-100{float: left; width: 100%;}
.w-50{width: 50%;}
.w-33{ width: 30%; float: left; padding:1%;}
.f-left{ float: left;}
.f-right{ float: right;}
.i-fluid{width: 100%; height: auto;}
.bg-gradient-black{margin-top:20px; background-color: rgba(0, 0, 0, .7); border-radius: 5px; padding:4% 5% 5% 5%; width: 90%; float: left;}
/**New Added css 12aprl2022**/
.text-uppercase{ text-transform: uppercase;}
.fs-30{ font-size: 30px;}
.fs-40{ font-size: 40px;}
.fs-23{ font-size: 23px;}
.steps{ list-style: none; float: left; text-align: left; width: 100%; margin-top: 30px;}
.steps li{float: left; text-align: left; width: 100%; padding-bottom: 10px;}
.steps li strong{color: #F2931D;}
.steps li span{ padding-left: 10px;}
.mt20{margin-top:20px;}
.mt50{margin-top:50px;}
.mt30{margin-top:30px;}
.mb20{margin-bottom:20px;}
.p-r{ position: relative; z-index: 9;}
.green-btn-small {
    letter-spacing: 1px;
    font-family: 'Bebas Neue', cursive;
    text-decoration: none;
    background: #9fca34;
    border-radius: 3px;
    padding: 10px 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
}
.green-btn-small:hover {background: #F2931D;}
.text-green{ color:#9fca34;}
.tvimg{ width: 450px;}
.pg-bg{background:url(../img/solar-plates.jpg) no-repeat center center; background-size:cover; height: 100vh;}
.bg-works{background:#E8AB2F url(../img/bg-works.png) no-repeat top center; height: 100%; padding-bottom: 50px;}
.pg-bgg{background:url(../img/solar-plates.jpg) no-repeat center center; background-size:cover; height: 100vh; position: relative;}
.pg-bgg:before{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(120deg, #fff, #fff);
      opacity: .7;
}
@media only screen and (max-width: 768px){
.container{ width: 100%;}
.w-33{ width: 96%; padding: 2%;}
.w-50{ width: 100%; text-align: center;}
.m-right{width: 100%;}
.w30{ display: none;}
.w66{ padding: 5%; width: 90%;}
.mauto500{ width: 100%;}
.m500{width: 90%; padding: 0 5%;}
.m90{width: 90%; padding: 0 5%;}
.form-cont input{ height: 34px;}
.rangecont{ width: 96%;}
.leftipt input{height:auto; margin-top:-2px;}
.rightipt input{height:auto; margin-top:-2px;}
.orange-cont{ width: 100%;}
.cont21{width: 100%;}
img.logo{ width: 280px;}
.girl-img img{ position: relative !important; width: 200px !important;}
.wrapper-800{ width: 90%;}
.tt-auto{ width: 100%;}
.ttt-auto{ width: 96%;}
.fsize40{ font-size: 28px; line-height: 36px;}
.fsize22{ font-size: 18px !important; line-height: 26px;}
.btn-auto{ width: 98%;}
.btn-text{ width: 85% !important;}
.pg-bgg{ height: 100%;}
}



@media only screen and (max-width: 640px){
 .w20{width: 30%; margin: 0 auto; display: block; float: none;}
 .w80{ width: 100%; margin-left: 0;}
 .orange-btn-medium{margin-right: 0px;}
 .mt95{margin-top:10px;}
 .fs-30{ font-size: 20px;}
 .tvimg{ width: 100%;}
 .fs-40{ font-size: 26px;}
}

@media (min-width: 769px) and (max-width: 1180px) {
  .container{ width: 100%;}
}

#myProgress {
  width: 90%;
  background-color:#F2931D;
  margin:10px 5%;
  border-radius:50px;
}

#myBar {
  width: 10%;
  height: 15px;
  background-color: #0fa9e1 ;
  text-align: center;
  line-height: 15px;
  color: white;
  border-radius:50px;
  font-size: 12px;
}
.girl-img{ float: left; width: 100%; margin: 0 auto; display: block; text-align: center; position: relative;}
.girl-img img{    position: fixed;
    left: 0;
    width: 300px;
    right: 0px;
    bottom: 1px;
    display: block;
    text-align: center;
    margin: 0 auto;}

.custom-file-input {color: transparent;}
.custom-file-input::-webkit-file-upload-button {visibility: hidden;}
.custom-file-input::before {
      content: 'Upload PDF';
      color: #fff;
      display: inline-block;
      background: -webkit-linear-gradient(top, #a1c934, #a1c934);
      border: 1px solid #a1c934;
      border-radius: 2px;
      padding: 5%;
      width: 80%;
      outline: none;
      white-space: nowrap;
      -webkit-user-select: none;
      cursor: pointer;
    /*  text-shadow: 1px 1px #fff;*/
      font-weight: 700;
      font-size: 12pt;
      text-align: center;
      margin: 0 auto;
      display: block;
    }
    .custom-file-input:hover::before {
      border-color: #a1c934;
    }
    .custom-file-input:active {
      outline: 0;
    }
    .custom-file-input:active::before {
      background: -webkit-linear-gradient(top, #a1c934, #a1c934);
    }


    .custom-file-input1 {color: transparent;}
    .custom-file-input1::-webkit-file-upload-button {visibility: hidden;}
    .custom-file-input1::before {
          content: 'Take a Photo via Photo';
          color: #fff;
          display: inline-block;
          background: -webkit-linear-gradient(top, #a1c934, #a1c934);
          border: 1px solid #a1c934;
          border-radius: 2px;
          padding: 5%;
          width: 80%;
          outline: none;
          white-space: nowrap;
          -webkit-user-select: none;
          cursor: pointer;
        /*  text-shadow: 1px 1px #fff;*/
          font-weight: 700;
          font-size: 12pt;
          text-align: center;
          margin: 0 auto;
          display: block;
        }
        .custom-file-input1:hover::before {
          border-color: #a1c934;
        }
        .custom-file-input1:active {
          outline: 0;
        }
        .custom-file-input1:active::before {
          background: -webkit-linear-gradient(top, #a1c934, #a1c934);
        }


        .custom-file-input2 {color: transparent;}
        .custom-file-input2::-webkit-file-upload-button {visibility: hidden;}
        .custom-file-input2::before {
              content: 'Attach and email';
              color: #fff;
              display: inline-block;
              background: -webkit-linear-gradient(top, #a1c934, #a1c934);
              border: 1px solid #a1c934;
              border-radius: 2px;
              padding: 5%;
              outline: none;
              white-space: nowrap;
              -webkit-user-select: none;
              cursor: pointer;
            /*  text-shadow: 1px 1px #fff;*/
              font-weight: 700;
              font-size: 12pt;
              width: 80%;
              text-align: center;
              margin: 0 auto;
              display: block;
            }
            .custom-file-input2:hover::before {
              border-color: #a1c934;
            }
            .custom-file-input2:active {
              outline: 0;
            }
            .custom-file-input2:active::before {
              background: -webkit-linear-gradient(top, #a1c934, #a1c934);
            }

.green-box{margin: 0 auto;
    display: block;
    text-align: center;
    float: none; border-radius: 3px;}