@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Archivo Black');

/*Light theme*/
:root{
	--wwDarkBlue: rgb(6,89,169);
	--wwLightBlue: rgb(142,197,238);
	--darkOrange: rgb(254,84,56);
	--wwDarkOrange: rgb(254,102,78);
	--wwLightOrange: #fea395;
	--darkBlue: rgb(9 9 183);
	--darkBlue2: rgb(18,18,113);
	--darkBlue3: rgb(10,10,75);
}

/*START: Loading status*/
/* Start by setting display:none to make this hidden.
	 Then we position it in relation to the viewport window
	 with position:fixed. Width, height, top and left speak
	 for themselves. Background we set to 80% white with
	 our animation centered, and no-repeating */
#loadingModal {
		display:    none;
		position:   fixed;
		z-index:    1100;
		top:        0;
		left:       0;
		height:     100%;
		width:      100%;
		background: rgba( 255, 255, 255, .8 ) 
								url('/static/images/GIF-wait-199px.gif')
								50% 50% 
								no-repeat;
}

html {
	height:100% !important;
}

/* When the body has the loading class, we turn
	 the scrollbar off with overflow:hidden */
body.loading {
		overflow: hidden;   
}

/* Anytime the body has the loading class, our
	 modal element will be visible */
body.loading #loadingModal {
		display: block;
}
/*END: Loading status*/

body{
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	text-decoration: none;
	height: 100%;
	position: relative;
}

/* NAVBAR FORMATTING: IRRESPECTIVE OF SCROLLING OR SCREEN SIZE */

.brandLogo img{
	float: left;
	transition: .3s;
}

ul.dropdown-menu{
	background-color: blue;
}

.navbar{
	border: none;
}

#solutionPage .scrollTopLargeScreen{
	background-color:var(--darkBlue3);
}

.navbarPageGroup{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Visible for regular screens (large screens) */
.navbarToggle{
	display: flex;
	margin-left: 5px;
}

.case-study-container-large-screen{
	display: flex;
}

/* Hidden for regular screens (large screens) */
.case-study-container-mobile{
	display: none;
}

.level-1-mobile-expand-collapse-container{
	display: none;
}

.scrollspyMarketing .nav-pills .nav-link.active{
	background-color: transparent;
	color: var(--wwDarkOrange);
}

/* Start: Burger Icon Formatting */

.navbar-toggler .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		margin: 5px;
}

/* determine margin for the burger icon */
.navbar-toggler{
	margin-right: 5px;
} 


/* remove border around burger icon */
.navbar-toggler.navbarToggleTop{
	border:none;
	margin-top: 8px;
	margin-bottom: 0px;
}


/* remove border around burger icon */
.navbar-toggler.navbarToggleTop:hover{
	border:none;
	margin-top: 8px;
	margin-bottom: 0px;
}


/* make burger icon lines white */
.navbar-default .navbar-toggler .icon-bar {
	background-color: white;
	color: white;
}


/* make burger icon background transparent */
.navbar-default .navbar-toggler:hover{
	background-color: transparent;
}


/* make burger icon background transparent */
.navbar-default .navbar-toggler:focus{
	background-color: transparent;
}

/* End: Burger Icon Formatting */

/* Navbar buttons formatting */
ul.nav.navbar-nav li a, ul.nav.navbar-nav li a:focus, ul.nav.navbar-nav li a:focus-within{
	color: white;
	font-size: 14px;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	transition: .3s;
	font-family: 'Lato', sans-serif;
}

/* Navbar buttons formatting */
ul.nav.navbar-nav li a.dropdown-item:hover{
	background-color: blue;
	color: var(--wwDarkOrange);
}

/* Navbar CURRENT button formatting */
ul.nav.navbar-nav li a.current{
	color: rgb(254,102,78);
	text-shadow: none;
	border-radius: 5px;
}


ul.nav.navbar-nav .nav-item .orangeWhenActive{
	color: var(--wwDarkOrange);
}

/* Start: scrollTopLargeScreen*/
.scrollTopLargeScreen{
	background-color: transparent;
	transition: 0.3s;
	padding-right: 30px;
	padding-left: 30px;
}

.scrollTopLargeScreen ul.nav.navbar-nav li a.main-button-group
, .scrollTopLargeScreen ul.nav.navbar-nav li a.main-button-group:focus{
	padding: 5px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 20px;
}

.scrollTopLargeScreen .brandLogo img{
	margin-top: 20px;
	height: calc(70px + ((20 * (100vw - 800px)) / 799));
	/*padding-top: calc(30px - ((10 * (100vw - 400px)) / 400));*/
	padding: 5px;
}

/* End: scrollTopLargeScreen*/

/* Start: scrollDownLargeScreen*/
.scrollDownLargeScreen{
	background-color: var(--darkBlue3);
	transition: 0.3s;
	padding-right: 30px;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.scrollDownLargeScreen ul.nav.navbar-nav li a.main-button-group
, .scrollDownLargeScreen ul.nav.navbar-nav li a.main-button-group:focus{
	padding: 5px 10px 5px 10px;
	margin-right: 3px;
	margin-left: 3px;
}

.scrollDownLargeScreen .brandLogo img{
	height: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	padding-right: 30px;
	padding-left: 25px;
}
/* End: scrollDownLargeScreen*/

/* Start: smallScreen*/
.smallScreen{
	background-color: var(--darkBlue3);
	transition: 0.3s;
	/*
	padding-right: 30px;
	padding-left: 25px;
	*/
}

.smallScreen ul.nav.navbar-nav li a.main-button-group
, .smallScreen ul.nav.navbar-nav li a.main-button-group:focus
, .smallScreen ul.nav.navbar-nav .level-1-mobile-expand-collapse-container{
	padding: 5px 10px 5px 10px;
	margin-right: 1px;
	margin-left: 1px;
	margin-top: 10px;
}

.smallScreen ul.nav.navbar-nav li a.main-button-group{
	width: 150px;
}

.smallScreen .brandLogo img{
	height: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
}
/* End: smallScreen*/

.flexCenter{
	display: flex;
	align-items: center;
}

.main-button-group{
	display: flex;
	align-items: center;
}

.container-fluid> .row{
	/*padding: 10px 50px;*/
	padding-right: calc(30px + ((40 * (100vw - 1000px)) / 799));
	padding-left: calc(30px + ((40 * (100vw - 1000px)) / 799));
	padding-top: 10px;
	padding-bottom: 10px;
}

.container-fluid .row.product{
	background-color: white;
} 

.sectionHeader{
	margin-top: 75px;
	text-align: center;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding-bottom: 25px;
	color: var(--darkBlue2);
}

#techLandscape .sectionHeader
, #product .sectionHeader{
	padding-bottom: 0px;
}

.sectionHeader>h3{
	font-size: calc(30px + ((10 * (100vw - 800px)) / 799));
	font-weight: 900;
}

.sectionHeader>h4{
	font-size: calc(30px + ((10 * (100vw - 800px)) / 799));
	font-weight: 900;
}

input.validated:invalid, textarea.validated:invalid{
	background-color: rgba(255,194,204, 0.5);
}

.marginTop1{
	margin-top: 20px;
}

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

.flexColumnsCenterEnd{
	display: flex;
	align-items: center;
	justify-content: end;
}

/* Start: Landing Section */

.landingSection{
	display: flex;
	align-items: center;
}

.landingSection .subsection1{
	padding-top: 10vh;
}

.landingSection .subsection2{
	/*margin-top: 23vh;*/
	margin-top: calc(15vh + ((10 * (100vw - 800px)) / 799));
}

