<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import url('https://rsms.me/inter/inter.css');
html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  html { font-family: 'Inter var', sans-serif; }
}
.clouds-bg{
	background: url("/signup/resources/images/clouds-bg.jpg") #ebfaff; 
	background-repeat: no-repeat; 
	background-position: right bottom;
	background-attachment:fixed;
}
/*colors*/
.primary-purple {
    color: #B679D6;
}
.primary-purple-dark {
    color: #9853BC;
}
.primary-pink {
    color: #E30295;
}
.primary-pink-dark {
    color: #9E0067;
}
.primary-blue {
    color: #27AAE1;
}
.primary-blue-dark {
    color: #089AD9;
}
.primary-gray {
    color: #707070;
}
.primary-gray-dark {
    color: #3A3A3A;
}
.disabled-gray {
    color: #c1c1c1;
}
.disabled-gray-dark {
    color: #aaaaaa;
}
.primary-green {
    color: #8DC641;
}
.primary-green-dark {
    color: #70AC22;
}
.primary-orange {
    color: #F6AE2D;
}
.primary-orange-dark {
    color: #dd9c28;
}
.primary-red {
    color: #ad1313;
}
.primary-red-dark {
    color: #8b0000;
}
.white {
    color: #ffffff;
}

/*buttons*/
.flex {
	display:flex;
}
.flex45 {
	flex: 45%;
}
.buttons-container {
    padding: 20px; 
}
.bl-btn {
    background: #27AAE1;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 1.6rem;
	text-shadow: none;
    font-family: Arial;
    color: #ffffff;
    padding: 0.8rem 4rem 0.8rem 4rem;
    font-size: 0.8rem;
    text-decoration: none;
    border: none;
    box-shadow: 0rem 0.0625rem 0.125rem rgba(70,70,70,0.20);
    display: block;
    text-align: center;
}
.bl-btn:hover {
    background: #089AD9;
    text-decoration: none;
}
.bl-btn-sm {
    background: #27AAE1;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 1.6rem;
	text-shadow: none;
    font-family: Arial;
    color: #ffffff;
    padding: 10px;
    font-size: 12px;
    text-decoration: none;
    border: none;
    box-shadow: 0rem 0.0625rem 0.125rem rgba(70,70,70,0.20);
   display: block;
    text-align: center;
}
.bl-btn-sm:hover {
    background: #089AD9;
    text-decoration: none;
}

.purple-btn {
    background: #B679D6;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 1.6rem;
	text-shadow: none;
    font-family: Arial;
    color: #ffffff;
    padding: 0.8rem 4rem 0.8rem 4rem;
    font-size: 0.8rem;
    text-decoration: none;
    border: none;
    box-shadow: 0rem 0.0625rem 0.125rem rgba(70,70,70,0.20);
   display: block;
    text-align: center;
}
.purple-btn:hover {
    background: #9853BC;
    text-decoration: none;
}

.purple-btn-sm {
    background: #B679D6;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 1.6rem;
	text-shadow: none;
    font-family: Arial;
    color: #ffffff;
    padding: 10px;
    font-size: 12px;
    text-decoration: none;
    border: none;
    box-shadow: 0rem 0.0625rem 0.125rem rgba(70,70,70,0.20);
   display: block;
    text-align: center;
}
.purple-btn-sm:hover {
    background: #9853BC;
    text-decoration: none;
}
.pink-btn {
    background: #E30295;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 1.6rem;
	text-shadow: none;
    font-family: Arial;
    color: #ffffff;
    padding: 0.8rem 4rem 0.8rem 4rem;
    font-size: 0.8rem;
    text-decoration: none;
    border: none;
    box-shadow: 0rem 0.0625rem 0.125rem rgba(70,70,70,0.20);
   display: block;
    text-align: center;
}
.pink-btn:hover {
    background: #9E0067;
    text-decoration: none;
}

