@charset "UTF-8";
/*
Theme Name: Landing Page
*/
/* -------------------------------------------------------------------------- */
/* Redefined HTML                                                             */
/* -------------------------------------------------------------------------- */
body {
  background-color: #FFF !important;
  font-family: "Inter", sans-serif;!important;
  font-weight: 400;
  height: 100%;
  margin-bottom: 150px;
  overflow-x: hidden;
/*
	background-image: url('midbg.png');
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
*/
	
}
.scrolldown {
	cursor: pointer
}
html {
  position: relative;
  min-height: 100%;
}

li.form-line:not(.form-line-column) .form-input-wide[data-layout=half] {
    width: 100% !important;
}

.page-section>li:first-child:not(.form-line-column):not([data-type=control_head]):not([data-type=control_payment]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]), .page-section>li:nth-child(2):not(.form-line-column):not([data-type=control_head]):not([data-type=control_paymrnt]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]) {
    margin-top: 0px !important;
}

.form-all {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	box-shadow: none !important;
}

#text-section {
	position: relative;
}

#bottom-img {
	position: absolute;
	bottom: 0;
}

.c-yellow-span {
    color: #00c7c7 ;
}

/* -------------------------------------------------------------------------- */
/* Custom Utilities                                                           */
/* -------------------------------------------------------------------------- */
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.font-sm {
  font-size: .65em
}
.font-md {
  font-size: 1.25em;
}
.align-items-center {
  display: flex;
  align-items: center; /*Aligns vertically center */
  justify-content: center; /*Aligns horizontally center */
}
td.s-td {
	text-transform: capitalize;
}
.fancy-font {
  font-family: 'Lusitana', serif;
}


/* -------------------------------------------------------------------------- */
/* Menu                                                                       */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* Main Content                                                               */
/* -------------------------------------------------------------------------- */

#header-bar {
	background-color: #FFF;
/*	padding: 10px 0px;*/
	border-bottom: solid 3px #00c7c7 ;
}

#header-bar .container-fluid {
	max-width: 1096px;
}

#header-bar #header-logo {
/*
	border-left: solid 3px #ec6facdeecec;
	border-right: solid 3px #ececec;
*/
padding: 0px 15px 15px 15px;
}

#middle-body-form {
/*		background-color: #3843d0;*/

	width: 100%;
}

#middle-body-form-wh {
		background-color: #f4f4f4;
}

#middle-body-form h1 {
    font-size: 1.2rem;
    text-align: center;
}

#middle-body-form .container-fluid {
	max-width: 1096px;
}

#right-pad {
	padding-left: 0px;
	padding-top: 30px;
}

#left-pad {
	padding-right: 0px;
	padding-top: 0%;
	text-align: center;
}

#footer {
	background-color: #080808;
}
.w-inline-block {
    max-width: 100%;
    display: inline-block;
}
.skew-button div {
/*    transform: skew(20deg, 0deg);*/
}
.skew-button {
padding: 1rem 3rem 1rem 3rem;
/*    border-radius: 5px;*/
    background-color: #00aeef;
	color: #FFF;
/*
    -webkit-transform: skew(-20deg,0deg);
    -ms-transform: skew(-20deg,0deg);
    transform: skew(-20deg,0deg);
*/
    font-size: 1rem;
    line-height: 120%;
    font-weight: 700;
  
}



.report-nav-button.is--less-border-radius {
/*    border-radius: 5px;*/
    background-color: #00aeef;
    position: relative;
    bottom: -5px;
}
a.report-nav-button {
	color: #FFF;
	text-decoration: none;
	font-size: 1rem;
}

.report-nav-button {
    padding: 0rem 0.8rem;
/*    border-radius: 100vw;*/
    background-color: #00aeef;
    color: #FFF;
    font-size: .9rem;
    line-height: 186%;
    font-weight: 700;
}

#bottom-copy {
	background-color: #040930;
}

#bottom-copy .container-fluid {
	max-width: 1096px;
}

#bottom-copy .h2 {
	color: #FFF;
	font-weight: bold;
	font-size: 2.5rem;
}

#bottom-copy .h2 span {
	color: #00c7c7 ;
}

#threebox .container-fluid {
	max-width: 1196px;
}

#guide-download .container-fluid {
	max-width: 600px;
}

#guide-download .h1 {
		font-weight: bold;
	font-size: 2rem;
}

#guide-download .h1 span {
	color: #00c7c7 ;
	
}


.download-button {
    padding: 1rem 3.2rem 1.3rem 3.2rem;
    border-radius: 5px;
    background-color: #00c7c7 ;
    color: #1d1d1d;
    font-size: 1rem;
    line-height: 120%;
    font-weight: 700;
}


a.download-button {
	text-decoration: none;
}


.g-border {
	border-right: solid 1px #00c7c7 ;
}

.guides-reports-left {
	
}

#download-form {
background-color: #FFF;
  box-shadow: 0px 0px 20px rgba(0,0,0.5);
  border-radius: 20px;
  padding: 30px 0px 0px 0px;
}

#download-form .h4 {
	font-weight: 700;
}

#download-form .form-submit-button-green-400.submit-button {
    color: #fff !important;
    border-color: #00c7c7  !important;
    background-color: #00c7c7  !important;
	font-weight: bold !important;
}

.type-tag-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.guide-report-tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 0.5rem;
    color: #00c7c7 ;
    font-size: 1rem;
    line-height: 120%;
    text-transform: uppercase;
	margin: 0 auto;
}

.guides-reports-body-bg-layer {
/*
    background: rgba(255, 255, 255, 0.06);
    box-shadow: 0px 6.49461px 12.9892px rgb(27 27 27 / 16%);
    backdrop-filter: blur(10px);
*/
/*    border-radius: 7.24979px;*/
/*    padding: 3rem 3rem 3rem 3rem;*/
/*    border-top: solid 1px #ececec;*/
}

.guides-reports-body-rte p {
    margin-bottom: 1.5rem;
    font-size: .95rem;
    font-weight: 300;
/*	color: #FFF;*/
}

.guides-reports-body-rte strong {
    font-weight: 700;
}

.guides-reports-body-rte ul {
/*    color: #FFF;*/
}

.hide-mob {
	display: none;
}

/* -------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px)*/
/* No media query for `xs` since this is the default in Bootstrap */
/* Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) {}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.hide-mob {
	display: block;
}
	.guides-reports-body-rte p {

}
	.guide-report-tag {
	margin: inherit;
}
	
	.guides-reports-body-bg-layer {
/*	padding: 3rem 10rem 3rem 10rem;*/
}
	
	#right-pad {
	padding-left: 80px;
	padding-top: 0px;
}
	#middle-body-form h1 {
font-size: 2.5rem;
    text-align: left;
    font-weight: 900;
    line-height: 1em;
   color: #001F3F;
}
	
	#left-pad {

		text-align: left;
}
	#left-pad p {
		--tw-text-opacity: 1;
  color: 333;
	}
	.report-nav-button {
    padding: 0.3rem 2rem;
/*    border-radius: 100vw;*/
    background-color: #00c7c7 ;
    color: #FFF;
    font-size: 1rem;
    line-height: 186%;
    font-weight: 700;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}
/**iPad media queries**/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
@media (min-width: 1600px) {}
@media (min-width: 1700px) {}