#header { | |
background-color: #494d55; | |
/* background: linear-gradient(165deg, #58bbee 50%, #494d55 50%); */ | |
} | |
.cards-section { | |
padding: 60px 0; | |
background: #f9f9fb; | |
} | |
.cards-section .title { | |
margin-top: 0; | |
margin-bottom: 15px; | |
font-size: 24px; | |
font-weight: 600; | |
} | |
.cards-section .intro { | |
margin: 0 auto; | |
max-width: 800px; | |
margin-bottom: 60px; | |
color: #616670; | |
} | |
.cards-section .cards-wrapper { | |
max-width: 860px; | |
margin-left: auto; | |
margin-right: auto; | |
} | |
.cards-section .item { | |
margin-bottom: 30px; | |
} | |
.cards-section .item .icon-holder { | |
margin-bottom: 15px; | |
} | |
.cards-section .item .icon { | |
font-size: 36px; | |
} | |
.cards-section .item .title { | |
font-size: 16px; | |
font-weight: 600; | |
} | |
.cards-section .item .intro { | |
margin-bottom: 15px; | |
} | |
.cards-section .item-inner { | |
padding: 45px 30px; | |
background: #fff; | |
position: relative; | |
border: 1px solid #f0f0f0; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
-ms-border-radius: 4px; | |
-o-border-radius: 4px; | |
border-radius: 4px; | |
-moz-background-clip: padding; | |
-webkit-background-clip: padding-box; | |
background-clip: padding-box; | |
height: 100%; | |
} | |
.cards-section .item-inner .link { | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
top: 0; | |
left: 0; | |
z-index: 1; | |
} | |
.cards-section .item-inner:hover { | |
background: #f5f5f5; | |
} | |
.cards-section .item-primary .item-inner { | |
border-top: 3px solid #40babd; | |
} | |
.cards-section .item-primary .item-inner:hover .title { | |
color: #2d8284; | |
} | |
.cards-section .item-primary .icon { | |
color: #40babd; | |
} | |
.cards-section .item-green .item-inner { | |
border-top: 3px solid #75c181; | |
} | |
.cards-section .item-green .item-inner:hover .title { | |
color: #48a156; | |
} | |
.cards-section .item-green .icon { | |
color: #75c181; | |
} | |
.cards-section .item-blue .item-inner { | |
border-top: 3px solid #58bbee; | |
} | |
.cards-section .item-blue .item-inner:hover .title { | |
color: #179de2; | |
} | |
.cards-section .item-blue .icon { | |
color: #58bbee; | |
} | |
.cards-section .item-orange .item-inner { | |
border-top: 3px solid #F88C30; | |
} | |
.cards-section .item-orange .item-inner:hover .title { | |
color: #d46607; | |
} | |
.cards-section .item-orange .icon { | |
color: #F88C30; | |
} | |
.cards-section .item-red .item-inner { | |
border-top: 3px solid #f77b6b; | |
} | |
.cards-section .item-red .item-inner:hover .title { | |
color: #f33a22; | |
} | |
.cards-section .item-red .icon { | |
color: #f77b6b; | |
} | |
.cards-section .item-pink .item-inner { | |
border-top: 3px solid #EA5395; | |
} | |
.cards-section .item-pink .item-inner:hover .title { | |
color: #d61a6c; | |
} | |
.cards-section .item-pink .icon { | |
color: #EA5395; | |
} | |
.cards-section .item-purple .item-inner { | |
border-top: 3px solid #8A40A7; | |
} | |
.cards-section .item-purple .item-inner:hover .title { | |
color: #5c2b70; | |
} | |
.cards-section .item-purple .icon { | |
color: #8A40A7; | |
} | |
@media (max-width: 767.98px) { | |
.cards-section .item-inner { | |
padding: 30px 15px; | |
} | |
} |