.pink-btn-sm {
    background: #E30295;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 1.6rem;
	text-shadow: none;
    font-family: Arial;
    color: #ffffff;
    padding: 10px;
    font-size: 12px;
    text-decoration: none;
    border: none;
    box-shadow: 0rem 0.0625rem 0.125rem rgba(70,70,70,0.20);
   display: block;
    text-align: center;
}
.pink-btn-sm:hover {
    background: #9E0067;
    text-decoration: none;
}

.gray-btn {
    background: #707070;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 1.6rem;
	text-shadow: none;
    font-family: Arial;
    color: #ffffff;
    padding: 0.8rem 4rem 0.8rem 4rem;
    font-size: 0.8rem;
    text-decoration: none;
    border: none;
    box-shadow: 0rem 0.0625rem 0.125rem rgba(70,70,70,0.20);
    display: block;
    text-align: center;
}
.gray-btn:hover {
    background: #3A3A3A;
    text-decoration: none;
}
.gray-btn-sm {
    background: #707070;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 1.6rem;
	text-shadow: none;
    font-family: Arial;
    color: #ffffff;
    padding: 10px;
    font-size: 12px;
    text-decoration: none;
    border: none;
    box-shadow: 0rem 0.0625rem 0.125rem rgba(70,70,70,0.20);
   display: block;
    text-align: center;
}
.gray-btn-sm:hover {
    background: #3A3A3A;
    text-decoration: none;
}

.disabled-gray-btn-sm {
    background: #c1c1c1;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 1.6rem;
	text-shadow: none;
    font-family: Arial;
    color: #ffffff;
   padding: 10px;
    font-size: 12px;
    text-decoration: none;
    border: none;
    box-shadow: 0rem 0.0625rem 0.125rem rgba(70,70,70,0.20);
    display: block;
    text-align: center;
}
.disabled-gray-btn-sm:hover {
    background: #aaaaaa;
    text-decoration: none;
}
.green-btn {
    background: #8DC641;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 1.6rem;
	text-shadow: none;
    font-family: Arial;
    color: #ffffff;
    padding: 0.8rem 4rem 0.8rem 4rem;
    font-size: 0.8rem;
    text-decoration: none;
    border: none;
    box-shadow: 0rem 0.0625rem 0.125rem rgba(70,70,70,0.20);
   display: block;
    text-align: center;
}
.green-btn:hover {
    background: #70AC22;
    text-decoration: none;
}
.green-btn-sm {
    background: #8DC641;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 1.6rem;
	text-shadow: none;
    font-family: Arial;
    color: #ffffff;
   padding: 10px;
    font-size: 12px;
    text-decoration: none;
    border: none;
    box-shadow: 0rem 0.0625rem 0.125rem rgba(70,70,70,0.20);
    display: block;
    text-align: center;
}
.green-btn-sm:hover {
    background: #70AC22;
    text-decoration: none;
}