.container-fluid .row.landingSection{
	height: 100vh;
	background-image: url(/static/images/background/backgroundLandingPage-202401v1.png);
	background-repeat: no-repeat;
	webkit-background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: 100%;
	-moz-background-size: cover;
	background-size: 100%;
	background-size: cover;
	background-position-x: center;
	background-position-y: 50%;
} 

.landingSection .mainHeading1 h1 {
	/*font-family: 'Archivo Black';*/
	font-family: 'Lato';
	font-weight: bold;
	color: white;
	text-transform: none;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	line-height: 1.2;
	margin-top: 30px;
}

.landingSection .mainHeading2 h2{
	letter-spacing: 1px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 0px;
	text-transform: none;
	color: rgb(179, 235, 255);
	color: var(--wwDarkOrange);
	line-height: 1.5;
}

.landingSection .mainHeading3 h3{
	color: white;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 20px;
	text-transform: none;
	line-height: 1.5;
}

.landingSection .mainHeading4 h4{
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: none;
	color: rgb(179, 235, 255);
	color: white;
	line-height: 1.5;
	padding-top: 0px;
	margin-top: 0px;
}


.landingSection .mainHeading1 h1
, .landingSection .mainHeading2 h2
, .landingSection .mainHeading3 h3
, .landingSection .mainHeading4 h4{
	text-align: left;
}

.landingSection .subsection2{
	display: flex;
}

.landingPageSeparator{
	color: var(--wwDarkOrange);
}

/* End: Landing Section */

/* Start: Product Section */
#homePage .productSection{
	margin-bottom: 100px;
}

.container-fluid .row.productSection{
	/*height: 100vh;
	min-height: 600px;*/
	height: fit-content;
	/*background-image: url(/static/images/background/productPage.svg);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: 50%;
	padding-bottom: 75px;
} 

.productFrameColumn{
	text-align: center;
	border: 20px solid rgba(255,255,255,0);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.productFrameColumn.laptopImage img{
	height: calc(250px + ((125 * (100vw - 800px))/ 799));
}

.titleLaptop{
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 15px;
}

.productFrameColumn ul{
	padding: 0px;
}

.productFrameColumn li{
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	list-style-type: circle;
}

.productFrameColumn li:first-child{
	padding-top: 15px;
}

.productTitleContainer{
	display: flex;
	flex-direction: column;
}

.productTitleMain{
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	padding-bottom: 5px;
}

.productTitleSub{ 
	font-size: 16px;
	color: rgb(75,75,75);
	font-weight: normal;
	padding-bottom: 15px;
	text-align: center;
}

.fadeInAndUp{
	visibility: visible !important;
	position:relative;
	animation:fadeInAndUp 1s ease-out forwards;
	/* Safari and Chrome */
	-webkit-animation:fadeInAndUp 1s;
}

@keyframes fadeInAndUp{
	from {top:50px; opacity: 0;}
	to {top:0px; opacity: 1;}
}

.fadeInFromRight{
	visibility: visible !important;
	position:relative;
	animation:fadeInFromRight 1s ease-out forwards;
	/* Safari and Chrome */
	-webkit-animation:fadeInFromRight 1s;
}

@keyframes fadeInFromRight{
	from {left:50px; opacity: 0;}
	to {left:0px; opacity: 1;}
}

.fadeInFromLeft{
	visibility: visible !important;
	position:relative;
	animation:fadeInFromLeft 1s ease-out forwards;
	/* Safari and Chrome */
	-webkit-animation:fadeInFromLeft 1s;
}

@keyframes fadeInFromLeft{
	from {right:50px; opacity: 0;}
	to {right:0px; opacity: 1;}
}

.productSection .demoButton{
	margin-top: 30px;
}

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

#liveToastBtn{
	border: none;
	background-color: transparent;
	cursor: default;
}

.wwDescriptionImage img{
	width: 80vw;
}

.wwDescriptionImage .toast-container{
	z-index: 1;
}

#problem{
	display: flex;
}

#problemButton{
	display: flex;
}

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

.wwProblemImage img{
	width: 95vw;
}

.pipeSeparator{
	padding: 0px 15px;
}

/* End: Product Section */

/* START: Solution Page */

#solutionPage .wwNavbar.navbar{
	background-image: url(/static/images/background/backgroundLandingPage-202401v1.png);
}

/* END: Solution Page */

/* Start: Video Section */
.container-fluid .row.videoSection{
	height: fit-content;
	/*background-image: url(/static/images/background/benefitsPage.svg);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: 50%;
	padding-bottom: 75px;
} 

/* End: Video Section */

.videoSection .sectionHeader {
	color: var(--darkBlue2);
	padding-top: 50px;
}

.videoFrameColumn{
	text-align: center;
	border-radius: 5px;
	padding: 25px;
}

.videoFrameColumn{
	margin-top: 20px;
}

.videoContentContainer{
	position: relative;
	top: 0px;
	background-color: white;
	height: 100%;
}

.videoSection .latest-image-preview{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: black;
}

#videosPage .wwNavbar.navbar{
	background-image: url(/static/images/background/backgroundLandingPage-202401v1.png);
}

.videoSection .video-image-preview{
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoSection .video-image-preview iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoSection .video-text-1{
	color: rgb(75,75,75);
	font-weight: bold;
	padding: 20px 30px;
	font-size: calc(12px + ((5 * (100vw - 800px)) / 799));
	padding: 5px 30px;
	background: rgb(225,225,225);
}

.video-preview img{
	border-radius: 0px;
	width: 100%;
	height: 100%;
}

.video-image-preview{
	text-align: center;
}

.videoFrameRow{
	display: flex;
	justify-content: center;
}


/* Start:  Investment Modeling Section */

.container-fluid .row.investmentModelingSection{
	background-color: black;
	padding-top: 100px;
	padding-bottom: 100px;
}

.investmentModelingContainer{
	display:flex;
	align-items: center;
	flex-direction: column;
}

.investmentModelingTitleMain{
	font-size: 40px;
	color: white;
	text-align: center;
}

.investmentModelingTitleSub{
	font-size: 45px;
	font-weight: bold;
	color: var(--darkOrange);
	text-align: center;
}


/* End:  Investment Modeling Section */

/* Start: Benefits Section */

#benefits .sectionHeader{
	color: white;
	text-transform: none;
	letter-spacing: normal;
}

.container-fluid .row.benefitsSection{
	padding-bottom: 150px;
	height: fit-content;
	background-image: url(/static/images/background/benefitsPage.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: 50%;
}

.benefitsRow{
	color: rgb(75,75,75);
}

.benefitsRow>div{
	display: flex;
}

.benefitsSubRow{
	width: -webkit-fill-available;
	width: -moz-available;
	width: fill-available;
}

.benefitsContainer{
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.benefitsSection .panelBenefits{
	/*border: 1px solid white;*/
	border-radius: 3px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: rgba(225,225,225,0.9);
	/*background-image: linear-gradient(0deg,hsla(0,0%,100%,.20),hsla(0,0%,100%,.20));*/
}

.panelFeatures{
	border-radius: 3px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	background-color: rgba(225,225,225,0.7);
	height: 100%;
}

.benefitsIcon{
	text-align: center;
	padding-bottom: 30px;
	padding-top: 20px;
}

.benefitsIcon>img{
	width: 100px;
}

.benefitsHeader{
	font-family: 'Lato';
	font-weight: bold;
	padding-bottom: 20px;
	text-align: center;
	font-size: 18px;
	color: black;
	display: flex;
	flex-direction: column;
}

/* Make this transparent, if enabling hoverVisible */
.benefitsHeader2{
	padding-top: 20px;
	font-size: 14px;
	color: transparent;
}

.benefitsHeader2.hoverVisible{
	color: rgb(75,75,75);
}

.benefitsBody{
	font-size: 14px;
	text-align: center;
}

.highlightBenefits{
	color: blue;
}

#wellworthSummaryImageHz, #wellworthTechLandscapeImageHz{
	display: flex;
}

#wellworthSummaryImageVt, #wellworthTechLandscapeImageVt{
	display: none;
}

