/**download app**/

.download-wrapper {display:flex;}
.download-wrapper img{max-width: 150px;}
.download-info {font-size:32px;text-transform:uppercase;color:#fff;}

@media (max-width: 767px) {
 .download-outer .sppb-addon-text-block { text-align: center; }
 .download-wrapper { justify-content: center; } 
 .download-wrapper img{max-width: 120px;}
 .download-outer .sppb-addon-single-image-container img { max-width: 120px; }
 
}

.download-outer .download-app-wrapper {position:absolute;bottom:1px;right:35px;}
.download-outer .download-app-wrapper img {max-width:75%;}
.feature-fuel-cell img {
  max-width: 70%;
}
.sppb-section.feature-fuel-cell:not(.spectrum-faq-list) .sppb-addon-feature {
  margin-top: -70px;
  min-height:265px;
  padding: 80px 39px 40px 39px;
  background-color:#fff;
  box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
  border-radius: 40px 40px 40px 0px;
}
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-addon-text, .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-addon-title.sppb-feature-box-title, .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-icon span i {
  /* color:#185C8E!important; */
}
@media(min-width:768px) and (max-width:991px){
  .sppb-section.feature-fuel-cell:not(.spectrum-faq-list) .sppb-addon-feature {
  min-height:400px!important;
  }
}

/**Feature benefit**/

.sppb-section.feature-fuel-cell:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-addon-text {
    color: #000 !important;
}

.sppb-section.feature-art:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-feature-box-title {
    color: #000 !important;
}

.sppb-section.feature-benefit:not(.spectrum-faq-list) .sppb-addon-feature {
  padding:50px 20px;
}

ol.list {list-style-type: lower-alpha;}


/**utilise**/
.sppb-section.feature-utilise:not(.spectrum-faq-list) .sppb-addon-feature {
  min-height:265px;
  padding: 40px 39px 40px 39px;
  background-color:#fff;
  box-shadow:0px 3px 10px rgba(0,0,0,0.3);
  border-radius: 40px 40px 40px 0px;
}
.sppb-section.feature-utilise:not(.spectrum-faq-list) .sppb-addon-feature .sppb-addon-title.sppb-feature-box-title {
  color:#185C8E!important;
}
.utilise-header h3.sppb-addon-title {
  color:#fff;
}
@media(min-width:768px) and (max-width:991px){
  .sppb-section.feature-utilise:not(.spectrum-faq-list) .sppb-addon-feature {
  min-height:265px;
  padding: 35px 20px 20px 20px;
  background-color:#fff;
  box-shadow:0px 3px 10px rgba(0,0,0,0.3);
  border-radius: 40px 40px 40px 0px;
}
}
@media(max-width:767px){
  .sppb-section.feature-utilise:not(.spectrum-faq-list) .sppb-addon-feature {
    min-height: 265px;
    padding: 35px 20px 20px 20px;
  }
}
.bus {
  z-index:99!important;
  margin-top: -80px!important;
}

.cls-arrow .sppb-col-sm-4{
  position:relative;
}
.cls-arrow .sppb-col-sm-4:not(:last-child):after{
  content:"";
  background-image:url('/images/0_sawarak/pattern/icon-arrow.png');
  background-size:contain;
  background-repeat:no-repeat;
  width:20px;
  height:20px;
  position:absolute;

}
@media(min-width:768px){
  .cls-arrow .sppb-col-sm-4:not(:last-child):after{
  right:-14px;
  top:40%;
  transform:translateY(-40%);
}
}
@media(max-width:767px){
  .cls-arrow .sppb-col-sm-4:not(:last-child):after{
    bottom: 2px;
    left: 47%;
    transform: rotate(90deg);
}
}



.border-bottom-right-radius-2 {
    border-bottom-right-radius: 40px;
}



/**hydrogen work**/
.hydrogen-work {display:flex; align-items:center; }
.img-hydrogen-work {padding-right: 15px;width: 90px;}


@media (min-width: 1200px) {
  
.cls-hydrogen-work-arrow .sppb-row div:nth-child(2){
  position:relative;
}
.cls-hydrogen-work-arrow .sppb-row div:nth-child(2):after{
  content:"";
  background-image:url('/images/0_sawarak/pattern/icon-arrow.png');
  background-size:contain;
  background-repeat:no-repeat;
  width:20px;
  height:20px;
  position:absolute;
  right:-14px;
  top:40%;
  transform:translateY(-40%);
}
.cls-hydrogen-work-arrow .sppb-row div:nth-child(3){
  position:relative;
}
.cls-hydrogen-work-arrow .sppb-row div:nth-child(3):after{
  content:"";
  background-image:url('/images/0_sawarak/pattern/icon-arrow.png');
  background-size:contain;
  background-repeat:no-repeat;
  width:20px;
  height:20px;
  position:absolute;
  right:-14px;
  top:40%;
  transform:translateY(-40%);
}
.cls-hydrogen-work-arrow .sppb-row div:nth-child(4){
  position:relative;
}
.cls-hydrogen-work-arrow .sppb-row div:nth-child(4):after{
  content:"";
  background-image:url('/images/0_sawarak/pattern/icon-arrow.png');
  background-size:contain;
  background-repeat:no-repeat;
  width:20px;
  height:20px;
  position:absolute;
    bottom: 2px;
    left: 47%;
    transform: rotate(90deg);
}
.cls-hydrogen-work-arrow .sppb-row div:nth-child(5){
  position:relative;
}
.cls-hydrogen-work-arrow .sppb-row div:nth-child(5):after{
  content:"";
  background-image:url('/images/0_sawarak/pattern/icon-arrow.png');
  background-size:contain;
  background-repeat:no-repeat;
  width:20px;
  height:20px;
  position:absolute;
  right: -8px;
  top:40%;
  transform: translateY(-40%) rotate(180deg);
}
}
/**advantages**/
.cls-circle-green {
    background-color: #1BAC4B;
    box-shadow: 0 0 0 0 #ffffff;
    border-radius: 50%;
    padding: 0px 30px;
    max-width: 460px;
    max-height: 460px;
    width: 460px;
    height: 460px;
    display: flex;
    align-items: center;
    color: #fff;
    border-radius:50%;
    /* text-transform: uppercase; */
    /* text-align: center; */
}
.cls-circle-green h3{

     text-transform: uppercase; 
  color:#fff!important;
}
@media(max-width:767px){
 .cls-circle-green {
    max-width: 300px;
    max-height: 300px;
 }
}

.advantages-header {
  width: 380px;
  height: 380px;
  background-color:#1BAC4B;
  display:flex;
  align-items:center;
  justify-content: center;
  border-radius: 50%;
  margin: auto;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  padding: 0px 15px;
}
.advantages {
    display:flex;
    align-items:center;
    flex-wrap: wrap;
    margin-left: -10px;
 margin-right: -10px;
 width:100%;
}

.advantages-column{
flex: 0 0 33.3333%;
 max-width:33.3333%;
 padding-left:10px;
 padding-right:10px;
 margin-bottom:20px;
}
.advantages img {
 margin:auto;
 margin-bottom: 10px;
}
.advantages-wrapper {
 height: 200px;
 width: 200px;
 padding: 10px;
 background-color:#fff;
 box-shadow: 0px 3px 10px rgba(0,0,0,30%);
 border-radius:50%;
 display: flex;
 align-content:center;
 align-items:center;
 flex-wrap:wrap;
 text-align:center;
}
.advantages-wrapper div {
 flex: 100%;
 max-width:100%;
 line-height: 1.5;
}
@media(max-width:1200px){
   .advantages-wrapper {
 height: 160px;
 width:160px;
 padding: 7px;
 }
}
@media(max-width:991px){
  .advantages-wrapper {
 height: 150px;
 width:150px;
 padding: 7px;
 }
 .advantages-header {
  width: 220px;
  height: 220px;
  font-size:22px;
 }
}
@media(max-width:767px){
  .advantages-wrapper {
 height: 110px;
 width:110px;
 padding: 7px;
 }
  .advantages-header {
  width: 300px;
  height: 300px;
   font-size:22px;
 }
}