.orange-btn {
    background: #F6AE2D;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 1.6rem;
	text-shadow: none;
    font-family: Arial;
    color: #ffffff;
    padding: 0.625rem 1.5625rem 0.625rem 1.5625rem;
    font-size: 12px;
    text-decoration: none;
    box-shadow: 0rem 0.0625rem 0.125rem rgba(70,70,70,0.20);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.orange-btn:hover {
    background: #dd9c28;
    text-decoration: none;
}
.red-btn {
    background: #ad1313;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 1.6rem;
	text-shadow: none;
    font-family: Arial;
    color: #ffffff;
    padding: 0.8rem 4rem 0.8rem 4rem;
    font-size: 0.8rem;
    text-decoration: none;
    border: none;
    box-shadow: 0rem 0.0625rem 0.125rem rgba(70,70,70,0.20);
    display: block;
    text-align: center;
}
.red-btn:hover {
    background: #8b0000;
    text-decoration: none;
}
.orange-btn-sm {
    background: #F6AE2D;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 1.6rem;
	text-shadow: none;
    font-family: Arial;
    color: #ffffff;
    padding: 10px;
    font-size: 12px;
    text-decoration: none;
    border: none;
    box-shadow: 0rem 0.0625rem 0.125rem rgba(70,70,70,0.20);
    display: block;
    text-align: center;
}
.orange-btn-sm:hover {
    background: #dd9c28;
    text-decoration: none;
}
a.orange-btn {
    background: #F6AE2D;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 4rem;
	text-shadow: none;
    font-family: Arial;
    color: #ffffff;
    padding: 0.625rem 1.5625rem 0.625rem 1.5625rem;
    font-size: 1rem;
    text-decoration: none;
    box-shadow: 0rem 0.0625rem 0.125rem rgba(70,70,70,0.20);
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

a.orange-btn:hover {
    background: #dd9c28;
    text-decoration: none;
}

a.larger-orange-btn {
    height: 5rem;
    font-size: 1.4rem;
    font-weight: 700;
}
.delete-btn{
    background-color: #fafcfe;
    width: fit-content !important;
}

.add-btn{
    background-color: #fafcfe;
    width: fit-content !important;
    color: #9FA2A8;
    padding: 0 5px;
}

.delete-btn .fa, .add-btn .fa{
    font-size: 22px;
    color: #9FA2A8;
}

.bl-btn:disabled{
    background-color: #9FA2A8;
}
.num-input {font-size: 18px; padding: 5px; text-align: center; border-radius: 9px; border:1px solid #ccc; width: 90px;}
.horizontal-center-items {
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-row {
    display: flex;
    justify-content: center;
    align-items: center;
}
.submit-button-div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.horizontal-center-space-evenly {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.horizontal-center-space-around {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.horizontal-center-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.horizontal-center-content {
    display: flex;
    justify-content: center;
    align-content: center;
}
.vertical-center {
    display: flex;
    flex-direction: column;
    justify-content: center
}
.vertical-center-evenly {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.vertical-center-around {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.vertical-center-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.grid-twoColumns-centered {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
}
.grid-threeColumns-centered {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
}
.bottom20 {
    padding-bottom: 20px;
}
.top20 {
    padding-top: 20px;
}
.teacher-speadsheet-container {
    display: flex;
    justify-content: space-evenly;
}
.enter-teacher-checkbox-container {
    display: flex;
    justify-content: center;
}
.triple-button-container {
    display: flex;
    justify-content: space-evenly;
    padding: 20px 0px;
}
.triple-button-container img {
    width: 175px;
    cursor: pointer;
}
.city-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 160px;
}
.state-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30px;
}
.zip-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 60px;
}
.teacher-individual-input-container {
    display: flex;
    justify-content: space-evenly;
    padding-top: 20px;
}
.delete-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px;
    cursor: pointer;
}
.number-of-students-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px;
}
.info-RAT-list li{
    overflow-wrap: break-word;
    max-width: 350px;
    text-align: left;
    font-size: 12px;
    padding-bottom: 30px;
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1.5em;
    padding-left: 1em;
}
.info-YOU-list li{
    overflow-wrap: break-word;
    padding-right: 40px;
    max-width: 300px;
    text-align: left;
    font-size: 12px;
    padding-bottom: 30px;
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1.5em;
    padding-left: 1em;
}
.info-Red-list li{
    overflow-wrap: break-word;
    padding-right: 40px;
    max-width: 300px;
    text-align: left;
    font-size: 12px;
    padding-bottom: 30px;
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1.5em;
    padding-left: 1em;
}
.info-RAT-list h4{
    overflow-wrap: break-word;
    padding-left: 40px;
    padding-right: 40px;
}
.info-YOU-list h4{
    overflow-wrap: break-word;
    padding-right: 40px;
}
.info-Red-list h4{
    overflow-wrap: break-word;
    padding-right: 40px;
}
.info-RAT-list li {
  list-style: none;
}

.info-RAT-list li:before {
    color: #8DC641;
    content: '✓';
    padding-right: 0.5em;
	font-size: 1.3em;
}
.info-YOU-list li {
  list-style: none;
}
.info-Red-list li {
  list-style: none;
}

.info-YOU-list li:before {
    color: #8DC641;
    content: '✓';
    padding-right: 0.5em;
	font-size: 1.3em;
}
.info-Red-list li:before {
    color: #ad1313;
    content: '✓';
    padding-right: 0.5em;
	font-size: 1.3em;
}
.info-comparison-container {
    display: flex;
    padding-bottom: 20px;
}

.back-container {
    color: #707070;
    display: flex;
    justify-content: center;
    align-content: center;
    cursor: pointer;
    padding: 20px;
}
.back-container i {
    color: #707070;
}

.font12 {
    font-size: 12px;
	line-height: 1.8em;
}
.font14 {
    font-size: 14px;
	line-height: 1.8em;
}
.font16 {
    font-size: 16px;
	line-height: 1.8em;
}
.font18 {
    font-size: 18px;
	line-height: 1.8em;
}
.font22 {
    font-size: 22px;
	line-height: 1.8em;
}

.font30 {
    font-size: 30px;
	line-height: 1.8em;
}
.dashboard-box {
    padding: 15px;
    background: #fff;
    border-radius: 12px;
    margin: 10px 40px;
    box-shadow: 0 0 4px #ccc;
}
.signup-box{
    padding: 25px; 
    width: 80%; 
    max-width: 400px; 
    height: 100%; 
    background: #fff; 
    border-radius: 20px; 
    box-shadow: 0 0 10px #bedde9; 
    margin-top: 3%;
}
.signup-box-info{
    padding: 25px; 
    width: 80%; 
    max-width: 600px; 
    height: 100%;
    
    background: #fff; 
    border-radius: 20px; 
    box-shadow: 0 0 10px #bedde9; 
    margin-top: 3%;
}
.zip-submit-field {
    font-size: 18px; 
    color: #707070; 
    padding: 15px; 
    border: 1px solid #707070; 
    border-radius: 9px; 
    text-align: center
  }
.fa-map-container {
    display: flex;
    justify-content: center;
    align-content: center;
}
.fa-map-container i{
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #e64c3b;
    margin-right: -30px;
    z-index: 10;
}
.font-zip {
    width:300px; 
    margin: auto;
}
.font-zip i {
    color: #E64C3B;
}
.page-section {
    min-height: 90vh;
}
.signup-logo-container img{
    width: 120px;
    padding-bottom: 25px;
}

.page-container {
    position: relative;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1.25rem;
    background: #FFFFFF;
    margin: 0 auto;
}

.fixed-top-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    display: block;
    justify-content: flex-start;
    align-items: stretch;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    background: #6EC7ED;
    margin: 0 auto;
}

.rat-base-header {
    display: none;
}

.logo {
    width: 70%;
}

header {
    z-index: 9999;
}

.header-col {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dropdownMenuButton {
    border: 0px;
    background-color: transparent;
}

.menu-options {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-holder {
    min-height: 40vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rat-header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 6rem;
}

.rat-header img {
    width: 30%;
}

.rat-text {
    color: #28ADE5;
    font-size: 1.5rem;
    margin: 0rem;
    text-align: center;
    line-height: 1.8125rem;
}

.rat-link {
    color: #4CA4E7;
    text-decoration: none;
}

.counterConfirm {
    background: #e5b400;
}

.counterConfirm:hover {
    background: #cea200;
}

.cloud-images {
    width: 45%;
    position: fixed;
    z-index: -9999;
}

.left-background-cloud {
    left: -15%;
    right: 0%;
    top: 32%;
}

.left-foreground-cloud {
    left: -6%;
    right: 0%;
    top: 51%;
}

.right-foreground-cloud {
    left: 62%;
    right: 0%;
    top: 60%;
}

.right-background-cloud {
    left: 70%;
    right: 0%;
    top: 40%;
}

i.font-awesome-text {
    font-size: 1rem;
}

.enter-text-hidden {
    display: none !important;
}

.continue-section {
    margin-top: 1.875rem;
}

.section-hidden {
    display: none;
}

.hide-section {
    display: none !important;
}

.queryTextColor {
    color: #0E79B3;
}

.queriedName {
    font-size: 2.5rem;
}
.footer-section-first {
    min-height: 20vh;
    padding: 3rem;
    background-color: #1D87C4;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-section-second {
    min-height: 20vh;
    padding: 2rem;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-column-header {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.5rem;
}

div.footer-first-section-cols {
    padding-left: 1% !important;
    padding-right: 1% !important;
}

a.footer-btn {
    background: #a9f4fc;
    color:  #0E79B3;
    text-shadow: none;
    font-weight: 700;
    box-shadow: none;
    padding: 10px 25px;
    border-radius: 20px;
    display: block;
    width: 100%;
}

a.footer-btn:link {
    color:  #0E79B3;
    font-size: 12px;
}

a.footer-btn:hover {
    background: #98dbe2;
    text-decoration: none;
}

.footer-link {
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    font-size: 1.375rem;
}

.footer-link:hover {
    text-decoration: none;
    color: #e5e5e5;
}

.footer-link-row {
    margin-top: 0.5rem;
}

.social-links-row-header {
    margin-top: 3rem;
}

.social-link-col i {
    font-size: 3.25rem;
}

.social-link-col a {
    text-decoration: none;
    color: #ffffff;
}

.social-links {
    width: 70%;
}

.footer-second-section-text {
    color: #0E79B3;
    font-size: 1.375rem;
    margin: 0rem;
    text-align: left;
    line-height: 2rem;
}

a.narrow-width-orange-btn {
    width: 40%;
}

.container-spacer {
    margin-top: 3%;
    margin-bottom: 6%;
}

a.non-cta-btn {
    background-color: #1993C8;
}

a.non-cta-btn:hover {
    background-color: #2f9dcd;
}


.last-section {
    margin-top: 10rem;
    background: #f0f9fd;
    padding-top: 5rem;
    padding-bottom: 5rem;
}


/* .last-content-row {
    min-height: 100vh;
} */


.last-half-first {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}


div.last-half-first-text  {
    margin: 0 auto;
    width: 80%;
    /* margin-top: 8rem; */
}

div.last-half-first-text h1 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.5rem;
    text-align: left;
}


.lets-talk {
    color: #1D87C4;
    font-size: 3rem;
    margin-top: 4rem;
}

.last-button-row {
    margin-top: 2rem;
}

.last-button-row .orange-btn {
    font-size: 1rem;
}


div.last-half-second-text  {
    margin: 0 auto;
    width: 80%;
    margin-top: 4rem;
}

.last-half-second.alternate {
    background: #ffffff;
}

a.meeting {
    color: #0E79B3;
    text-shadow: 0 0 black;
    background-color: #FAFCFE;
}

a.meeting:hover {
    background-color: #e1e2e4;
}

.options-row {
    width: 100%;
}

a.header-option-text,
.header-option-text {
    font-size: 0.8rem;
}

.header-link {
    color: #ffffff;
    text-decoration: none;
}

.header-link:hover {
    color: #e5e5e5;
    text-decoration: none;
}

.carousel-testimonial-item-container-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 80%;
}

.carousel-testimonial-item-container {
    /* -webkit-box-shadow: 3px 3px 3px 3px #ccc;
    -moz-box-shadow:    3px 3px 3px 3px #ccc;
    box-shadow:         3px 3px 3px 3px #ccc;  */
    width: 100%;
    border-radius: 10px; 
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.10) 0px 3px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.10) 0px 3px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.10) 0px 3px 8px;
    height: 100%;
    margin: 0 auto;
    background-color: #ffffff;
}

