html, body {
  overflow-x: hidden;
}

body {
  font-family: "Cairo" !important;
  background-color: white;
  position: relative
}
.errorlist {
  color: red;
}
.report-body {
  background-image: linear-gradient(#FFFFFF, #EDF2F5, #FEF7F3, #FEF7F3);
}
.wrapper {
  /* background: url('../img/screen-shot.png'); */
  /* height: 1024px; */
  width: auto;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

li {
  float: left;
}

li a {
  display: block;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}
.messages {
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center
}
.header-area {
  padding-top: 30px;
  border-bottom: 1px solid #ff834c;
  display: flex;
  flex-direction: row;
}
.logo{
  display: flex;
  align-items: center;
  justify-content: center
}
.menu{
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu ul{
  display: flex;
  justify-content: center;
  gap: 1px;
}

.header-area ul li a{
  font-weight: normal;
  font-size: 19px;
  color: #081822;
  text-align: center;
}

.menu .active a{
  color: #215F88;
  font-weight: bold;
  text-decoration: underline;
}

.logsign ul li a{
  font-size: 14px;
  justify-content: center;
  font-weight: normal;
}
.logsign ul{
  display: flex;
  justify-content: center;
  gap: 20px;
}

.en {
  font-size: 11px;
}
.hide-on-desktop{
  display: none;
}
.contact {
  float: right;
}
.avain-logo img{
  height: 40px;
  margin-bottom: 12px ;
}
.avain-logo{
  margin-left: 70px;
}
.avain-logo-text img{
  width: 150px;
  margin-bottom: 50px;
  margin-left: 50px;
}
.contact a {
  background: #215f88;
  color: white !important;
  border-radius: 25px;
  width: auto;
}
.contact a:hover {
  background: #194766;
  color: white !important;
}
.product_dropdown {
}

.language select{
  float: right;
  outline: none;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin-top: 20px;
}
.slider-area {
  background: url("../img/building_dashboard.svg") no-repeat bottom right;
  padding-left: 25px;
  margin-top: 60px;
  padding-bottom: 160px;
  background-size: 70%;
}
.slider-area p {
  padding-top: 160px;
}
.slider-area h5 {
  padding-top: 160px;
}
.slider-area a {
  margin-top: 20px;
}

h5 {
  /* padding-top: 160px; */
}

h5:before {
  content: "\A";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #6ac0f7;
  display: inline-block;
  margin: 0 10px;
}

.slider-area h1 {
  font-size: 45px;
  line-height: 70px;
}
.slider-area span {
  font-size: 20px;
  display: block;
}

.slider-button a {
  color: #215f88;
  border: 1px solid #215f88;
  border-radius: 29px;
  margin-right: 25px;
}

.slider-button a {
  color: #215f88;
  border: 1px solid #215f88;
  border-radius: 29px;
  margin-right: 25px;
}
.slider-button a:hover{
  background-color:#194766;
  color: #fff;
}
.slider-button .contact {
  float: left;
}
.how-does {
  margin-top: 200px;
}
.how-does h2 {
  font-size: 35px;
  line-height: 55px;
  padding-bottom: 10px;
}
.how-does span {
  font-size: 35px;
  color: #215f88;
}
.household-section{
  margin-top: 70px;
}
.how-does h5{
  padding-top:0px;
}
.section-one-images img{
  width: 100%;
  padding-top: 0px;
}

.factory-image img{
  width:500px;
  height:450px;
  object-fit: cover;
}
.section-one {
  background: #fff6f2;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 25px;
  border-radius: 250px;
  align-items: center;
}
.offer-section {
  background: #fff6f2;
  margin: 20px 30px 140px 30px;
  padding: 10px;
  border-radius: 30px;
  align-items: center;
}
.offer-section p {
  margin-bottom: 20px;
}
.offer-section h3 {
  color: #215F88;
}
.offer-image img{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 10px;
}

.offer-section ul li{
  margin-left: 0;
  font-size: 30px;
}


.offer-section span{
  padding-left: 10px;
}

.section-one h3 {
  font-size: 22px;
  line-height: 32px;
  text-align: left;
  padding-left: 55px;
  padding-top: 20px;
  font-weight: bold;
  color: #081822;
}
.section-one span {
  color: #FF834C;
}
#summary {
  font-size: 20px;
  margin-top: 40px;
}
.section-one p {
  font-size: 16px;
  line-height: 29px;
  color: black;
  text-align: left;
  padding-top: 10px;
  padding-left: 60px;
}
.section-one .fing {
  text-align: center;
}
.report-area {
  padding-top: 132px;
  padding-bottom: 0px;
}
.report-area h2 {
  font-size: 35px;
  line-height: 50px;
  padding-bottom: 30px;
}
.report-area .report-box {
  background: white;
  margin: 5px;
  vertical-align: middle;
  text-align: center;
  display: block;
  padding-bottom: 25px;
}
.report-section {
  background: white;
  padding: 50px;
  margin-bottom: 60px;
  margin-top: 60px;
  border-radius: 30px;
}
.report-section-first {
  background: white;
  padding: 50px;
  margin-bottom: 60px;
  border-radius: 30px;
}
.report-section p{
  font-size: 19px;
}
.report-section p span{
  color: #215F88;
  font-size: 22px;
  font-weight: bold;
}

.report-area h4 {
  font-size: 22px;
  color: #215F88;
}
.report-box p {
  font-size: 16px;
  color: #113044;
}
.report-area h5{
  padding-top: 0px;
}
.blog-area {
  padding-top: 50px;
  padding-bottom: 110px;
}
.blog-area h2 {
  font-size: 35px;
  line-height: 50px;
  padding-bottom: 62px;
}
.offer-header h2{
  font-size: 35px;
}
.blog-area h5{
  padding-top:100px;
}
.blg {
  background: white;
  display: block;
  border-radius: 17px;
  margin-bottom: 70px;
}
.blg img {
  width: 100%;
  object-fit: cover;
  height: 200px;
  border-radius: 15px;
}
.reference img {
  width: 100%;
  object-fit: cover;
  height: 300px;
  border-radius: 5px;
}

.blg h3 {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 25px;
  line-height: 35px;
  color: #215F88;
}
.blg p {
  font-size: 16px;
  color: #081822;
  padding-right: 10px;
  font-weight: normal;
}
.blg a {
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}
.newsletter {
  margin: 20px 25px 100px 25px;
  background: #f6f1ef;
  border-radius: 25px;
  padding-bottom: 40px;
}
.newsletter h2 {
  font-size: 35px;
  line-height: 46px;
  padding: 100px 0 0 100px;
  font-weight: bold;
}
.newsletter h2 span{
  color: #FF834C;
}
.newsletter .slider-button {
  padding-left: 10px;
  padding-top: 22px;
}
.slider-button ul li{
  display: inline-block;
  white-space: nowrap;
}
.nowrap{
  white-space: nowrap;
}
#newsletter-img img{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 100%;
}

.reach-out {
  padding-bottom: 10px;
}
.reach-out .talk{
  font-size: 35px;
  color: #1b1b1b;
  line-height: 50px;
}
.reference p{
  font-size: 35px;
  color: #1b1b1b;
}

.upmargin {
  margin-top: 70px;
  margin-bottom: 40px;
  text-align: center;
}

.reach-out p {
  font-size: 16px;
  line-height: 29px;
  color: #081822;
}
.reach-out h5 {
  font-size: 16px;
  line-height: 29px;
  color: #777777;
  padding-top: 0px;
}
.reach-out img {
  width: 63px;
  float: left;
  display: inline-block;
  padding: 15px;
  background: white;
  margin-right: 15px;
}
.reach-out .col-4 strong {
  padding-left: 18px;
  line-height: 20px;
}
.reach-out .col-4 p {
  padding-left: 78px;
  line-height: 24px;
}
.reach-out .col-4 {
  padding-top: 30px;
}
.eml a {
  text-decoration: none;
  color: #777777;
}
.footer-wrapper {
  margin-top: 100px;
  background: #113044;
}
.footer-area {
  padding-top: 15px;
}
.footer-area ul li a {
  color: #215F88;
}
.footer-menu li {
  padding: 0 25px;
}
.copyright-wrapper {
  background: #081822;
}
.copyright {
  font-size: 14px;
  text-align: center;
}

.copyright p {
  color: #f3f9fe;
  padding: 18px 0;
  display: inline-block;
}
.copyright span {
  color: #215f88;
  font-weight: 900;
}
.copyright h5 {
  color: #215f88;
  font-weight: 900;
}
/* blog */
.header-title {
  text-align: center;
  padding: 80px 0 20px 0;
}
.header-title-report {
  margin-top: 20px;
  text-align: center;
}
.header-title h1 {
  font-size: 50px;
  font-weight: bold;
}
.header-title p {
  color: grey;
}
.blog {
  margin: 0px 0px 50px;
}
.category {
  display: inline-block;
  padding-left: 40px;
}
.category ul {
  list-style: none;
  width: auto;
}
.category li {
  width: 100%;
}
.category li a {
  text-align: left;
  padding: 8px 1px 2px 5px;
  font-size: 16px;
  color: #777777;
}
.pagination-area {
  text-align: center;
  padding-top: 20px;
}
.pagination {
  display: inline-block;
}
.pagination ul {
}
.pagination-area li {
  margin: 0 10px;
}
.pagination-area a {
  border-radius: 20px !important;
  padding: 8px 15px;
  font-weight: bold;
  color: #215f88;
}
/* Blog single */
.header-title span {
  color:  #215F88;/*#ff8e5e*/
  font-size: 30px;
}
.header-title h5 {
  color: #ff8e5e;
}
.blog-title {
  padding-left: 80px;
}
.blog-title h2 {
  font-size: 35px;
  font-weight: bold;
  line-height: 53px;
  padding-bottom: 15px;
  padding-left: 5px;
}
.blog-title p {
  padding-left: 5px;
  padding-bottom: 20px;
}
.blog-title span {
  color: #215f88;
}
.blog-title h5 {
  color: #215f88;
}
.blog-content {
  line-height: 25px;
  padding-left: 80px;
}
.blog-content img {
  border-radius: 10px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.main-blog-image img{
  border-radius: 10px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 420px;
  margin-bottom: 50px;
}
.blog-content p {
  font-size: 16px;
  max-width: 850px;
}
.blog-content strong {
  font-size: 22px;
  font-weight: bold;
  color: black;
}
.blog-content h2 {
  padding-bottom: 0px;
}

.blog-content h3 {
  font-size: 24px;
  font-weight: bold;
  color: #1b1b1b;
  padding: 8px 0;
}
.terms h3{
  margin-top: 50px;
}
.terms h4{
  margin-top: 40px;
}
.terms p .term ul li{
  margin-top: 10px;
  font-size: 18px;
}
.terms ul li:before{
  content: "• ";
}
.single.category {
  padding-left: 35px;
  padding-top: 210px;
}
.recent-post {
  padding: 100px 0 0 34px;
}
.recent-post strong {
  padding-bottom: 20px;
  display: block;
}
.recent-post li {
  padding: 10px 0;
}
.recent-post img {
  float: left;
  padding-right: 12px;
}
.recent-post p {
  float: left;
  font-size: 16px;
  color: #0d152e;
  padding: 5px 0 0 0px;
  margin-bottom: 2px;
}
.recent-post span {
  font-size: 14px;
  color: #81838c;
}
.recent-post h5 {
  font-size: 14px;
  color: #81838c;
}
/* Contact Us */
.contact-form {
  padding: 35px;
  background: #EDF2F5;
  border-radius: 25px;
  font-size: 16px;
  margin-bottom: 60px;
}
.contact-form h3{
  padding-bottom: 30px;
}
.contact-form .form-control {
  border: 1px solid #eaeced;
}
.fc {
  height: 50px;
  margin-bottom: 17px;
}
.contact-form label {
  padding: 15px 0
}
textarea {
  padding-top: 20px !important;
}
.cnt {
  padding-bottom: 60px;
}
.sms {
  background: #215f88;
  border-radius: 30px;
  padding: 15px 27px;
  margin-top: 35px;
  border: 1px solid #215f88;
}
.sms:hover {
  background: white;
  color: #215f88;
  border: 1px solid #215f88;
}
.sms:disabled{
  background: white;
  color: orange;
  border: 1px solid #215f88;
}
#disabled{
  background: #EDF2F5;
  color: #113044;
  font-weight: bold;
  box-shadow: -1.5px -0.2px 0 0 #113044;
  border: 2px solid #81838c;
}
.no-click {pointer-events: none;}
/* mailing list */
.maillist {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 100px;
}
.maillist strong {
  color: #333333;
}

.report-header{
  margin-bottom: 20px;
  margin-top: -10px;
}

/* Enroll */
.enroll-box {
  margin: auto;
  width: 50%;
}
.enroll-box input {
  float: left;
  width: 74%;
  padding: 15px 25px;
  border-radius: 30px;
}
.enroll-box button {
  float: left;
  margin: 0px 0px 0px -50px;
  padding: 15px 63px;
}
/* About Us */
.email-list {
}
.email-list button {
  padding: 15px 38px !important;
}
.about-us img {
  width: 98%;
}
.fg-steps img {
  width: 65%;
  height: 65%;
}
.fg-img img{
  margin-bottom: -35px;
}
.fg-steps p {
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 0px;
}
.fg-steps span {
  font-size: 22px;
  color: #215f88;
}
.contact-form span {
  color: #ff8e5e;
}
.about-us h2 {
  font-size: 50px;
  padding-top: 70px;
  padding-bottom: 25px;
  color: #1b1b1b;
}
.about-us p {
  font-size: 16px;
  line-height: 30px;
  padding-top: 20px;
  color: #081822;
}
.about-us span {
  color: #ff8e5e;
}
.about-us h5 {
  color: #ff8e5e;
}
.about-us img {
  border-radius: 20px;
}
.about-us .img-one {

}
.about-us .img-two {
  margin-top: 200px;
  margin-bottom: 50px;
}
.about-us .img-three {
  margin-bottom: 50px;
}
.about-us .img-four {
  margin-top: 40px;
  margin-bottom: 40px;
}
.about-us .img-five {
  margin-bottom: 90px;
  margin-top: 70px;
}
.explanation-img {
  margin-bottom: 50px;
}
.explanation-img img {
  width: 80%;
  margin-bottom: 50px;
  margin-top: 50px;
}
.explanation-img-pie img {
  width: 100%;
  margin-bottom: 50px;
  margin-top: 50px;
}
.price-table {
  margin-top: 30px;
  padding-bottom: 70px;
}
/* singup login page links */
.slpg{
  margin-top:170px;
}

/* sign in */
.signin-form {
  vertical-align: middle;
  margin: 0 auto;
  width: 34%;
  margin-bottom: 120px;
  margin-top: 70px;
}
.settings-form {
  margin-bottom: 34px;
}
.stngs{
  margin-top:0px;
}

a.signup-link{
  background: none;
  margin: 0px !important;
  padding: 3px 0px 0px 0px !important;
  color: black !important;
  display: flex;
  align-items: center;
}

a.signup-link:hover{
  background: none;
  color: black !important;
  text-decoration: underline;
  align-items: center;
}
.select-signup a{
  width:280px
}
/* product page */
.class_hover:hover {
  background: #EDF2F5;
  border: 1px solid #EDF2F5;
}

.class_hover:hover .list-group-item {
  background: #EDF2F5 !important
}
.class_hover a {
  color: inherit;
  text-decoration: none;
}

.basic:hover .btn-outline-dark {
  color: white;
  background: #215f88;
  border-color: #215f88;

}
.btn-rounded-white{
  color: white;
}

.btn-outline-dark {
  border-color: #215f88;
}
/* Chart my report page */
.chart_pie {
  height: 400px;
  width: 70%;
  margin: auto;
  text-align: center;
}

.chart_line {
  height: 600px;
  width: 80%;
  margin: auto;
  padding-bottom: 50px;
}

.chart_pie_split {
  margin-top: 80px;
  height: 400px;
  width: 80%;
  text-align: center;
}

canvas {
  width: 100%;
}

.signup-form hr {
  color: white;
  margin-top: 30px;
  border: none;
  height: 2px;
  margin-bottom: 30px;
}

.signup-form h3 {
  margin-top: 30px;
  margin-bottom: 20px;
}


/* Report consumption chart */
.report-btn{
  margin-top: 0px;
}
.reportpage{

}
.reportpage h1{
  width: 80%;
  margin: auto;
  padding-top: 30px;
}
.reportpage strong{
  font-size: 20px;
  padding: 10px 0;
  display: block;
  padding-left: 30px;
}
.reportpage p{
  padding-left: 30px;
}
.reportpage span{
  color: #7CBBE4;
}
.avgconsumdaily h5{
  font-size: 30px;
  font-weight: bolder;
  color: #194766;
  padding-top: 35px;
  padding-bottom: 35px;
}
.consumptionchart{
  padding-top: 40px;

}
.consumptionchart p{

}
.consumptionchart span{

}
.consumptionchart ul{

}
.consumptionchart ul > li{
  display: inline-block;
  width: 100%;
}
.consumptionchart ul > li strong{
  font-weight: bolder;
  font-size: 22px;
  display: inline-block;
}
.consumptionchart ul > li::before {
  color: rgba(250, 250, 250);
  font-size: 1em;
  content: '\f522';
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  border-radius: 40%;
  margin-right: 10px;
}
.consumptionchart ul > li:nth-child(1)::before {
  color: #215F88;
  background: #215F88;
}
.consumptionchart ul > li:nth-child(2)::before {
  color: orange;
  background: orange;
}
.consumptionchart ul > li:nth-child(3)::before {
  color: #FF834C;
  background: #FF834C;
}
.consumptionchart ul > li:nth-child(4)::before {
  color: #643BA5;
  background: #643BA5;
}

.reportpage .fc{
  border: 1px solid #215f88;
}
.sttmsg{
  color: #777777;
  padding-top: 20px;
  text-align: end;
}
.sttmsg a {
  color: #FF834C;
}
#stackConsumptionYearChart{
  margin-top: 30px;
}
#stackConsumptionDayChart{
  margin-top: 50px;
}
.avgconsumdaily{
  width: 72%;
  margin: auto;
}
.emailblock{
  padding-top: 42px;
  text-align: center;
  padding-bottom: 40px;
}
.scatterHeatChart p, .heatpumpInvestment p,
.heatpumpInvestmentTimeline p, .solarChart p,
.solarInvestment p, .solarInvestmentTimeline p
.stackConsumptionDailyChart p{
  width: 80%;
  margin: auto;
  padding-bottom: 20px;
}
.scatterHeatChart p{
  text-align: right;
}
.scatterHeatChart strong, .solarChart strong{
  text-align: center;
}
.solarInvestment strong{
  display: inline-block;
  padding-left: 4px;
}
.solarInvestment p, .heatpumpInvestment p{
  padding-left: 60px;
}
.solarChart p{
  text-align: right;
}
td.text-center.prof{
  background: #215f88 !important;
  border: 0px solid #215f88 !important;
  color: white;
}
/* myaccount drop down */
li.contact .dropdown{
  position: absolute;
}
#fixmii{
  position: fixed;
  z-index: 9999;
}

