{% for item in module.main_box %}
	{% if item.image.src %}
		{% set sizeAttrs = 'width="" height=""' %}
		{% if item.image.size_type == 'auto' %}
			{% set sizeAttrs = 'style="max-width: 100%; height: auto;"' %}
		{% elif item.image.size_type == 'auto_custom_max' %}
			{% set sizeAttrs = 'width="" height="" style="max-width: 100%; height: auto;"' %}
		{% endif %}
		 {% set loadingAttr = item.image.loading != 'disabled' ? 'loading=""' : '' %}
		<img src="" alt=""  >
	{% endif %}
	{% inline_text field="sub" value="" %}
	{% inline_text field="title" value="" %}
	{% inline_rich_text field="text" value="" %}
	{% inline_text field="button_text" value="" %}
	{% set href = item.button_link.url.href %}
	{% if item.button_link.url.type is equalto "EMAIL_ADDRESS" %}
		{% set href = "mailto:" + href %}
	{% endif %}
	<a href=""
		{% if item.button_link.open_in_new_tab %}target="_blank"{% endif %}
		{% if item.button_link.rel %}rel=""{% endif %}
		>
		Link text
	</a>
{% endfor %}

/* ms@23-02-2023 css modules */
.post-item {position:relative;}

.post-item img {
  height: auto;
  width: 100%;
}
.post-item h2 {
  margin: 0;
    padding: 10px 0;
    font-size: 31px;
    line-height: 34px;
    color: #151413;
    font-family: 'natom-pro',sans-serif;
    font-weight: bold;
    clear: both;
  letter-spacing:-2px;
  word-break: break-word;
}
.post-item .text {
    padding: 30px 20px;
   font-size: 18px;
    line-height: 30px;
}
.plant_row .text {
    width: 100% !important; 
    padding: 90px 70px;
}
.plant_row .image {
    width: 100% !important; 
}
.post-item a {
    background: none !important;
    border: 1px solid #C3C3C3 !important;
    color:#151413 !important;
}
.post-item a:hover {
    border:none !important;
    background: none !important;
    border: 1px solid #C3C3C3 !important;
    color:#151413 !important;
}

.plant_section{
  margin:30px 0;
}

.link_style2 span{
    display: block;
    position: absolute;
    bottom: 40px;
    left: 20px;
    color:#66C595;
    font-size: 17px;
}
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
  .plant_row {
      flex-wrap: inherit !important;
      flex-direction: inherit !important;
  }
}

@media (min-width: 30px) and (max-width: 767px){
  .link_style2{
      margin-top: 50px;
  }
}

@media (min-width: 820px) and (max-width: 1180px){
  .post-item .text {
      padding: 30px 20px;
      font-size: 14px;
      line-height: 20px;
  }
  .plant_row .text {
      padding: 20px 10px !important;
  }
  
  .post-item h2 {
    font-size: 31px !important;
    line-height: 34px !important;
  }
  
  .link_style2 {
    margin-top: 30px;
    display: block;
    bottom: -15px;
    width: 100%;
    position: absolute;
    left: 0px;
  }
  
  .link_style2 span{
    font-size:11px;
  }
  .link_style2 span:after {
    background:none !important;
  }
  
}

.link_style2 span:after {
    content: '';
    background: #66C595 url(https://8479485.fs1.hubspotusercontent-na1.net/hubfs/8479485/Greenergy_2021/image/arrow.svg) no-repeat left 8px top 4.2px;
    width: 19px;
    height: 20px;
    display: inline-block;
    border-radius: 20px;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 7px;
    position: relative;
    left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}