.techlandscapeImage img{
	width: 80vw;
}

/*
.benefitsHeader:hover+.hoverVisible{
	color: black;
}
*/

/* End: Benefits Section */

/*Start: Tech Landscape Section */

.container-fluid .row.techLandscapeSection{
	height: fit-content;
	background-color: rgb(240,240,240);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: 50%;
	padding-bottom: 75px;
}

.techLandscapeSection .sectionHeader{
	text-transform: none;
	letter-spacing: normal;
}

.techLandscapeTitleMain{
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	padding: 0px 20px;
	color: black;
}

.techLandscapeTitleSub{
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	font-size: 16px;
	/*color: rgb(75,75,75);*/
	color: var(--darkOrange);
	font-weight: normal;
	padding-bottom: 15px;
	text-align: center;
}

.techlandscapeImage #wellworthTechLandscapeImageHz{
	width: 80vw;
}

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

.techLandscapeTitleSub .pipeSeparatorTL{
	display: flex;
	justify-content: center;
}

.techLandscapeTitleSub .lineSeparatorTL{
	display: none;
}

/*END: Tech Landscape Section */

/*Start: Features Section */

.bulletIcons{
	height: 20px;
	padding-right: 15px;
}

.container-fluid .row.featuresSection{
	background-image: url('/static/images/background/background-pebbles.svg');
	height: 100%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*background-color: rgb(238,238,242);*/
	padding-bottom: 50px;
} 

.featuresHeading{
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: calc(14px + ((5 * (100vw - 800px)) / 799));
	color: var(--darkBlue);
	font-weight: bold;
}

.featuresIcon{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 20px;
}

.featuresIcon img{
	height: 125px;
}

#features .featureFrameContainer{
	padding: 20px;
	background-color: transparent;
	border: 10px solid transparent;
	border-radius: 25px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.featureFrameRow>div{
	display: flex;
}

.featureFrameSubRow{
	width: -webkit-fill-available;
	width: -moz-available;
	width: fill-available;
}

.featureContent{
	font-size: calc(12px + ((5 * (100vw - 800px)) / 799));
}
/*End: Features Section */

/* Start: About Section */

#aboutUsPage .wwNavbar.navbar{
	background-image: url(/static/images/background/backgroundLandingPage-202401v1.png);
}

.container-fluid .row.aboutSection{
	background-image: url(/static/images/background/aboutPage.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: 50%;
	margin-bottom: 50px;
} 

.aboutFrameRow{
	display: flex;
	justify-content: center;
}

.aboutName{
	line-height: 1.5;
	padding-top: 20px;
	font-weight: bold;
	font-size: 18px;
}

.aboutTitle{
	font-size: 16px;
}

.aboutContent{
	color: var(--darkBlue2);
	line-height: 1.5;
	text-transform: none;
	letter-spacing: 0.5px;
	padding-top: 15px; 
	text-align: center;
	font-size: 14px;
}

.aboutName, .aboutTitle, .advisor-name, .advisor-description{
	color: var(--darkBlue2);
}

.aboutFrameColumn{
	text-align: center;
	border: 1px solid var(--wwDarkBlue);
	border-radius: 5px;
	padding: 25px;
}

.aboutFrameColumn{
	margin-top: 20px;
}

.aboutFrameColumn img{
	height: calc(150px + ((10 * (100vw - 800px)) / 799));
}

.teamImageContainer img{
	border-radius: 50%;
}

.teamImageContainer{
	padding-top: 25px;
	position: relative;
	top: 0px;
}

.teamImageContainer:hover{
	top: -10px;
	transition: top 0.1s ease-in;
}

.aboutSocial{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.aboutSocial img{
	height: 40px;
}

.aboutSocial a:focus{
	outline: none;
	padding-bottom: 2px;
	border-bottom: 1px solid rgb(0, 117, 255);
	box-shadow: 0px 4px 3px -3px rgb(0, 117, 255);
}

/*End: About Section */

/* START: Testimonials Section */


/* TBD */
/*
.container-fluid> .row.testimonialsSection{
	padding-bottom: 80px;
	background-image: url();
	background-size: cover;
	background-position: center;
}

.testimonialsSection h4{
	color: #f75023;
	font-weight: 600;
}

.testimonialsSection{
	padding-bottom: 15px;
}

.testimonialsSection p{
	color: red;
	width: 40%;
	margin: auto;
}

.icon-area {
	text-align: center;
}

.icon-area i{
	color: red;
	font-size: 80px;
	margin-bottom: 20px;
}

.content p{
	color: green;
	width: 60%;
	margin: auto;
}

.person{
	width: 100px;
	height: 100px;
	display: block;
	margin: auto;
	border-radius: 50%;
	overflow: hidden;
	border: 5px solid orange;
	margin-top: 50px;
}

.person img{
	width: 100%;
}

.content h5{
	font-weight: 900;
	margin-top: 15px;
}

.carousel-indicators{
	bottom: -80px;
}

.carousel-indicators [data-bs-target]{
	width: 60px;
	height: 10px;
	background-color: grey;
}

*/

.testimonialsSection .sectionHeader{
	color: white;
}

.container-fluid .row.testimonialsSection{
	height: fit-content;
	background-image: url(/static/images/background/benefitsPage.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: 50%;
}

.benefitsRow{
	color: rgb(75,75,75);
}

.testimonialRow{
	display: flex;
	justify-content: center;
}

.testimonialsColumn{
	text-align: center;
	border-radius: 5px;
	padding: 25px;
}

.testimonialsColumn{
	margin-top: 20px;
}

.testimonialsContainer{
	position: relative;
	top: 0px;
	height: 100%;
	padding: 10px;
	background-color: rgba(225, 225, 225, 0.96);
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	/*justify-content: space-between;*/
}

.testimonials-hero::before, .testimonials-hero::after {
	font-size: 20px;
	font-family: Lato;
	content: '';
	color: grey;
	font-weight: normal;
}

.testimonials-hero{
	margin: 20px 25px 20px 25px;
	padding: 20px;
	border: 0.5px solid rgb(150,150,150);
	border-radius: 15px;
	color: rgb(255 42 7);
	font-weight: bold;
	font-size: calc(14px + ((5 * (100vw - 800px)) / 799));
}

.testimonials-text{
	text-align: left;
	color: black;
	padding: 20px 30px;
	font-size: calc(12px + ((5 * (100vw - 800px)) / 799));
}

.testimonials-text::before, .testimonials-text::after {
	content: '"';
}

.bold-text{
	/*color: var(--darkOrange);
	background-color: #FEF7B9; 
	background-color: #f3a032;*/
	color: blue;
}

.testimonials-image-preview{
	text-align: center;
}

.testimonial-headshot img{
	position: relative;
	top: 0px;
	border-radius: 50%;
	height: calc(90px + ((10 * (100vw - 800px)) / 799));
	margin-right: 15px;
}

.testimonial-person-container{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.testimonial-name{
	font-size: 16px;
	font-weight: 800;
}

.testimonial-company{
	font-size: 14px;
}

.testimonialRow:not(:first){
	margin-bottom: 50px;
}

/* END: Testimonials Section */

/* Start Contact Section */

#contactPage .wwNavbar.navbar{
	background-image: url(/static/images/background/backgroundLandingPage-202401v1.png);
}

.container-fluid .row.contactSection{
	min-height: 600px;
	height: fit-content;
	background-image: url(/static/images/background/contactPage.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: 50%;
} 

.contactSection .sectionHeader{
	color: white;
	margin-top: 0px;
}

.contactSection form{
	padding-bottom: 75px;
	color: black;
	width: 60%;
	text-align: center;
}

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

.formElementRow{
	margin-top: 10px;
	width: 100%;
	font-size: 14px;
}

.formElementRow input, .formElementRow textarea{
	width: 100%;
	min-width: 100px;
	max-width: 600px;
	padding: 10px 20px;
	background-color: rgba(255,255,255,0.25);
	border: none;
	outline: none;
	color: white;
	letter-spacing: 0.5px;
}

::placeholder{
	color: rgb(200,200,200);
}

.formElementRow input:focus, .formElementRow textarea:focus{
	background-color: rgba(255,255,255,0.15);
}

.formElementContainer>input{
	width: 100%;
	border-radius: 3px;
	background-color: rgb(250,250,250);
	border-width:1px;
	padding-left: 10px;
	font-size:14px;
}

.formElementContainer>input:focus{
	outline-color: rgb(200,200,200)
}

.formElementContainer>input:hover{
	background-color: rgb(240,240,240);
	border-top-color: rgb(200,200,200);
	border-left-color: rgb(200,200,200);
}

/* End: Contact Section */

#advisors.advisorSection{
	background-color: white;
	padding-bottom: 75px;
}

.advisorContent{
	display: flex;
	align-items: center;
	flex-direction: column;
}

#advisors .sectionHeader{
	margin-top: 0px;
}

.advisor-headshot img{
	position: relative;
	top: 0px;
	border-radius: 50%;
	margin-top: 25px;
	height: calc(150px + ((10 * (100vw - 800px)) / 799));
}

.advisor-name{
	margin-top: 30px;
	font-size: 20px;
	font-weight: bold;
}

.advisor-description{
	margin-top: 5px;
	font-size: 16px;
}

.advisor-headshot img:hover{
	top: -10px;
	transition: top 0.1s ease-in;
}

/* START: Updates Section */

#updatesPage .wwNavbar.navbar{
	background-image: url(/static/images/background/backgroundLandingPage-202401v1.png);
}

.latest-image-preview{
	text-align: center;
}

#latest{
	background-color: white;
	padding-bottom: 100px;
}

