section.collabo__feature-columns { padding: 2rem 0; }

section.collabo__feature-columns .head { margin-bottom: 1.6rem; }
section.collabo__feature-columns .head h2 { margin-bottom: 0.4rem; }
section.collabo__feature-columns .head p { }

section.collabo__feature-columns .columns { }
section.collabo__feature-columns .columns .feature {  background-color: white;border: 1px solid #DFDFDF;box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);max-width: 413px; align-items: center; display: column; flex-flow: row wrap; margin-bottom: 1.3rem; position: relative; padding-top:25px;padding-left:22px;padding-right:22px;
  }
section.collabo__feature-columns .columns .feature figure { flex: 0 0 24px; margin: 0 0 0 0; }
section.collabo__feature-columns .columns .feature figure img { display: block; height: auto; width: 100%; }
section.collabo__feature-columns .columns .feature h3 { flex: 0 0 calc(100% - 46px); margin-bottom: 0.6rem; font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 36px;
padding-top:25px;
padding-bottom:15px}
section.collabo__feature-columns .columns .feature h3 a { color: inherit; text-decoration: none; }
section.collabo__feature-columns .columns .feature p { flex: 0 0 100%;  
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 28px;}

section.collabo__feature-columns .columns .feature a.page-link { display: block; text-decoration: none; font-size:14px;  }
section.collabo__feature-columns .columns .feature a.page-link:hover { text-decoration: underline; }
section.collabo__feature-columns .columns .feature a.page-link i::before { border-style: solid; border-width: 0.15em 0.15em 0 0; content: ''; display: inline-block; height: 0.5em; left: 0; position: relative; top: 7px; transform: rotate(45deg); vertical-align: top; width: 0.5em; }

.feature a:hover{
     border-color: transparent;
    outline: none;
}

a.page-link {
  font-weight: 600;
}



/*  Desktop
   ---------------------------------------------------------------------------- */

@media only screen and ( min-width: 840px ) {
  	section.collabo__feature-columns { padding: 4rem 0; }
  
  	section.collabo__feature-columns .head { margin-bottom: 3rem; text-align: center; }
  	section.collabo__feature-columns .head h2 { margin-bottom: 0.7rem; }
  
  	section.collabo__feature-columns .columns { align-items: flex-start; display: flex; flex-flow: row wrap; }
  	section.collabo__feature-columns .columns .feature {; margin-bottom: 2.5rem; margin-right: 2.5%; }
  .columns .feature:nth-of-type(3n) {
  margin-right: 0;
}
  {# ---------------------------------------------------------------	
  section.collabo__feature-columns .columns .feature:nth-of-type(3n) { margin-right: 0; }
     --------------------------------------------------------------- #}
  	section.collabo__feature-columns .columns .feature figure { flex: 0 0 32px; margin-right: 0px; }
  	section.collabo__feature-columns .columns .feature h3 { flex: 0 0 calc(100% - 46px); padding-left: 0px; }
  	section.collabo__feature-columns .columns .feature p { box-sizing: border-box; padding-left: 0; }
  	section.collabo__feature-columns .columns .feature a.page-link { padding-left: 0; }
  	section.collabo__feature-columns .columns .feature a.page-link i { margin-left: 0.4rem; }
  
  	section.collabo__feature-columns .columns.center { justify-content: center; }
}

h3.evaluator-links {
font-size: 16px !important;
font-weight: 600 !important;
line-height: 24px!important;
letter-spacing: 0px!important;
text-align: left !important;
color:#AF550C!important;
 background-color: #FDF1E7 !important;
        border-radius: 10px !important;
        padding: 5px 10px !important;
        display: inline !important;
        
}

h3.experiences  {

font-size: 16px !important;
font-weight: 600!important;
line-height: 24px!important;
letter-spacing: 0px!important;
text-align: left!important;
color:#B1105D!important;
 background-color: #FCE5F0!important;
        border-radius: 10px!important;
        padding: 5px 10px!important;
        display: inline!important;
        

}

h3.learners_and_teams {
font-size: 16px!important;
font-weight: 600!important;
line-height: 24px!important;
letter-spacing: 0px!important;
text-align: left!important;
color:#6E750A!important;
background-color: #F7F9E6!important;
border-radius: 10px!important;
padding: 5px 10px!important;
display: inline!important;
        
  
}

h3.organisations {
  font-size: 16px !important;
font-weight: 600!important;
line-height: 24px!important;
letter-spacing: 0px!important;
text-align: left!important;
color:#0E567B!important;
 background-color: #E5F2F7!important;
        border-radius: 10px!important;
        padding: 5px 10px!important;
        display: inline!important;
        
}

h3.insights-online {
    font-size: 16px!important;
font-weight: 600!important;
line-height: 24px!important;
letter-spacing: 0px!important;
text-align: left!important;
color:#6D6D6D!important;
 background-color: #F4F6F7!important;
        border-radius: 10px!important;
        padding: 5px 10px!important;
        display: inline!important;
        
}



.bottom-link {
  flex-direction: column;
 justify-content: flex-end;
  position:absolute;
  bottom:5%;

}


.feature h3 {
    color: #0082B7;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.feature-title h3 {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}


.feature {
     height: 500px;
}