@font-face {
  font-family: TELUS-Web;
  font-style: normal;
  font-weight: 300;
  src: url(../font/HNforTELUSSA-Display.ttf);
}
@font-face {
  font-family: TELUS-Web;
  font-style: normal;
  font-weight: 400;
  src: url(../font/HNforTELUSSA.ttf);
}
/*@font-face {
  font-family: TELUS-Web;
  font-style: normal;
  font-weight: 500;
  src: url(../font/HNforTELUSSA-Bd.ttf);
}
@font-face {
  font-family: TELUS-Web;
  font-style: normal;
  font-weight: 700;
  src: url("https://cdn.telus.digital/uds/v2_26_0-HelveticaNow-700-Cfm3onfSXFJrcGNSqponV.woff"),
  url("https://cdn.telus.digital/uds/v2_26_0-HelveticaNowOTF-700-NJfvZ-T7NKU9YICbOwuMr.otf");
}*/
  .fonts {
	display: flex;
	flex-direction: column;
	padding: 1rem;
  }
  .fonts > * {
	margin-bottom: 0.5rem;
  }
  .t {
	font-family: TELUS-Web;
	letter-spacing: -0.8px;
  }
  .t-light {
	font-weight: 300;
	letter-spacing: 0px;
  }
  .t-regular {
	font-weight: 400;
  }
  .t-medium {
	font-weight: 500;
  }
  .t-bold {
	font-weight: 700;
  }
  .t-sm {
	font-size: 0.875rem;
  }
  .t-lg {
	font-size: 1.25rem;
  }
  html, body, span, label, div, select, a, p, button {
	font-family: TELUS-Web, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  }
  
  p {
  font-size: 18px;
	line-height: 1.5em;
	font-weight: 300;
  }

  h1, h2, h3 {
	font-weight: 400;
	letter-spacing: -0.05em;
  }

  li {
	font-weight: 300;
  }

  a.green {
	font-weight: 400;
  }

  #bottom-cta, #top-cta {
	font-weight: 400;
  }

  .fadein{
	animation:opac 0.8s}
  @keyframes opac{
	from{
	  opacity:0}
	to{
	  opacity:1}
  }
  .hero-wrapper{
  background: linear-gradient(170deg, rgb(247, 247, 248) 45%, rgb(247, 247, 248) 100%);
	
  
  }
  .pill-button {
	background-color:#2B8000;
	border-color:#2B8000;
	border-radius:50px;
	border-style:solid;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	color:#FFFFFF;
	font-size:16px;
	line-height:normal;
	padding:16px 32px;
	font-weight: bold;
	Margin: 30px 0 0px;
	display: block;
	max-width: 260px;
	text-decoration: none;
  }
  .pill-button:hover {
	box-shadow: rgb(0 0 0 / 25%) 0px 0px 16px 0px;
  }


  html {
	scroll-behavior: smooth;
  }
  

/*     ul {
	list-style: none;
	padding-left: 1em;
  }
  li {
	position: relative;
	padding-left: 3em;
	Padding-bottom: 0.4em;
  }
  li:before {
	content: '✓';
	position: absolute;
	left: 0;
	color: #248700;
	font-size: 20px;
	margin-top: 1px;
  }
  
  */
  
  .header-row {
	display: flex;
	flex-direction: row;
  }
  
  .error-message {
	color: rgb(225, 35, 57);
	font-size: 12px;
  }

  
  @media (max-width: 800px) {
	.row {
	  flex: 100%;
      /*flex-direction: column;*/
	}
	
	.hero-flower {
	max-width: 270px;
	}
	.icon{
	  width: 90px!important;
	}
	.flower{
	  padding: 40px 10px 0px!important;
	  width: 150px!important;
	  Margin-bottom: 0;
	}
	
	.column2 {

	padding-top: 2.4rem;
  }
	h1{
	font-size: 30px!important;
	  /*font-weight: 400!important;*/
	}        
	select{
	max-width: 100%!important;
	}
	
	input[type="date"]{
	width: 98%!important;
	}
  }
  .dipledivider{
	padding: 0;
	margin: 0 0 70px;
	border-width: 0;
	height: 1px;
	background-image: linear-gradient(90deg,hsla(0,0%,84.7%,0),#d8d8d8 7%,#d8d8d8 93%,hsla(0,0%,84.7%,0));
  }

  .footnote{
  font-size: 12px;
	top: -10px; 
	position: relative;
	text-decoration: underline;
	color: #71757B;
	
  }
  
  #sticky-cta, .btn-green, .btn-purple {
	border-radius: 32px;
  }

  p.small, ul.small li {
    font-size: 1.1rem;
	line-height: 1.7rem;
    padding-bottom: 0;
  }
  
  @media only screen and (max-width: 600px) {
	  #top-cta .col-2-cta {
		width: 50%;
	  }
  }