.carousel-pagination-button-containers {
    width: 50%;
}

.carouselTestimonialHeaderIcon {
    background: lightblue;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carouselTestimonialHeaderIcon p {
    margin: 0rem;
    font-size: 1.5rem;
}

.carouselTestimonialHeaderIcon.yellow {
    background: #F9CB76;
}

.carouselTestimonialHeaderIcon.lightBlue {
    background: #6EC7ED;
}

.carouselTestimonialHeaderIcon.green {
    background: #90C35C;
}

.carouselTestimonialHeaderTextSpacer {
    margin-left: 1rem;
}

.testimonialSchoolName {
    color: #0E79B3;
    margin: 0rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.carouselTestimonialFunds {
    color: #90C35C;
    margin: 0rem;
    font-size: 1.75rem;
    font-weight: 700;
}

.testimonial-text-row {
    margin-top: 2rem;
}


.testimonial-slide-text {
    color: #61656B;
}

.carouselHeaderTextSpacer {
    margin-left: 1rem;
}

/*** footer2 ***/
.bg-footer {
	background:url(/app/resources/images/rat/bg-footer.jpg);
    background-size: cover;
}
.footer-2 {
    margin-left: 40px;
    margin-right: 40px;
}
.footer2 .col {
    padding-top: 20px;
    padding-bottom: 20px;
}
.footer2-header {
    color: white;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 18px;
    margin-top: 20px;
}
.footer2-link,
.footer2-link:link,
.footer2-link:visited {
    color: white;
    text-decoration: none;
    font-size: 14px;
}

.footer2-link .fa {
    font-size: 26px;
    margin-right: 20px;
}

.footer2 .small {
    color: #0E79B3;
    font-size: 12px;
}
.footer2 #trustwaveSealImage{
    width: 84px;
}
/*** end footer2 ***/

.form-data {
    width: 60%;
    margin: 0 auto;
}

.form-row input[type=text],
.form-row input[type=password],
.form-row input[type=email],
.form-row input[type=number],
.form-row select {
    width: 30%;
    height: 2.5rem;
    border-radius: 0.4375rem;
    margin: 0.625rem;
    border-width: 0.0625rem;
    padding-left: 0.625rem;
}

.form-row select {
    background-color: #ffffff;
}


.input-section {
    margin-top: 1.25rem;
}

.forgot-code {
    padding-top: 0.625rem;
}

.formErrorField {
    display: none;
    font-size: 0.9rem;
    color: red;
}


.form-data-full-width {
    width: 100%;
}

.pagination-button {
    margin-top: 2rem;
}

a.pagination {
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
}

a.pagination:hover {
  background-color: #63b3d5;
  color: #ffffff;
  cursor:pointer;
}

.previous {
  background-color: #6EC7ED;
  color: white;
}

.next {
  background-color: #6EC7ED;
  color: white;
}

.round {
  border-radius: 50%;
}


.modal-title {
    text-align: center;
    color: #000000;
}

.modal-header {
    margin: 0 auto;
    width: 100%;
}

.signup-referral-container {
    max-width: 810px;
    margin: 0 auto;
}

.signup-referral-container h1 {
    text-align: center;
}

.signup-referral-content {
    padding: 50px 30px;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 0 12px #ccc;
}

.signup-referral-content h2 {
    font-size: 1.3rem;
    margin: 0;
}

.signup-referral-content p {
    text-align: center;
    color: #6d6d6d;
}

.benefits-bio {
    display: flex;
    gap: 14px;
}

.elea-benefits {
    flex: 1;
}

.elea-benefits ul li {
    list-style-image: url('/signup/resources/images/star-li.png');
    padding: 10px;
}

.elea-bio {
    flex: 1;
    font-size: 14px;
    text-align: center;
}

.elea-mission-support {
    font-size: 1.5rem;
    padding: 10px 30px;
    text-align: center;
}

.elea-cta {
    margin: 0 auto;
    width: 278px;
    text-transform: uppercase;
}

/* Language */
#slideout {
    position: fixed;
    top: 46%;
    right: 0;
    width: 40px;
    padding: 12px 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    color: #fff;
    z-index: 100;
}