.latestFrameColumn{
	text-align: center;
	border-radius: 5px;
	padding: 25px;
}

.latestFrameColumn{
	margin-top: 20px;
}


.latestContentColumn{
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 20px;
}

.latest-image-preview img{
	border-radius: 0px;
	width: 100%;
	height: 100%;
}

.latestContentRow{
		margin-bottom: 50px;
}

.latest-text{
	color: rgb(75,75,75);
	padding: 20px 30px;
	font-size: calc(12px + ((5 * (100vw - 800px)) / 799));
}

.latestContentContainer{
	position: relative;
	top: 0px;
	background-color: rgb(230,230,230);
	height: 100%;
}

.latestSection .latestContentContainer:hover{
	top: -10px;
	transition: top 0.1s ease-in;
}

.latestFrameRow{
	display: flex;
	justify-content: center;
}

/* END: Updates Section */


/* START: Style1 Formatting */
/* Using for Cast Studies Section */

.style1-image-preview{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: black;
}

.style1-image-preview{
	text-align: center;
}

.style1FrameColumn{
	text-align: center;
	border-radius: 5px;
	padding: 25px;
}

.style1FrameColumn{
	margin-top: 20px;
}


.style1ContentColumn{
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 20px;
}

.style1-image-preview img{
	border-radius: 0px;
	width: 100%;
	height: 100%;
}

.style1ContentRow{
		margin-bottom: 50px;
}

.style1-text{
	color: rgb(75,75,75);
	padding: 20px 30px;
}

.caseStudiesListSection .style1-text{
	font-size: calc(16px + ((5 * (100vw - 800px)) / 799));
	font-weight: bold;
}

.style1ContentContainer{
	position: relative;
	top: 0px;
	background-color: rgb(240,240,240);
	height: 100%;
}

.style1FrameRow{
	display: flex;
	justify-content: center;
}

/* END: Style1 Formatting */


/* START: Case Studies */

#caseStudiesPage .wwNavbar.navbar{
	background-image: url(/static/images/background/backgroundLandingPage-202401v1.png);
}

#caseStudiesList{
	padding-bottom: 150px;
}

.caseStudiesListSection .style1ContentContainer:hover{
	top: -10px;
	transition: top 0.1s ease-in;
}

.casestudyPdfContainerRow{
	justify-content: center;
}

.casestudyPdfContainer{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 98vw;
	margin-bottom: 0px;
}

.case-study-container-large-screen .casestudyPdfContainer{
	height: calc(100vh - 100px);
}

.case-study-container-mobile .casestudyPdfContainer{
	height: calc(100vh - 400px);
}

.casestudyPdfContainer iframe{
	width: 100%;
	height: 100%;
}

.caseStudySubheader{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: calc(25px + ((10 * (100vw - 800px)) / 799));
	color: rgb(50,50,50);
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	/*text-transform: uppercase;*/
}

.caseStudyBlurb{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: calc(14px + ((10 * (100vw - 800px)) / 799));
	color: rgb(50,50,50);
	padding-bottom: 20px;
}

.caseStudiesSection .sectionHeader{
	padding-bottom: 0px;
}

/* END: Case Studies */

/* START: Demos Section */

#demos{
	background-color: white;
}

.demosSection .demosContentContainer:hover{
	top: -10px;
	transition: top 0.1s ease-in;
}

.demosFrameRow{
	display: flex;
	justify-content: center;
}

.demosSection .sectionHeader {
	color: var(--darkBlue2);
	padding-top: 50px;
}

.demosFrameColumn{
	text-align: center;
	border-radius: 5px;
	padding: 25px;
}

.demosFrameColumn{
	margin-top: 20px;
}

.demosContentContainer{
	position: relative;
	top: 0px;
	background-color: white;
	height: 100%;
}

.demosSection .demos-image-preview{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: black;
}

.demosSection .demos-image-preview{
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
}

.demosSection .demos-image-preview iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.demosSection .demos-text-1{
	color: rgb(75,75,75);
	font-weight: bold;
	padding: 20px 30px;
	font-size: calc(12px + ((5 * (100vw - 800px)) / 799));
	padding: 5px 30px;
	background: rgb(225,225,225);
}

.demos-preview img{
	border-radius: 0px;
	width: 100%;
	height: 100%;
}

.demos-image-preview{
	text-align: center;
}

.demosFrameRow{
	display: flex;
	justify-content: center;
}


/* END: Demos Section */

/* Start: Last Section */

.lastSection{
	background-color: var(--darkBlue3);
	z-index: 2;
}

div.lastSection div.copyright{
	color: white;
	font-size: 12px;
	text-align: left;
	text-transform: inherit;
	padding: 10px 10px;
	margin: 20px 20px;
}

div.lastSection div.socialIcons{
	color: white;
	font-size: 12px;
	text-align: right;
	padding: 10px 10px;
	margin: 20px 20px;
}

.socialIcons a:focus{
	outline: none;
	padding-bottom: 2px;
	border-bottom: 1px solid rgb(0, 117, 255);
	box-shadow: 0px 4px 3px -3px rgb(0, 117, 255);
}

/* End: Last Section */


/* Start: Section Separators */

