body,html {
width: 100vw;
height: 100vh;
min-height: 800px;
}
body,p {
color: #5e6576;
font: 400 1rem/1.625rem "Open Sans",sans-serif;
min-height: 800;
}
h1 {
color: #223150;
font-weight: 700;
font-size: 2.5rem;
line-height: 3.25rem;
letter-spacing: -.4px;
}
h2 {
color: #223150;
font-weight: 700;
font-size: 2rem;
line-height: 2.5rem;
letter-spacing: -.4px;
}
h3 {
color: #223150;
font-weight: 700;
font-size: 1.75rem;
line-height: 2.25rem;
letter-spacing: -.2px;
}
.p-large {
font-size: 1.125rem;
line-height: 1.75rem;
}
.p-small {
font-size: .875rem;
line-height: 1.5rem;
}
.li-space-lg li {
margin-bottom: .5rem;
}
a,a:hover {
color: #5e6576;
text-decoration: underline;
}
.blue {
color: #0092ff;
}
.bg-gray {
background-color: #fcfafb;
}
.section-title {
margin-bottom: .5rem;
color: #ef473d;
font-weight: 600;
font-size: .875rem;
}
@keyframes fadeDropdown {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.header {
padding-top: 0;
padding-bottom: 0;
background: url('../images/header-background.jpg') center center/cover no-repeat;
text-align: center;
}
.header .h1-large {
margin-bottom: 1.75rem;
}
.header .p-large {
margin-bottom: 2.25rem;
}
.header .image-container {
margin-top: 5rem;
}
.cards-1 {
padding-top: 5rem;
padding-bottom: 2.25em;
}
.cards-1 h2 {
margin-bottom: 3.5rem;
}
.cards-1 .card {
margin-bottom: 5rem;
border: none;
background-color: transparent;
}
.cards-1 .card-icon {
width: 66px;
height: 66px;
margin-bottom: 1.875rem;
border-radius: 8px;
background-color: #ddedfb;
text-align: center;
}
.cards-1 .card-icon .far,.cards-1 .card-icon .fas {
color: #0092ff;
font-size: 2rem;
line-height: 66px;
}
.cards-1 .card-icon.red {
background-color: #fbe4e4;
}
.cards-1 .card-icon.red .far,.cards-1 .card-icon.red .fas {
color: #ef473d;
}
.cards-1 .card-icon.green {
background-color: #e0f4ea;
}
.cards-1 .card-icon.green .far,.cards-1 .card-icon.green .fas {
color: #16c66d;
}
.cards-1 .card-body {
padding: 0;
}
.cards-1 .card-body p,.cards-1 .card-title {
margin-bottom: 1.125rem;
}
.basic-1 {
padding-top: 2.25rem;
padding-bottom: 4.75rem;
background: linear-gradient(#fcfafb,#fff);
}
.basic-1 .image-container {
margin-bottom: 4rem;
}
.basic-1 h2 {
margin-bottom: 1.75rem;
}
.basic-1 p {
margin-bottom: 2rem;
}
.basic-2 {
padding-top: 4.5rem;
padding-bottom: 9.5rem;
background: url('../images/details-2-background.') center center/cover no-repeat;
}
.basic-2 .text-container {
margin-bottom: 4rem;
}
.basic-2 h2 {
margin-bottom: 1.75rem;
}
.basic-2 p {
margin-bottom: 2rem;
}
.accordion-1 {
padding-top: 9.25rem;
padding-bottom: 9.75rem;
background: url('../images/features-background.jpg') center center/cover no-repeat;
}
.accordion-1 .h2-heading {
margin-bottom: 1rem;
color: #fff;
text-align: center;
}
.accordion-1 .p-heading {
margin-bottom: 4rem;
color: #fff;
text-align: center;
}
.accordion-1 .accordion {
margin-bottom: 5rem;
}
.accordion-1 .accordion-item {
margin-bottom: 2.5rem;
border: none;
border-radius: 0;
background-color: transparent;
}
.accordion-1 .accordion-item:last-of-type {
margin-bottom: 0;
}
.accordion-1 .accordion-icon {
position: absolute;
width: 44px;
height: 44px;
border-radius: 4px;
text-align: center;
background-color: #14be9f;
}
.accordion-1 .accordion-icon.blue {
background-color: #1d79fb;
}
.accordion-1 .accordion-icon.purple {
background-color: #dc63ff;
}
.accordion-1 .accordion-icon.orange {
background-color: #ff6c02;
}
.accordion-1 .accordion-icon .fas {
color: #fff;
font-size: 1.25rem;
line-height: 44px;
}
.accordion-1 .accordion-header {
margin-left: 4.125rem;
padding: .5rem 0;
border: none;
background-color: transparent;
}
.accordion-1 .accordion-header button {
padding: 0;
border: none;
background-color: transparent;
color: #fff;
box-shadow: none;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.625rem;
letter-spacing: -.4px;
text-align: left;
}
.accordion-1 .accordion-header button:after {
display: none;
}
.accordion-1 .accordion-body {
margin-left: 4.125rem;
padding: .375rem 0 0;
color: #fff;
}
.form-1 {
padding-top: 9.5rem;
padding-bottom: 8.75rem;
}
.form-1 .text-container {
margin-bottom: 4rem;
}
.form-1 h2 {
margin-bottom: 1.75rem;
}
.copyright {
padding-top: 1.5rem;
border-top: 1px solid #d0dae2;
text-align: center;
}
.copyright a {
text-decoration: none;
}
.copyright .list-unstyled,.copyright .statement {
opacity: .7;
}
@media (min-width:768px) {
.header {
padding-top: 9rem;
padding-bottom: 5em;
}
.header .h1-large {
font-size: 3.25rem;
line-height: 3.75rem;
}
}
@media (min-width:992px) {
.h2-heading {
width: 35.25rem;
margin-right: auto;
margin-left: auto;
}
.p-heading {
width: 46rem;
margin-right: auto;
margin-left: auto;
}
.header {
text-align: left;
}
.header .text-container {
margin-top: 4rem;
}
.header .image-container {
margin-top: 0;
}
.cards-1 .card {
display: inline-block;
width: 286px;
vertical-align: top;
}
.cards-1 .card:nth-of-type(3n+2) {
margin-right: 2rem;
margin-left: 2rem;
}
.basic-1 .image-container {
margin-bottom: 0;
}
.basic-1 .text-container {
margin-top: 2rem;
}
.basic-2 .text-container {
margin-top: 3rem;
margin-bottom: 0;
}
.copyright {
text-align: left;
}
.copyright .list-unstyled li {
display: inline-block;
margin-right: 1rem;
}
.copyright .statement {
text-align: right;
}
}
@media (min-width:1200px) {
.container {
max-width: 1140px;
}
.header {
overflow: hidden;
padding-top: 0;
padding-bottom: 0;
}
.header .text-container {
margin-top: 0;
}
.header .image-container {
position: relative;
}
.header .image-container img {
position: absolute;
bottom: -520px;
left: 60px;
max-width: none;
}
.cards-1 .card {
width: 310px;
}
.cards-1 .card:nth-of-type(3n+2) {
margin-right: 5.5rem;
margin-left: 5.5rem;
}
.basic-1 .text-container {
margin-top: 5rem;
margin-left: 2.75rem;
}
.basic-2 .text-container {
margin-top: 6rem;
margin-right: 3rem;
}
.basic-2 .image-container {
text-align: right;
}
.accordion-1 .accordion {
margin-bottom: 0;
}
.accordion-1 .image-container {
text-align: right;
}
.form-1 .text-container {
margin-top: 1.5rem;
margin-right: 2.75rem;
}
.form-1 form {
margin-left: 2.75rem;
}
}