*, ::after, ::before {
  box-sizing: border-box;
}

.qzero__sw__container_brand{ background-color: #fff; display: inline-block; }
.qzero__sw__brandname{ font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #5A7278; text-align: left; display: block; margin-left: 20px; }

.qzero__sw__icon{ text-decoration: none !important;}
/*.qzero__sw__container:hover .qzero__sw__icon{ transform: scale(1.09); }*/


.qzero__sw__container{ display:inline-block; padding: 3px 5px; background: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); border-radius: 35px;}

.qzero__sw__row{ display:flex; gap: 10px; align-items: center;}

.qzero__sw__icon{ 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  color: #fff; 
  font-size: 21px;
  font-weight: bold; 
  font-family: Arial, Helvetica, sans-serif; 
  width: 61px; 
  height: 61px; 
  background-image: url(images/icon_scoring__no_valule.svg?1); background-size: contain; background-repeat: no-repeat;

}

.qzero__sw__icon span{ display: none;}
.qzero__sw__v1 .qzero__sw__icon span{ display: block;}


.qzero__sw__v1 .qzero__sw__icon{ background-image: url(images/base/icon_scoring_v3.svg?1); }
.qzero__sw__v1.qzero__sw__rank_5 .qzero__sw__icon{ background-image: url(images/base/icon_scoring_v1.svg?2); }
.qzero__sw__v1.qzero__sw__rank_4 .qzero__sw__icon{ background-image: url(images/base/icon_scoring_v2.svg?1); }


.qzero__sw__content { display: flex; flex-direction: column; align-content: center; justify-content: center; padding-right: 10px; margin: 8px 0;}
.qzero__sw__logo{ width: 90px; height: 23px; position: relative; background-image: url(images/logo_qzero.svg); background-size: contain; background-repeat: no-repeat;}
.qzero__sw__text{ width: 80px; height: 9px; background-image: url(images/text_sustainablity_v2.svg); background-size: contain; background-repeat: no-repeat;}


.qzero__sw__star_container {
  padding: 4px 10px 5px 0;
  /*border: 1px dashed #95C3D8;*/
  display: flex;
  position: relative;
  border-radius: 10px;
  width: 100%;
}

.qzero__sw__stars {
  height: 6px;
  width: 100%;
  background: #FFB600;
  border-radius: 10px;
  position: relative;
}

.qzero__sw__star_1{
  background: #58B9E5;
  position: absolute;
  z-index: 1;
  height: 6px;
  width: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: all 1200ms ease;
  left: 0;
}

.qzero__sw__help{
  position: absolute;
  right: 0;
  margin: -3px -26px 0 0;    
  border: 2px solid #fff;
  border-radius: 30px;
}

.qzero__sw__help span{
  width: 21px;
  height: 21px;
  background: #fff url(images/icon_help_inverce.svg) center center no-repeat;
  display: block;
  border-radius: 15px;
  border: 1px dashed #58B9E5;
}


.qzero__sw__help:hover{
  transform: scale(1.3);
}


/* animation */
.qzero__sw__star_container,
.qzero__sw__counter,
.qzero__sw__stars,
.qzero__sw__icon,
.qzero__sw__help{
  transition: all 250ms ease;
}


/* .....................................................................................  */

.qzero__sw__container._v2{ box-shadow: none; padding: 5px; border: 1px dashed #95C3D8; }
.qzero__sw__container._v2 .qzero__sw__content{ margin: 0; padding: 0;}
.qzero__sw__container._v2 .qzero__sw__scoring{ width: 55px;}
.qzero__sw__container._v2 .qzero__sw__star_container { padding: 0; }

.fullsreen_body .qzero__widget{ margin-bottom: 20px;}

.qzero__sw__help span{ border-style: solid;}