#slideout_inner {
    position: fixed;
    top: 46%;
    right: -270px;
    background: rgba(0, 0, 0, 0.8);
    width: 200px;
    padding: 25px;
    height: 130px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-align: left;
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}

#slideout_inner .selected {
    background: url(/readers/resources/images/sm-green-check.png) right center no-repeat #e5f8d2;
    color: #4a6b29;
}

#slideout_inner div {
    padding: 0px;
    border-bottom: 1px dashed #696969;
    margin: 3px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#slideout_inner div:hover {
    background: #80bade;
    color: #255777;
    cursor: hand;
    cursor: pointer;
}

#slideout:hover {
    right: 200px;
}

#slideout:hover #slideout_inner {
    right: 0;
}

@media only screen and (max-width: 720px){
    .delete-btn .fa, .add-btn .fa{
        padding: 0;
    }
    .info-comparison-container {
        flex-direction:column;
    }
}

.form-centered{
    min-height: 45vh;
    width: 100%;
}

.form-centered button, .form-centered .btn,
.button-div button, .button-div .btn {
    border: none;
    box-shadow: none;
    text-shadow: none;
    width: 100%;
    border-radius: 50px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0.04em;
    text-align: center;
    outline: none;
}

.form-centered button:hover, .form-centered .btn:hover,
.button-div button:hover, .button-div .btn:hover {
    color: #ffffff;
    cursor: pointer;
}