.separator-landingpage{
	background-image: url(/static/images/background/separator-landingpage.svg);
	background-position: center;
	background-size: cover;
	height: calc((100/1600)*100vw - 1px);
}

.separator-white{
	background-color: white;
	height: 10px;
}

.separator-skyline{
	margin-top: 200px;
	background-image: url(/static/images/background/separator-skyline-202501v1.png);
	background-position: center;
	background-size: cover;
	height: calc((225/1300)*100vw - 4px);
}

.separator-formation{
	background-image: url(/static/images/background/separator-formation.svg);
	background-position: center;
	background-size: cover;
	height: calc((125/1300)*100vw - 1px);
	border: none;
}

.separator-formation-2{
	background-image: url(/static/images/background/separator-formation-2.svg);
	background-position: center;
	background-size: cover;
	height: calc((125/1300)*100vw - 1px);
	border: none;
}

.separator-hzWell{
	background-image: url(/static/images/background/separator-hzwell-202206v1.png);
	background-position: center;
	background-size: cover;
	height: calc((130/1125)*100vw - 1px);
}

.container-fluid .separator-skyline{
	padding-bottom: 0px;
}


/* End: Section Separators */

/* Start: Popup */

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
	from {opacity: 0;} 
	to {opacity: 1;}
}

@keyframes fadeIn {
	from {opacity: 0;}
	to {opacity:1 ;}
}

/* End: Popup */

/* START: Orange Button */

.orangeButtonContainer{
	display: flex;
	justify-content: center;
}

.orangeButtonContainer button{
	background-color: transparent;
	color: white;
	font-size: 14px;
	letter-spacing: 1px;
	border: 1px solid var(--wwDarkOrange);
	padding: 10px 40px;
	margin-top: 20px;
}

.orangeButtonContainer button:hover
, .orangeButtonContainer button:focus
, .orangeButtonContainer button:active:focus
, .orangeButtonContainer button:focus:hover{
	background-color: transparent;
	color: white;
	font-size: 12px;
	border: 1px solid var(--wwDarkOrange);
	outline: none;
	text-decoration: none;
	box-shadow: 1px 1px 2px black, 0 0 25px var(--wwDarkOrange), 0 0 5px darkblue;
}

/* End: Orange Button */

button.demoButton1{
	/*background-color: var(--darkBlue3);*/
	background-color: var(--darkOrange);
	border: none;
}

.toast-body button{
	padding: 5px 20px;
}

button.demoButton1:hover{
	/*background-color: rgb(33,33,102);*/
	background-color: rgb(247,58,27);
}

button.demoButton1 a{
	text-decoration: none;
	color: white;
}

.wwDescriptionImage .toast-body{
	/*background: rgba(220,220,220,0.7); The grey is not visible*/
	background: rgb(254 155 78 / 70%);
	font-weight: bold;
	padding: 50px;
}

.wwDescriptionImage .toast{
	width: 450px;
	font-size: 16px;
}

.submitButtonRow{
	margin-top: 25px;
	margin-bottom: 10px;
}

.submitButtonRow button{
	min-width: 100px;
}

.submitButtonRow .alert-dismissible{
	display: flex;
}

.confirmationMessageContainer{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}

.confirmationMessageContainer .alert-success{
	background-color: rgba(199,255,194,0.5);
	color: white;
	border: none;
	width: 100%;
}

.confirmationMessageContainer button, .confirmationMessageContainer button span{
	color: white;
	outline: none;
	border: none;
	opacity: 0.8;
	background-color: transparent;
}

/* START: Blue Button */

.blueButtonContainer{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}

.blueButtonContainer button{
	border-radius: 10px;
	border: 1px solid var(--wwDarkBlue);
	background-color: transparent;
	color: black;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	display: inline-grid;
	padding: 8px 40px;
	outline: none;
	text-decoration: none;
}

.blueButtonContainer button:hover
, .blueButtonContainer button:focus
, .blueButtonContainer button:active:focus
, .blueButtonContainer button:focus:hover{
	border-radius: 10px;
	border: 1px solid var(--wwDarkBlue);
	background-color: transparent;
	color: black;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	display: inline-grid;
	padding: 8px 40px;
	outline: none;
	text-decoration: none;
	box-shadow: 1px 1px 15px white, 0 0 30px var(--wwDarkBlue), 0 0 5px darkblue;
}

.blueButtonContainer >a, .blueButtonContainer >a:hover{
	text-decoration: none;
}

/*Text Area */

.textAreaProperties{
	height:100%;
	display:flex;
	align-items: center;  
}

.textAreaProperties>textarea{
	width:100%;
	border-radius: 3px;
	background-color: rgb(245,245,245);
	border-width:1px;
	padding-left: 10px;
	font-size:14px;
	border-bottom-style: hidden;
	border-right-style: hidden;
}

.textAreaProperties>textarea:focus{
	outline-color: rgb(200,200,200)
}

/*#demo{
	padding-left: 50px 0px;
}*/

.text1{
	padding-top: 25px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 18px;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 1.5px;
	color: rgb(254,102,78);
	font-family: 'Lato', sans-serif;
	text-align: center;
}

.text2{
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 20px;
	font-size: 13px;
	text-transform: none;
	letter-spacing: 1px;
	font-family: 'Lato', sans-serif;
	text-align: center;
}

.text3 li{
	list-style-type: circle;
	font-size: 13px;
	text-transform: none;
	letter-spacing: 1px;
	text-align: left;
	padding-left:1em;
	padding-bottom: 10px;
	font-family: 'Lato', sans-serif;
}

.listParent{
	display: flex;
	justify-content: center;
}

.listParent>ul{
	display: flex;
	margin-bottom: 0px;
	text-align: center;
}

.listParent>ul>li{
	padding-right: 15px;
	font-size: 25px;
}

.demoCheckbox{
	display: flex;
	align-items: center;
	padding-left: 50px;
	font-size: 14px;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0;
	color: white;
	line-height: 30px;

}

.demoCheckbox>input{
	height: 18px;
	width: 18px;
	margin-right: 20px;
	margin-top: 0px;
	text-align: center;
}

.socialIcons img{
	height: 25px;
	cursor: pointer;
}

#carouselMarketingWW .problemButtonCarousel{
	background-color: maroon;
}

#problemColor{
	color: maroon;
}

#carouselMarketingWW .solutionButtonCarousel{
	background-color: darkgreen;
}

#solutionColor{
	color: darkgreen;
}

/*
#carouselMarketingWW .carousel-control-next-icon{
	margin-right: calc(var(--bs-gutter-x) * -4.5);
}

#carouselMarketingWW .carousel-control-prev-icon{
	margin-left: calc(var(--bs-gutter-x) * -4.5);
}
*/

/* Kept at the bottom to override the properties*/

/* Start: For widths greater than 576px */
@media (min-width: 576px) {
	.dropdown:hover>.dropdown-menu {
		display: block;
	}

	.dropdown>.dropdown-toggle:active {
		/*Without this, clicking will make it sticky*/
			pointer-events: none;
	}

	#latest
	, #about
	, #product
	, #contact
	, #caseStudies
	, #testimonials{
		padding-top: 100px;
	}

}
/* End: For widths greater than 576px */

