:root{
	--pg-blue:#269dd6;
	--pg-blue-dark:#005e8b;
	--pg-blueH:#cbe8f5;
	--pg-accent:#CEF6FF;
  	--pg-body-color: #0a102f;
	--pg-cta: #ff6600;
	--pg-shade: #f0fbff;
	--pg-shadeG: #d9dce6;
	--pg-lightgrey: #e7e7e7;
	--pg-shadow:#7a848c;
	
	
	
	--fr-red: #842029;
	--fr-red-bg: #f8d7da;
    --fr-red-border: #f5c2c7;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:#fff0}img{margin:0;padding:0;border:0;outline:0;background:#fff0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}:focus{outline:0}a:focus{outline:0;text-decoration:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}a:hover{text-decoration:none}::-webkit-input-placeholder{opacity:1}:-moz-placeholder{opacity:1}::-moz-placeholder{opacity:1}:-ms-input-placeholder{opacity:1}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}*{margin:0;padding:0;box-sizing:border-box}input{max-width:100%}textarea{max-width:100%}img{max-width:100%;max-height:100%}ul{margin:0;padding:0;list-style:none}a,a:hover,a:focus{outline:none;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0}p{margin:0} .space10{height:10px}.space14{height:14px}.space12{height:12px}.space16{height:16px}.space20{height:20px}.space24{height:24px}.space30{height:30px}.space32{height:32px}.space40{height:40px}.space50{height:50px}.space60{height:60px}.space70{height:70px}.space80{height:80px}.space90{height:90px}.space100{height:100px}
body {
	font-family: 'Manrope', sans-serif;
	font-size: 16px;
    line-height: 1.428571429;
	  font-weight: 400;
  font-style: normal;
	  font-optical-sizing: auto;
    color:var(--pg-body-color);
    background-color: #fff;
	min-width: 320px; overflow-x: hidden;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}  
header .navbar{max-width: 1320px}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Plus Jakarta Sans, sans-serif; letter-spacing: -1.5px
}

#stickyH.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  z-index: 111;
  animation-name: fade-in-down;
  animation-fill-mode: forwards;
  background-color: #FFF;
 
  transition: all 0.4s ease-in-out;
  z-index: 999;
}

.headShadow,
#stickyH.sticky { box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);}

.headShadow  .navbar,
#stickyH.sticky .navbar{padding: 0}
.headShadow img,
#stickyH.sticky img{max-width: 200px;}



