/*html {
background-color: #ffffff;
overflow: hidden;
height: 100%;
width: 100%
}
::-webkit-scrollbar {
display: none;
}*/
.zoomOut {
zoom: 90%
}
.zoomOutt {
zoom: 90%;
margin-left: -5%
}
.zoomOut2 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
height: fit-content;
min-height: fit-content;
background-color: #000000;
zoom: 90%
}
.zoomOut6 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
zoom: 90%
}
.zoomOut7 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
zoom: 85%
}
.zoomOut8 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
zoom: 85%
}
.zoomOut9 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
zoom: 85%
}
.zoomOut11 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
width: 100%;
zoom: 90%;
margin-top: 10px;
}
.zoomOut13 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
zoom: 92%
}
.zoomOut14 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
zoom: 90%
}
.zoomOut18 {
zoom: 90%
}
* {
margin: 0;
padding: 0
}
strong {
font-weight: 450
}
.strong2 {
font-weight: 1000
}
@media only screen { /* and (max-width: 700px) { */
@media only screen and (orientation: portrait) and (max-width: 320px) {
.load {
height: 768px;
/*height: 100vh;*/
/*width: 100%;*/
width: 320px;
overflow-x: scroll;
width: 100%;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
display: flex;
z-Index: 100000
}
.mobileHeader {
display: flex;
}
.desktopHeader {
display: none;
}
.mobileBody {
display: flex;
position: absolute;
top: 0;
left: 0;
}
.desktopBody {
display: none;
}
body {
overflow: hidden;
}
section {
min-height: 700px;
height: 100vh;
width: 320px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
html {
background-color: #A689E1;
overflow-x: scroll;
overflow-y: hidden;
height: 100%;
width: 100%
}
::-webkit-scrollbar {
width: 0px;
height: 15px;
}
::-webkit-scrollbar-track {
background-color: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #c3c3c3;
border-radius: 40px;
}
}
@media only screen and (orientation: portrait) and (min-width: 320px) {
.load {
/*height: 93.5vh;*/
height: 100vh;
width: 100%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
z-Index: 100000;
padding-bottom: 6.5vh;
}
.mobileHeader {
display: flex;
}
.desktopHeader {
display: none;
}
.usersWaitlist {
background-color: #A689E1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-bottom: 50px;
padding-top: 75px;
min-height: 90vh;
height: fit-content;
width: 100%;
}
.businessesWaitlist {
background-color: #A689E1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-bottom: 50px;
padding-top: 75px;
min-height: 90vh;
height: fit-content;
width: 100%;
}
.mobileBody {
display: flex;
}
.desktopBody {
display: none;
}
body {
overflow: hidden;
}
section {
min-height: 700px;
height: 100vh;
width: 100vw;
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding-top: 76.8px;
}
html {
background-color: #ffffff;
overflow: hidden;
height: 100%;
width: 100%
}
::-webkit-scrollbar {
display: none;
}
}
@media only screen and (orientation: landscape) {
.load {
height: 100vh;
width: 100%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
z-Index: 100000
}
.mobileHeader {
display: flex;
}
.desktopHeader {
display: none;
}
.usersWaitlist {
background-color: #A689E1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-bottom: 50px;
padding-top: 75px;
min-height: 90vh;
height: fit-content;
width: 100%;
}
.businessesWaitlist {
background-color: #A689E1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-bottom: 50px;
padding-top: 75px;
min-height: 90vh;
height: fit-content;
width: 100%;
}
.mobileBody {
display: flex;
}
.desktopBody {
display: none;
}
body {
overflow-x: hidden;
}
section {
height: 700px;
width: 100vw;
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding-top: 76.8px;
}
html {
background-color: #ffffff;
overflow: hidden;
height: 100%;
width: 100%
}
::-webkit-scrollbar {
display: none;
}
}
}
@media only screen and (min-width: 700px) {
.load {
height: 100vh;
width: 100%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff
}
.mobileHeader {
display: none;
}
.desktopHeader {
display: flex;
}
.mobileBody {
display: none;
overflow-x: hidden;
}
.usersWaitlist {
background-color: #A689E1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-bottom: 50px;
padding-top: 75px;
min-height: 120vh;
height: fit-content;
width: 100%;
}
.businessesWaitlist {
background-color: #A689E1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-bottom: 50px;
padding-top: 75px;
min-height: 120vh;
height: fit-content;
width: 100%;
}
.desktopBody {
display: flex;
}
body {
overflow-x: hidden;
}
section {
height: 100vh;
min-height: 700px;
width: 100vw;
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding-top: 76.8px;
}
html {
background-color: #ffffff;
overflow: hidden;
height: 100%;
width: 100%
}
::-webkit-scrollbar {
display: flex;
background-color: transparent;
width: 15px
}
::-webkit-scrollbar-track {
display: none;
}
::-webkit-scrollbar-thumb {
background-color: #dedede;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
background-color: #cacaca;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:active {
background-color: #cacaca;
border-radius: 0px;
}
/* Buttons */
::-webkit-scrollbar-button:single-button {
background-color: #ffffff;
display: block;
background-size: 10px;
background-repeat: no-repeat;
}
/* Up Button */
::-webkit-scrollbar-button:single-button:vertical:decrement {
height: 20px;
width: 15px;
background-position: center 6px;
background-image: url("data:image/svg+xml;utf8,");
}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
background-image: url("data:image/svg+xml;utf8,");
}
::-webkit-scrollbar-button:single-button:vertical:decrement:active {
background-image: url("data:image/svg+xml;utf8,");
}
/* Down Button */
::-webkit-scrollbar-button:single-button:vertical:increment {
height: 20px;
width: 15px;
background-position: center 6px;
background-image: url("data:image/svg+xml;utf8,");
}
::-webkit-scrollbar-button:single-button:vertical:increment:hover {
background-image: url("data:image/svg+xml;utf8,");
}
::-webkit-scrollbar-button:single-button:vertical:increment:active {
background-image: url("data:image/svg+xml;utf8,");
}
}
@media only screen and (min-width: 700px) and (min-height: 700px) and (orientation: portrait) {
/*@media only screen and (min-width: 700px) and (min-height: 700px) and (max-height: 1024px) and (orientation: portrait) {*/
.contactsFormContainer {
width: 87.5%;
margin-right: 2.5%;
height: fit-content;
margin-top: 45px;
margin-bottom: 35px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.zoomOut10 {
zoom: 92%
}
.zoomOut3 {
height: fit-content;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.zoomOut4 {
width: 87.5%;
margin-right: 2.5%;
height: fit-content;
margin-top: 55px;
margin-bottom: 35px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
zoom: 90%
}
.zoomOut5 {
background-color: #000000;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
zoom: 98%
}
.backStoryBodyContainer {
background-color: rgba(0, 0, 0, 0.7);
width: fit-content;
padding-top: 60px;
padding-bottom: 35px;
margin-left: 15px;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 11;
padding-left: 2%;
padding-right: 2%;
}
.featuresContainer {
height: 300px;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.featuresRight {
width: 70%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 10;
margin-left: 35%;
padding: 20px;
background-color: rgb(0, 0, 0, 0.6);
}
.featuresRight2 {
width: 60%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgb(0, 0, 0, 0.6);
z-index: 10;
margin-right: 60%;
padding: 20px;
}
.featuresRight3 {
width: 72.5%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgb(0, 0, 0, 0.6);
z-index: 10;
margin-left: 35%;
padding: 15px;
}
.missionVisionGoalsTitleContainer {
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 65px
}
.goalsContainers {
padding-bottom: 70px;
padding-top: 65px;
width: 100vw;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #ffffff;
}
.missionVisionGoalsTextBold {
font-family: 'Roboto', sans-serif;
font-size: 115%;
line-height: 125%;
color: #A689E1;
text-align: left;
font-weight: 400;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
background-color: rgba(255, 255, 255, 0.85);
margin-bottom: -8.5%;
margin-top: 4%;
z-index: 10;
}
.missionVisionGoalsText {
color: #000000;
font-family: 'Roboto', sans-serif;
font-size: 105%;
line-height: 125%;
text-align: center;
font-weight: 375;
padding-left: 1.5%;
padding-right: 1.5%;
z-index: 10;
}
.quotes {
font-size: 350%;
line-height: 100%;
color: #A689E1;
font-family: 'QuickSand', sans-serif;
text-align: left;
font-style: italic;
margin-top: -15px;
font-weight: 500;
}
.quotesEnd {
font-size: 385%;
line-height: 100%;
margin-right: 15px;
color: #A689E1;
font-family: 'QuickSand', sans-serif;
text-align: right;
font-style: italic;
font-weight: 500;
display: flex;
align-items: last baseline;
margin-bottom: -45px;
}
.goalsTextBoldLeft {
font-size: 385%;
line-height: 100%;
margin-right: 17.5px;
color: #A689E1;
text-shadow: 2.5px 2.5px 2.55px #b4b4b4;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-style: italic;
font-weight: 500;
margin-top: -2.5%;
}
.goalsTextBoldRight {
font-size: 385%;
line-height: 100%;
color: #A689E1;
margin-right: 20px;
text-shadow: 2.5px 2.5px 2.55px #b4b4b4;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-style: italic;
display: flex;
align-items: last baseline;
font-weight: 500;
margin-bottom: -2.5%;
}
.backStoryTitle {
font-size: 289%;
line-height: 135%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 250;
text-decoration: underline;
text-decoration-color: #A689E1;
text-decoration-style: solid;
text-underline-offset: 20px;
text-decoration-thickness: 2px;
}
.backStoryTextContainer {
width: 85%;
min-width: 600px;
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
margin-top: 20px;
margin-bottom: 30px;
}
.missionContainerTextBox {
width: 90%;
height: fit-content;
display: flex;
align-items: flex-start;
justify-content: left;
flex-direction: row;
margin-left: 5%;
margin-top: 2.5px;
margin-bottom: 2.5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px
}
.goals {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
width: 90%;
margin-top: 25px;
}
.goalsText {
font-size: 267.5%;
line-height: 140%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 400;
background-color: #000000;
padding-top: 10px;
padding-bottom: 12.5px;
padding-left: 15px;
padding-right: 15px;
}
.missionGoalsContainer2 {
width: 92.5%;
height: fit-content;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.aboutBackground {
height: 275px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#subTitle {
color: #000000;
font-size: 190%;
line-height: 150%;
font-family: 'QuickSand', sans-serif;
font-weight: 500;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
position: absolute;
z-index: 10;
padding-left: 40px;
padding-right: 40px;
zoom: 90%
}
.backStoryTitleContainer {
width: 100%;
height: fit-content;
margin-bottom: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.goalsHeader {
width: 95%;
position: relative;
display: flex;
flex-direction: column;
margin-bottom: 10px;
}
.goalsHeaderTop {
display: flex;
flex-direction: row;
width: 100%;
margin-bottom: 15px;
}
.missionContainerTextContainer {
margin-top: 40px;
height: fit-content;
width: 95%;
display: flex;
flex-direction: column;
}
.zoomOut17 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
width: 100vw;
margin-top: 55px;
background-color: #000000;
}
.homePageContentContainer {
background-color: #A689E1;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: fit-content;
}
.homePageTitleContainer {
display: flex;
justify-content: center;
align-items: left;
flex-direction: column;
height: fit-content;
width: 100%;
padding-left: 5vw;
padding-top: 0px;
padding-bottom: 10px;
}
.homeLine {
width: 1.5px;
height: 65%;
margin-top: -5%;
background-color: #A689E1;
}
.homeImageLinkContainer {
max-height: auto;
max-width: auto;
cursor: auto;
padding-right: 10px;
padding-left: 10px;
}
.homeImageLink {
height: 80%;
max-height: 320px;
border-radius: 10%;
display: block;
margin-left: auto;
margin-right: auto;
}
.userButton1 {
background-color: #A689E1;
border: none;
border-radius: 20px;
width: max-content;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 15px;
padding-left: 15px;
height: max-content;
display: flex;
align-items: center;
justify-content: center;
}
.userButton2 {
background-color: #A689E1;
border: none;
border-radius: 17.5px;
width: max-content;
padding-top: 7.5px;
padding-bottom: 7.5px;
padding-right: 12.5px;
padding-left: 12.5px;
height: max-content;
display: flex;
align-items: center;
justify-content: center;
}
.userButtonText {
color: #000000;
font-size: 16.5px;
font-weight: 450;
font-family: 'Roboto', sans-serif;
}
#homePageContent {
background-color: #000000;
height: 550px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.homeBottomText {
color: #A689E1;
font-size: 18.6px;
margin-right: 12.5px;
margin-left: 12.5px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: center;
background-color: rgb(0, 0, 0, 0.6);
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
.catchphraseContainer {
width: 90%;
padding-bottom: 15px;
height: max-content;
margin-left: 5%
}
#titleSwiper {
height: 60px;
width: fit-content;
}
#titleSwiper2 {
height: 100%;
width: fit-content;
}
.homePageTitleContainerRow {
flex-direction: column;
height: 20vh;
padding-right: 10px;
padding-left: 10px;
}
.homePageTitleContainerRow2 {
display: flex;
align-items: center;
justify-content: left;
flex-direction: row;
height: 10vh;
padding-right: 10x;
padding-left: 10px
}
.homePageTitleBox {
display: flex;
align-items: center;
justify-content: left;
height: 10vh;
}
.homePageContentTitle {
color: #000000;
font-size: 32px;
margin-right: 5px;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: left;
}
.homePageContentTitleBold {
color: #000000;
font-size: 34px;
margin-right: 9.5px;
font-family: 'Roboto', sans-serif;
font-weight: 600;
text-align: left;
text-shadow: 2.5px 2.5px 2.55px #A689E1;
}
.homePageTitle {
font-size: 250%;
line-height: 125%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
}
.titleText {
font-size: 255%;
line-height: 125%;
color: rgb(166, 137, 225, 0.65);
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 600;
margin-left: 12.5px;
}
.titleTextLast {
color: rgb(166, 137, 225, 0.65);
font-weight: 600;
margin-left: 5px;
}
.titleText2 {
font-size: 255%;
line-height: 125%;
color: rgb(166, 137, 225, 0.65);
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 600;
margin-left: 5px;
}
.titleText3 {
font-size: 255%;
line-height: 150%;
color: #A689E1;
font-family: 'QuickSand', sans-serif;
text-align: left;
font-weight: 550;
}
.catchphraseText {
color: #000000;
font-size: 18.59px;
line-height: 140%;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: left;
}
.catchphraseTextLink {
color: #A689E1;
font-size: 140%;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: left;
}
.titleContainer {
display: flex;
align-items: center;
justify-content: left;
height: fit-content;
margin-top: 15px;
padding-top: 4.5px;
padding-bottom: 4.5px;
width: 90vw;
background-color: #000000;
}
.titleContainer2 {
display: flex;
align-items: center;
justify-content: left;
height: 100%;
width: 100%;
padding-top: 4.5px;
padding-bottom: 4.5px;
background-color: rgb(166, 137, 225, 0.4);
}
.titleContainerBackground {
display: flex;
align-items: center;
justify-content: left;
height: fit-content;
width: 90vw;
margin-top: 15px;
/*max-width: 1200px;*/
background-color: #000000;
}
.homeButton {
margin-top: 10px;
background-color: #ffffff;
border: none;
width: max-content;
padding-top: 10px;
padding-bottom: 10px;
height: max-content;
font-family: 'QuickSand', sans-serif;
display: flex;
align-items: center;
justify-content: center
}
#mediaSample {
height: 100%;
width: fit-content;
max-width: 270px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
/*border-right: 2px solid #ffffff;*/
}
.mediaSampleTitle {
font-size: 220%;
line-height: 120%;
color: #ffffff;
font-family: 'Roboto', sans-serif;
text-align: left;
font-weight: 300;
margin-left: 5%;
}
.mediaTitleContainer {
height: fit-content;
width: 100%;
margin-top: 80px;
padding-left: 40px;
padding-right: 40px;
margin-bottom: 70px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.mediaImage {
min-height: 185px;
height: 26vw;
max-width: 350px;
width: auto;
margin-left: 0.5%;
margin-right: 0.5%;
}
.disclaimerTitleContainer {
display: flex;
align-items: left;
justify-content: center;
width: 100%;
height: fit-content;
margin-bottom: 42.5px;
margin-top: -10px;
}
.disclaimerTitle {
font-size: 280%;
line-height: 130%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 25px;
padding-left: 25px;
zoom: 95%
}
.privacyPolicyTitle {
font-size: 280%;
line-height: 130%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
padding-right: 25px;
padding-left: 25px;
zoom: 95%
}
.privacyPolicyHeading {
font-size: 200%;
line-height: 130%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 25px;
zoom: 95%
}
.privacyPolicySubheading {
font-size: 170%;
line-height: 130%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 25px;
zoom: 95%
}
.privacyPolicyHighlight2 {
font-family: 'QuickSand', sans-serif;
color: #000000;
font-size: 127%;
line-height: 155%;
text-align: center;
font-weight: 400;
}
.disclaimerText {
font-family: 'Roboto', sans-serif;
color: #000000;
font-weight: 350;
font-size: 115.75%;
line-height: 155%;
text-align: left;
width: 100%;
}
.privacyPolicyText {
font-family: 'Roboto', sans-serif;
color: #000000;
font-weight: 350;
font-size: 115.75%;
line-height: 155%;
text-align: left;
width: 100%;
}
.privacyPolicyHighlight {
font-family: 'Roboto', sans-serif;
color: #000000;
font-size: 102.25%;
line-height: 155%;
text-align: left;
font-weight: 425;
}
.mediaTitle {
font-size: 275%;
line-height: 130%;
color: #ffffff;
font-family: 'Roboto', sans-serif;
text-align: center;
text-shadow: 2.5px 2.5px #000000;
font-weight: 400;
margin-bottom: 35px;
background-color: #A689E1;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 25px;
padding-left: 25px
}
.mediaSubHeading {
font-family: 'Roboto', sans-serif;
font-size: 129%;
color: #ffffff;
text-align: left;
font-weight: 400;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px
}
.mediaSubHeadingDate {
font-family: 'Roboto', sans-serif;
color: #ffffff;
font-weight: 400;
font-size: 127.5%;
line-height: 165%;
text-align: right;
width: 100%;
margin-bottom: 30px
}
.mediaText {
font-family: 'Roboto', sans-serif;
color: #ffffff;
font-weight: 350;
font-size: 129%;
line-height: 165%;
text-align: left;
width: 100%;
}
.mediaTextRight {
font-family: 'Roboto', sans-serif;
color: #ffffff;
font-weight: 350;
font-size: 129%;
line-height: 165%;
text-align: left;
margin-left: 5%
}
.mediaSampleText {
font-family: 'Roboto', sans-serif;
color: #ffffff;
font-weight: 300;
font-size: 116.25%;
line-height: 140%;
text-align: center
}
.playContainer{
display: none
}
.playContainer2{
display: flex
}
.videoWebsite {
display: none
}
.videoTablet {
display: flex
}
.catchphraseContainer {
width: 90%;
height: max-content;
padding-bottom: 10px;
margin-left: 5%
}
.catchphraseTextLoad {
font-size: 197.5%;
line-height: 175%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 375;
padding-left: 2.5%;
padding-right: 2.5%;
zoom: 85%
}
.backStoryText {
color: #ffffff;
font-size: 16.5px;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: left;
line-height: 140%;
width: 80%
}
.backStoryTextRight {
color: #ffffff;
font-size: 16.5px;
font-family: 'Roboto', sans-serif;
font-weight: 200;
text-align: right;
line-height: 140%;
width: 80%;
margin-bottom: 15px;
}
.backStoryTextCenter {
color: #ffffff;
font-size: 16.5px;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: center;
line-height: 140%;
margin-top: 20px;
margin-bottom: 20px;
width: 70%
}
.missionContainerTitle {
font-size: 17.5px;
line-height: 125%;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.missionContainerText {
color: #A689E1;
font-size: 17px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
text-align: left;
line-height: 150%;
}
.missionContainerTextBold {
color: red;
font-size: 17px;
font-family: 'Roboto', sans-serif;
font-weight: 600;
text-align: left;
line-height: 150%;
margin-right: 5px;
}
.missionVisionGoalsBody {
width: 80%;
display: flex;
flex-direction: column;
align-items: center;
}
.goalContainer {
width: 90%;
height: 33%;
margin-Left: 5vw;
display: flex;
align-items: center
}
.featuresTitle {
font-size: 272.5%;
line-height: 120%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 400;
margin-bottom: 25px;
background-color: #000000;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px
}
.featuresTitleContainer {
width: 95%;
margin-left: 2.5%;
height: fit-content;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 75px;
margin-bottom: 85px;
}
.featuresSubHeading {
font-size: 17.5px;
line-height: 125%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 350;
padding-left: 5%;
padding-right: 5%;
}
.businessesSubHeading {
font-size: 17.5px;
line-height: 125%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 350;
padding-left: 5%;
padding-right: 5%;
}
.features {
height: fit-content;
margin-top: 10px;
width: 100%;
}
.featuresHeaderImage {
max-height: 155px;
min-height: 115px;
max-width: 100%;
margin-right: 2.5%;
min-width: 115px;
border-radius: 22.5%
}
.featuresHeader {
margin-bottom: 20px;
z-index: 15;
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 18.5px;
line-height: 127.5%;
text-align: center;
padding-left: 17.5px;
padding-right: 17.5px;
padding-top: 15px;
padding-bottom: 2.5px;
background-color: rgb(166, 137, 225, 0.7);
}
.featuresText {
color: #A689E1;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 101.5%;
line-height: 120%;
text-align: left
}
.tutorialText {
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 117.5%;
text-align: left;
}
.downloadBannerContainer {
width: 90%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 60px;
padding-right: 60px;
border-radius: 10vw;
border: 3px solid #A689E1;
background-color: #000000
}
.downloadBannerContainer2 {
width: 85%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
border-radius: 10vw;
border: 3px solid #A689E1;
background-color: #000000
}
.downloadBannerContainerRight {
width: fit-content;
height: fit-content;
margin-left: 2%;
display: flex;
align-items: center;
justify-content: center
}
.bannerText {
font-size: 16.25px;
line-height: 115%;
color: #ffffff;
font-weight: 300;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.businessesTitleContainer {
max-width: 90%;
width: fit-content;
height: fit-content;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 70px;
margin-bottom: 50px;
}
.businessesTitle {
font-size: 272.5%;
line-height: 120%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 400;
margin-bottom: 25px;
background-color: #000000;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px
}
.faqsHeaderText {
font-size: 235%;
line-height: 120%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 300;
padding-bottom: 3%;
}
.businessTextTitle {
color: #000000;
font-family: 'QuickSand', sans-serif;
font-weight: 600;
margin-bottom: 40px;
font-size: 16.75px;
line-height: 127.5%;
text-align: center;
background: rgba(255, 255, 255, 0.8);
padding-left: 5px;
padding-right: 5px;
}
.businessesText {
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 350;
font-size: 16.5px;
line-height: 127.5%;
text-align: center;
background: rgba(255, 255, 255, 0.8);
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
}
.businessesBodyContainer {
height: 475px;
width: 100%;
padding-top: 25px;
display: flex;
flex-direction: row
}
.question {
margin-top: 15px;
margin-bottom: 15px;
width: 82.5%;
height: max-content;
position: relative
}
.questionText {
color: #000000;
font-size: 17.5px;
line-height: 150%;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: left
}
.questionAnswerText {
color: #000000;
font-size: 17px;
line-height: 150%;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: left;
overflow: hidden;
padding: 15px;
}
.questionButton {
width: 100%;
height: max-content;
background-color: #ffffff;
border: 3.5px solid #A689E1;
border-radius: 10px;
padding: 15px;
padding-left: 25px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center
}
#contactsSwiper .swiper-button-next{
--swiper-navigation-size: 22.5px;
margin-right: 2.5%;
color: #ffffff;
font-weight: 600;
margin-top: 5px
}
#contactsSwiper .swiper-button-prev{
--swiper-navigation-size: 22.5px;
margin-left: 2.5%;
color: #ffffff;
font-weight: 600;
margin-top: 10px
}
.waitListContainer2 {
width: 100%;
margin-top: 50px;
height: 750px;
display: flex;
align-items: center;
justify-content: center;
}
.contactsTitleContainer {
height: max-content;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 65px;
margin-top: 20px;
}
.contactsTitle {
zoom: 90%;
font-size: 195%;
font-weight: 400;
line-height: 140%;
color: #A689E1;
font-family: 'Roboto', sans-serif;
text-align: left;
padding-bottom: 40px;
padding-top: 30px;
width: 100%;
padding-left: 5%;
background-color: rgb(166, 137, 225, 0.65)
}
.contactsTitleBold {
font-weight: 300;
font-size: 230%;
line-height: 125%;
color: #ffffff;
font-family: 'Roboto', sans-serif;
text-align: center;
padding-bottom: 7.5px;
padding-top: 7.5px;
}
.inputTextTitle {
color: #ffffff;
font-size: 112.5%;
line-height: 100%;
font-family: 'QuickSand', sans-serif;
font-weight: 300;
text-align: center;
margin-left: 10%;
display: flex;
}
.redIcon {
margin-left: 2.5%;
margin-right: 2.5%;
color: #D22B2B;
font-size: 105%;
}
.contactFormButton {
height: fit-content;
width: fit-content;
padding-left: 10px;
padding-right: 10px;
padding-top: 2.5px;
padding-bottom: 2.5px;
border: 2.5px solid #bababa;
background-color: #cacaca;
color: #ffffff;
font-size: 17px;
font-family: 'QuickSand', sans-serif;
font-weight: 350;
margin-top: 15px
}
.contactsForm {
width: 100%;
height: 80%;
flex-direction: column;
background-color: #A689E1
}
.contactsFormEntry {
height: 50px;
width: 100%;
flex-direction: row;
display: flex;
align-items: center
}
}
@media only screen and (min-width: 700px) and (min-height: 1024px) and (orientation: portrait) {
.contactsFormContainer {
width: 87.5%;
margin-right: 2.5%;
height: fit-content;
margin-top: 45px;
margin-bottom: 35px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.zoomOut10 {
zoom: 92%
}
.zoomOut3 {
height: fit-content;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.zoomOut4 {
width: 87.5%;
margin-right: 2.5%;
height: fit-content;
margin-top: 55px;
margin-bottom: 35px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
zoom: 90%
}
.zoomOut5 {
background-color: #000000;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
zoom: 98%
}
.backStoryBodyContainer {
background-color: rgba(0, 0, 0, 0.7);
width: fit-content;
padding-top: 60px;
padding-bottom: 35px;
margin-left: 15px;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 11;
padding-left: 2%;
padding-right: 2%;
}
.featuresContainer {
height: 300px;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.featuresRight {
width: 70%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 10;
margin-left: 35%;
padding: 20px;
background-color: rgb(0, 0, 0, 0.6);
}
.featuresRight2 {
width: 60%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgb(0, 0, 0, 0.6);
z-index: 10;
margin-right: 60%;
padding: 20px;
}
.featuresRight3 {
width: 72.5%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgb(0, 0, 0, 0.6);
z-index: 10;
margin-left: 35%;
padding: 15px;
}
.missionVisionGoalsTitleContainer {
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 65px
}
.goalsContainers {
padding-bottom: 70px;
padding-top: 65px;
width: 100vw;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #ffffff;
}
.missionVisionGoalsTextBold {
font-family: 'Roboto', sans-serif;
font-size: 115%;
line-height: 125%;
color: #A689E1;
text-align: left;
font-weight: 400;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
background-color: rgba(255, 255, 255, 0.85);
margin-bottom: -8.5%;
margin-top: 4%;
z-index: 10;
}
.missionVisionGoalsText {
color: #000000;
font-family: 'Roboto', sans-serif;
font-size: 105%;
line-height: 125%;
text-align: center;
font-weight: 375;
padding-left: 1.5%;
padding-right: 1.5%;
z-index: 10;
}
.quotes {
font-size: 350%;
line-height: 100%;
color: #A689E1;
font-family: 'QuickSand', sans-serif;
text-align: left;
font-style: italic;
margin-top: -15px;
font-weight: 500;
}
.quotesEnd {
font-size: 385%;
line-height: 100%;
margin-right: 15px;
color: #A689E1;
font-family: 'QuickSand', sans-serif;
text-align: right;
font-style: italic;
font-weight: 500;
display: flex;
align-items: last baseline;
margin-bottom: -45px;
}
.goalsTextBoldLeft {
font-size: 385%;
line-height: 100%;
margin-right: 17.5px;
color: #A689E1;
text-shadow: 2.5px 2.5px 2.55px #b4b4b4;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-style: italic;
font-weight: 500;
margin-top: -2.5%;
}
.goalsTextBoldRight {
font-size: 385%;
line-height: 100%;
color: #A689E1;
margin-right: 20px;
text-shadow: 2.5px 2.5px 2.55px #b4b4b4;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-style: italic;
display: flex;
align-items: last baseline;
font-weight: 500;
margin-bottom: -2.5%;
}
.backStoryTitle {
font-size: 289%;
line-height: 135%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 250;
text-decoration: underline;
text-decoration-color: #A689E1;
text-decoration-style: solid;
text-underline-offset: 20px;
text-decoration-thickness: 2px;
}
.backStoryTextContainer {
width: 85%;
min-width: 600px;
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
margin-top: 20px;
margin-bottom: 30px;
}
.missionContainerTextBox {
width: 90%;
height: fit-content;
display: flex;
align-items: flex-start;
justify-content: left;
flex-direction: row;
margin-left: 5%;
padding-left: 10px;
padding-right: 10px;
margin-top: 2.5px;
margin-bottom: 2.5px;
padding-top: 5px;
padding-bottom: 5px;
}
.goals {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
width: 90%;
margin-top: 25px;
}
.goalsText {
font-size: 267.5%;
line-height: 140%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 400;
background-color: #000000;
padding-top: 10px;
padding-bottom: 12.5px;
padding-left: 15px;
padding-right: 15px;
}
.missionGoalsContainer2 {
width: 92.5%;
height: fit-content;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.aboutBackground {
height: 275px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#subTitle {
color: #000000;
font-size: 190%;
line-height: 150%;
font-family: 'QuickSand', sans-serif;
font-weight: 500;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
position: absolute;
z-index: 10;
padding-left: 40px;
padding-right: 40px;
zoom: 90%
}
.backStoryTitleContainer {
width: 100%;
height: fit-content;
margin-bottom: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.goalsHeader {
width: 95%;
position: relative;
display: flex;
flex-direction: column;
margin-bottom: 15px;
}
.goalsHeaderTop {
display: flex;
flex-direction: row;
width: 100%;
margin-bottom: 15px;
}
.missionContainerTextContainer {
margin-top: 40px;
height: fit-content;
width: 100%;
display: flex;
flex-direction: column;
}
.zoomOut17 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
width: 100vw;
margin-top: 55px;
background-color: #000000;
}
.homePageContentContainer {
background-color: #A689E1;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: fit-content;
}
.homePageTitleContainer {
display: flex;
justify-content: center;
align-items: left;
flex-direction: column;
height: fit-content;
width: 100%;
padding-left: 5vw;
padding-top: 0px;
padding-bottom: 10px;
}
.homeLine {
width: 1.5px;
height: 65%;
margin-top: -5%;
background-color: #A689E1;
}
.homeImageLinkContainer {
max-height: auto;
max-width: auto;
cursor: auto;
padding-right: 10px;
padding-left: 10px;
}
.homeImageLink {
height: 80%;
max-height: 320px;
border-radius: 10%;
display: block;
margin-left: auto;
margin-right: auto;
}
.userButton1 {
background-color: #A689E1;
border: none;
border-radius: 20px;
width: max-content;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 15px;
padding-left: 15px;
height: max-content;
display: flex;
align-items: center;
justify-content: center;
}
.userButton2 {
background-color: #A689E1;
border: none;
border-radius: 17.5px;
width: max-content;
padding-top: 7.5px;
padding-bottom: 7.5px;
padding-right: 12.5px;
padding-left: 12.5px;
height: max-content;
display: flex;
align-items: center;
justify-content: center;
}
.userButtonText {
color: #000000;
font-size: 16.5px;
font-weight: 450;
font-family: 'Roboto', sans-serif;
}
#homePageContent {
background-color: #000000;
height: 550px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.homeBottomText {
color: #A689E1;
font-size: 18.6px;
margin-right: 12.5px;
margin-left: 12.5px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: center;
background-color: rgb(0, 0, 0, 0.6);
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
.catchphraseContainer {
width: 90%;
padding-bottom: 15px;
height: max-content;
margin-left: 5%
}
#titleSwiper {
height: 70px;
width: fit-content;
}
#titleSwiper2 {
height: 100%;
width: fit-content;
}
.homePageTitleContainerRow {
flex-direction: column;
height: 20vh;
padding-right: 10px;
padding-left: 10px;
}
.homePageTitleContainerRow2 {
display: flex;
align-items: center;
justify-content: left;
flex-direction: row;
height: 10vh;
padding-right: 10x;
padding-left: 10px
}
.homePageTitleBox {
display: flex;
align-items: center;
justify-content: left;
height: 10vh;
}
.homePageContentTitle {
color: #000000;
font-size: 32px;
margin-right: 5px;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: left;
}
.homePageContentTitleBold {
color: #000000;
font-size: 34px;
margin-right: 9.5px;
font-family: 'Roboto', sans-serif;
font-weight: 600;
text-align: left;
text-shadow: 2.5px 2.5px 2.55px #A689E1;
}
.homePageTitle {
font-size: 260%;
line-height: 125%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
}
.titleText {
font-size: 265%;
line-height: 125%;
color: rgb(166, 137, 225, 0.65);
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 600;
margin-left: 12.5px;
}
.titleTextLast {
color: rgb(166, 137, 225, 0.65);
font-weight: 600;
margin-left: 5px;
}
.titleText2 {
font-size: 265%;
line-height: 125%;
color: rgb(166, 137, 225, 0.65);
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 600;
margin-left: 5px;
}
.titleText3 {
font-size: 265%;
line-height: 150%;
color: #A689E1;
font-family: 'QuickSand', sans-serif;
text-align: left;
font-weight: 550;
}
.catchphraseText {
color: #000000;
font-size: 18.59px;
line-height: 140%;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: left;
}
.catchphraseTextLink {
color: #A689E1;
font-size: 140%;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: left;
}
.titleContainer {
display: flex;
align-items: center;
justify-content: left;
height: fit-content;
margin-top: 15px;
padding-top: 4.5px;
padding-bottom: 4.5px;
width: 90vw;
background-color: #000000;
}
.titleContainer2 {
display: flex;
align-items: center;
justify-content: left;
height: 100%;
width: 100%;
padding-top: 4.5px;
padding-bottom: 4.5px;
background-color: rgb(166, 137, 225, 0.4);
}
.titleContainerBackground {
display: flex;
align-items: center;
justify-content: left;
height: fit-content;
width: 90vw;
margin-top: 15px;
/*max-width: 1200px;*/
background-color: #000000;
}
.homeButton {
margin-top: 10px;
background-color: #ffffff;
border: none;
width: max-content;
padding-top: 10px;
padding-bottom: 10px;
height: max-content;
font-family: 'QuickSand', sans-serif;
display: flex;
align-items: center;
justify-content: center
}
#mediaSample {
height: 100%;
width: fit-content;
max-width: 270px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
/*border-right: 2px solid #ffffff;*/
}
.mediaSampleTitle {
font-size: 220%;
line-height: 120%;
color: #ffffff;
font-family: 'Roboto', sans-serif;
text-align: left;
font-weight: 300;
margin-left: 5%;
}
.mediaTitleContainer {
height: fit-content;
width: 100%;
margin-top: 80px;
padding-left: 40px;
padding-right: 40px;
margin-bottom: 70px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.mediaImage {
min-height: 185px;
height: 26vw;
max-width: 350px;
width: auto;
margin-left: 0.5%;
margin-right: 0.5%;
}
.mediaTitle {
font-size: 275%;
line-height: 130%;
color: #ffffff;
font-family: 'Roboto', sans-serif;
text-align: center;
text-shadow: 2.5px 2.5px #000000;
font-weight: 400;
margin-bottom: 35px;
background-color: #A689E1;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 25px;
padding-left: 25px
}
.mediaSubHeading {
font-family: 'Roboto', sans-serif;
font-size: 129%;
color: #ffffff;
text-align: left;
font-weight: 400;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px
}
.mediaSubHeadingDate {
font-family: 'Roboto', sans-serif;
color: #ffffff;
font-weight: 400;
font-size: 127.5%;
line-height: 165%;
text-align: right;
width: 100%;
margin-bottom: 30px
}
.disclaimerTitleContainer {
display: flex;
align-items: left;
justify-content: center;
width: 100%;
height: fit-content;
margin-bottom: 42.5px;
margin-top: -10px;
}
.disclaimerTitle {
font-size: 280%;
line-height: 130%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 25px;
padding-left: 25px;
zoom: 95%
}
.privacyPolicyTitle {
font-size: 280%;
line-height: 130%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
padding-right: 25px;
padding-left: 25px;
zoom: 95%
}
.privacyPolicyHeading {
font-size: 200%;
line-height: 130%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 25px;
zoom: 95%
}
.privacyPolicySubheading {
font-size: 170%;
line-height: 130%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 25px;
zoom: 95%
}
.privacyPolicyHighlight2 {
font-family: 'QuickSand', sans-serif;
color: #000000;
font-size: 130%;
line-height: 155%;
text-align: center;
font-weight: 400;
}
.disclaimerText {
font-family: 'Roboto', sans-serif;
color: #000000;
font-weight: 350;
font-size: 115.75%;
line-height: 155%;
text-align: left;
width: 100%;
}
.privacyPolicyText {
font-family: 'Roboto', sans-serif;
color: #000000;
font-weight: 350;
font-size: 115.75%;
line-height: 155%;
text-align: left;
width: 100%;
}
.privacyPolicyHighlight {
font-family: 'Roboto', sans-serif;
color: #000000;
font-size: 102.75%;
line-height: 155%;
text-align: left;
font-weight: 425;
}
.mediaText {
font-family: 'Roboto', sans-serif;
color: #ffffff;
font-weight: 350;
font-size: 129%;
line-height: 165%;
text-align: left;
width: 100%;
}
.mediaTextRight {
font-family: 'Roboto', sans-serif;
color: #ffffff;
font-weight: 350;
font-size: 129%;
line-height: 165%;
text-align: left;
margin-left: 5%
}
.mediaSampleText {
font-family: 'Roboto', sans-serif;
color: #ffffff;
font-weight: 300;
font-size: 116.25%;
line-height: 140%;
text-align: center
}
.playContainer{
display: flex
}
.playContainer2{
display: none
}
.videoWebsite {
display: flex
}
.videoTablet {
display: none
}
.catchphraseContainer {
width: 90%;
height: max-content;
margin-left: 5%
}
.catchphraseTextLoad {
font-size: 197.5%;
line-height: 175%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 375;
padding-left: 2.5%;
padding-right: 2.5%;
zoom: 85%
}
.backStoryText {
color: #ffffff;
font-size: 16.5px;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: left;
line-height: 140%;
width: 80%
}
.backStoryTextRight {
color: #ffffff;
font-size: 16.5px;
font-family: 'Roboto', sans-serif;
font-weight: 200;
text-align: right;
line-height: 140%;
width: 80%;
margin-bottom: 15px;
}
.backStoryTextCenter {
color: #ffffff;
font-size: 16.5px;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: center;
line-height: 140%;
margin-top: 20px;
margin-bottom: 20px;
width: 70%
}
.missionContainerTitle {
font-size: 17.5px;
line-height: 125%;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.missionContainerText {
color: #A689E1;
font-size: 17px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
text-align: left;
line-height: 150%;
}
.missionContainerTextBold {
color: red;
font-size: 17px;
font-family: 'Roboto', sans-serif;
font-weight: 600;
text-align: left;
line-height: 150%;
margin-right: 5px;
}
.missionVisionGoalsBody {
width: 80%;
display: flex;
flex-direction: column;
align-items: center;
}
.goalContainer {
width: 90%;
height: 33%;
margin-Left: 5vw;
display: flex;
align-items: center
}
.featuresTitle {
font-size: 272.5%;
line-height: 120%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 400;
margin-bottom: 25px;
background-color: #000000;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px
}
.featuresTitleContainer {
width: 95%;
margin-left: 2.5%;
height: fit-content;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 75px;
margin-bottom: 85px;
}
.featuresSubHeading {
font-size: 17.5px;
line-height: 125%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 350;
padding-left: 5%;
padding-right: 5%;
}
.businessesSubHeading {
font-size: 17.5px;
line-height: 125%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 350;
padding-left: 5%;
padding-right: 5%;
}
.featuresHeaderImage {
max-height: 155px;
min-height: 115px;
max-width: 100%;
margin-right: 2.5%;
min-width: 115px;
border-radius: 22.5%
}
.featuresHeader {
margin-bottom: 20px;
z-index: 15;
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 18.5px;
line-height: 127.5%;
text-align: center;
padding-left: 17.5px;
padding-right: 17.5px;
padding-top: 15px;
padding-bottom: 2.5px;
background-color: rgb(166, 137, 225, 0.7);
}
.featuresText {
color: #A689E1;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 101.5%;
line-height: 120%;
text-align: left
}
.tutorialText {
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 117.5%;
text-align: left;
}
.downloadBannerContainer {
width: 90%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 60px;
padding-right: 60px;
border-radius: 10vw;
border: 3px solid #A689E1;
background-color: #000000
}
.downloadBannerContainer2 {
width: 85%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
border-radius: 10vw;
border: 3px solid #A689E1;
background-color: #000000
}
.downloadBannerContainerRight {
width: fit-content;
height: fit-content;
margin-left: 2%;
display: flex;
align-items: center;
justify-content: center
}
.bannerText {
font-size: 16.25px;
line-height: 115%;
color: #ffffff;
font-weight: 300;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.businessesTitleContainer {
max-width: 90%;
width: fit-content;
height: fit-content;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 70px;
margin-bottom: 50px;
}
.businessesTitle {
font-size: 272.5%;
line-height: 120%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 400;
margin-bottom: 25px;
background-color: #000000;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px
}
.faqsHeaderText {
font-size: 235%;
line-height: 120%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 300;
padding-bottom: 3%;
}
.businessTextTitle {
color: #000000;
font-family: 'QuickSand', sans-serif;
font-weight: 600;
margin-bottom: 40px;
font-size: 16.75px;
line-height: 127.5%;
text-align: center;
background: rgba(255, 255, 255, 0.8);
padding-left: 5px;
padding-right: 5px;
}
.businessesText {
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 350;
font-size: 16.5px;
line-height: 127.5%;
text-align: center;
background: rgba(255, 255, 255, 0.8);
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
}
.businessesBodyContainer {
height: 475px;
width: 100%;
padding-top: 25px;
display: flex;
flex-direction: row
}
.question {
margin-top: 15px;
margin-bottom: 15px;
width: 82.5%;
height: max-content;
position: relative
}
.questionText {
color: #000000;
font-size: 18px;
line-height: 150%;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: left
}
.questionAnswerText {
color: #000000;
font-size: 17.5px;
line-height: 150%;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: left;
overflow: hidden;
padding: 15px;
}
.questionButton {
width: 100%;
height: max-content;
background-color: #ffffff;
border: 3.5px solid #A689E1;
border-radius: 10px;
padding: 15px;
padding-left: 25px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center
}
#contactsSwiper .swiper-button-next{
--swiper-navigation-size: 22.5px;
margin-right: 2.5%;
color: #ffffff;
font-weight: 600;
margin-top: 5px
}
#contactsSwiper .swiper-button-prev{
--swiper-navigation-size: 22.5px;
margin-left: 2.5%;
color: #ffffff;
font-weight: 600;
margin-top: 10px
}
.waitListContainer2 {
width: 100%;
margin-top: 50px;
height: 750px;
display: flex;
align-items: center;
justify-content: center;
}
.contactsTitleContainer {
height: max-content;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 65px;
margin-top: 20px
}
.contactsTitle {
zoom: 90%;
font-size: 195%;
font-weight: 400;
line-height: 140%;
color: #A689E1;
font-family: 'Roboto', sans-serif;
text-align: left;
padding-bottom: 40px;
padding-top: 30px;
width: 100%;
padding-left: 5%;
background-color: rgb(166, 137, 225, 0.65)
}
.contactsTitleBold {
font-weight: 300;
font-size: 230%;
line-height: 125%;
color: #ffffff;
font-family: 'Roboto', sans-serif;
text-align: center;
padding-bottom: 7.5px;
padding-top: 7.5px;
}
.inputTextTitle {
color: #ffffff;
font-size: 112.5%;
line-height: 100%;
font-family: 'QuickSand', sans-serif;
font-weight: 300;
text-align: center;
margin-left: 10%;
display: flex;
}
.redIcon {
margin-left: 2.5%;
margin-right: 2.5%;
color: #D22B2B;
font-size: 105%;
}
.contactFormButton {
height: fit-content;
width: fit-content;
padding-left: 10px;
padding-right: 10px;
padding-top: 2.5px;
padding-bottom: 2.5px;
border: 2.5px solid #bababa;
background-color: #cacaca;
color: #ffffff;
font-size: 17px;
font-family: 'QuickSand', sans-serif;
font-weight: 350;
margin-top: 15px
}
.contactsForm {
width: 100%;
height: 80%;
flex-direction: column;
background-color: #A689E1
}
.contactsFormEntry {
height: 50px;
width: 100%;
flex-direction: row;
display: flex;
align-items: center
}
}
@media only screen and (min-width: 780px) and (orientation: landscape) {
/*@media only screen and (max-width: 807.5px) and (min-width: 780px) and (orientation: landscape) {*/
.goalsTextBoldLeft {
font-size: 400%;
line-height: 100%;
margin-right: 27.5px;
color: #A689E1;
text-shadow: 3px 3px 3px #b4b4b4;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-style: italic;
font-weight: 500;
margin-top: -2.5%;
}
.goalsHeaderTop {
display: flex;
flex-direction: row;
width: 100%;
margin-bottom: 17.5px;
}
}
@media only screen and (min-width: 807.5px) and (orientation: landscape) {
/*@media only screen and (max-width: 840px) and (min-width: 807.5px) and (orientation: landscape) {*/
.goalsHeaderTop {
display: flex;
flex-direction: row;
width: 100%;
margin-bottom: 17.5px;
}
}
@media only screen and (min-width: 840px) and (orientation: landscape) {
/*@media only screen and (max-width: 930px) and (min-width: 840px) and (orientation: landscape) {*/
.goalsHeaderTop {
display: flex;
flex-direction: row;
width: 100%;
margin-bottom: 17.5px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 930px) and (orientation: landscape) {
.goalsHeaderTop {
display: flex;
flex-direction: row;
width: 100%;
margin-bottom: 17.5px;
}
}
.missionContainerTitleContainer {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
width: 95%;
max-width: 900px;
}
.goalsTextBoldLeft {
font-size: 400%;
line-height: 100%;
margin-right: 27.5px;
color: #A689E1;
text-shadow: 3px 3px 3px #b4b4b4;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-style: italic;
font-weight: 500;
margin-top: -2.5%;
}
@media only screen and (min-width: 700px) and (orientation: landscape) {
/*@media only screen and (max-width: 965px) and (min-width: 700px) and (orientation: landscape) {*/
.contactsTitle {
zoom: 90%;
font-size: 200%;
font-weight: 400;
line-height: 140%;
color: #A689E1;
font-family: 'Roboto', sans-serif;
text-align: left;
padding-bottom: 45px;
padding-top: 35px;
width: 100%;
padding-left: 5%;
background-color: rgb(166, 137, 225, 0.65)
}
.contactsTitleBold {
font-weight: 300;
font-size: 240%;
line-height: 130%;
color: #ffffff;
font-family: 'Roboto', sans-serif;
text-align: center;
padding-bottom: 7.5px;
padding-top: 7.5px;
}
.zoomOut17 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
width: 100vw;
margin-top: 55px;
background-color: #000000;
}
.homePageContentContainer {
background-color: #A689E1;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: fit-content;
}
.homePageTitleContainer {
display: flex;
justify-content: center;
align-items: left;
flex-direction: column;
height: fit-content;
width: 100%;
padding-left: 5vw;
padding-top: 5px;
padding-bottom: 10px;
}
#titleSwiper {
height: 70px;
width: fit-content;
}
#titleSwiper2 {
height: 100%;
width: fit-content;
}
.homePageTitleContainerRow {
flex-direction: column;
height: 20vh;
padding-right: 20px;
padding-left: 20px;
}
.homePageTitleContainerRow2 {
display: flex;
align-items: center;
justify-content: left;
flex-direction: row;
height: 10vh;
padding-right: 20px;
padding-left: 20px
}
.homePageTitleBox {
display: flex;
align-items: center;
justify-content: left;
height: 10vh;
}
.homePageContentTitle {
color: #000000;
font-size: 33px;
margin-right: 5px;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: left;
}
.homePageContentTitleBold {
color: #000000;
font-size: 35px;
margin-right: 9.5px;
font-family: 'Roboto', sans-serif;
font-weight: 600;
text-align: left;
text-shadow: 2.5px 2.5px 2.55px #A689E1;
}
.homePageTitle {
font-size: 270%;
line-height: 125%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
}
.titleText {
font-size: 275%;
line-height: 125%;
color: rgb(166, 137, 225, 0.65);
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 600;
margin-left: 12.5px;
}
.titleTextLast {
color: rgb(166, 137, 225, 0.65);
font-weight: 600;
margin-left: 5px;
}
.titleText2 {
font-size: 275%;
line-height: 125%;
color: rgb(166, 137, 225, 0.65);
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 600;
margin-left: 5px;
}
.titleText3 {
font-size: 275%;
line-height: 150%;
color: #A689E1;
font-family: 'QuickSand', sans-serif;
text-align: left;
font-weight: 550;
}
.homeBottomText {
color: #A689E1;
font-size: 18.7px;
margin-right: 12.5px;
margin-left: 12.5px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: center;
background-color: rgb(0, 0, 0, 0.6);
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
.catchphraseText {
color: #000000;
font-size: 18.6px;
line-height: 135%;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: left;
}
.catchphraseTextLink {
color: #A689E1;
font-size: 142.5%;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: left;
}
.titleContainer {
display: flex;
align-items: center;
justify-content: left;
height: fit-content;
margin-top: 15px;
padding-top: 4.5px;
padding-bottom: 4.5px;
width: 90vw;
background-color: #000000;
}
.titleContainer2 {
display: flex;
align-items: center;
justify-content: left;
height: 100%;
width: 100%;
padding-top: 4.5px;
padding-bottom: 4.5px;
background-color: rgb(166, 137, 225, 0.4);
}
.titleContainerBackground {
display: flex;
align-items: center;
justify-content: left;
height: fit-content;
width: 90vw;
margin-top: 15px;
/*max-width: 1200px;*/
background-color: #000000;
}
.homeButton {
margin-top: 10px;
background-color: #ffffff;
border: none;
width: max-content;
padding-top: 10px;
padding-bottom: 10px;
height: max-content;
font-family: 'QuickSand', sans-serif;
display: flex;
align-items: center;
justify-content: center
}
}
@media only screen and (min-width: 965px) and (orientation: landscape) {
/*@media only screen and (max-width: 1024px) and (min-width: 965px) and (orientation: landscape) {*/
.goalsTextBoldLeft {
font-size: 400%;
line-height: 100%;
margin-right: 15px;
color: #A689E1;
text-shadow: 3px 3px 3px #b4b4b4;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-style: italic;
font-weight: 500;
margin-top: -2.5%;
}
.contactsTitle {
zoom: 90%;
font-size: 205%;
font-weight: 400;
line-height: 140%;
color: #A689E1;
font-family: 'Roboto', sans-serif;
text-align: left;
padding-bottom: 50px;
padding-top: 40px;
width: 100%;
padding-left: 5%;
background-color: rgb(166, 137, 225, 0.65)
}
.contactsTitleBold {
font-weight: 300;
font-size: 250%;
line-height: 130%;
color: #ffffff;
font-family: 'Roboto', sans-serif;
text-align: center;
padding-bottom: 7.5px;
padding-top: 7.5px;
}
.homePageTitleContainer {
display: flex;
justify-content: center;
align-items: left;
flex-direction: column;
height: fit-content;
width: 100%;
padding-left: 5vw;
padding-top: 5px;
padding-bottom: 10px;
}
.zoomOut17 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
width: 100vw;
margin-top: 60px;
background-color: #000000;
}
.homePageContentContainer {
background-color: #A689E1;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: fit-content;
}
#titleSwiper {
height: 100%;
width: fit-content;
margin-left: 5px;
}
#titleSwiper2 {
height: 100%;
width: fit-content;
}
.homePageTitleContainerRow {
display: flex;
align-items: center;
justify-content: left;
flex-direction: row;
height: 10vh;
padding-right: 20px;
padding-left: 20px
}
.homePageTitleContainerRow2 {
display: flex;
align-items: center;
justify-content: left;
flex-direction: row;
height: 10vh;
padding-right: 20px;
padding-left: 20px
}
.homePageContentTitle {
color: #000000;
font-size: 34px;
margin-right: 5px;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: left;
}
.homePageContentTitleBold {
color: #000000;
font-size: 36px;
margin-right: 9.5px;
font-family: 'Roboto', sans-serif;
font-weight: 600;
text-align: left;
text-shadow: 2.5px 2.5px 2.55px #A689E1;
}
.homePageTitle {
font-size: 269%;
line-height: 125%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
}
.titleText {
font-size: 269%;
line-height: 125%;
color: rgb(166, 137, 225, 0.65);
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 600;
margin-left: 12.5px;
}
.titleTextLast {
color: rgb(166, 137, 225, 0.65);
font-weight: 600;
margin-left: 5px;
}
.titleText2 {
font-size: 269%;
line-height: 125%;
color: rgb(166, 137, 225, 0.65);
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 600;
margin-left: 12.5px;
}
.titleText3 {
font-size: 270%;
line-height: 125%;
color: #A689E1;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 550;
}
.homeBottomText {
color: #A689E1;
font-size: 18.75px;
margin-right: 12.5px;
margin-left: 12.5px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: center;
background-color: rgb(0, 0, 0, 0.6);
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
.catchphraseText {
color: #000000;
font-size: 117%;
line-height: 140%;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: left;
}
.catchphraseTextLink {
color: #A689E1;
font-size: 147.5%;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: left;
}
.titleContainer {
display: flex;
align-items: center;
justify-content: left;
height: fit-content;
margin-top: 15px;
padding-top: 4.5px;
padding-bottom: 4.5px;
width: 90vw;
background-color: #000000;
}
.titleContainer2 {
display: flex;
align-items: center;
justify-content: left;
height: 100%;
width: 100%;
padding-top: 4.5px;
padding-bottom: 4.5px;
background-color: rgb(166, 137, 225, 0.4);
}
.titleContainerBackground {
display: flex;
align-items: center;
justify-content: left;
height: fit-content;
width: 90vw;
margin-top: 15px;
/*max-width: 1200px;*/
background-color: #000000;
}
.homeButton {
margin-top: 10px;
background-color: #ffffff;
border: none;
width: max-content;
padding-top: 10px;
padding-bottom: 10px;
height: max-content;
font-family: 'QuickSand', sans-serif;
display: flex;
align-items: center;
justify-content: center
}
}
@media only screen and (max-width: 875px) and (orientation: landscape) {
.aboutBackground {
height: 300px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
}
@media only screen and (min-width: 875px) and (max-width: 915px) and (orientation: landscape) {
.aboutBackground {
height: 325px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
}
@media only screen and (max-width: 915px) and (orientation: landscape) {
.featuresHeader {
margin-bottom: 20px;
font-size: 18.58px;
z-index: 15;
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 400;
line-height: 127.5%;
text-align: center;
padding-left: 15px;
padding-right: 15px;
padding-top: 17.5px;
padding-bottom: 2.5px;
background-color: rgb(166, 137, 225, 0.7);
}
}
@media only screen and (min-width: 915px) and (max-width: 1024px) and (orientation: landscape) {
.featuresHeader {
margin-bottom: 20px;
font-size: 18.6px;
z-index: 15;
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 400;
line-height: 127.5%;
text-align: center;
padding-left: 15px;
padding-right: 15px;
padding-top: 17.5px;
padding-bottom: 2.5px;
background-color: rgb(166, 137, 225, 0.7);
}
.aboutBackground {
height: 340px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
.contactsFormContainer {
width: 85%;
margin-right: 2.5%;
height: fit-content;
margin-top: 50px;
margin-bottom: 35px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.zoomOut10 {
zoom: 92%
}
.zoomOut3 {
height: fit-content;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.zoomOut4 {
width: 85%;
margin-right: 2.5%;
height: fit-content;
margin-top: 60px;
margin-bottom: 35px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
zoom: 90%
}
.zoomOut5 {
background-color: #000000;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
zoom: 95%
}
.backStoryBodyContainer {
background-color: rgba(0, 0, 0, 0.7);
width: fit-content;
padding-top: 65px;
padding-bottom: 40px;
margin-left: 15px;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 11;
padding-left: 2%;
padding-right: 2%;
}
.featuresContainer {
height: 325px;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.mediaBodyContainer {
height: fit-content;
width: 90%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.featuresRight {
width: 60%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 10;
margin-left: 30%;
padding: 30px;
background-color: rgb(0, 0, 0, 0.6);
}
.featuresRight2 {
width: 60%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgb(0, 0, 0, 0.6);
z-index: 10;
margin-right: 60%;
padding: 30px;
}
.featuresRight3 {
width: 60%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgb(0, 0, 0, 0.6);
z-index: 10;
margin-left: 45%;
padding: 30px;
}
.goalsHeader {
width: 90%;
max-width: 800px;
position: relative;
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.missionVisionGoalsTitleContainer {
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 90px
}
.goalsContainers {
padding-bottom: 100px;
padding-top: 90px;
width: 100vw;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #ffffff;
}
.missionVisionGoalsTextBold {
font-family: 'Roboto', sans-serif;
font-size: 116.25%;
line-height: 130%;
color: #A689E1;
text-align: left;
font-weight: 400;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
background-color: rgba(255, 255, 255, 0.85);
margin-bottom: -45px;
margin-top: 20px;
z-index: 10;
}
.missionVisionGoalsText {
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 107.5%;
line-height: 130%;
text-align: center;
font-weight: 375;
padding-left: 2%;
padding-right: 2%;
z-index: 10;
}
.quotes {
font-size: 365%;
line-height: 100%;
color: #A689E1;
font-family: 'QuickSand', sans-serif;
text-align: left;
font-style: italic;
margin-top: -15px;
font-weight: 500;
}
.quotesEnd {
font-size: 400%;
line-height: 100%;
color: #A689E1;
font-family: 'QuickSand', sans-serif;
text-align: right;
font-style: italic;
font-weight: 500;
display: flex;
align-items: last baseline;
margin-bottom: -45px;
}
.goalsTextBoldRight {
font-size: 400%;
line-height: 100%;
margin-left: 15px;
color: #A689E1;
text-shadow: 3px 3px 3px #b4b4b4;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-style: italic;
display: flex;
align-items: last baseline;
font-weight: 500;
margin-bottom: -2.5%;
}
.backStoryTitleContainer {
width: 100%;
height: fit-content;
margin-bottom: 85px;
display: flex;
align-items: center;
justify-content: center;
}
.missionContainerTextContainer {
margin-top: 40px;
height: fit-content;
width: 95%;
display: flex;
flex-direction: column;
padding-left: 2.5%
}
.backStoryTitle {
font-size: 290%;
line-height: 135%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 250;
text-decoration: underline;
text-decoration-color: #A689E1;
text-decoration-style: solid;
text-underline-offset: 20px;
text-decoration-thickness: 2px;
}
.backStoryTextContainer {
width: 75%;
min-width: 640px;
max-width: 725px;
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
margin-top: 20px;
margin-bottom: 30px;
}
.missionContainerTextBox {
width: 90%;
height: fit-content;
display: flex;
align-items: flex-start;
justify-content: left;
flex-direction: row;
margin-left: 5%;
padding-left: 10px;
padding-right: 10px;
margin-top: 2.5px;
margin-bottom: 2.5px;
padding-top: 5px;
padding-bottom: 5px;
}
.goals {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
width: 90%;
margin-top: 30px;
}
.goalsText {
font-size: 275%;
line-height: 137.5%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 400;
background-color: #000000;
padding-top: 10px;
padding-bottom: 12.5px;
padding-left: 20px;
padding-right: 20px;
}
.missionGoalsContainer2 {
width: 90%;
height: fit-content;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
#subTitle {
color: #000000;
font-size: 200%;
line-height: 150%;
padding-left: 50px;
padding-right: 50px;
padding-top: 25px;
padding-bottom: 25px;
font-family: 'QuickSand', sans-serif;
font-weight: 500;
text-align: center;
position: absolute;
z-index: 10;
zoom: 90%
}
.homeLine {
width: 2px;
height: 65%;
margin-top: -5%;
background-color: #A689E1;
}
.homeImageLinkContainer {
max-height: auto;
max-width: auto;
cursor: auto;
padding-right: 10px;
padding-left: 10px;
}
.homeImageLink {
max-height: 340px;
height: 85%;
border-radius: 10%;
display: block;
margin-left: auto;
margin-right: auto;
}
.userButton1 {
background-color: #A689E1;
border: none;
border-radius: 20px;
width: max-content;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 15px;
padding-left: 15px;
height: max-content;
display: flex;
align-items: center;
justify-content: center;
}
.userButton2 {
background-color: #A689E1;
border: none;
border-radius: 17.5px;
width: max-content;
padding-top: 7.5px;
padding-bottom: 7.5px;
padding-right: 12.5px;
padding-left: 12.5px;
height: max-content;
display: flex;
align-items: center;
justify-content: center;
}
.userButtonText {
color: #000000;
font-size: 16.75px;
font-weight: 450;
font-family: 'Roboto', sans-serif;
}
#homePageContent {
background-color: #000000;
height: 550px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.catchphraseContainer {
width: 90%;
padding-bottom: 5px;
height: max-content;
margin-left: 5%
}
#mediaSample {
height: 100%;
width: fit-content;
max-width: 280px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
/*border-right: 2px solid #ffffff;*/
}
.mediaSampleTitle {
font-size: 225%;
line-height: 120%;
color: #ffffff;
font-family: 'Roboto', sans-serif;
text-align: left;
font-weight: 300;
margin-left: 5%;
}
.mediaImage {
min-height: 205px;
height: 25vw;
max-width: 300px;
width: auto;
margin-left: 0.5%;
margin-right: 0.5%;
}
.mediaTitleContainer {
height: fit-content;
width: 100%;
margin-top: 80px;
padding-left: 40px;
padding-right: 40px;
margin-bottom: 70px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.disclaimerTitleContainer {
display: flex;
align-items: left;
justify-content: center;
width: 100%;
height: fit-content;
margin-bottom: 47.5px;
margin-top: 0px;
}
.disclaimerTitle {
font-size: 290%;
line-height: 130%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 25px;
padding-left: 25px;
zoom: 95%
}
.privacyPolicyTitle {
font-size: 290%;
line-height: 130%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
padding-right: 25px;
padding-left: 25px;
zoom: 95%
}
.privacyPolicyHeading {
font-size: 210%;
line-height: 130%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 25px;
zoom: 95%
}
.privacyPolicySubheading {
font-size: 180%;
line-height: 130%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 25px;
zoom: 95%
}
.privacyPolicyHighlight2 {
font-family: 'QuickSand', sans-serif;
color: #000000;
font-size: 130.25%;
line-height: 155%;
text-align: center;
font-weight: 400;
}
.mediaTitle {
font-size: 285%;
line-height: 130%;
color: #ffffff;
font-family: 'Roboto', sans-serif;
text-align: center;
text-shadow: 2.5px 2.5px #000000;
font-weight: 400;
margin-bottom: 35px;
background-color: #A689E1;
padding-top: 17.5px;
padding-bottom: 17.5px;
padding-right: 25px;
padding-left: 25px
}
.mediaSubHeading {
font-family: 'Roboto', sans-serif;
font-size: 130%;
color: #ffffff;
text-align: left;
font-weight: 400;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
}
.mediaSubHeadingDate {
font-family: 'Roboto', sans-serif;
color: #ffffff;
font-weight: 400;
font-size: 127.5%;
line-height: 165%;
text-align: right;
width: 100%;
margin-bottom: 30px
}
.disclaimerText {
font-family: 'Roboto', sans-serif;
color: #000000;
font-weight: 350;
font-size: 116%;
line-height: 157.5%;
text-align: left;
width: 100%;
}
.privacyPolicyText {
font-family: 'Roboto', sans-serif;
color: #000000;
font-weight: 350;
font-size: 116%;
line-height: 157.5%;
text-align: left;
width: 100%;
}
.privacyPolicyHighlight {
font-family: 'Roboto', sans-serif;
color: #000000;
font-size: 103%;
line-height: 155%;
text-align: left;
font-weight: 425;
}
.mediaText {
font-family: 'Roboto', sans-serif;
color: #ffffff;
font-weight: 350;
font-size: 130%;
line-height: 165%;
text-align: left;
width: 100%;
}
.mediaTextRight {
font-family: 'Roboto', sans-serif;
color: #ffffff;
font-weight: 350;
font-size: 130%;
line-height: 165%;
text-align: left;
margin-left: 5%
}
.mediaSampleText {
font-family: 'Roboto', sans-serif;
color: #ffffff;
font-weight: 300;
font-size: 116.5%;
line-height: 140%;
text-align: center
}
.playContainer{
display: none
}
.playContainer2{
display: flex
}
.videoWebsite {
display: none
}
.videoTablet {
display: flex
}
.catchphraseTextLoad {
font-size: 205%;
line-height: 175%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 375;
padding-left: 2.5%;
padding-right: 2.5%;
zoom: 82.5%
}
.userButton {
color: #f8f8f8;
background-color: #A689E1;
border: none;
border-radius: 20px;
width: max-content;
padding-top: 7.5px;
padding-bottom: 7.5px;
padding-left: 10px;
padding-right: 10px;
height: max-content;
font-size: 15px;
font-weight: 600;
font-family: 'QuickSand', sans-serif;
display: flex;
align-items: center;
justify-content: center
}
.backStoryText {
color: #ffffff;
font-size: 17px;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: left;
line-height: 140%;
width: 80%
}
.backStoryTextRight {
color: #ffffff;
font-size: 17px;
font-family: 'Roboto', sans-serif;
font-weight: 200;
text-align: right;
line-height: 140%;
width: 80%;
margin-bottom: 15px;
}
.backStoryTextCenter {
color: #ffffff;
font-size: 17px;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: center;
line-height: 140%;
width: 70%;
margin-top: 20px;
margin-bottom: 20px;
}
.missionContainerTitle {
font-size: 18px;
line-height: 125%;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.missionContainerText {
color: #A689E1;
font-size: 17.25px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
text-align: left;
line-height: 150%;
}
.missionContainerTextBold {
color: red;
font-size: 17.25px;
font-family: 'Roboto', sans-serif;
font-weight: 600;
text-align: left;
line-height: 150%;
margin-right: 5px;
}
.missionVisionGoalsBody {
width: 80%;
display: flex;
flex-direction: column;
align-items: center;
}
.goalContainer {
width: 90%;
height: 33%;
margin-Left: 5vw;
display: flex;
align-items: center
}
.featuresTitle {
font-size: 277.5%;
line-height: 125%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 400;
margin-bottom: 27.5px;
background-color: #000000;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px
}
.featuresTitleContainer {
width: 100%;
margin-left: 0%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 75px;
margin-bottom: 85px;
}
.featuresSubHeading {
font-size: 18px;
line-height: 125%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 350;
padding-left: 10%;
padding-right: 10%;
}
.businessesSubHeading {
font-size: 18px;
line-height: 125%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 350;
padding-left: 2.5%;
padding-right: 2.5%;
}
.features {
height: fit-content;
margin-top: 15px;
width: 100%;
}
.featuresHeaderImage {
max-height: 165px;
min-height: 125px;
max-width: 100%;
min-width: 127.5px;
border-radius: 22.5%
}
.featuresText {
color: #A689E1;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 104%;
line-height: 125%;
text-align: left;
}
.tutorialText {
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 120%;
text-align: left;
}
.downloadBannerContainer {
width: 100%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 60px;
padding-right: 60px;
border-radius: 10vw;
border-radius: 10vw;
border: 3px solid #A689E1;
background-color: #000000;
}
.downloadBannerContainer2 {
width: 85%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
border-radius: 10vw;
border: 3px solid #A689E1;
background-color: #000000;
}
.downloadBannerContainerRight {
width: fit-content;
height: fit-content;
margin-left: 5%;
display: flex;
align-items: center;
justify-content: center
}
.bannerText {
font-size: 16.5px;
line-height: 120%;
color: #ffffff;
font-weight: 300;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.businessesTitleContainer {
max-width: 90%;
width: fit-content;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 80px;
margin-bottom: 65px;
}
.businessesTitle {
font-size: 277.5%;
line-height: 125%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 400;
margin-bottom: 25px;
background-color: #000000;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px
}
.faqsHeaderText {
font-size: 242.5%;
line-height: 125%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 300;
padding-bottom: 3.25%;
}
.businessTextTitle {
color: #000000;
font-family: 'QuickSand', sans-serif;
font-weight: 600;
margin-bottom: 40px;
font-size: 17px;
line-height: 127.5%;
text-align: center;
background: rgba(255, 255, 255, 0.8);
padding-left: 5px;
padding-right: 5px;
}
.businessesText {
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 350;
font-size: 16.75px;
line-height: 127.5%;
text-align: center;
background: rgba(255, 255, 255, 0.8);
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
}
.businessesBodyContainer {
height: 500px;
width: 100%;
padding-top: 25px;
display: flex;
flex-direction: row
}
.question {
margin-top: 15px;
margin-bottom: 15px;
width: 80%;
height: max-content;
position: relative
}
.questionText {
color: #000000;
font-size: 139%;
line-height: 150%;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: left
}
.questionAnswerText {
color: #000000;
font-size: 115%;
line-height: 150%;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: left;
overflow: hidden;
padding: 15px
}
.questionButton {
width: 100%;
height: max-content;
background-color: #ffffff;
border: 3.5px solid #A689E1;
border-radius: 10px;
padding: 15px;
padding-left: 25px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center
}
.waitListContainer2 {
width: 100%;
margin-top: 75px;
height: 750px;
display: flex;
align-items: center;
justify-content: center;
}
.contactsTitleContainer {
height: max-content;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 70px;
margin-top: 25px
}
#contactsSwiper .swiper-button-next{
--swiper-navigation-size: 22.5px;
margin-right: 3%;
color: #ffffff;
font-weight: 600;
}
#contactsSwiper .swiper-button-prev{
--swiper-navigation-size: 22.5px;
margin-left: 3%;
color: #ffffff;
font-weight: 600;
margin-top: 10px
}
.inputTextTitle {
color: #ffffff;
font-size: 115%;
line-height: 120%;
font-family: 'QuickSand', sans-serif;
font-weight: 300;
text-align: center;
margin-left: 10%;
display: flex;
}
.redIcon {
margin-left: 2.5%;
margin-right: 2.5%;
color: #D22B2B;
font-size: 107.5%;
}
.contactFormButton {
height: fit-content;
width: fit-content;
padding-left: 10px;
padding-right: 10px;
padding-top: 2.5px;
padding-bottom: 2.5px;
border: 2.5px solid #bababa;
background-color: #cacaca;
color: #ffffff;
font-size: 17.25px;
font-family: 'QuickSand', sans-serif;
font-weight: 350;
margin-top: 15px
}
.contactsForm {
width: 100%;
height: 80%;
flex-direction: column;
background-color: #A689E1
}
.contactsFormEntry {
height: 50px;
width: 100%;
flex-direction: row;
display: flex;
align-items: center
}
}
.mediaBodyContainer {
height: fit-content;
width: 95%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media only screen and (min-width: 1024px) and (orientation: landscape) {
.contactsFormContainer {
width: 85%;
height: fit-content;
margin-top: 65px;
margin-bottom: 50px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.zoomOut10 {
zoom: 92%
}
.zoomOut3 {
height: fit-content;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.zoomOut4 {
width: 85%;
height: fit-content;
margin-top: 75px;
margin-bottom: 50px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
zoom: 90%
}
.zoomOut5 {
background-color: #000000;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
zoom: 91%
}
.backStoryBodyContainer {
background-color: rgba(0, 0, 0, 0.7);
width: fit-content;
padding-top: 70px;
padding-bottom: 45px;
margin-left: 15px;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 11;
padding-left: 2%;
padding-right: 2%;
}
.featuresContainer {
max-width: 1400px;
height: 350px;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.featuresRight {
width: 55%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 10;
margin-left: 27.5%;
padding: 35px;
background-color: rgb(0, 0, 0, 0.6);
}
.featuresRight2 {
width: 50%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgb(0, 0, 0, 0.6);
z-index: 10;
margin-right: 57.5%;
padding: 35px;
}
.featuresRight3 {
width: 55%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgb(0, 0, 0, 0.6);
z-index: 10;
margin-left: 50%;
padding: 35px;
}
.missionVisionGoalsTitleContainer {
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 80px
}
.goalsContainers {
padding-bottom: 95px;
padding-top: 90px;
width: 100vw;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #ffffff;
}
.missionVisionGoalsTextBold {
font-family: 'Roboto', sans-serif;
font-size: 116.25%;
line-height: 130%;
color: #A689E1;
text-align: left;
font-weight: 400;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
background-color: rgba(255, 255, 255, 0.85);
margin-bottom: -45px;
margin-top: 20px;
z-index: 10;
}
.missionVisionGoalsText {
font-family: 'Roboto', sans-serif;
font-size: 110%;
line-height: 140%;
color: #000000;
text-align: center;
font-weight: 375;
padding-left: 2.5%;
padding-right: 2.5%;
z-index: 10;
}
.quotes {
font-size: 370%;
line-height: 100%;
color: #A689E1;
font-family: 'QuickSand', sans-serif;
text-align: left;
font-style: italic;
margin-top: -15px;
font-weight: 500;
}
.quotesEnd {
font-size: 405%;
line-height: 100%;
margin-right: 15px;
color: #A689E1;
font-family: 'QuickSand', sans-serif;
text-align: right;
font-style: italic;
font-weight: 500;
display: flex;
align-items: last baseline;
margin-bottom: -45px;
}
.goalsTextBoldLeft {
font-size: 405%;
line-height: 100%;
margin-right: 15px;
color: #A689E1;
text-shadow: 2.5px 2.5px 2.55px #b4b4b4;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-style: italic;
font-weight: 500;
margin-top: -2.5%;
}
.goalsTextBoldRight {
font-size: 405%;
line-height: 100%;
margin-left: 15px;
color: #A689E1;
text-shadow: 2.5px 2.5px 2.55px #b4b4b4;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-style: italic;
display: flex;
align-items: last baseline;
font-weight: 500;
margin-bottom: -2.5%;
}
.missionGoalsContainer2 {
width: 90%;
height: fit-content;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.aboutBackground {
height: 360px;
max-width: 1400px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#subTitle {
color: #000000;
font-size: 210%;
line-height: 150%;
font-family: 'QuickSand', sans-serif;
font-weight: 500;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
position: absolute;
z-index: 10;
padding-left: 45px;
padding-right: 45px;
zoom: 90%
}
.backStory {
width: 85%;
max-width: 950px;
height: fit-content;
margin-bottom: 5%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.backStoryTitleContainer {
width: 100%;
height: fit-content;
margin-bottom: 92.5px;
display: flex;
align-items: center;
justify-content: center;
}
.goalsHeader {
width: 90%;
max-width: 1200px;
position: relative;
display: flex;
flex-direction: column;
margin-bottom: 15px;
}
.goalsHeaderTop {
display: flex;
flex-direction: row;
width: 100%;
margin-left: 1%;
margin-bottom: 20px;
}
.missionContainerTextContainer {
margin-top: 40px;
height: fit-content;
width: 90%;
display: flex;
flex-direction: column;
max-width: 1000px;
padding-left: 7.5%
}
.backStoryTitle {
font-size: 300%;
line-height: 135%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 250;
text-decoration: underline;
text-decoration-color: #A689E1;
text-decoration-style: solid;
text-underline-offset: 20px;
text-decoration-thickness: 2px;
}
.backStoryTextContainer {
width: 70%;
max-width: 800px;
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
margin-top: 20px;
margin-bottom: 30px;
}
.missionContainerTextBox {
width: 100%;
height: fit-content;
display: flex;
align-items: flex-start;
justify-content: left;
flex-direction: row;
margin-top: 2.5px;
margin-bottom: 2.5px;
padding-top: 5px;
padding-bottom: 5px;
}
.goals {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
width: 90%;
margin-top: 35px;
}
.goalsText {
font-size: 285%;
line-height: 140%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 400;
width: fit-content;
background-color: #000000;
padding-top: 10px;
padding-bottom: 12.5px;
padding-left: 25px;
padding-right: 25px;
}
.zoomOut17 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
width: 100vw;
margin-top: 65px;
background-color: #000000;
}
.homePageContentContainer {
background-color: #A689E1;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: fit-content;
}
.homePageTitleContainer {
display: flex;
justify-content: center;
align-items: left;
flex-direction: column;
height: fit-content;
width: 100%;
padding-left: 5vw;
padding-top: 5px;
padding-bottom: 10px;
}
.homeLine {
width: 2px;
height: 65%;
margin-top: -5%;
background-color: #A689E1;
}
.homeImageLinkContainer {
max-height: auto;
max-width: auto;
cursor: auto;
padding-right: 10px;
padding-left: 10px;
}
.homeImageLink {
height: 97.5%;
max-height: 375px;
border-radius: 10%;
display: block;
margin-left: auto;
margin-right: auto;
}
#titleSwiper {
height: 100%;
width: fit-content;
margin-left: 5px;
}
#titleSwiper2 {
height: 100%;
width: fit-content;
}
.homePageTitleContainerRow {
display: flex;
align-items: center;
justify-content: left;
flex-direction: row;
height: 10vh;
padding-right: 20px;
padding-left: 20px
}
.homePageTitleContainerRow2 {
display: flex;
align-items: center;
justify-content: left;
flex-direction: row;
height: 10vh;
padding-right: 20px;
padding-left: 20px
}
.userButton1 {
background-color: #A689E1;
border: none;
border-radius: 20px;
width: max-content;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 15px;
padding-left: 15px;
height: max-content;
display: flex;
align-items: center;
justify-content: center;
}
.userButton2 {
background-color: #A689E1;
border: none;
border-radius: 17.5px;
width: max-content;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 15px;
padding-left: 15px;
height: max-content;
display: flex;
align-items: center;
justify-content: center;
}
.userButtonText {
color: #000000;
font-size: 125%;
font-weight: 450;
font-family: 'Roboto', sans-serif;
}
#homePageContent {
background-color: #000000;
height: 575px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.homeButton {
margin-left: 5px;
margin-top: 10px;
background-color: #ffffff;
border: none;
width: max-content;
padding-top: 10px;
padding-bottom: 10px;
height: max-content;
font-family: 'QuickSand', sans-serif;
display: flex;
align-items: center;
justify-content: center
}
.homeBottomText {
color: #A689E1;
font-size: 116.25%;
margin-right: 12.5px;
margin-left: 12.5px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: center;
background-color: rgb(0, 0, 0, 0.6);
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
.homePageContentTitle {
color: #000000;
font-size: 220%;
margin-right: 5px;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: left;
}
.homePageContentTitleBold {
color: #000000;
font-size: 235%;
margin-right: 10px;
font-family: 'Roboto', sans-serif;
font-weight: 600;
text-align: left;
text-shadow: 2.5px 2.5px 2.55px #A689E1;
}
.catchphraseContainer {
width: 90%;
padding-bottom: 5px;
height: max-content;
margin-left: 5%
}
.catchphraseText {
color: #000000;
font-size: 117%;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: left;
}
.catchphraseTextLink {
color: #A689E1;
font-size: 150%;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: left;
}
.titleContainer {
display: flex;
align-items: center;
justify-content: left;
height: fit-content;
margin-top: 17.5px;
padding-top: 5px;
padding-bottom: 5px;
width: 90vw;
/*max-width: 1200px;*/
background-color: #000000;
}
.titleContainerBackground {
display: flex;
align-items: center;
justify-content: left;
height: fit-content;
width: 90vw;
margin-top: 15px;
/*max-width: 1200px;*/
background-color: #000000;
}
.titleContainer2 {
display: flex;
align-items: center;
justify-content: left;
height: 100%;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
/*max-width: 1200px;*/
background-color: rgb(166, 137, 225, 0.4);
}
.homePageTitle {
font-size: 284%;
line-height: 130%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
}
.titleText {
font-size: 289%;
line-height: 130%;
color: rgb(166, 137, 225, 0.65);
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 600;
margin-left: 12.5px;
}
.titleText {
color: rgb(166, 137, 225, 0.65);
font-weight: 600;
margin-left: 12.5px;
}
.titleText2 {
font-size: 289%;
line-height: 130%;
color: rgb(166, 137, 225, 0.65);
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 600;
margin-left: 12.5px;
}
.titleText3 {
font-size: 289%;
line-height: 130%;
color: #A689E1;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 550;
}
#mediaSample {
height: 100%;
width: fit-content;
max-width: 285px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
/*border-right: 2px solid #ffffff;*/
}
.mediaSampleTitle {
font-size: 230%;
line-height: 120%;
color: #ffffff;
font-family: 'Roboto', sans-serif;
text-align: left;
font-weight: 300;
margin-left: 5%;
}
.mediaTitleContainer {
height: fit-content;
width: 100%;
margin-top: 80px;
padding-left: 40px;
padding-right: 40px;
margin-bottom: 70px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.mediaImage {
min-height: 275px;
height: 25vw;
max-width: 300px;
width: auto;
margin-left: 0.25%;
margin-right: 0.25%;
}
.disclaimerTitleContainer {
display: flex;
align-items: left;
justify-content: center;
width: 100%;
height: fit-content;
margin-bottom: 50px;
margin-top: 5px;
}
.disclaimerTitle {
font-size: 300%;
line-height: 130%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 25px;
padding-left: 25px;
zoom: 95%
}
.privacyPolicyTitle {
font-size: 300%;
line-height: 130%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
padding-right: 25px;
padding-left: 25px;
zoom: 95%
}
.privacyPolicyHeading {
font-size: 220%;
line-height: 130%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 25px;
zoom: 95%
}
.privacyPolicySubheading {
font-size: 190%;
line-height: 130%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 500;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 25px;
zoom: 95%
}
.privacyPolicyHighlight2 {
font-family: 'QuickSand', sans-serif;
color: #000000;
font-size: 130.45%;
line-height: 155%;
text-align: center;
font-weight: 400;
}
.mediaTitle {
font-size: 290%;
line-height: 130%;
color: #ffffff;
font-family: 'Roboto', sans-serif;
text-align: center;
text-shadow: 2.5px 2.5px #000000;
font-weight: 400;
margin-bottom: 35px;
background-color: #A689E1;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 15px;
padding-left: 15px
}
.mediaSubHeading {
font-family: 'Roboto', sans-serif;
font-size: 132.5%;
color: #ffffff;
text-align: left;
font-weight: 400;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
}
.mediaSubHeadingDate {
font-family: 'Roboto', sans-serif;
color: #ffffff;
font-weight: 400;
font-size: 130%;
line-height: 165%;
text-align: right;
width: 100%;
margin-bottom: 30px
}
.disclaimerText {
font-family: 'Roboto', sans-serif;
font-size: 116.2%;
color: #000000;
font-weight: 360;
line-height: 160%;
text-align: left;
width: 100%;
}
.privacyPolicyText {
font-family: 'Roboto', sans-serif;
font-size: 116.2%;
color: #000000;
font-weight: 360;
line-height: 160%;
text-align: left;
width: 100%;
}
.privacyPolicyHighlight {
font-family: 'Roboto', sans-serif;
color: #000000;
font-size: 103.2%;
line-height: 155%;
text-align: left;
font-weight: 425;
}
.mediaText {
font-family: 'Roboto', sans-serif;
font-size: 132.5%;
color: #ffffff;
font-weight: 350;
line-height: 165%;
text-align: left;
width: 100%;
}
.mediaTextRight {
font-family: 'Roboto', sans-serif;
color: #ffffff;
font-weight: 350;
font-size: 132.5%;
line-height: 165%;
text-align: left;
margin-left: 5%
}
.mediaSampleText {
font-family: 'Roboto', sans-serif;
color: #ffffff;
font-weight: 300;
font-size: 117.5%;
line-height: 140%;
text-align: center
}
.playContainer{
display: flex
}
.playContainer2{
display: none
}
.videoWebsite {
display: flex
}
.videoTablet {
display: none
}
.catchphraseTextLoad {
font-size: 217.5%;
line-height: 175%;
color: #000000;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 375;
padding-left: 2.5%;
padding-right: 2.5%;
zoom: 85%
}
.backStoryText {
color: #ffffff;
font-size: 17.75px;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: left;
line-height: 140%;
width: 80%;
}
.backStoryTextRight {
color: #ffffff;
font-size: 17.75px;
font-family: 'Roboto', sans-serif;
font-weight: 200;
text-align: right;
line-height: 140%;
width: 80%;
margin-bottom: 15px;
}
.backStoryTextCenter {
color: #ffffff;
font-size: 17.75px;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: center;
line-height: 140%;
margin-top: 20px;
margin-bottom: 20px;
max-width: 70%;
}
.missionContainerTitle {
font-size: 18px;
line-height: 125%;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.missionContainerText {
color: #A689E1;
font-size: 17.5px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
text-align: left;
line-height: 150%;
}
.missionContainerTextBold {
color: red;
font-size: 17.5px;
font-family: 'Roboto', sans-serif;
font-weight: 600;
text-align: left;
line-height: 150%;
margin-right: 5px;
}
.missionVisionGoalsBody {
width: 80%;
display: flex;
flex-direction: column;
align-items: center;
}
.goalContainer {
width: 90%;
height: 33%;
margin-Left: 5vw;
display: flex;
align-items: center
}
.featuresTitle {
font-size: 285%;
line-height: 130%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 400;
margin-bottom: 30px;
background-color: #000000;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px
}
.featuresTitleContainer {
width: 100%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 75px;
margin-bottom: 80px;
}
.featuresSubHeading {
font-size: 18px;
line-height: 125%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 350;
padding-left: 10%;
padding-right: 10%
}
.businessesSubHeading {
font-size: 18px;
line-height: 125%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 350;
padding-left: 1.5%;
padding-right: 1.5%
}
.features {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: fit-content;
margin-top: 15px;
width: 100%;
}
.featuresHeader {
z-index: 15;
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 400;
margin-bottom: 25px;
font-size: 116.25%;
line-height: 127.5%;
text-align: center;
padding-left: 15px;
padding-right: 15px;
padding-top: 17.5px;
padding-bottom: 2.5px;
background-color: rgb(166, 137, 225, 0.7);
}
.featuresText {
color: #A689E1;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 106%;
line-height: 127.5%;
text-align: center;
}
.tutorialText {
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 122.5%;
text-align: left;
}
.downloadBannerContainer {
width: fit-content;
height: fit-content;
max-width: 900px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 60px;
padding-right: 60px;
border-radius: 10vw;
border: 3px solid #A689E1;
background-color: #000000;
}
.downloadBannerContainer2 {
width: 85%;
max-width: 1100px;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 60px;
padding-right: 60px;
border-radius: 10vw;
border: 3px solid #A689E1;
background-color: #000000;
}
.downloadBannerContainerRight {
width: fit-content;
height: fit-content;
margin-left: 2%;
display: flex;
align-items: center;
justify-content: center
}
.bannerText {
font-size: 16.75px;
line-height: 120%;
color: #ffffff;
font-weight: 300;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.businessesTitleContainer {
width: 90%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 90px;
margin-bottom: 70px
}
.businessesTitle {
font-size: 285%;
line-height: 130%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 400;
margin-bottom: 30px;
background-color: #000000;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px
}
.faqsHeaderText {
font-size: 255%;
line-height: 130%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 300;
padding-bottom: 2.5%;
}
.businessTextTitle {
color: #000000;
font-family: 'QuickSand', sans-serif;
font-weight: 600;
margin-bottom: 40px;
font-size: 17.25px;
line-height: 127.5%;
text-align: center;
background: rgba(255, 255, 255, 0.8);
padding-left: 5px;
padding-right: 5px;
}
.businessesText {
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 350;
font-size: 17px;
line-height: 127.5%;
text-align: center;
background: rgba(255, 255, 255, 0.8);
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
}
.businessesBodyContainer {
height: 525px;
width: 100%;
padding-top: 25px;
display: flex;
flex-direction: row;
max-width: 1400px
}
.question {
margin-top: 15px;
margin-bottom: 15px;
width: 80%;
max-width: 1200px;
height: max-content;
position: relative
}
.questionText {
color: #000000;
font-size: 140%;
line-height: 150%;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: left
}
.questionAnswerText {
color: #000000;
font-size: 117%;
line-height: 150%;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: left;
overflow: hidden;
padding: 15px;
}
.questionButton {
width: 100%;
height: max-content;
background-color: #ffffff;
border: 3.5px solid #A689E1;
border-radius: 10px;
padding: 15px;
padding-left: 25px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center
}
.waitListContainer2 {
width: 100%;
margin-top: 100px;
height: 750px;
display: flex;
align-items: center;
justify-content: center;
}
.contactsTitleContainer {
height: max-content;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 85px;
margin-top: 25px
}
#contactsSwiper .swiper-button-next{
--swiper-navigation-size: 22.5px;
margin-right: 3.5%;
color: #ffffff;
font-weight: 600;
margin-top: 5px
}
#contactsSwiper .swiper-button-prev{
--swiper-navigation-size: 22.5px;
margin-left: 3.5%;
color: #ffffff;
font-weight: 600;
margin-top: 25px
}
.contactsTitle {
zoom: 90%;
font-size: 210%;
font-weight: 400;
line-height: 140%;
color: #A689E1;
font-family: 'Roboto', sans-serif;
text-align: left;
padding-bottom: 50px;
padding-top: 40px;
width: 100%;
padding-left: 5%;
background-color: rgb(166, 137, 225, 0.65)
}
.contactsTitleBold {
font-weight: 300;
font-size: 260%;
line-height: 140%;
color: #ffffff;
font-family: 'Roboto', sans-serif;
text-align: center;
padding-bottom: 7.5px;
padding-top: 7.5px;
margin-left: 5px;
margin-right: 5px
}
.inputTextTitle {
color: #ffffff;
font-size: 117.5%;
line-height: 120%;
font-family: 'QuickSand', sans-serif;
font-weight: 300;
text-align: center;
margin-left: 10%;
display: flex;
flex-direction: row;
}
.redIcon {
margin-left: 2.5%;
margin-right: 2.5%;
color: #D22B2B;
font-size: 107.5%;
}
.contactFormButton {
height: fit-content;
width: fit-content;
padding-left: 10px;
padding-right: 10px;
padding-top: 2.5px;
padding-bottom: 2.5px;
border: 2.5px solid #bababa;
background-color: #cacaca;
color: #ffffff;
font-size: 17.5px;
font-family: 'Roboto', sans-serif;
font-weight: 350;
margin-top: 15px
}
.contactsForm {
width: 100%;
height: 80%;
flex-direction: column;
}
.contactsFormEntry {
height: 50px;
width: 100%;
flex-direction: row;
display: flex;
align-items: center
}
}
/*@media only screen and (min-width: 1300px) and (orientation: landscape) {
.inputTextTitle {
color: #ffffff;
font-size: 120%;
line-height: 120%;
font-family: 'QuickSand', sans-serif;
font-weight: 300;
text-align: center;
margin-left: 10%;
display: flex;
flex-direction: row;
}
#homePageContent {
background-color: #000000;
height: 600px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.aboutBackground {
height: 375px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#subTitle {
color: #000000;
font-size: 220%;
line-height: 150%;
font-family: 'QuickSand', sans-serif;
font-weight: 500;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
position: absolute;
z-index: 10;
padding-left: 35px;
padding-right: 35px;
}
.missionContainerTextContainer {
margin-top: 40px;
height: fit-content;
width: 90%;
display: flex;
flex-direction: column;
max-width: 1000px;
padding-left: 4.5%;
}
.missionContainerText {
color: #A689E1;
font-size: 17.75px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
text-align: left;
line-height: 150%;
}
.missionContainerTextBold {
color: red;
font-size: 17.75px;
font-family: 'Roboto', sans-serif;
font-weight: 600;
text-align: left;
line-height: 150%;
margin-right: 5px;
}
.featuresSubHeading {
font-size: 18.5px;
line-height: 125%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 350;
padding-left: 10%;
padding-right: 10%;
}
.businessesSubHeading {
font-size: 18.5px;
line-height: 125%;
color: #000000;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 350;
padding-left: 1.5%;
padding-right: 1.5%;
}
.bannerText {
font-size: 17px;
line-height: 120%;
color: #ffffff;
font-weight: 300;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.businessesTitle {
font-size: 300%;
line-height: 130%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 400;
margin-bottom: 30px;
background-color: #000000;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px
}
.featuresTitle {
font-size: 300%;
line-height: 130%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 400;
margin-bottom: 30px;
background-color: #000000;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px
}
.featuresHeader {
z-index: 15;
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 400;
margin-bottom: 25px;
font-size: 116.5%;
line-height: 127.5%;
text-align: center;
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
padding-bottom: 2.5px;
background-color: rgb(166, 137, 225, 0.7);
}
.missionContainerTitle {
font-size: 18.5px;
line-height: 125%;
font-family: 'Roboto', sans-serif;
font-weight: 350;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.featuresText {
color: #A689E1;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 108%;
line-height: 127.5%;
text-align: center;
}
.featuresTitleContainer {
width: 100%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 75px;
margin-bottom: 90px;
}
.goalsText {
font-size: 300%;
line-height: 140%;
color: #ffffff;
font-family: 'QuickSand', sans-serif;
text-align: center;
font-weight: 400;
width: fit-content;
background-color: #000000;
padding-top: 10px;
padding-bottom: 12.5px;
padding-left: 35px;
padding-right: 35px;
}
}*/
.backStoryPage::before {
content: "";
background-image: url("../../images/background.jpg");
background-repeat: no-repeat;
background-size: 125%;
background-position: right;
position: absolute;
top: 0px;
bottom: 0px;
right: 15px;
left: 0px;
opacity: 0.1;
}
.goalsBody {
background-color: #ffffff;
height: fit-content;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.goalContainer2 {
background-color: rgb(166, 137, 225, 0.5);
width: 70%;
margin-left: 2.5%;
max-width: 900px;
height: fit-content;
margin-top: 40px;
margin-bottom: 40px;
padding-bottom: 25px;
padding-top: 25px;
padding-left: 5%;
padding-right: 5%;
display: flex;
align-items: center;
justify-content: left;
flex-direction: column;
}
.aboutImageContainer {
width: 25%;
height: 100%;
}
.aboutImage {
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100%;
object-fit: fill;
display: block;
opacity: 0.5;
}
.videoPage {
background-color: #000000;
display: flex;
align-items: center;
justify-content: left
}
.videoContainerWebsite {
width: 100vw;
padding-right: 15px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 800;
}
.videoWebsite {
max-height: 100%;
min-height: 100%;
max-width: 100%;
object-fit: cover
}
.videoWebsite:hover {
cursor: pointer;
}
.videoTablet {
max-height: 100%;
min-height: 100%;
max-width: 100%;
object-fit: cover
}
.videoTablet:hover {
cursor: pointer;
}
.playContainer {
font-size: 30px;
color: #ffffff;
position: absolute;
z-index: 5;
cursor: pointer;
opacity: 1;
}
.playContainer2 {
font-size: 25px;
color: #ffffff;
position: absolute;
z-index: 5;
cursor: pointer;
opacity: 1;
}
.mobileBody {
background-color: #A689E1;
position: absolute;
flex-direction: row;
height: max-content;
width: 100vw;
flex-direction: column;
}
.desktopBody {
background-color: #A689E1;
position: absolute;
flex-direction: row;
height: max-content;
overflow-x: hidden;
width: 100vw;
flex-direction: column;
}
.buttonContainer {
margin-top: 15px;
margin-bottom: 10px;
width: max-content;
}
.homeBottomTextContainer:hover {
cursor: pointer;
}
.homeBottomTextContainer:hover .userButtonText {
font-weight: 700;
}
.homeBottomTextContainer:hover .userButton1 {
cursor: pointer;
background-color: #ffffff;
}
.homeBottomTextContainer:hover .userButton2 {
cursor: pointer;
background-color: #ffffff;
}
.homeBottomTextContainer:hover .homeBottomText {
color: #000000;
background-color: rgba(255, 255, 255, 0.6);
}
.homeButton:hover {
cursor: pointer;
background-color: #000000;
padding-top: 0px;
padding-bottom: 0px;
}
.homeButton:hover .homeButtonContent {
background-color: rgb(166, 137, 225, 0.45);
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
.homeButton:hover .catchphraseTextLink {
color: #A689E1;
font-weight: 500;
padding-left: 15px;
padding-right: 15px;
}
#homeSwiper {
height: 100%;
width: 90%;
position: relative;
background-color: #f5f5f5;
border-radius: 7.5vw;
}
#homeSwiper .swiper-slide {
width: 100%;
height: 100%
}
#homeSwiper .swiper-scrollbar {
background-color: #ECECEC;
max-width: 20%;
transform: translateX(195%);
width: 90%;
margin-left: 5%;
}
#homeSwiper .swiper-scrollbar-drag {
background-color: #A689E1
}
.animationImage {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
cursor: default;
flex-direction: column;
}
.businessesImage {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
opacity: 0.7;
}
.homeImage {
max-width: 95%;
max-height: 90%;
object-fit: fill;
display: block;
border: 0px;
border-radius: 15%
}
.goalsSubheading {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.goalsHeaderBottom {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 15px;
}
.missionVisionGoalsImageContainer {
cursor: auto;
}
.downloadBanner {
background-color: #000000;
height: 50%;
padding-top: 2.5%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
z-index: 100
}
.downloadBannerContainerLeft {
width: fit-content;
height: fit-content
}
.downloadBannerContainerRight:hover {
cursor: pointer;
}
.usersLink {
color: #A689E1;
font-weight: 700;
}
.featuresAndTutorial {
height: fit-content;
width: 100%;
display: flex;
position: relative;
bottom: 0;
flex-direction: column;
}
.featuresContentContainer {
width: 100%;
max-width: 1400px;
padding-bottom: 25px;
height: fit-content;
display: flex;
flex-direction: column;
align-items: center;
background-color: rgb(0, 0, 0, 0.95);
margin-top: 10px
}
.featuresContentContainerBox {
width: 100%;
height: fit-content;
display: flex;
flex-direction: column;
align-items: center;
background-color: #000000;
}
.featuresContentContainerBox2 {
width: 100%;
height: fit-content;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 25px;
margin-top: 25px;
background-color: #000000;
}
.featuresContainerBox {
width: 85%;
height: 80%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
.featuresLeft {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.tutorial {
height: fit-content;
padding-bottom: 30px;
padding-top: 30px;
padding-right: 2.5vw;
margin-left: -5vw;
width: 100vw;
display: flex;
justify-content: right;
background-color: #A689E1;
}
.tutorialContainer {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
margin-right: 2vw
}
.tutorialContainer:hover {
cursor: auto;
}
.tutorialTextHighlighted {
color: #000000;
font-weight: 700;
}
#tutorialArrow {
margin-left: 10px;
font-weight: 400;
}
.businessesPage {
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
height: fit-content;
min-height: fit-content;
width: 100%;
min-width: 320px
}
.businessesBody {
height: 100%;
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#businessesSwiper {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
background-color: #ffffff;
}
#businessesSwiper .swiper-slide {
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
}
#businessesSwiperSlide {
height: 100%;
width: 33.33%;
background-color: #ffffff;
}
.businessesTextContainer {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: absolute;
width: 30%;
height: fit-content;
/*background: rgba(255, 255, 255, 0.1);
background-color: #ffffff;*/
z-index: 100;
zoom: 90%
}
.businessesLink {
color: #A689E1;
font-weight: 600;
}
.faqPage {
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
min-height: fit-content;
width: 100%;
padding-bottom: 130px;
padding-top: 150px;
}
.homeLeft .homeLeftBackground {
content: "";
background-image: url("../../images/businesses.jpg");
background-repeat: no-repeat;
width: 100%;
background-size: cover;
background-position: center;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
opacity: 0.5;
}
.homeRight .homeRightBackground {
content: "";
background-image: url("../../images/users.jpg");
background-repeat: no-repeat;
width: 100%;
background-size: cover;
background-position: center;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
opacity: 0.5;
}
#featuresLeft {
content: "";
background-image: url("../../images/users.jpg");
background-repeat: no-repeat;
width: 45%;
background-size: cover;
background-position: center;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
}
#featuresLeft2 {
content: "";
background-image: url("../../images/users2.jpg");
background-repeat: no-repeat;
width: 70%;
background-size: cover;
background-position: center;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 30%;
}
#featuresLeft3 {
content: "";
background-image: url("../../images/users3.jpg");
background-repeat: no-repeat;
width: 55%;
background-size: cover;
background-position: center;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
}
.faqsContainer {
height: fit-content;
width: 100%;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.faqsHeader {
height: fit-content;
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 50px;
}
.downArrow {
font-size: 150%;
cursor: pointer
}
.downArrow.rotate {
transform: rotate(180deg)
}
.answerContainer {
height: 0;
opacity: 0;
}
.questionAfter {
height: fit-content;
margin-top: 2%;
}
.show {
height: fit-content;
width: 100%;
opacity: 1;
position: relative;
background-color: #ffffff;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.contactsFormEntry2 {
height: fit-content;
width: 98%;
flex-direction: row;
margin-top: 20px;
display: flex;
align-items: center
}
.contactsPage {
background-color: #A689E1;
display: flex;
align-items: center;
justify-content: center;
height: fit-content;
min-height: fit-content;
margin: 0px;
padding: 0px
}
#contactsSwiper {
background-color: #A689E1;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
#contactsSwiper .swiper-slide {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.contactsFormContainer2 {
width: 85%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.contactsTitleContainerTop {
background-color: #ffffff;
height: fit-content;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.buttonContainer2 {
width: 98.5%;
margin-right: 1.5%;
height: 8%;
margin-top: 1%;
display: flex;
align-items:center;
justify-content: right;
flex-direction: row;
}
.inputTextBox {
width: 80%;
margin-right: 1.5%;
padding-left: 1%;
padding-right: 1%;
border-radius: 10px;
height: 60%;
border-color: #dbdbdb;
border-width: 0;
font-size: 100%;
line-height: 120%;
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.inputTextBoxMessage {
width: 80%;
height: 250px;
padding-top: 1.5%;
padding-left: 1%;
padding-right: 1%;
display: flex;
border-radius: 20px;
border-width: 0;
border-color: #9d9d9d;
font-size: 100%;
line-height: 150%;
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.inputTextTitleContainer {
width: 30%;
}
input:focus {
outline: none;
border-color: #ffffff;
border-width: 0.25vw;
}
input:focus:invalid {
outline: none;
border-color: #D22B2B;
border-width: 0.1%;
}
textarea:focus {
outline: none;
border-color: #ffffff;
border-width: 0.25vw;
}
textarea:focus:invalid {
outline: none;
border-color: #D22B2B;
border-width: 0.1%;
}
.contactFormButton:hover {
cursor: pointer;
background-color: #ffffff;
border-color: #ffffff;
color: #A689E1;
}
.waitListContainer {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
zoom: 90%
}
.waitlist {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.mediaPage {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
min-height: fit-content;
padding-top: 70px
}
#mediaSwiper {
height: fit-content;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
}
#mediaSwiper .swiper-wrapper {
/*align-items: last baseline;*/
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
#mediaSwiper .swiper-slide {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
font-size: small;
}
#mediaSwiper .swiper-slide-active {
display: flex;
align-items: center;
justify-content: center;
height: fit-content;
font-size: small;
width: 95%
}
#mediaSlide {
background-color: #000000;
}
.mediaContainer {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
width: 100%;
padding-top: 50px;
padding-bottom: 20px
}
.mediaContainerTop {
height: fit-content;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
margin-top: 15px
}
.mediaContainerBottom {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 90%
}
.mediaBodyContainerBox {
height: fit-content;
width: 90%;
max-width: 1300px;
margin-bottom: 75px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#mediaPageSample {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
height: fit-content;
min-height: fit-content;
background-color: #000000;
padding-bottom: 75px;
}
.mediaSampleTitleContainer {
display: flex;
align-items: center;
width: 100%;
height: fit-content;
}
#mediaSampleSwiper {
width: 100%;
height: fit-content;
}
#mediaSampleSwiper .swiper-wrapper {
padding-bottom: 0;
padding-top: 0;
padding-right: 0px;
padding-left: 15px;
margin: 0;
}
.mediaSampleTop {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 75%;
}
.mediaImageSample {
height: 250px;
width: auto;
border-style: solid;
border-radius: 40px;
border-width: 5px;
border-color: #A689E1;
background-color: #000000;
}
.mediaSampleBottom {
display: flex;
align-items: center;
justify-content: center;
height: 25%;
width: 100%;
max-width: 400px;
padding-right: 20px;
padding-left: 20px;
margin-left: 5px;
}
.mediaTitleLine {
width: 90%;
margin-left: 5px;
height: 2px;
background-color: #A689E1;
margin-bottom: 50px;
margin-top: 10px;
}
.mediaLine {
width: 70%;
max-width: 320px;
height: 1.5px;
background-color: #ffffff;
margin-top: 35px;
margin-bottom: 35px;
}
#titleSwiper .swiper-slide {
width: fit-content;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
}
#titleSwiper2 .swiper-slide {
width: fit-content;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
}
.homeImages {
width: 100%;
height: 40vh;
margin-top: 4vh;
margin-bottom: 2.5vh;
}
.homePageContentTitleContainer {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
width: 100%;
padding-top: 50px;
padding-bottom: 40px;
height: fit-content;
background-color: #A689E1;
}
.homePageTitleMove {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
width: fit-content;
height: 100%;
background-color: #A689E1;
}
.homePageContentBodyContainer {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
width: 100%;
height: 85%;
}
.homePageContentBodyContainerRight {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
width: 50%;
height: 100%;
/*background-color: rgb(246, 246, 246);*/
}
.homePageContentBodyContainerLeft {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
width: 50%;
height: 100%;
}
.homeRight {
position: relative;
height: 100%;
width: 100%;
/*max-width: 550px*/
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
/*background-color: rgb(246, 246, 246);*/
}
.homeLeft {
position: relative;
height: 100%;
width: 100%;
/*max-width: 550px*/
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
/*background-color: #fbfbfb;*/
}
.homeTopImage {
height: 65%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.homeBottomTextContainer {
height: fit-content;
width: 75%;
margin-top: 2.5%;
margin-bottom: 2.5%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 100;
}
.buttonContainerInner {
display: flex;
align-items: center;
justify-content: center;
}
.backStoryBody {
padding: 10px;
width: fit-content;
height: fit-content;
display: flex;
flex-direction: row;
margin-top: 40px;
margin-bottom: 50px;
}
.aboutPage {
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
}
.popups {
background-color: #000000;
display: flex;
align-items: center;
justify-content: left;
flex-direction: row;
height: 400px;
width: 100%;
}
.popup {
background-color: #000000;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
width: fit-content;
margin-left: 2.5%;
margin-right: 2.5%
}
.popupImage {
height: 80%;
object-fit: fill;
display: block;
}
.backStoryPage {
background-color: #000000;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
}
.mediaLink {
color: #A689E1;
cursor: pointer;
}
.disclaimerPage {
background-color: #A689E1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
}
.disclaimerContainer {
display: flex;
align-items: center;
flex-direction: column;
height: fit-content;
min-height: 100vh;
width: 90%;
max-width: 1300px;
padding-top: 30px;
padding-bottom: 120px
}
.disclaimerBody {
display: flex;
align-items: center;
justify-content: center;
width: 90%;
height: fit-content;
margin-top: 25px;
}
.privacyPolicyBody {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 90%;
height: fit-content;
margin-top: 25px;
margin-bottom: 100px
}
.disclaimerLink {
cursor: pointer;
color: #000000;
font-weight: 425;
max-width: 100%
}
.homePage {
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
}
.usersPage {
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: fit-content;
min-height: fit-content;
width: 100%;
min-width: 320px
}