.dropdown-content {
  display: none;
  position: relative;
  background-color: #f9f9f9;
  min-width: 160px;
  z-index: 10;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  border-radius: 0px;
}
#logged-in:hover * {
  border-radius: 0px !important;
  width: 160px;
}
#logged-in {
  width: 80px;
}

.dropdown-content a:hover {
  background-color: #ddd;
  z-index: -9999;
}

.dropdown:hover .dropdown-content {
  display: block;
}
p.circl:after{
  background: #ff8e5e;
  content: "\A";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 8px;

}
p.circl{
  color: #ff8e5e;
  text-decoration: underline;
}
#e_invoice1{
  display: none;
}
#e_invoice2{
  display: none;
}
#product_price{
  background: none;
  border: none;
}
#retail_ordered{
  display: none;
}
#heat_ordered{
  display: none;
}
#solar_ordered{
  display: none;
}
#loan_ordered{
  display: none;
}
.solar_or_not{
  margin-left: 5px;
  margin-top: 30px;
  font-size: 17px;
}
.premium{
  background:#0d152e;
}
.product-name{
  font-weight: bolder;
}
.report-padding{
  padding-top: 10px;
}

.product-explanation{
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.product-explanation span {
  font-size: 20px;

}
.product-explanation p{
  font-size:18px;
}
.offer-header{
  margin-top: 50px;
}
.footer-logo{
  padding-top: 40px;
}
.our-customers{
  margin: 80px 0px 130px 0px;
}
.our-customers h1{
  margin-bottom:100px;
}

.reference {
  margin-top: 70px;
  margin-bottom: 40px;
}

.dropdown-content .active {
  background-color: #215f88 !important; 
  color: white;
}

.captcha {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 160px;
}

#spinner {
  display: none;
}
#spinner-text {
  display: none;
}
.tendering-text {
  padding-left: 30px;
}
.tendering-text h3{
  font-size: 28px;
}
.tendering-text ul li{
}
.space-above {
  padding-left: 80px;
}