/* Start: For width less than 576px */
@media (max-width: 576px){

	ul.nav.navbar-nav li a{
		color: white;
	}

	ul.dropdown-menu.show
	, .dropdown-item.active
	, .dropdown-item:active{
		background-color: transparent;
		border: none;
	}

	.dropdown-menu li{
		padding-left: 15px;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-toggler.navbarToggleTop:focus{
		box-shadow: 0 0 0 0.1rem;
		color: white;
	}

	/* Hidden for mobile screens */
	.navbarToggle{
		display: none;
	}
	
	.case-study-container-large-screen{
		display: none;
	}

	/* Visible for mobile screens */
	.case-study-container-mobile{
		display: flex;
	}

	.wwNavbar .container-fluid{
		padding: 0px 25px;
	}

	.wwNavbar.expandedMenu{
		border-bottom: 2px solid white;
	}

	.level-1-mobile-expand-collapse-container{
		display: flex;
		align-items: center;
	}

	.smallScreen .plus-toggle img
	, .smallScreen .minus-toggle img{
		height: 16px;
		margin-left: 50px;
		border: 1px solid white;
		padding: 4px;
	}

	/* If active class is present, show toggle icons */
	.smallScreen .plus-toggle.active img
	, .smallScreen .minus-toggle.active img{
		display: flex;
	}

	/* If inactive class is present, hide toggle icons */
	.smallScreen .plus-toggle.inactive img
	, .smallScreen .minus-toggle.inactive img{
		display: none;
	}

	.smallScreen .ww-navbar-mobile-dropdown-control img{
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.sectionHeader{
		padding-bottom: 0px;
	}

	.landingSection .subsection1 {
		padding-top: 0px;
	}

	.landingSection .mainHeading1 h1{
		font-size: calc(35px + ((10 * (100vw - 800px)) / 799));
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.landingSection .mainHeading2 h2{
		font-size: calc(18px + ((5 * (100vw - 800px)) / 799));
		margin-right: 2vw;
		margin-left: 2vw;
		line-height: 1.2;
	}

	.landingSection .mainHeading3 h3{
		font-size: calc(18px + ((3 * (100vw - 800px)) / 799));
		margin-right: 2vw;
		margin-left: 2vw;
		line-height: 1.2;
	}

	.landingSection .mainHeading4 h4{
		font-size: calc(18px + ((5 * (100vw - 800px)) / 799));
		margin-right: 2vw;
		margin-left: 2vw;
		line-height: 1.2;
		padding-bottom: 15px;
	}

	#solutionPage .productSection{
		margin-top: 30px;
	}

	.latestSection .sectionHeader
	, .aboutSection .sectionHeader
	, .contactSection .sectionHeader 
	, .testimonialsSection .sectionHeader
	, .caseStudiesSection .sectionHeader{
		padding-top: 50px;
	}

	.featuresHeading{
		font-size: 16px;
	}

	.videoSection .sectionHeader {
		padding-top: 0px;
		margin-top: 125px;
		padding-bottom: 0px;
	}

	.videoSection .demos-text-1{
		font-size: 16px;
	}

	#demos{
		margin-bottom: 50px;
	}

	.demosSection .sectionHeader {
		padding-top: 0px;
		margin-top: 50px;
		padding-bottom: 0px;
	}

	.demosSection .demos-text-1{
		font-size: 16px;
	}

	.orangeButtonContainer button
	, .orangeButtonContainer button:hover
	, .orangeButtonContainer button:focus
	, .orangeButtonContainer button:active:focus
	, .orangeButtonContainer button:focus:hover{
		font-size:  12px;
	}

	.productFrameColumn.laptopImage img{
		width: 90%;
	}

	.wwDescriptionImage .toast-body{
		padding: 20px;
	}

	.wwDescriptionImage .toast{
		width: 300px;
		font-size: 14px;
	}

	.wwDescriptionImage .toast button{
		font-size: 14px;
	}

	.investmentModelingTitleMain{
		font-size: 22px;
	}

	.investmentModelingTitleSub{
		font-size: 25px;
	}

	.techLandscapeTitleMain{
		font-size: 18px;
		padding-bottom: 10px;
	}

	.techLandscapeTitleSub{ 
		font-size: 18px;
	}

	.wwDescriptionImage img
	, .techlandscapeImage img {
		width: 95vw;
	}

	.benefitsContainer{
		height: auto;
	}

	.aboutSection .aboutFrameRow{
		padding-top: 0px;
	}

	.aboutName{
		font-size: 18px;
	}

	.aboutTitle{
		font-size: 16px;
	}

	.aboutContent{
		font-size: 16px;
	}

	#wellworthSummaryImageHz, #wellworthTechLandscapeImageHz{
		display: none;
	}

	#wellworthSummaryImageVt, #wellworthTechLandscapeImageVt{
		display: flex;
		margin-top: 20px;
	}

	#problem{
		display: none;
	}

	#problemButton{
			display:  none;
	}

	.testimonials-text{
		font-size: 16px;
	}

	.testimonials-hero{
		font-size: 16px;
		padding: 10px;
	}

	.testimonialsContainer {
		margin: 15px;
	}

	.testimonial-name{
		font-size: 18px;
	}

	.testimonial-company{
		font-size: 15px;
	}

	.separator-skyline{
		margin-top: 100px;
	}

	.caseStudyBlurb{
		font-size: 14px;
	}

	#caseStudiesList {
		padding-bottom: 50px;
	}
}
/* End: For width less than 576px */

/* Start: For width less than 768px */
@media (max-width: 767px){ 

	.formElementTitle{  
		justify-content: flex-start;
	}

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

	.container-fluid .row.productSection{
		padding-bottom: 50px;
	}

	.contactSection form{
		width: 100%;
	}

	.landingPageSeparatorForSmall{
		padding-right: 10px;
		padding-left: 0px;
	}

	.productTitleMain{
		font-size: 20px;
		padding-bottom: 10px;
	}

	.productTitleSub{ 
		font-size: 15px;
		padding-bottom: 10px;
	}

	.productText1{
		margin-top: 10px;
	}

	.wwDescriptionImage #wellworthSummaryImageHz
	, .techlandscapeImage #wellworthTechLandscapeImageHz {
			width: 85vw;
	}

	div.lastSection div.socialIcons
	, div.lastSection div.copyright{
		text-align: center;
		margin: 0px;
	}

	.aboutFrameRow{
		flex-direction: column;
		align-items: center;
	}

	.aboutFrameRow{
		padding: 30px;
	}

	.sectionHeader{
		margin-top: 50px;
	}

	.benefitsContainer{
		height: auto;
	}

	.benefitsHeader{
		font-size: 18px;
		padding-bottom: 5px;
	}

	.benefitsBody{
		font-size: 25px;
		line-height: 1.5;
	}

	.panelFeatures{
		padding: 30px;
	}

	#features .featureFrameContainer
	, .panelFeatures{
		height: auto;
	}

	.featuresHeading{
		padding-bottom: 5px;
	}

	.featureContent{
		font-size: 16px;
	}

	.advisorContent:not(:first-child){
		margin-top: 50px;
	}

	.latestFrameColumn,
	.testimonialsColumn{
		padding: 0px;
	}

	.latest-text{
		font-size: 16px;
		padding:20px 10px;
	}

	.latestFrameRow{
		flex-direction: column;
		align-items: center;
		padding: 0px 30px 0px 30px;
	}

	.demos-text{
		font-size: 16px;
		padding:20px 10px;
	}

	.demos1FrameRow{
		flex-direction: column;
		align-items: center;
		padding: 0px 30px 0px 30px;
	}

	.style1-text{
		font-size: 16px;
		padding:20px 10px;
	}

	.style1FrameRow{
		flex-direction: column;
		align-items: center;
		padding: 0px 30px 0px 30px;
	}

	.videoFrameRow{
		flex-direction: column;
		align-items: center;
		padding: 0px;
	}

	.videoFrameColumn{
		padding: 10px;
	}

	.demosFrameRow{
		flex-direction: column;
		align-items: center;
		padding: 0px;
	}

	.demosFrameColumn{
		padding: 10px;
	}

	.testimonials-hero{
		padding: 10px;
	}

	/* Not hiding the Features section and buttons from navbar*/

	/*
	.container-fluid .row.featuresSection{
		display: none;
	}

	li#featuresButton{
		display: none;
	}
	*/
}
/* End: For width less than 768px */

