.blog-content-box-container {
float: left;
width: calc(100% / 3);
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.blog-content-box {
float: left;
width: calc(100% - 10px);
margin: 6.25px 5px 37.5px 5px;
padding: 0 0 0 0;
-webkit-border-radius: 17.5px 17.5px 17.5px 17.5px;
-moz-border-radius: 17.5px 17.5px 17.5px 17.5px;
-ms-border-radius: 17.5px 17.5px 17.5px 17.5px;
-o-border-radius: 17.5px 17.5px 17.5px 17.5px;
border-radius: 17.5px 17.5px 17.5px 17.5px;
outline: 0;
background: #FFFFFF;
border: 1px solid #1F27F1;
cursor: pointer;
-webkit-box-shadow: 0 8px 30px 0 rgba(31,38,135,0.075);
-moz-box-shadow: 0 8px 30px 0 rgba(31,38,135,0.075);
-ms-box-shadow: 0 8px 30px 0 rgba(31,38,135,0.075);
-o-box-shadow: 0 8px 30px 0 rgba(31,38,135,0.075);
box-shadow: 0 8px 30px 0 rgba(31,38,135,0.075);
-webkit-transition: all 0.125s ease-in-out;
-moz-transition: all 0.125s ease-in-out;
-ms-transition: all 0.125s ease-in-out;
-o-transition: all 0.125s ease-in-out;
transition: all 0.125s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

.blog-content-box:hover {
border: 1px solid #23046E;
-webkit-transform: scale(0.95);
-moz-transform: scale(0.975);
-ms-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
-webkit-transition: all 0.125s ease-in-out;
-moz-transition: all 0.125s ease-in-out;
-ms-transition: all 0.125s ease-in-out;
-o-transition: all 0.125s ease-in-out;
transition: all 0.125s ease-in-out;
-webkit-box-shadow: 0 8px 15px 0 rgba(31,38,135,0.37);
-moz-box-shadow: 0 8px 15px 0 rgba(31,38,135,0.37);
-ms-box-shadow: 0 8px 15px 0 rgba(31,38,135,0.37);
-o-box-shadow: 0 8px 15px 0 rgba(31,38,135,0.37);
box-shadow: 0 8px 15px 0 rgba(31,38,135,0.37);
}

.blog-content-box:active {
border: 1px solid #23046E;
-webkit-transform: scale(0.95);
-moz-transform: scale(0.975);
-ms-transform: scale(0.975);
-o-transform: scale(0.95);
transform: scale(0.95);
-webkit-transition: all 0.125s ease-in-out;
-moz-transition: all 0.125s ease-in-out;
-ms-transition: all 0.125s ease-in-out;
-o-transition: all 0.125s ease-in-out;
transition: all 0.125s ease-in-out;
-webkit-box-shadow: 0 8px 15px 0 rgba(31,38,135,0.37);
-moz-box-shadow: 0 8px 15px 0 rgba(31,38,135,0.37);
-ms-box-shadow: 0 8px 15px 0 rgba(31,38,135,0.37);
-o-box-shadow: 0 8px 15px 0 rgba(31,38,135,0.37);
box-shadow: 0 8px 15px 0 rgba(31,38,135,0.37);
}

.blog-content-box-date {
width: 100%;
height: 147.5px;
margin: 0 0 0 0;
padding: 0 25px 0 25px;
outline: 0;
color: #1F27F1;
-webkit-transition: all 0.125s ease-in-out;
-moz-transition: all 0.125s ease-in-out;
-ms-transition: all 0.125s ease-in-out;
-o-transition: all 0.125s ease-in-out;
transition: all 0.125s ease-in-out;
}

.blog-content-box-date h2 {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: 'Figtree', sans-serif, 'Manrope', 'Inter', sans-serif, Arial, Verdana, Helvetica;
font-optical-sizing: auto;
font-weight: 900;
font-size: 1.125em;
letter-spacing: -0.0175em;
line-height: 1.1125;
text-align: center;
opacity: 1;
}

.blog-content-box-top {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
-webkit-border-radius: 17.5px 17.5px 0 0;
-moz-border-radius: 17.5px 17.5px 0 0;
-ms-border-radius: 17.5px 17.5px 0 0;
-o-border-radius: 17.5px 17.5px 0 0;
border-radius: 17.5px 17.5px 0 0;
outline: 0;
color: #1F27F1;
-webkit-transition: all 0.125s ease-in-out;
-moz-transition: all 0.125s ease-in-out;
-ms-transition: all 0.125s ease-in-out;
-o-transition: all 0.125s ease-in-out;
transition: all 0.125s ease-in-out;
}

.blog-content-box-bottom {
position: relative;
width: 100%;
height: 137.5px;
margin: 0 0 0 0;
padding: 0 27.5px 0 27.5px;
outline: 0;
color: #1F27F1;
text-align: center;
-webkit-transition: all 0.125s ease-in-out;
-moz-transition: all 0.125s ease-in-out;
-ms-transition: all 0.125s ease-in-out;
-o-transition: all 0.125s ease-in-out;
transition: all 0.125s ease-in-out;
}

.blog-content-box-bottom, .center-text {
text-align: center;
}

.blog-content-box-bottom h2 {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: 'Figtree', sans-serif, 'Manrope', 'Inter', sans-serif, Arial, Verdana, Helvetica;
font-optical-sizing: auto;
font-weight: 900;
font-size: 1.125em;
letter-spacing: -0.0175em;
line-height: 1.1125;
text-align: center;
opacity: 1;
}

.blog-content-box:hover .blog-content-box-date, .blog-content-box:focus .blog-content-box-date {
color: #23046E;
-webkit-transition: all 0.125s ease-in-out;
-moz-transition: all 0.125s ease-in-out;
-ms-transition: all 0.125s ease-in-out;
-o-transition: all 0.125s ease-in-out;
transition: all 0.125s ease-in-out;
}

.blog-content-box:hover .blog-content-box-bottom, .blog-content-box:focus .blog-content-box-bottom {
color: #23046E;
-webkit-transition: all 0.125s ease-in-out;
-moz-transition: all 0.125s ease-in-out;
-ms-transition: all 0.125s ease-in-out;
-o-transition: all 0.125s ease-in-out;
transition: all 0.125s ease-in-out;
}

.blog-content-box:hover .blog-content-box-read-more, .blog-content-box:focus .blog-content-box-read-more {
background: #23046E;
-webkit-transition: all 0.125s ease-in-out;
-moz-transition: all 0.125s ease-in-out;
-ms-transition: all 0.125s ease-in-out;
-o-transition: all 0.125s ease-in-out;
transition: all 0.125s ease-in-out;
}

/* ------------------------------------------------------------------------------------------------------- */

.blog-content-box-read-more {
width: 100%;
height: 70px;
margin: 0 0 0 0;
padding: 0 12.5px 0 12.5px;
background: #1F27F1;
-webkit-border-radius: 0 0 16.5px 16.5px;
-moz-border-radius: 0 0 16.5px 16.5px;
-ms-border-radius: 0 0 16.5px 16.5px;
-o-border-radius: 0 0 16.5px 16.5px;
border-radius: 0 0 16.5px 16.5px;
}

.blog-content-box-read-more p {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: 'Figtree', sans-serif, 'Manrope', 'Inter', sans-serif, Arial, Verdana, Helvetica;
font-optical-sizing: auto;
font-weight: 900;
font-size: 1.5em;
letter-spacing: -0.0025em;
line-height: 1.3;
text-align: center;
opacity: 1;
color: #FFFFFF;
}

/* ------------------------------------------------------------------------------------------------------- */

.blogimage {
width: 100%;
height: 250px;
margin: 0 0 0 0;
padding: 0 0 0 0;
overflow: hidden;
position: relative;
-webkit-border-radius: 16.5px 16.5px 0 0;
-moz-border-radius: 16.5px 16.5px 0 0;
-ms-border-radius: 16.5px 16.5px 0 0;
-o-border-radius: 16.5px 16.5px 0 0;
border-radius: 16.5px 16.5px 0 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.blogimageinside {
height: 100%;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.blogimage:hover .blogimageinside, .blogimage:focus .blogimageinside {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.blogimage:hover .blogimageinside:before, .blogimage:focus .blogimageinside:before {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.blogimageinside:before {
content: "";
display: none;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

/* ------------------------------------------------------------------------------------------------------- */

.wrapper-options h2 {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: 'Figtree', sans-serif, 'Manrope', 'Inter', sans-serif, Arial, Verdana, Helvetica;
font-optical-sizing: auto;
font-weight: 900;
font-size: 1.125em;
letter-spacing: -0.0175em;
line-height: 1.1125;
text-align: center;
opacity: 1;
}

/* ------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1100px) {

/* ------------------------------------------------------------------------------------------------------- */

.blog-content-box-container {
float: left;
width: calc(100% / 2);
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* ------------------------------------------------------------------------------------------------------- */

}

/* ------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 850px) {

/* ------------------------------------------------------------------------------------------------------- */

.blog-content-box-container {
float: left;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* ------------------------------------------------------------------------------------------------------- */

}

/* ------------------------------------------------------------------------------------------------------- */