.toggle-report-type{
  margin-top: 50px;
}

@media (max-width: 992px) {
  .enroll-box button {
    padding: 15px 40px;
  }
}
/* Medium devices (tablets, 768px and up) */

@media (max-width: 768px) {

  .slider-area {
    background: url("../img/building_dashboard_mobile.svg") no-repeat;
    background-position: right bottom;
    width: 85%;
    margin-left: 20px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-size: 100%;
    height: 700px;
    display: inline-block;
  }
  .header-title h1, .slider-area h1, .our-customers h1{
    font-size: 40px;
  }
  .how-does h2, .report-area h2,
  .offer-header h2, .blog-area h2{
    font-size: 28px;
  }
  .hide-on-desktop{
    display: block;
  }
  .newsletter h2 {
    padding: 40px 0 0 15px;
    font-size: 25px;
  }
  .newsletter .slider-button {
    padding-left: 15px;
  }
  .section-one img {
    width: 96%;
  }
  .reach-out img{
    margin-bottom: 22px;
  }
  .footer-area {
    padding: 15px 0;
  }
  .reach-out {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  .newsletter {
    margin-bottom: 50px;
  }
  #newsletter-img {
    display: none;
  }
  .blog-area {
    padding: 0px 25px 50px 25px;
  }
  .blog-area h2 {
    padding-bottom: 30px;
  }
  .report-area {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .section-one {
    padding: 20px 0px 30px 0px;
    border-radius: 100px;
    margin: 30px 10px 20px 10px;
  }
  .how-does h5, .how-does h2, .report-area h5, .report-area h2,
  .offer-header h2, .offer-header h5 {
    margin-left: 10px;
    padding-left: 10px;
  }
  .report-area h2{
    padding-bottom: 0px;
  }
  .how-does{
    margin-top: 80px;
  }
  .how-does h2 br {
    display: none;
  }
  .how-does span {
    font-size: 28px;
  }
  .section-one h3 {
    padding-left: 25px;
  }
  .section-one p {
    padding-left: 25px;
  }
  .slider-area p {
    padding-top: 0px;
  }
  .offer-section ul li {
    font-size: 20px;
  }
  .about-us h2{
    padding-top: 0px;
  }
  .about-us .img-two{
    margin-top: 0px;
  }
  .contact-form {
    margin: 0px;
  }
  .move-right-on-mobile {
    padding-left: 10px;
  }
  .footer-logo{
    padding-top: 30px;
  }
  .avain-logo-text img {
    width: 150px;
    margin-left: 25px;
  }
  .avain-logo img{
    height: 30px;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 10px;
  }
  .avain-logo{
    margin-left: 0px;
  }
  .header-area ul li a {
    font-size: 16px;
  }
  .logsign ul {
    justify-content: left;
  }
  .logsignedin {
    justify-content: left !important;
    margin-left: 30px;
  }
  .logsign ul li a {
    font-size: 15px;
  }
  .offer-section {
    padding: 20px 20px 40px 20px;
  }
  .signin-form {
    margin: 0 auto;
    width: 85%;
  }
  .blog-content {
    padding-left: 10px;
  }
  .blog-title {
    padding-left: 10px;
  }
  .language *{
    color: grey;
  }
  .hide-on-mobile{
    display: none;
  }
  .slider-area h5 {
    padding-top: 60px;
  }
  .report-section {
    padding: 2px;
  }
  .report-section-first {
    padding: 5px;
  }
  .heatpumpInvestment p{
    padding: 2px !important;
    font-size: 19px;
  }
  .solarInvestment p{
    padding-left: 5px;
  }
  .household-section{
    margin-top: 30px;
  }
  .product-explanation{
    padding-top: 50px;
  }
  .chart_line{
    width: 100%;
  }
  .factory-image img{
    width:100%;
    height:auto;
  }
  .explanation-img img {
    width: 100%;
  }
  .chart_pie {
    width: 100%;
  }
  .header-title-report {
    margin-top: 50px;
  }
  .fg-img img{
    margin-bottom: 0px;
  }
  .section-one-images img{
    margin-top: 50px;
    margin-bottom: 5px;
  }
  .select-signup a{
    width:190px
  }
  .signup{
    padding: 0px
  }
  .report-action{
    padding: 10px;
  }
  /* .charttext p{
    text-align: left !important;
  } */
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 576px) {
  .chart-text{
    width: 100% !important;
    margin: 0 auto;
    margin-right: 0px;
    text-align: center;
  }
  /* .charttext p{
    text-align: center !important;
  } */
  .reach-out .talk, .reference p{
    font-size: 29px;
  }
  .about-us h2 {
    font-size: 27px;
    padding-top: 18px;
  }
  .about-us .img-two{
    margin-bottom: 20px;
  }
  .logo img {
    width: 100%;
  }
  .about-us .img-three {
    margin-bottom: 0px;
  }
  .about-us .img-four {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .enroll-box input {
    float: inherit;
    width: 100%;
  }
  .enroll-box button {
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 15px 63px;
    width: 100%;
  }
  .single.category {
    padding-left: 10px;
    padding-top: 30px;
  }
  .recent-post {
    padding: 30px 0 0 10px;
  }
  .contact a {
    padding: 10px;
  }
  .contact-sizing a {
    padding: 10px;
  }
  .space-above {
    margin-top: 10px;
  }
  .report-box h4 {
    font-size: 30px;
  }
  .chart_pie_split {
    margin-top: 20px;
    height: 600px;
    width: 100%;
    text-align: center;
  }
  .tendering-text{
    padding-left: 0px;}
}
.tendering-text ul li{
  font-size: 17px;
}
.our-customers h1{
  text-align: center;
}
.customer-logos img{
  width: 100%;
  margin-top: 100px;
  margin-left: 30px;
  margin-right: 30px;

}
.customer-logos {
  margin-right: 30px;
  margin-left: 30px;
}

@media (max-width: 768px) {
  .customer-logos img {
    width: 70%;
  }
  .newsletter h2 {
    padding: 40px 0 0 15px;
  }
  .newsletter .slider-button {
    padding-left: 15px;
  }

  .reach-out img {
    margin-bottom: 22px;
  }
  .footer-area {
    padding: 35px 0;
  }
  .reach-out {
    padding-bottom: 50px;
    margin-left: 10px;
  }
  .newsletter {
    margin-bottom: 50px;
  }
  .blog-area {
    margin-top: 25px;
    padding-bottom: 50px;
  }
  .blog-area h2 {
    padding-bottom: 30px;
  }

  .report-area {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .section-one {
    padding: 20px 0px 30px 0px;
  }
  .how-does h2 br {
    display: none;
  }
  .section-one h3 {
    padding-left: 25px;
  }
  .section-one p {
    padding-left: 25px;
  }
  .slider-area p {
    padding-top: 0px;
  }
}

/* Large devices (desktops, 992px and up) */
.report-action h3{
  border-bottom: 1px solid #81838c;
  padding-bottom: 15px;
}
.dotdot {
  content: "\A";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  /* margin: 0 10px; */
  margin-left: -10px;
  margin-right: 10px
}
.tips_list{
  margin-top: 30px;
  /*background: #FDF7F3;*/
  padding-top: 10px;
  padding-bottom: 20px;
}
.tips_list p{
  font-weight: bold;

}
.tips_list ul li{
  font-size: 20px;
}
.tips_list ul li:before{
  content: "•";
  color: var(--my-color-var);
}

.cooking h3:before {
  background: #FFED47;
}

.report-action h5{
  padding-top: 25px;
  font-weight: bold;
  padding-bottom: 30px;
}
.report-action h5:before {
  content: "\A";
  width: 1px;
  height: 1px;
  border-radius: 50%;
  background: #EDF2F5;
  display: inline-block;
  /* margin: 0 10px; */
  margin-left: -10px;
}
.report-action li{
  float: none;
}
.report-action li b{
  display: inline-block;
  padding: 5px;
  color: #449008;
}

.container-speedometer {
  display: flex;
  align-items: center;
  justify-content: right;
}

.container-speedometer .speedochart {
  padding-top: 30px;
  height: 260px;
  width: 280px;
}
.progress{
  margin-top: -10px;
  height: 7px;
  width: 60%;
}
.progress-bar {
  background-color: #25C255;
}
.paddington_up {
  margin-top: 30px;
}
.tips_icon img{
  float: right;
  width: 60px;
  height: auto;
  opacity: 0.5;
}

.dash-form label {
  padding: 28px 0;
  font-size: 22px;
  margin-top: 30px;
}
.dash-form button {
  margin-top: 90px;
  padding: 15px 37px;
}
.ddash a{
  padding-left: 0px;
  font-size: 20px;
  padding-top: 30px;
  color: #294C92;
  font-weight: bolder;
}

/* The container */
.container-check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height:100%;
}

/* Hide the browser's default checkbox */
.container-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 44%;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #d0d0d0;
}

/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.site-name-data p{
  display: flex;
  justify-content: center;
  align-items: center;   /* <---- NEW    */
  width: 100%;
  height: 100%;
  font-weight: bold;
}

.data-icon img{
  padding-top:25px;
}

.dash-sites{
  padding: 60px 10px;
  border-bottom: 1px solid #D9D9D9;
  background: white;
  border-radius: 29px;
  margin: 30px 0 0 0;
}

/* .charttext p{
  text-align: right;
} */
.chart-text{
  margin-top: -40px;
  text-align: center;
}