.fc_box_links.bg_green {
background: #E6ECDE;
}
.fc_box_links.bg_blue {
background: #dee9ec;
}
.fc_box_links .box_links_container {
display: flex;
flex-wrap: wrap;
gap: 30px;
align-items: stretch;
}
.fc_box_links .box_links_container .box_link {
width: calc(33% - 20px);
text-decoration: none;
}
.fc_box_links .box_links_container .box_link .image-switch {
padding-bottom: 80%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.fc_box_links .box_links_container .box_link .content {
padding: 40px;
box-sizing: border-box;
background: white;
border-bottom: 2px solid #ffffff;
transition: all .3s ease-in-out;
}
.fc_box_links .box_links_container .box_link .content .title {
font-weight: 700;
font-size: 22px;
line-height: 40px;
font-family: 'Archivo', sans-serif;
color: #333333;
transition: all .3s ease-in-out;
}
.fc_box_links .box_links_container .box_link .content .subtext {
font-weight: 300;
font-size: 16px;
line-height: 25px;
color: #565656;
}
.fc_box_links .box_links_container .box_link:hover .content .title {
color: #1BBBEA;
transition: all .3s ease-in-out;
}
.fc_box_links .box_links_container .box_link:hover .content {
border-bottom: 2px solid #1BBBEA;
transition: all .3s ease-in-out;
}
@media (max-width: 1240px) {
.fc_box_links .box_links_container .box_link .content {
padding: 30px;
}
}
@media (max-width: 1024px) {
.fc_box_links .box_links_container .box_link {
width: calc(50% - 15px);
}
.fc_box_links .box_links_container .box_link .content {
padding: 20px;
}
}
@media (max-width: 640px) {
.fc_box_links .box_links_container .box_link {
width: 100%;
}
}.fc_cta_banner .content {
padding-top: 25px;
padding-bottom: 25px;
}
.fc_cta_banner.width_75 .content {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(9,9,121,0) 25%, rgba(0,212,255,0) 100%);
width: 45%;
}
.fc_cta_banner.right.width_75 .content {
background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(9,9,121,0) 25%, rgba(0,212,255,0) 100%);
width: 45%;
}
.fc_cta_banner.width_50 .content {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%, rgba(9,9,121,0) 75%, rgba(0,212,255,0) 100%);
width: 60%;
}
.fc_cta_banner.right.width_50 .content {
background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%, rgba(9,9,121,0) 75%, rgba(0,212,255,0) 100%);
width: 60%;
}
.fc_cta_banner.right.width_75 .image-switch {
background-size: 90%;
background-position: left;
}
.fc_cta_banner.right.width_50 .image-switch {
background-size: 55%;
background-position: left;
}
.fc_cta_banner.left.width_75 .image-switch {
background-size: 90%;
background-position: right;
}
.fc_cta_banner.left.width_50 .image-switch {
background-size: 55%;
background-position: right;
}
.fc_cta_banner .content > div {
padding: 70px;
box-sizing: border-box;
}
.fc_cta_banner .image-switch {
display: flex;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.fc_cta_banner.right .image-switch {
flex-direction: row-reverse;
}
@media (max-width: 1240px) {
.fc_cta_banner.right.width_75 .content {
width: 60%;
}
.fc_cta_banner.right.width_50 .content {
width: 70%;
}
}
@media (max-width: 1024px) {
.fc_cta_banner.left.width_50 .image-switch, .fc_cta_banner.left.width_75 .image-switch, .fc_cta_banner.right.width_50 .image-switch, .fc_cta_banner.right.width_75 .image-switch {
background-size: cover;
}
.fc_cta_banner .content > div {
padding: 40px;
}
.fc_cta_banner.right.width_50 .content, .fc_cta_banner.right.width_75 .content, .fc_cta_banner.left.width_50 .content, .fc_cta_banner.left.width_75 .content {
width: 100%;
background: no-repeat;
padding: 20px;
}
}
@media (max-width: 640px) {
.fc_cta_banner .content > div {
padding: 30px;
}
}