:root{
	--accent: #034eb1;
	--cta : #16AD5C;
	--ctashad: #16ad5c2b;
	--ctahover : #048f48;
	--ctadull : #a5a5a5;
	--bg-dark: #F1F8FF;
	--progress:  #00FF00;
	--highlight: #ff0000;
}

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:transparent}img{margin:0;padding:0;border:0;outline:0;background:transparent}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 .5s ease;-moz-transition:all .5s ease;transition:all .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;-moz-box-sizing:border-box;box-sizing:border-box}
b,strong{font-weight: 700}
body {
	font-family: 'Roboto', "-apple-system", "system-ui", "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 400;
	font-size: 18px;
    line-height: 1.428571429;
    color: #000;
    background-color: #fff;
	min-width: 320px; overflow-x: hidden;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {line-height: 1.3;}
p {margin: 0 0 1.5rem;}
p.xl {font-size: 1.4rem}


.act-btn,
header{background: white;
    text-align: center;
    -webkit-box-shadow: 0 2px 18px -1px rgba(32,32,37,0.15);
    -moz-box-shadow: 0 2px 18px -1px rgba(32,32,37,0.15);
    box-shadow: 0 2px 18px -1px rgba(32,32,37,0.15);
    padding: 10px 15px;}
main {padding: 2rem 0 24px;}
main h1{font-size: 29px; font-weight: 800; margin-bottom: 2rem}
main h1.xl{font-size: 32px}
main h1.xl2 {font-size: 42px}




main h2 {font-size: 24px;}
nav{max-width:800px;}
nav a, .act-btn a{
	font-weight: 700;
    background-color:var(--cta);
    color: #fff;
    text-decoration: none;
    padding: 10px 15px 10px 15px;
    border-radius: 30px; letter-spacing: 2px;
        animation: pulsing 2s ease-in-out infinite;
    transform-origin: center;
}
nav a:hover, .act-btn a:hover{background: var(--ctahover); color: #fff}
article.container{max-width: 800px}

article.container.s3{max-width: 1200px}

article img {margin:1rem auto; }
article .hero {margin-bottom: 2rem; max-height: 400px; overflow: hidden}


form {max-width: 770px; margin: 2rem auto ;}
form fieldset:not(:first-of-type){ display: none;}
form fieldset h3 {font-size: 28px;margin-bottom: 30px; font-weight: 600}


form fieldset:last-of-type{text-align: center;padding:35px;margin: 15px 0;line-height: 1.75; box-shadow: 0 0 7px 0 rgb(0 0 0 / 20%);}
form fieldset:last-of-type p {font-size: 14px;}


form .btn {background-color: var(--cta);margin-bottom: 20px;font-size:27px !important; line-height: 70px;  color: #fff; font-weight: 700; padding: 0 20px; transition: all 0.2s ease;}
form .btn:hover{color: #fff;transform: translateY(-6px);}

form .btn.grey{background-color: var(--ctadull)}
form .btn-round{border-radius:50px}
footer .container {max-width: 800px}
footer{font-size:1rem; color: #212529; background: var(--bg-dark); text-justify: inter-character; text-align: justify; padding-bottom: 30px; border-top: solid 1px #e5e7eb; padding-top:30px; }
footer p:not(:last-of-type){margin-bottom: 0.8em}
.footer-menu  {     -ms-flex-pack: center!important;
    justify-content: center!important;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; gap:30px; margin-bottom: 20px;}

.footer-menu a, .footer-menu a:hover{color: #212529}
.footer-menu a{position: relative}
.footer-menu a:not(:first-of-type):before{content: "|"; display: block; width: auto; height: 100%; position: absolute; left: 0; transform: translateX(-15px)}



h3.steps,
.result.fail h3 {font-size: 14px; margin-bottom: 0}
.result.fail h3 { margin-bottom: 1rem}


.result.call h3 {font-size: 32px; color: var(--cta); font-weight: 900}
.result.call p {font-size: 16px; margin-bottom: 1rem}
.result.call a {animation: throb 1s ease-in-out infinite alternate; font-weight: 900; line-height: 1;  padding: 15px;}
.two-area {
    align-items: center;
    justify-content: center; column-gap: 20px}
.left-icon{-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%;}
.left-icon > div {display: block;position: relative;width: 45px;height: 45px;border-radius: 50%; box-shadow: inset rgba(0,0,0,0.3) 0px 3px 6px;}
.smalltext {
    display: block; font-weight: 700;
    font-size: 14px; margin-top: 10px;
    text-transform: uppercase; letter-spacing: 3px;
    line-height: 1;
}
.font-normal{font-weight: 400 !important}

.svg-icon{

  width: 40px;
  height: 40px;
  margin: 0;
  animation: shake 1.5s ease-in-out 1;
  animation-iteration-count: infinite;
 background-image: url("data:image/svg+xml;utf8,%3Csvg preserveAspectRatio='xMidYMid meet' viewBox='0 0 20 20' width='1.25rem' height='1.25rem' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='M2 3a1 1 0 0 1 1-1h2.153a1 1 0 0 1 .986.836l.74 4.435a1 1 0 0 1-.54 1.06l-1.548.773a11.037 11.037 0 0 0 6.105 6.105l.774-1.548a1 1 0 0 1 1.059-.54l4.435.74a1 1 0 0 1 .836.986V17a1 1 0 0 1-1 1h-2C7.82 18 2 12.18 2 5V3Z'/%3E%3C/svg%3E");
  background-color: transparent; background-repeat: no-repeat;     background-size: 80%;
    background-position: center;
  display: block;
}

.svg-shad {
    width: 40px;
    height: 40px;
    display: block;
    animation: ping 1s cubic-bezier(0,0,.2,1) infinite;
    border-radius: 9999px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
}
.svg-icon,.svg-shad{ position: absolute; left: 0; top: 0; margin-top: 2.5px; margin-left: 2.5px;}



@keyframes ping {
    0% {
        transform: scale(1);
        opacity: 1
    }
    75%,
    100% {
        transform: scale(2);
        opacity: 0
    }
}
@keyframes throb  {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(1.05)
    }
}

@keyframes shake {
    0%,
    8%,
    16%,
    24%,
    32%,
    40%,
    48%,
    56%,
    64% {
        transform: rotate(-10deg);
    }
    4%,
    12%,
    20%,
    28%,
    36%,
    44%,
    52%,
    60% {
        transform: rotate(10deg);
    }
    65%,
    100% {
        transform: rotate(0deg);
    }
}

.gap{display: block; clear: both; margin: 0; height:30px; }

.disclosure p {font-size:.7rem }

.time,
.hl{color: var(--highlight)}
.hl2{color: var(--cta)}

.mobile-cta{padding: 15px !important;}
.mobile-cta a {width: 100%;    display: block;}
.comp-logos img{margin: 0 !important}



@keyframes pulsing {
  0% {
    box-shadow: 0 0 0 0 rgba(22, 173, 92, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(22, 173, 92, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(22, 173, 92, 0);
  }
}




.progress{background-color: white;border-radius: 5px; height: 10px; transform: translateY(30px); width:calc(100% - 80px); margin-left:auto; margin-right:auto;}
.progress-bar { background: var(--cta);}



.step-animation{display: flex;flex-direction: column;}
.steps-circ { display: flex;flex-direction: row;justify-content:space-between; z-index: 99;}
.steps-text {margin-bottom: 0; margin-top: 30px;}

.steps-circ span{background: #ffffff 0% 0% no-repeat padding-box;width: 45px;height: 45px; border-radius:40px; background-image:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='32px' fill='%23a5a5a5'><path fill-rule='evenodd'  d='M19.375 5.063l-9.5 13.625-6.563-4.875-3.313 4.594 11.188 8.531 12.813-18.375z'/></svg>"); background-position: center; background-size:18px;}


.steps-circ span.active{background-color: var(--cta); background-image:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='32px' fill='%23ffffff '><path fill-rule='evenodd'  d='M19.375 5.063l-9.5 13.625-6.563-4.875-3.313 4.594 11.188 8.531 12.813-18.375z'/></svg>"); 
}
.steps-text span {color: var(--cta)}

#form.done{background-image: url("../img/confetti.gif"); background-size: cover;}


.progress,.progress-bar,.steps-circ span{box-shadow: inset #00000029 0px 3px 6px;}

.testimonial-slider{ transform: translateY(-45px)}
.testimonial-slider.trans-0 { transform: translateY(0)}


.testimonial {padding: 50px;}
.testimonial-inner{
	border-radius: 10px;-webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%); box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);padding: 30px 30px 20px;
}

.meta {    font-size: .8rem; opacity: 0.8; margin-bottom: 1rem}
.meta:after{content: ""; display: block; width: 100px; height: 2px; background: var(--ctadull); margin-left: auto; margin-right: auto; margin-top: 10px; opacity: .5;}


.testimonial-item {
  background: #f8f8f8;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.trust-rating {display: flex; margin-bottom: 15px; gap:20px; line-height: 30px;}
.trust-title p{ width: 100%;overflow: hidden;  text-overflow: ellipsis;white-space: nowrap; font-weight: 700; margin-bottom: 10px; font-size: 14px;}
.trust-rating .stars {width: 120px; height: 30px; display: inline-block;margin-right: 2px; background-image: url('../img/st5.png'); background-repeat: no-repeat; background-position: center; background-size: 100%}
.trust-rating .tp {width: 120px; height: 30px; display: inline-block;background-image: url('../img/tpp.jpg'); background-repeat: no-repeat; background-position: center; background-size: 100%}
.trust-title p {font-weight: 800; font-size: 24px; text-align: left}
.trust-text p {text-align: left}
.trust-author p {text-align: left; font-size: 15px; font-weight: 700; margin-bottom: 0}


.trust-rating .invited {position: relative; padding-left: 22px; color: var(--ctadull); line-height:30px}
.trust-rating .invited:before {content: ""; display: block;  width: 18px; height: 18px; background-color: var(--ctadull); display: inline-block; border-radius: 50%; background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'  fill='%23ffffff' stroke-width='0' stroke-linecap='round' stroke-linejoin='round'><path d='M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z'/></svg>") !important; background-position: center; background-size: 70%; position: absolute; left: 0; background-repeat: no-repeat; top:50%; transform: translateY(-50%)}

.trust-rating.footer-trust{    -ms-flex-pack: center!important;
    justify-content: center!important;}



.act-btn a {display: block; max-width: 320px; margin-left: auto; margin-right: auto}
.hero img{margin: 0 !important}
.hero {position: relative}
.hero .act-btn{position: absolute; left: 0; right: 0; width: 100%; bottom: 0; background: none; box-shadow: none; padding: 40px 15px 15px 20px; overflow: hidden; display: none; background: -webkit-linear-gradient(-90deg, rgba(1,44,185,0) 0, rgba(0,0,0,0.9) 100%, rgba(1,44,185,0) 100%);
  background: -moz-linear-gradient(180deg, rgba(1,44,185,0) 0, rgba(0,0,0,0.9) 100%, rgba(1,44,185,0) 100%);
  background: linear-gradient(180deg, rgba(1,44,185,0) 0, rgba(0,0,0,0.9) 100%, rgba(1,44,185,0) 100%);
  background-position: 50% 50%;}

.act-btn.show{display: block;}
.act-btn.hide{display: none;}


.testimonies{    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; max-width: 450px; border-radius: 15px; overflow: hidden;  margin-left: auto; margin-right: auto; margin-bottom: 20px;}
.testimonies img {margin: 0}
.testimonies .testimonial-inner>div p{text-align: center !important}

.testimonies  .trust-rating {    justify-content: space-between;}


.btn-qualify{width:100%; max-width: 320px; border-radius: 50px; animation: pulse2 1.5s infinite !important;  transition: transform 0.2s, box-shadow 0.2s !important;}
.btn-qualify:hover {
  -webkit-animation: none;
}

article.s3 .testimonial{padding:20px !important}


@-webkit-keyframes pulse2 {
  0% {
     transform: scale(.95);

  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 20px var(--ctashad);
  }
    100% {
     transform: scale(.95);

    box-shadow: 0 0 0 0 var(--cta);
  }
}


@media (max-width: 768px) { 

		
}

.act-btn.sh{display: block}
@media (max-width: 576px) { 
	body{font-size: 16px}
	main {padding-top: 20px;}
	.act-btn {position: fixed; display: none;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;}
	
	
	main h1 ,
	main h1.xl,
	main h1.xl2,
	form fieldset h3 {font-size: 20px}
	
	main h1 {margin-bottom: 1rem}
	
	
	
	form fieldset h3 {max-width: calc(100% - 60px); margin-left: auto; margin-right: auto}
	header a {display: none}
	header nav.justify-content-between {-ms-flex-pack: center!important;
    justify-content: center!important;}
	
	article h3,
	p.xl, p.xl2,
	h3.steps,
	.result.fail h3,
	.result p {font-size: 18px !important; line-height: 1.3 }
	.result.call h3{font-size: 30px !important;}
	
	
	article {text-align:  center}
	article .hero img{    object-fit: cover;
    height: 150px;}
	.mobile-cta{display: block}
	
	.testimonial-slider{width: calc(100% + 30px); transform: translateX(-15px)}
	.testimonial{padding: 15px !important}
	.testimonial-inner{padding: 20px; }
	
	.testimonial-inner p{text-align: center !important}
	
	.comp-logos {display: block !important}
	
	.result.call a {padding: 15px 10px;}
	.bigtext{font-size: 18px;}
	.smalltext{letter-spacing: 1px}
	form fieldset:last-of-type{padding: 30px 15px}
	.trust-rating {    -ms-flex-pack: center!important;
    justify-content: center!important;}
	.trust-rating.footer-trust {flex-direction: column !important; gap:10px; margin-top: 20px;}
	.trust-rating.footer-trust .stars{	    width: 194px;height: 36px;}

	.trust-rating.footer-trust > div {margin-left: auto; margin-right: auto !important}
	.trust-rating.footer-trust > div:nth-child(2){min-width: 100% !important}
	
	.meta{display: none;}
}


br.gap{ display: block; width: 100%;content: "";}
br.gap::after {
  content: "";
  display: table;
  clear: both;
}