/* Start: For width greater than 768px */
@media (min-width: 767px){
	.aboutFrameColumn{
		/*margin: 20px;*/
	}

	.landingSection .mainHeading4 h4{
		padding-top: 20px;
	}

	.landingPageSeparatorForLarge{
		padding: 0px 15px;
	}

}
/* End: For width greater than 768px */

/* Start: For width greater than 900px */
@media (min-width: 900px){
	/*
	This is not relevant since we added the dropdown buttons in the navbar.
	ul.nav.navbar-nav li a, ul.nav.navbar-nav li a:focus, ul.nav.navbar-nav li a:focus-within{
		padding-right: calc(2px + ((1 * (100vw + 400px)) / 400));
		padding-left: calc(2px + ((1 * (100vw + 400px)) / 400));
	}
	*/

	.brandLogo img{
		height: calc(70px + ((40 * (100vw - 800px)) / 799));
		padding-top: calc(25px - ((10 * (100vw - 400px)) / 400));
	}
}
/* End: For width greater than 900px */

/* Start: For width less than 992px */
@media(max-width: 992px){

	.container-fluid .row.landingSection{
		background-image: url(/static/images/background/landingPage-xs.svg);
	}

	.landingSection .mainHeading1 h1 {
		margin-right: 5vw;
		margin-left: 5vw;
		margin-top: 5px;
		margin-bottom: 0px;
	}

	.landingSection .mainHeading2 h2{
		margin-right: 5vw;
		margin-left: 5vw;
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.landingSection .mainHeading3 h3{
		margin-right: 5vw;
		margin-left: 5vw;
		margin-top: 5px;
		margin-bottom: 15px;
	}

	.landingSection .mainHeading4 h4{
		margin-right: 5vw;
		margin-left: 5vw;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	/*
	.landingSection .mainHeading1 h1
	, .landingSection .mainHeading2 h2
	, .landingSection .mainHeading3 h3{
		text-align: center;
	}
	*/

	.landingSection .subsection2{
		display: none;
	}

	.container-fluid .row.benefitsSection{
		background-image: url(/static/images/background/benefitsPage-xs.svg);
	}

	.benefitsRow>div{
		display: inherit;
	}

	.container-fluid .row.testimonialsSection{
		background-image: url(/static/images/background/benefitsPage-xs.svg);
		padding-bottom: 75px;
	}

	.techLandscapeTitleSub{
		flex-direction: column;
	}

	.techLandscapeTitleSub .pipeSeparatorTL{
		display: none;
	}

	.techLandscapeTitleSub .lineSeparatorTL{
		display: flex;
		justify-content: center;
	}


	.featureFrameRow>div{
		display: inherit;
	}

	.featuresHeading{
		margin-bottom: 15px;
	}

	.featureContent{
		font-size: 16px;
	}

	.testimonials-hero{
		padding: 10px;
	}
	
}
/* End: For width less than 992px */

/* Start: For width less than 1500px */
@media(max-width: 1500px){
	
}
/* End: For width less than 1500px */

/* Start: For width greater than 500px but less than 1800px */
@media (min-width: 500px) and (max-width: 1800px){

	.landingSection .mainHeading1 h1{
			font-size: calc(40px + ((10 * (100vw - 800px)) / 799));
	}

	.landingSection .mainHeading2 h2{
			font-size: calc(16px + ((5 * (100vw - 800px)) / 799));
	}

	.landingSection .mainHeading3 h3{
			font-size: calc(20px + ((3 * (100vw - 800px)) / 799));
	}

	.landingSection .mainHeading4 h4{
			font-size: calc(14px + ((5 * (100vw - 800px)) / 799));
	}
}
/* End: For width greater than 500px but less than 1800px */

/* Start: For width greater than 1500px */
@media (min-width: 1500px){

	.scrollTopLargeScreen{
		padding-right: 50px;
		padding-left: 50px;
	}

	.scrollTopLargeScreen ul.nav.navbar-nav li a
	, .scrollTopLargeScreen ul.nav.navbar-nav li a:focus
	, .scrollDownLargeScreen ul.nav.navbar-nav li a
	, .scrollDownLargeScreen ul.nav.navbar-nav li a:focus{
		padding: 5px 15px 5px 15px;
	}

	.scrollTopLargeScreen .brandLogo img{
		height: 100px;
		margin-top: 25px;
	}

	.scrollDownLargeScreen .brandLogo img{
		height: 60px;
	}

	.scrollDownLargeScreen{
		height: 70px;
	}

/*
	ul.nav.navbar-nav li{
		margin-top: 10px;
	}
*/

	.sectionHeader{
		margin-top: 150px;
	}

	.productTitleMain{
		font-size: 30px;
	}

	.productTitleSub{ 
		font-size: 19px;
	}

	.investmentModelingTitleMain{
		font-size: 50px;
	}

	.investmentModelingTitleSub{
		font-size: 60px;
	}

	.techLandscapeTitleMain{
		font-size: 25px;
	}

	.techLandscapeTitleSub{ 
		font-size: 20px;
	}

	.container-fluid .row.techLandscapeSection{
		padding-bottom: 150px;
		padding-top: 100px;
	}

	.container-fluid .row.investmentModelingSection{
		padding-top: 200px;
		padding-bottom: 200px;
	}

	.benefitsHeader{
		font-size: 32px;
	}

	.benefitsHeader2{
		font-size: 20px;
	}

	.benefitsBody{
		font-size: 30px;
	}

	.panelFeatures{
		padding: 25px;
	}

	.aboutName{
		font-size: 25px;
	}

	.aboutTitle{
		font-size: 20px;
	}

	.aboutContent{
		font-size: 20px;
	}

	#advisors.advisorSection{
		padding-bottom: 200px;
	}

	.advisor-headshot{
		margin-top: 50px;
	}

	.advisor-name{
		margin-top: 50px;
		font-size: 25px;
	}

	.advisor-description{
		margin-top: 15px;
		font-size: 20px;
	}

	.benefitsIcon>img{
		width: auto;
		height: 100px;
	}

	.testimonial-name{
		font-size: 20px;
	}

	.testimonial-company{
		font-size: 18px;
	}

	.testimonial-headshot img{
		margin-right: 30px;
	}

	.testimonialsContainer{
		padding: 30px;
	}

	#caseStudiesPage .caseStudiesSection{
		padding-top: 100px;
	}

}
/* End: For width greater than 1500px */


