.boxWorkshops{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 60px 60px;
}
.boxWorkshops a{
display: block;
border: 1px solid #DAF2E8;
border-radius: 9px;
overflow: hidden;
display: flex;
justify-content: space-between;
flex-direction: column;
}

.boxWorkshops a .spImg{
display: block;
overflow: hidden;

}
.boxWorkshops a .spImg img{
max-width: 100%;
height: auto;
transition: all 0.5s ease-out 0s;
}
.boxWorkshops a:hover .spImg img{
transform: scale(1.1);
}

.boxWorkshops a .content{
padding: 0 24px 30px 24px;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;

}

.boxWorkshops a .title{
display: block;
padding: 24px 0 15px 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 700;
color: #20523D;
}

.boxWorkshops a .date{
display: inline-block;
background-color: #ECF8F3;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 18px;
color: #20523D;
padding: 8px 10px;
margin-bottom: 20px;
align-self: flex-start;
}
.boxWorkshops a .date:before{
content: "";
width: 24px;
height: 22px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAYAAADafVyIAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAHuSURBVEhLtVRBUsJQDE3aYcadegK5gXgCy0KKK7mBeAJxIYwrceW0LvQIegN30rIQT6A3kBuIO0ew8aXDx1awSNE/w/Cbn5eXvJ8fpjmrGvp1uOx3Ks2ycXW7XoMidgK3Wcuy6Rl/j18JvJplWZsTu4iDvUPM7ZRNpEiWdZ1lE5HBFAEy7glJiYmfxuAi/jfwe0gkU4TPWsJHj77bYtxMAvWGJJo5qRws3MC3AuJVDbw2KnKMzyzb2Od0LkEMvjsvdnZP+okKyLm/XOuVjwbGpt+6N7ZsApGNlL7JyL/dj+/upwq2fxtnnt8UgRt4TzDedtxWex446zxLIjSInP0LgV7UynD4gswO0CHXS1WAdgd+OyVRtXvhIPv7D6KtbqVp3kEuHjf08Mh4NUXghv4VkdSDSituubxL25ps+1nx6QpCv48KetC/nje44jRRBD5MERh58ELLnZ1j1S/3wrjpA6zj5auCuD2ZB8nnn4dhPFouocQNkt2PJZoYl8xetRfbfkTIG8YkBcEp74R+ySZSYw9s7TxZG0xEpNqvvxUKpZX390ZMYNppmcAGixf6GhE72uKTlxxXwDxpS4kitCoux7IaC5OORn0zdTOnqRCtWkSLEyQyQgxt9fqMYeffMtPewtnPAKhkUwR/ETgZ4xNYrORRTbAcaQAAAABJRU5ErkJggg==') 50% 50% no-repeat;
margin-right: 8px;
display: inline-block;
vertical-align: middle;
}

.boxWorkshops a .price{
display: block;
border-top: 1px solid #DAF2E8;
border-bottom: 1px solid #DAF2E8;
padding: 20px 0;
box-sizing: border-box;
margin-bottom: 30px;
}
.boxWorkshops a .price .inPrice{
display: block;
font-family: 'Poppins', sans-serif;
font-size: 24px;
font-weight: 700;
color: #20523D;
text-align: center;
}
.boxWorkshops a .price .titlePrice{
display: block;
font-size: 18px;
font-weight: 400;
color: #20523D;
font-family: 'Poppins', sans-serif;
text-align: center;
}
.boxWorkshops a .divMore{
text-align: center;
}

.boxWorkshops a .more{
color: #48BA8A;
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 300;
display: inline-block;
position: relative;
}


.boxWorkshops a .more:after{
content: "";
display: inline-block;
width: 33px;
height: 33px;
border-radius: 50%;
border: 1px solid #48BA8A;
vertical-align: middle;
margin-left: 10px;
transition: all 0.5s ease-out 0s;
}
.boxWorkshops a .more:hover:after{
background-color: #48BA8A;
}

.boxWorkshops a .more:before{
content: "";
display: block;
width: 33px;
height: 33px;
border-radius: 50%;
position: absolute;
right: 0;
top:0;
bottom: 0;
margin: auto;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAGoSURBVChThZLPKwRhGMefZ3YJZZWDxEU5csJFToudWYqSyMVlL+tEwiyicNAaJ/EPOJE4cGDnndTmqpycXDj4WYRNG8vu45kx5Me+663peWee76fn+zzPYLMZ7fCCMpfKTzbG/TPP8M/BoFg4JMAG1qWVt4LSvfbBRC4G7WRQGGRHInh9yVcq4v7RWxnkAPbRhJHilzy+PqeBqi01cpkN+gLcSkmOhVwrCelMTaxt4uw39ANwoUeOPoaeXhVv/X7ryMl36A/gQnccS4EgkQFsEtrY8SeUFXB7uuFkGd/vyQOtZot+ZH+XAm6lc46VPMI7Tx7U7vr165yAA1kLV0BYzvYuEoB1OYGAiA4poEzxgorYy7KpRsalgGoZo0g07oyZ8MDU9DZpD7zESU4O82iLkHA/pumd0ilpMWMWFRhgcTE3u8c2uqV7UMXiPAKF+PER4Q7b6JNumm2sIEE3KFCSIdgSqt4v/Zc001jlKfSyDVuzxjZC2cRO00GxGCagJRY/IOJ2LKCHZeIPwDKsDFEVIK6LgD6dS+wAPRsbnseS0y6hRTb/E9v5dyAXmKmf/dcEAAAAAElFTkSuQmCC') 50% 50% no-repeat;
transition: all 0.5s ease-out 0s;
}
.boxWorkshops a .more:hover:before{
filter: brightness(0) invert(100%);
}

@media screen and (max-width:1250px){
.boxWorkshops{grid-gap: 20px 20px}
}
@media screen and (max-width:990px){
.boxWorkshops{grid-template-columns: 1fr;justify-content: center;}
.boxWorkshops a{max-width: 399px;margin: 0 auto}

}