@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
/*# sourceMappingURL=pages.css.map */
 .imageBanner .pcBanner {
	 display: none;
}
 .imageBanner .mobileBanner {
	 display: block;
}
 #home {
	 width: 100%;
	 min-height: 97vh;
	 height: auto;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 margin-top: 90px;
}
 #home #companyName {
	 color: #87509b;
	 position: absolute;
	 top: 0;
	 font-size: 1rem;
	 margin: 0;
}
 #home #homeBanner {
	 width: 100%;
}
 #home #homeBanner #question {
	 color: #ffcd00;
	 font-weight: 700;
	 margin: 4rem 0 3rem 0;
	 padding-top: 60px;
}
 #home #homeBanner #homeBannerContainer {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 -ms-flex-item-align: end;
	 align-self: flex-end;
	 background-color: #87509b;
	 margin-bottom: 2rem;
	 border-radius: 30px;
	 padding: 1rem;
	 -webkit-transition: all 0.5s;
	 transition: all 0.5s;
}
 #home #homeBanner #homeBannerContainer #switch {
	 margin: 0;
	 margin-bottom: 25px;
	 color: #fff;
	 font-weight: 500;
}
 #home #homeBanner #homeBannerContainer #answer {
	 color: #ffcd00;
	 margin-top: 0;
	 font-weight: 500;
}
 #home #homePic {
	 width: 100%;
	 -webkit-box-flex: 1;
	 -ms-flex: 1;
	 flex: 1;
	 background-size: cover;
	 background-color: #fff;
	 background-repeat: no-repeat;
	 background-position: top center;
	 background-image: url(../images/images.jpg);
	 border-radius: 30px;
	 min-height: 360px;
}
 #indexSecondSection {
	 background-color: #fbfbfb;
	 padding: 1rem;
	 border-radius: 30px;
}
 #indexSecondSection .sectionContainer {
	 text-align: left;
	 padding: 0;
	 margin-top: 0rem;
}
 #indexSecondSection #indexSecondSectionHeading {
	 color: #87509b;
	 margin-top: 0;
	 margin-bottom: 40px;
	 font-weight: 400;
}
 #indexSecondSection h4 {
	 color: #ffcd00;
	 text-align: center;
}
 #indexThirdSection {
	 background-color: #ffffff;
	 border-radius: 30px;
	 padding: 0rem;
}
 #indexThirdSection .sectionContainer {
	 text-align:justify;
	 padding: 0;
	 width: 90%;
}
 #indexThirdSection .tileBox {
	 background-color: #ffffff;
	 color: #fff;
	 border-radius: 30px;
	 width: 260px;
	 height: 200px;
	 border: 5px solid white;
	 -webkit-transition:bottom;
	 transition:bottom;
	 text-align: center;
	 top: -75px;
	 font:poppins;
 }
 #indexThirdSection .tileBox img {
	 width: 50px;
	 border-radius: 50%;
	 border-color: #000000;
}
 #indexThirdSection .tileBox .tileBoxText {
	 padding: 1px;
	 margin: 0;
	 align-content: top;
	 font-size: 1.3rem;
	 color: rgb(6, 196, 196);
}
 #indexThirdSection .tileBox:hover {
	 background-color: rgba(201, 250, 250, 0.8);
}
 #indexThirdSection #indexThirdSectionHeading {
	color: #000000;
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 800;
	text-align: center;
}
 #indexFourthSection {
	 background-color: #ffffff;
	 border-radius: 30px;
	 overflow: hidden;
	 color: #fff;
}
 #indexFourthSection .sectionContainer {
	 text-align: left;
}
 #indexFourthSection #indexFourthSectionHeading {
	 color: #000000;
	 margin-top: 0;
	 margin-bottom: 20px;
	 font-weight: 800;
	 text-align: center;
}
 #indexFourthSection #earlyDetectionGridDiv {
	 max-width: 1000px;
	 margin: 2rem 0;
	 padding: 0;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 -ms-flex-wrap: wrap;
	 flex-wrap: wrap;
}
 #indexFourthSection #earlyDetectionGridDiv .earlyDetectionGrid {
	 width: 100%;
	 padding: 1rem;
	 margin: 1%;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 border: 1px solid #ffffff;
	 -webkit-transition: all 0.3s;
	 border-radius: 30px;
	 transition: all 0.3s;
	 background-color: #ffffff;
	 -webkit-transition: all 0.5s;
	 transition: all 0.5s;
}
 #indexFourthSection #earlyDetectionGridDiv .earlyDetectionGrid:hover {
	 background-color: rgba(118, 255, 255, 0.8);
}
 #indexFourthSection #earlyDetectionGridDiv .earlyDetectionGrid .earlyDetectionGridIcon {
	 width: 50px;
}
 #indexFourthSection #earlyDetectionGridDiv .earlyDetectionGrid .earlyDetectionGridText {
	 font-size: 0.889rem;
	 font-weight: 500;
	 margin-top: 0.5rem;
}
 .tileContainer {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px;
}
 .tileContainer .tileBox {
	 width: 50%;
	 border: 1px solid #fff;
	 background-color: #fbfbfb;
	 border-radius: 2px;
	 display: -webkit-inline-box;
	 display: -ms-inline-flexbox;
	 display: inline-flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 padding: 0rem;
	 margin-top: 0rem;
	 -webkit-transition: all 1s;
	 transition: all 1s;
	 cursor: pointer;
}
 .tileContainer .tileBox:hover {
	 background-color: #fff;
}
 .tileContainer .tileBox img {
	 max-width: 150px;
	 max-height: 50px;
	 background-size: cover;
	 margin-bottom: 10px;
}
 .tileContainer .tileBox .tileBoxText {
	 margin: 0;
}
 .tileContainer .tileBox p {
	 margin: 0;
}
 .tileContainer .tileBox .moreText {
	 margin-top: -10%;
	 font-size: 4.209rem;
	 font-weight: 200;
	 color: rgb(6, 196, 196);
}
 .contentSection .contentDiv {
	 padding: 1rem;
	 background-color: #fbfbfb;
}
 .contentSection .contentDiv .contentListDiv {
	 width: 100%;
	 margin: 0 auto;
	 text-align: left;
	 padding: 1rem;
	 border-left: 2px solid #efefef;
	 margin-top: 3rem;
}
 .contentSection .contentDiv .contentListDiv .contentList {
	 color: #161718;
	 font-weight: 400;
	 padding: 0.5rem;
}
 .contentSection .contentDiv .contentListDiv .contentListBold {
	 color: #ffcd00;
	 font-weight: 600;
	 display: block;
}
 .contentSection .testListDiv {
	 width: 100%;
	 margin: 0 auto;
	 text-align: left;
}
 .contentSection .testListDiv .testList {
	 font-weight: 600;
	 color: #919191;
	 padding: 0.5rem 0;
	 font-size: 1.333rem;
}
 @media (min-width: 768px) {
	 .imageBanner .pcBanner {
		 display: block;
	}
	 .imageBanner .mobileBanner {
		 display: none;
	}
	 #home {
		 -webkit-box-orient: horizontal;
		 -webkit-box-direction: normal;
		 -ms-flex-direction: row;
		 flex-direction: row;
		 -webkit-box-align: end;
		 -ms-flex-align: end;
		 align-items: flex-end;
		 margin-top: 0;
	}
	 #home #companyName {
		 top: 120px;
		 font-size: 1.369rem;
	}
	 #home #homeBanner {
		 width: 50%;
		 height: 100%;
	}
	 #home #homeBanner #question {
		 margin: 0;
		 padding-top: 0;
	}
	 #home #homeBanner #homeBannerContainer {
		 padding: 2rem;
		 margin-right: 2rem;
		 margin-top: 2rem;
		 margin-bottom: unset;
	}
	 #home #homePic {
		 height: 85vh;
		 width: 50%;
	}
	 #indexSecondSection {
		 padding: 2rem;
	}
	 #indexSecondSection #indexSecondSectionHeading {
		 margin-bottom: 20px;
	}
	 #indexThirdSection {
		 padding: 2rem;
	}
	 #indexThirdSection #indexThirdSectionHeading {
		 margin-bottom: 30px;
	}
	 #indexFourthSection #indexFourthSectionHeading {
		 margin-bottom: 30px;
	}
	 #indexFourthSection #earlyDetectionGridDiv .earlyDetectionGrid {
		 width: 18%;
	}
	 #aboutPageGoals .tileGoals {
		 width: 160px;
	}
	 .contentSection .testListDiv {
		 padding: 1rem;
		 text-align: center;
	}
}
 @media (max-height: 500px) {
	 #home {
		 margin-top: 120px;
	}
	 #home #companyName {
		 top: 0;
		 font-size: 1.5rem;
	}
	 #home #homeBanner #question {
		 margin-top: 30px;
	}
}
 @media (min-width: 1024px) {
	 #home #companyName {
		 font-size: 1.869rem;
	}
	 #indexSecondSection .sectionContainer {
		 padding: 2rem;
	}
	 #indexThirdSection .sectionContainer {
		 padding: 2rem;
	}
	 #indexThirdSection .tileContainer {
		 padding: 2rem;
	}
	 #indexThirdSection .tileBox {
		 border: unset;
	}
	 #indexThirdSection #indexThirdSectionHeading {
		 padding: 2rem;
	}
	 #indexFourthSection .sectionContainer {
		 padding: 2rem;
	}
	 #indexFourthSection #indexFourthSectionHeading .sectionContainer {
		 padding: 2rem;
	}
	 .tileContainer .tileBox {
		 width: 150px;
		 margin: 1rem;
	}
}
 @media (min-width: 568px) {
	 .contentSection .contentDiv .contentListDiv {
		 border-left: 5px solid #efefef;
		 width: 80%;
	}
}
 #indexfifthSection {
	 background-color: #efefef;
	 border-radius: 30px;
	 overflow: hidden;
	 color: #161718;
}
 #indexfifthSection .sectionContainer {
	 text-align: left;
}
 #indexfifthSection #indexfifthSectionHeading {
	 color: #b205dd;
	 margin-top: 0;
	 margin-bottom: 20px;
	 font-weight: 400;
}
 #indexfifthSection #earlyDetectionGridDiv {
	 max-width: 1000px;
	 margin: 2rem 0;
	 padding: 0;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 -ms-flex-wrap: wrap;
	 flex-wrap: wrap;
}
 #indexfifthSection #earlyDetectionGridDiv .earlyDetectionGrid {
	 width: 48%;
	 padding: 1rem;
	 margin: 1%;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 border: 1px solid #efefef;
	 -webkit-transition: all 0.3s;
	 transition: all 0.3s;
	 border-radius: 30px;
	 background-color: #87509b;
	 -webkit-transition: all 0.5s;
	 transition: all 0.5s;
}
 #indexfifthSection #earlyDetectionGridDiv .earlyDetectionGrid:hover {
	 background-color: rgba(0, 0, 0, 0.1);
}
 #indexfifthSection #earlyDetectionGridDiv .earlyDetectionGrid .earlyDetectionGridIcon {
	 width: 50px;
}
 #indexfifthSection #earlyDetectionGridDiv .earlyDetectionGrid .earlyDetectionGridTextFive {
	 font-size: 0.889rem;
	 font-weight: 500;
	 margin-top: 0.5rem;
	 color: #efefef;
}
@media (max-width:479px){
	#indexThirdSection .tileContainer {
		align-content: center;
	}
	#indexThirdSection .tileBox {
		margin-right: 8%;
		margin-bottom: 5%;
	}
	#indexThirdSection .sectionContainer h5 {
		text-align:center;
		margin-left: 30px;
		width: 90%;
   }
   .sectionContainer{
		width: 90%;
		margin: 0;
	   	padding: 0;
   }
   .tileContainer {
	   min-width: 479px;
	   width: 100%;
	   align-items: center;
   }
}
@media (min-width: 480px) and (max-width: 1200px){
	#indexThirdSection .sectionContainer {
		text-align:justify;
		padding: 0;
		width: 100%;
   }
   }