/* Start: For width greater than 1800px */
@media (min-width: 1800px){

	.scrollTopLargeScreen .brandLogo img{
		height: 125px;
	}

	.landingSection .mainHeading1 h1{
			font-size: calc(40px + ((10 * (100vw - 800px)) / 799));
	}

	.landingSection .mainHeading2 h2{
			font-size: calc(22px + ((5 * (100vw - 800px)) / 799));
	}

	.landingSection .mainHeading3 h3{
			font-size: calc(24px + ((3 * (100vw - 800px)) / 799));
	}

	.landingSection .mainHeading4 h4{
			font-size: calc(18px + ((5 * (100vw - 800px)) / 799));
			padding-top: 30px;
	}

	.landingPageSeparatorForLarge{
		padding: 0px 20px;
	}

	.blueButtonContainer button:hover
	, .blueButtonContainer button:hover
	, .blueButtonContainer button:focus
	, .blueButtonContainer button:active:focus
	, .blueButtonContainer button:focus:hover {
		font-size: 30px;
	}

	.blueButtonContainer button
	, .blueButtonContainer button:hover
	, .blueButtonContainer button:focus
	, .blueButtonContainer button:active:focus
	, .blueButtonContainer button:focus:hover{
		padding: 15px 60px;
	}

	.aboutName{
		font-size:25px;
	}

	.aboutTitle{
		font-size: 18px;
	}
	
	.aboutContent{
		font-size: 18px;
		padding: 15px 15px 30px 15px;
	}

	.aboutFrameRow{
		padding-bottom: 50px;
	}

	.orangeButtonContainer button
	, .orangeButtonContainer button:hover
	, .orangeButtonContainer button:focus
	, .orangeButtonContainer button:active:focus
	, .orangeButtonContainer button:focus:hover
	, .formElementRow{
		font-size: calc(14px + ((5 * (100vw - 800px)) / 799));
	}

	ul.nav.navbar-nav li a, ul.nav.navbar-nav li a:focus, ul.nav.navbar-nav li a:focus-within{
		font-size: 18px;
	}

	.orangeButtonContainer button
	, .orangeButtonContainer button:hover
	, .orangeButtonContainer button:focus
	, .orangeButtonContainer button:active:focus
	, .orangeButtonContainer button:focus:hover{
		padding: 13px 50px;
		margin-top: 40px;
	}

	div.lastSection div.copyright{
		font-size: 18px;
	}

	.productTitleMain{
		font-size: calc(22px + ((5 * (100vw - 800px)) / 799));
	}

	.productTitleSub{ 
		font-size: calc(16px + ((5 * (100vw - 800px)) / 799));
	}

	.techLandscapeTitleMain{
		font-size: 30px;
	}

	.techLandscapeTitleSub{ 
		font-size: 25px;
	}

	.videoSection .sectionHeader{
		padding-top: 80px;
	}

	.demosSection .sectionHeader{
		padding-top: 80px;
	}

	#demos.demosSection{
		padding-bottom: 200px;
	}


	.socialIcons img{
		height: 40px;
	}

	.latest-text
	, .demos-text
	, .style1-text {
		padding: 40px 30px;
	}


}
/* End: For width greater than 1800px */


/* Start: For width greater than 2500px */
@media (min-width: 2500px){

		.scrollDownLargeScreen {
			height: 100px;
		}

	.scrollTopLargeScreen .brandLogo img {
		height: 175px;
	}

	.scrollTopLargeScreen ul.nav.navbar-nav li a, .scrollTopLargeScreen ul.nav.navbar-nav li a:focus {
		padding: 5px 25px 5px 25px;
		font-size: calc(16px + ((5 * (100vw - 800px)) / 799));
	}

	.scrollDownLargeScreen ul.nav.navbar-nav li a, .scrollDownLargeScreen ul.nav.navbar-nav li a:focus {
		font-size: calc(18px + ((5 * (100vw - 800px)) / 799));
		padding: 5px 25px 5px 25px;
		margin-right: 3px;
		margin-left: 3px;
	}

	.landingSection .mainHeading2 h2 {
		font-size: calc(30px + ((5 * (100vw - 800px)) / 799));
	}

	.landingSection .mainHeading1 h1 {
		font-size: calc(75px + ((5 * (100vw - 800px)) / 799));
	}

	.landingSection .mainHeading3 h3 {
		font-size: calc(30px + ((5 * (100vw - 800px)) / 799));
	}

	.sectionHeader>h3{
		font-size: calc(50px + ((5 * (100vw - 800px)) / 799));
	}

	.sectionHeader{
		padding-bottom: 50px;
	}

	ul.nav.navbar-nav li a, ul.nav.navbar-nav li a:focus, ul.nav.navbar-nav li a:focus-within{
		font-size: calc(14px + ((5 * (100vw - 800px)) / 799));
	}

	.container-fluid .row.productSection {
		 padding-bottom: 200px;
	}

	.productTitleMain{
		font-size: calc(28px + ((5 * (100vw - 800px)) / 799));
	}

	.productTitleSub{ 
		font-size: calc(20px + ((5 * (100vw - 800px)) / 799));
	}

	.benefitsIcon>img{
		height: 150px;
	}

	.benefitsIcon{
		padding: 40px 0px;
	}

	.benefitsHeader {
		font-size: calc(35px + ((5 * (100vw - 800px)) / 799));
	}

	.panelFeatures{
		padding: 50px;
	}

	.featuresHeading{
		font-size: calc(28px + ((5 * (100vw - 800px)) / 799));
	}

	.featuresIcon img{
		height: 225px;
		margin: 25px 0px;
	}

	.featureContent{
		padding: 20px 75px;
		font-size: calc(24px + ((5 * (100vw - 800px)) / 799));
	}
	
	.aboutName{
		font-size: calc(25px + ((5 * (100vw - 800px)) / 799));
	}

	.aboutTitle
	, .aboutContent{
		font-size: calc(20px + ((5 * (100vw - 800px)) / 799));
	}

	.aboutContent{
		padding: 30px 75px;
	}

	.aboutFrameRow{
		padding: 50px 0px;
	}

	.aboutFrameColumn img
	, .advisor-headshot img {
		height: calc(250px + ((5 * (100vw - 800px)) / 799));
	}

	.teamImageContainer{
		margin: 50px 0px;
	}

	.advisor-name{
		font-size: calc(25px + ((5 * (100vw - 800px)) / 799));
	}

	.advisor-description{
		font-size: calc(18px + ((5 * (100vw - 800px)) / 799));
	}

	.advisorSection{
		margin-top: 100px;
	}

	.testimonialsContainer{
		padding: 100px;
	}

	.testimonials-text, .testimonials-hero {
		font-size: calc(22px + ((5 * (100vw - 800px)) / 799));
	}

	.testimonial-name {
		font-size: calc(24px + ((5 * (100vw - 800px)) / 799));
	}

	.testimonial-company {
		font-size: calc(20px + ((5 * (100vw - 800px)) / 799));
	}

	.container-fluid .row.testimonialsSection {
		padding-bottom: 100px;
	}

	.testimonial-headshot img{
		height: calc(125px + ((10 * (100vw - 800px)) / 799));
		margin-right: 60px;
	}

	.latest-text
	, .style1-text
	, .demos-text{
		font-size: calc(20px + ((5 * (100vw - 800px)) / 799));
		padding: 50px 40px;
	}

	div.lastSection div.copyright {
		font-size: calc(10px + ((5 * (100vw - 800px)) / 799));
	}

	.socialIcons img {
		height: calc(30px + ((10 * (100vw - 800px)) / 799));
	}

	.formElementRow input, .formElementRow textarea {
		width: 100%;
		min-width: 500px;
		max-width: 1000px;
	}

	.formElementRow {
		margin-top: 25px;
	}

	.videoSection .video-text-1{
		font-size: 35px;
		padding: 10px;
	}

	.videoSection .sectionHeader{
		padding-top: 150px;
	}

	.videoFrameRow{
		padding-bottom: 100px;
	}

	.demosSection .demos-text-1{
		font-size: 35px;
		padding: 10px;
	}

	.demosSection .sectionHeader{
		padding-top: 150px;
	}

	.demosFrameRow{
		padding-bottom: 100px;
	}

	.wwDescriptionImage .toast-body{
		padding: 70px;
	}

	.wwDescriptionImage .toast{
		width: 700px;
		font-size: 30px;
	}

	.wwDescriptionImage .toast button{
		font-size: 30px;
	}
	
}