.hero{position: relative; padding-top: 2rem; padding-bottom: 2rem;background-color: #f0fbff; overflow: hidden}
.hero:after , .hero:before{		content: "";display: block;height: calc(100% - 400px); width: 100%;left: 0;top: 0; position: absolute; z-index: 0;}

.hero:after { background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  background: linear-gradient(0deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  background-position: 50% 50%; opacity: 1;}
.hero:before { opacity: 0.05;
background-image: url("../img/pattern.png"); background-repeat: repeat; background-size: 150%
}
.hero .container{position: relative; z-index: 99;}
.hero h1 {
  font-size: calc(1.625rem + 1.3vw);
  line-height: 1.2;
  font-weight: 800!important;
  transition: all 0.4s ease-in-out; margin-bottom: 1rem

}

.hero h2{font-weight: 400; letter-spacing: 1px; font-size: calc(1.25rem + .9vw)}
.hero h2 span{background-color: var(--pg-accent)}

.vertical-area {
  border-radius: 5px; overflow: hidden;
  background: #fff;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
  text-align: center;
  justify-content: center;
	max-width: 950px;
}

.vertical-area .nav-item{
  flex: 1;
  text-align: center;}

.vertical-area .nav-link{width: 100%;border-bottom: solid 3px transparent; border-radius: 0; font-weight: 500; color: var(--pg-blue); cursor: pointer}
.vertical-area .nav-link.active{background:var(--pg-blue); border-color:var(--pg-blue); color:#fff; }
.tab-icon{max-width: 50px; display: block; margin: 0 auto}
.vertical-area .nav-link:not(.active):hover{background-color: var(--pg-blueH); border-color: var(--pg-blue)}



.vertical-info{max-width: 500px; padding-bottom: 3.75rem}
.vertical-info h3{letter-spacing: -0.5px; font-weight: 800; font-size: 3rem; font-size:calc(1.7rem + 1vw); margin-bottom: 1rem;}
.vertical-info h3 span {color: var(--pg-blue)}
.vertical-info p {font-size: 1.3rem; font-weight: 500}




.zip-form{background: #fff;padding: 5px; border-radius: 8px; border: solid 3px var(--pg-blue)}
.zip-form .row{margin: 0 !important}
.zip-form .col{padding: 0 !important; margin: 0 !important}
.zip-form .form-control{font-size: 18px;line-height:65px; padding:0 15px; font-weight:600; border-color: transparent; border: none;}
.zip-form .col-btn{max-width:250px; text-align: center}
.zip-form .col-btn .btn{background-color: var(--pg-cta); border: none;  color: #fff; padding: 0; margin: 0;font-weight: 800; letter-spacing: 1px; width: 100%; text-transform: uppercase; font-size: 1.15rem}
.zip-form .col-btn .btn:hover,.zip-form .col-btn .btn:active{outline: none; box-shadow: none; border: none; background-color: var(--pg-blue)}




.pt-100{padding-top: 100px;}

.hero-img{display: inline-block; position: relative; }
.hero-quote{max-width: 180px; position: absolute; left: 0; top:0; background: #fff; display: block; margin-top: 20px;border-radius: 5px; padding: 10px; font-size:0.75rem; font-weight: 500; animation: hero-quote 2s linear 0s infinite alternate;}
.hero-quote b {font-weight: 800; color: var(--pg-blue)}



.form-btn {
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    padding: 0 20px;
    position: relative;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
    width: 100%;
    background-color: var(--pg-cta); 
    border: none;
    border-bottom: 3px solid #c74f00;
    color: #fff;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.btn-arrow span{position: relative;  padding-right: 40px;}
.btn-arrow span:before{content: ""; display:block; position: absolute; right: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M12 5l7 7-7 7'/%3E%3C/svg%3E"); background-position:  center; background-repeat: no-repeat; background-size: 20px; width: 40px; height: 40px; 
transition-duration: 0.3s;transform: perspective(1px) translateZ(0);     top: 50%;
    margin-top: -20px;
 }


.form-btn span{ height: 57px;line-height: 57px;}
.zip-form .col-btn span {height:65px; line-height: 65px;  }



.zip-form .col-btn .btn{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.zip-form .form-control{border-top-right-radius: 0!important;border-bottom-right-radius: 0!important;}

.zip-form .btn-arrow.focus span:before{   animation: btn-arrow  1s ease-in-out infinite;}



.hero-quote::before {
  position: absolute;
  content: "";
  background-color: var(--pg-blue);
  width: 30px;
  height: 30px;
  top: -10px;
  right:-10px; 
  z-index: 1;
  border-radius: 50%;
  line-height: 120px;
  text-align: center; background-repeat: no-repeat; background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M6 6a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h3a3 3 0 0 1-3 3H5a1 1 0 1 0 0 2h1a5 5 0 0 0 5-5V8a2 2 0 0 0-2-2H6Zm9 0a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h3a3 3 0 0 1-3 3h-1a1 1 0 1 0 0 2h1a5 5 0 0 0 5-5V8a2 2 0 0 0-2-2h-3Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
}


.hero-quote::after { display: block;
	position: absolute; background: #cce2f4; content: ""; width: 50px; height: 50px;  border-radius: 50%; top: -10px; right: -10px; transform: translate(10px,-10px); z-index: -1}
.stars{background: var(--pg-blue);display: inline-block;padding:5px 10px; position: absolute; right: 0; bottom: 0; margin-bottom:10px; border-radius: 5px; animation: hero-stars 2s linear infinite alternate;}
.stars .row{margin: 0}
.star i{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='%23fffff' fill='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'%3E%3C/polygon%3E%3C/svg%3E");  display: block; width: 22px; height:22px; background-size: cover; background-repeat: no-repeat}







.zip-form .input-zip:before{background-size: 100%; width: 30px; height: 30px; left: 10px !important}
.zip-form .form-control {background: #e6f1f9; padding-left:50px!important; }
.zip.form-control:not(.error):hover,.zip.form-control:not(.error):focus{outline: none; box-shadow: none;}



.zip-form .input-zip:not(.focus):before{
  transition: all 1s ease;
  animation: jump 0.5s infinite alternate;
}

@keyframes jump {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}








.cursor {
  margin-left: 5px;position: absolute;
  animation: blink 1s infinite; font-weight: 300;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



.cls-1 {
	fill: none;
}
.cls-1,
.cls-2,
.cls-3 {
	stroke: #555;
	stroke-miterlimit: 10;
	stroke-width: 2px;
}
.cls-2 {
	fill: #269dd6;
}
.cls-3 {
	fill: #fff;
}

.vertical-area .nav-link.active .cls-1,
.vertical-area .nav-link.active .cls-2,
.vertical-area .nav-link.active .cls-3 {
	stroke: #fff;
}

.vertical-area .nav-link.active .cls-2 {
	fill: #005F93;
}


.steps,
.brands{padding-top:5rem; padding-bottom: 5rem }
.brands h4 {font-size: 1.25rem; font-weight: 600; letter-spacing: 1px}
.brand-logo img{max-height: 40px; margin-right: 2rem}



.steps{padding-bottom: 0; }
.steps:before{		content: "";display: block;height: 400px; width: 100%;left: 0;bottom: 0; position: absolute; z-index: 0; background: #fff;}
.step-list{
	 position: relative;
}
.step-list .step-inner{
  padding: 50px;     
  transform-style: preserve-3d;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  z-index: 1;
}

.step-list::after {
    position: absolute;
    content: url(../img/Bg.png);
    bottom: 31px;
    left: -50px;
    z-index: -2;
    animation: moverightleft 3s linear infinite;
    -webkit-animation: moverightleft 3s linear infinite;
}

.step-list::before {
    position: absolute;
    content: url(../img/svg-1.svg);
    bottom: 31px;
    right: -30px;
    z-index: -1;
    animation: moveupdown 3s linear infinite;
    -webkit-animation: moveupdown 3s linear infinite;
}



.step-list::after,.step-list::before{    transform: translateZ(-1px); bottom: -40px;}



.step-list .row{ gap:50px}
.step-list .row > .col{position: relative}
.step-list .row > .col:not(:first-of-type)::before{
	content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 0; top: 0; background-color: var(--pg-blueH); margin-left: -25px;
}
.step-list .row > .col:not(:first-of-type)::after {
    position: absolute; display: block;
    left:0; margin-left: -26px;
    top: 0;
    width: 3px;
    height: 30px;
    background-color: var(--pg-blue);
    animation-timing-function: linear;
    animation-name: topBottomLine;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    content: "";
}

.step-list .row > .col:last-of-type::after{ animation-delay: 2s;}







.steps-box i{width: 100px; margin-bottom: 1rem; display: block;}
.steps-box i svg{max-width: 100px; fill:#555555}
.step-fill {fill:var(--pg-blue)}
.steps-box h4 {font-weight:700; font-size: 1.8rem; margin-bottom: 1rem}
.steps-box p {font-weight: 500}


.hiw{gap:100px;}
.data-step{margin-bottom: 5rem;}
.data-step li{margin-bottom: 2rem; font-size: 1.25rem; position: relative; padding-left: 4.5rem; font-weight: 400}
.data-step h4{font-weight: 700; margin-bottom: 1.5rem}

.data-step li:after,
.data-step li:before { content: attr(data-step); color: var(--pg-blue); position: absolute; left: 0; right: 0; width: 4rem; text-align: left; font-weight: 800; font-size: 90px; top: 0; line-height: 80px; z-index: 1;}

.data-step li:after{color: #96c6e8;transform: translate(5px,5px); z-index: -1; opacity: 0.8}



.howitworks{position: relative}
.howitworks::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 400px;
    background: linear-gradient(0deg, #F3F8FF 0%, rgba(248, 251, 255, 0.2) 100%);
    content: ""; z-index: -1;
}

hr{display: block; width: 100%; height: 2px; max-width: 1000px; background: var(--pg-shadow); border: none; outline: none;}

.about-left{position: relative}
.about-photo{z-index: 99; position: relative}
.about-umbrella{  position: absolute; right: 50px; top: 0; margin-top: 100px; animation:  about-umbrella 4s linear 0s infinite alternate;}
.about-paper{  position: absolute; left: 0; top: 0; margin-top: 50px;   animation: about-paper 2s linear infinite alternate;}
.about-medical{
  position: absolute;
  top: 88px;
  left:220px;
  animation: about-medical 7s linear infinite alternate;
}


.about{background:#08202c; padding-top: 5rem; position: relative; overflow: hidden; padding-bottom: 5rem;}
.about:before{		content: "";display: block;height: 200px; width: 100%;left: 0;bottom: 0; position: absolute; z-index: 0; background: #fff;}


.abt-row  {gap:100px;}
.about-home{position: absolute; left: 20%; top: 25%; animation: about-paper 2s linear infinite alternate; animation-delay: 2s;}
.about-shape {
  position: absolute;  display: block;
    left: 30%;
    top: -42%;
  animation: rollIn 70s infinite linear;
}



.heading{ max-width: 800px; margin-bottom: 5rem;}
.heading h3{font-size: 2.875rem; font-weight: 800; letter-spacing: 0px}
.heading h4{font-size: 2.25rem; font-weight: 800; letter-spacing: 0px}
.heading p {font-size: 1.25rem; font-weight: 500}

.heading h2, .heading h3, .heading h4{margin-bottom: 1.2rem}

.text{font-weight: 600; font-size: 1rem; margin-bottom: 2rem}

.heading span.sub{position: relative; padding-left: 95px;display: block; margin-bottom: 1.2rem; font-size: 1.5rem; color: var(--pg-blue)}
.heading span.sub::before {
    position: absolute;
    content: "";
    width: 82px;
    height: 2px;
    background: var(--pg-blue);
    left: 0;
    top: 50%;
}





.get-started{margin-top: 5rem; position: relative; z-index: 9; max-width: 1200px;}
.get-start-box{background: var(--pg-blue);border-radius: 15px; padding: 5rem; transform-style: preserve-3d;  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.5);}

.get-started::after {
    position: absolute;
    content: url(../img/Bg.png); opacity: 0.1;
    bottom: 31px;
    left: -50px;
    z-index: -2;
    animation: moverightleft 3s linear infinite;
    -webkit-animation: moverightleft 3s linear infinite;
}

.get-started::before {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg width='200' viewBox='0 0 486 493' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M486 493H50.2028C5.87244 493 -16.532 439.587 14.5332 407.962L400.33 15.2133C431.697 -16.7187 486 5.49063 486 50.2515V493Z' fill='%23235774'/%3E%3C/svg%3E");
    bottom: -31px; opacity: 0.6;
    right: -30px;
    z-index: -1;
    animation: moveupdown 3s linear infinite;
    -webkit-animation: moveupdown 3s linear infinite;
}


.get-start-form .col:first-child{max-width: 300px;}


.get-started .form-control {
    font-size: 20px;
    margin-bottom: 15px;
    height: 60px!important;
    line-height: 60px;
    font-weight: 700 !important;
    padding: 0 20px;
	border: none;
	border-bottom: 3px solid #cce2f4;
    background: #fff;
    color: black;
}



.get-started select.form-control {
    font-size: 24px;
    vertical-align: middle;
    background-size: 12px 10px;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.get-started .input-zip .form-control{padding-left: 50px !important}
.input-zip{position: relative}
.input-zip:before {
    position: absolute;
    content: "";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' %3E%3Cpath d='M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 6.9 8 11.7z' fill='%23269dd6' /%3E%3Ccircle cx='12' cy='10' r='3' fill='%23ffffff' stroke='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"), no-repeat;
    left: 12px;
    top: 16px;
    width: 21px;
    height: 25px;
}

span.line{position: relative}
span.line::before {
  position: absolute;
  inset-inline-start: 30px;
  bottom: -8px;
	left: 0;
  background-image: url("../img/elements/line-cta.webp");
  content: "";
  width: 120px;
  height: 17px;
  background-position: left bottom;
  background-repeat: no-repeat;
  animation-name: line_movement;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 1.5s;
  animation-delay: 6s;
}

.col.gs-zip{max-width: 200px;}


.get-started .col-btn{max-width: 300px;  -webkit-animation: button-bounce 2s ease-in-out infinite}




.products{padding-top: 5rem; padding-bottom: 5rem; background-image: url("../img/elements/map-bg.svg");
    background-size: cover;
    background-repeat: no-repeat;}
.product-row{gap:30px;}
.products li{box-shadow: 0 16px 52px rgba(0, 0, 0, 0.07); background: #fff; padding: 1rem; border-radius: 10px;}
.products li i {display: block; width:90px; height: 90px; background: var(--pg-shade); border-radius: 50%; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 1rem}
.products li i svg {width: 100%; max-width: 65px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.products li h4{font-weight: 800; text-align: center; font-size: 1.2rem; color: var(--pg-blue-dark); letter-spacing: 1px; margin-bottom: 1rem}
.products li p {color: var(--pg-body-color); text-align: center; }

.products li:hover {transform: scale(1.1); transition: all 0.5s ease}




footer.home {padding: 50px 0 20px; font-size: 14px; line-height: 20px; color:#cce2f4;  background-color:#121a20; color: #fff ;     background-image: url("../img/footer-bg-2.png");    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;}
footer.home .small {font-size: 12px; line-height: 1.4; margin-top: 25px;}
footer.home li a {    color: #3262ff!important; font-size: 12px; }
footer.home .copy {margin-bottom: 25px;}
footer.home .copy a {color:#3262ff;}

footer.home .list-inline {font-size:0.8rem !important;  border-top: solid 1px #ffffff1c;  border-bottom: solid 1px #ffffff1c;  margin-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
footer.home .list-inline li{padding: 1rem 0;}
footer.home .list-inline li:first-child{padding-right: 1rem}
footer.home .list-inline li:not(:first-child){border-left: solid 1px #ffffff1c; padding-left: 10px; padding-right: 10px}
footer.home .list-inline li:nth-child(2){flex-grow: 1;}
footer.home .list-inline li:last-child{padding-right: 0}

footer.home .list-inline a{font-size: 0.8rem !important; color: var(--pg-blue) !important; font-weight: 500 !important}



footer.home .small {text-align: justify; font-weight: 200}


footer.home .container {max-width: 1140px !important}
footer.home .col-logo { max-width: 290px;}
footer.home .col-logo + .col {text-align: left; max-width: 800px;}
footer.home .about {padding-bottom: 2rem;}



@media (max-width: 768px) {
	header .logo {max-height:60px;width: auto !important}
	.hero:before{background-size: auto !important}
	.vertical-area .nav-link{padding-left: 15px; padding-right: 15px;}
	.vertical-area .nav-link span {display: none;}
	.vertical-area .nav-link:not(.active){border-right: solid 1px var(--pg-accent)!important;}
	.vertical-area .nav-link.active,
	.vertical-area .nav-item:last-of-type .nav-link{border-right: none  !important}
	
	.vertical-info{text-align: center}
	.vertical-info h3 {font-size: 1.7rem; font-size: calc(1.3rem + 1vw);}
	
	.hero-quote{    top: auto!important;bottom: 0;margin-bottom: 50px;margin-left: 30px;}
	.hero h2 {font-size: calc(1rem + .5vw)}
	
	.steps{padding-top: 2.5rem}
	
	.vertical-slider .space60{height: 30px }
	.vertical-slider .space560{height: 25px }
	
	.heading {margin-bottom: 3rem}
	
	
	.heading h3 {font-size:calc(1.625rem + 1.3vw)}
	.heading h4 {font-size:calc(1.25rem + 1vw)}
	.heading span.sub,
	.heading p, .data-step p, .vertical-info p {font-size: 1.1rem}
	.steps-box h4 {font-size: 1.5rem}
	
	
	
	.step-list .row {margin: 0 !important}
	.step-list .row > .col{min-width: 100%; padding: 0 !important;}
	.steps-box i {width: 50px; margin-left:auto; margin-right: auto }

	.step-list .step-inner{padding-left: 2rem; padding-right: 2rem; text-align: center}
	.step-list .row > .col:not(:first-of-type)::before{
	 width: calc(100% + 4rem); height: 1px; left: 0; top: 0; margin-left: -2rem; margin-top: -25px;}
	.step-list .row > .col:not(:first-of-type)::after {display: none;}
	.step-list::after{ display: none}
	
	.howitworks .container{padding: 0; max-width: calc(100% - 60px)}
	.hiw {gap:20px}
	.hiw > .col{min-width: 100%}
	.data-step{margin-bottom: 0}
	.steps-img{width: 250px;}
	
	.pt-100.howitworks{padding-top: 3rem!important}
	.howitworks .heading{text-align: center}
	.hiw .heading{text-align: left!important}
	.abt-row{gap:50px;}
	.about-photo {transform: translateY(30px);}
	.about .container{padding-left: 2rem !important; padding-right: 2rem !important;}

	
	
	.get-started{margin-top: 0; }
	.get-started::before, .get-started::after{display: none;}
	.get-start-box{border-radius: 0}
	.get-started .col-btn{max-width: initial!important; width: 100%}
	.get-start-form .row > .col{min-width: 100%}
	.product-row{gap:5px}
	.product-row .col{min-width: 100%}
	
	.product-row li{border-radius: 0}
	.products li h4{margin-bottom: .5rem}
	
	
	
	.product-row li i{margin-bottom: 0}
	.widget-box {display: flex; flex-direction: row; gap:15px;overflow: hidden; align-items: center}
	.widget-box h4 br{display: none;}
	.widget-box > div:first-child{max-width:90px; }
	.widget-box > div * {text-align: left!important}
	
	
	footer.home .footer-about {text-align: center}
	.col-logo{min-width: 100%; margin-bottom: 2rem;}
	.col-logo img {max-width: 320px;}
	
	 footer.home li:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
	footer.home .list-inline-item:not(:last-child){margin: 0}
	footer.home .list-inline li:not(:first-child){flex-grow: 1;border-top: solid 1px #ffffff1c; border-right: solid 1px #ffffff1c;}
	footer.home .list-inline li:nth-child(2){border-right: 0;}
}

@media (max-width: 576px) {
	.zip-form .col-btn{max-width: 140px;}
	.zip-form .col-btn .btn{display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%}
	.zip-form .col-btn span {height: auto !important; line-height: 1.2; text-align: center}
	.get-start-box{padding: 2rem;}
	.widget-box > div:first-child{max-width: 70px;}
	.products li i {width: 50px; height: 50px;}
}





















/*PAGES*/

body.page main{ padding-top:5rem; padding-bottom:5rem}
body.page main .container{max-width: 1000px;}
body.page main .heading{max-width: 100%; text-align: left}
body.page main .heading h1{    font-size: calc(1.625rem + 1.3vw); font-weight: 800}
body.page main hr {height: 1px; }
body.page p{font-size: 1.125rem;     line-height: 1.45em;}
body.page p:not(:first-of-type){margin-top: 1.5rem}

body.page  h4 { font-weight: 800; letter-spacing: 1px;
    font-size: 1.4rem;
    line-height: 1.4rem;
    margin-top:2rem;

}

body.page  h4:not(:last-of-type){margin-bottom: 1.5rem}





body.page  table  {border: none;border-collapse: collapse; width: 100%;max-width: 100%;white-space:normal;  margin-top: 2rem;}
body.page table thead{background: var(--pg-shade)}
body.page tbody tr:first-child td{border-top: solid 2px var(--pg-lightgrey)}
body.page table td, body.page table th{line-height: 1.3; border-bottom: 1px solid var(--pg-shadeG); border-top: none;}



/*body.page  table td, body.page  table th {text-align: center;padding: 10px; vertical-align: middle}
body.page  table td:not(:last-of-type) {text-align: left;}
body.page  table  td:not(:last-of-type) {border-right: 2px solid #fff;font-size: 16px;}
body.page  table th {color: #ffffff;background: #007cff; vertical-align: middle; font-weight: 700; text-transform: uppercase;  font-size: 14px;}

body.page table th:nth-child(odd) {background: #6fbdfa; color: #0037af}
body.page table tr:nth-child(even) {background: #f9f9f9;}
*/

body.page .list {margin-top: 1rem}
body.page .list li{margin-bottom: .5rem; padding-left: 20px; position: relative}
body.page .list li:before{content: ""; display: block; width: 6px; height: 6px; background: var(--pg-blue); position: absolute; left: 0; top: 0; margin-top: 0; border-radius: 50%; transform: translateY(100%)}



footer:not(.home){padding-top: 3rem; padding-bottom: 1rem}
footer:not(.home){border-top: solid 1px var(--pg-lightgrey)}
footer:not(.home) .small{display: block; margin-top: 2rem; font-size:0.75rem}

footer:not(.home) .container{max-width:1000px;}




/*VALIDATION*/

.zip-error{display: none; color:var(--fr-red); background: var(--fr-red-bg); border: solid 1px var( --fr-red-border); margin-top: .5rem; padding: .2rem  .5rem; text-align: center; border-radius: 5px;}
.get-start-form .zip-error {max-width: 700px; margin-left: auto; margin-right: auto}
.form-control.error{box-shadow: 0 0 0 1px var(--fr-red-border) inset;background:white;}
.get-start-box .form-control.error{border-bottom-color: var(--fr-red-border)}

.form-control.error::-webkit-input-placeholder { /* WebKit browsers */
   color: var( --fr-red) 
}
.form-control.error:-moz-placeholder { 
   color: var( --fr-red) 
}
.form-control.error::-moz-placeholder { 
	color: var( --fr-red) 
}
.form-control.error:-ms-input-placeholder { 
    color: var( --fr-red) 
}




/*partners*/
#sort .two-col{ display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap; flex-direction: row}
#sort .two-col p{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%; margin-bottom: 1rem}
#sort .two-col p:not(:first-of-type){margin-top: 0 !important}
#sort .sep {display: block; margin:0 0 1.5rem 0 ; font-size: 1.5rem; font-weight: 700}
.sort-input{max-width: 400px; font-size: 1.2rem; padding: 10px 25px}