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; } }