.submit-button-div button,
.submit-button-div a {
    width: 50% !important;
    margin: 0.625rem;
}

.circularLabel {
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.suggresult {
	padding: 20px;
	border-bottom: 1px dashed #FFF;
	background: rgba(64,180,229,0.75);
	color:#fff;
	cursor: hand; cursor: pointer
}
.suggresult:hover {
	padding: 20px;
	border-bottom: 1px dashed #FFF;
	background: rgba(40,151,198,0.75);
	color:#fff;
}

#overlay {
  position: fixed; /* Sit on top of the page content */
  /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.6); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
}


/* mobile responsive */
@media only screen and (max-width: 767px) {
    
    .info-comparison-container {
        flex-direction:column;
    }
	
	.flex40 {flex: 100%;}
    /* navbar */
    .fixed-top-header {
        padding: 1rem 1rem 0 1rem;
        background-color: #0E79B3 !important;
    }

    .collapse {
        display: none;
    }

    .navbar-toggler {
        padding: 0;
    }

    .navbar-toggler button:focus {
        outline: none;
    }

    .navbar-toggler-icon i {
        color: #fff;
        font-size: 24px;
    }

    .options-row,
    .dropdown-item {
        padding: 1rem;
        font-size: 1.3rem;
    }

    .navbar-nav &gt; .header-col {
        padding: 1rem 0;
    }

    .navbar-nav &gt; .header-col,
    .navbar-nav &gt; .header-col &gt; .menu-options {
        justify-content: start;
    }

    #dropdownMenuButton {
        padding: 0;
        font-size: 1.3rem;
    }

    .navbar-nav .dropdown-menu {
        width: 85vw;
    }

    .navbar-nav &gt; a.orange-btn {
        height: 2.5rem;
    }

    .header-logo-col {
        justify-content: space-between;
    }

    .benefits-bio {
        flex-direction: column;
    }
}

/* custom Select */
 /*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Arial;
	z-index: 99; overflow: visible;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #fff;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 18px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #ccc transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 10px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #46bef7;
  padding: 15px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #efefef;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 199;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
::-webkit-input-placeholder {
   font-style: italic;
}
:-moz-placeholder {
   font-style: italic;  
}
::-moz-placeholder {
   font-style: italic;  
}
:-ms-input-placeholder {  
   font-style: italic; 
}


/* mobile responsive */
@media only screen and (min-width: 768px)
and (max-width: 900px) {
    .header-link span,
    #dropdownMenuButton {
        font-size: 0.8rem;
    }
    .info-comparison-container {
        flex-direction:column;
    }
}

/* mobile responsive */
@media only screen and (min-width: 768px)
and (max-width: 972px) {
    a.header-option-text, .header-option-text {
        font-size: 0.7rem;
    }
    .info-comparison-container {
        flex-direction:column;
    }
}

/* mobile responsive */
@media only screen and (min-width: 768px)
and (max-width: 1199px) {
    a.footer-btn {
        width: 60%;
    }
    .info-comparison-container {
        flex-direction:column;
    }
}

.close-modal {
    background-color: #9FA2A8;
}
</pre></body></html>