body {
  background:#ccc;
  padding:0;
  margin:0;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, system-ui, -apple-system, Arial, sans-serif;
}

#link{
  width:300px;
  height:250px;
  position:absolute;
  top:0px;
  left:0px;
}

#banner {
  overflow:hidden;
  position:relative;
  width:300px;
  height:250px;
  display:box;
  border:1px solid #000000;
  background-color: #ffffff;
  box-sizing: border-box;
}

img, svg {
  position: absolute;
  
 
}

#all{
  visibility: hidden;
}





#logo{
  width: 74px;
  left: 20px;
  top: 216px;
 
}



#text-1 {
  color:#0863c2;
  top:18px;
  left:18px;
  font-size: 19px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  letter-spacing: 0.5px;
  
  font-style: normal;
}

#text-2{
  top: 22px;
  font-size: 56px;
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 78px;
  text-align: left;
  left:18px;
  font-style: normal;
}

#text-3{
  top: 88px;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  left:18px;
  font-style: normal;
  
}

#img-1{
  position: absolute;
  top:0px;
  left:-70px;

}

#logos{
  top:440px;
  left:30px;
  font-style: normal;

}

#gradient{
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(233,236,240,1) 100%);
  width:300px;
  height:600px
}

#img-2{
  top:66px;
  left:-80px;
  height:320px;
}

#text-4{
  top: 31px;
  left:18px;
  font-size: 19px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 4px;
  width:160px;
}

#text-5{
  top: 12px;
  left:150px;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 40px;
  width:160px
  
}

#text-6{
  top:60px;
  left:0px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 4px;
  width:300px
}

#arrows-1, #arrows-2{
  top:-25px;
  left:200px
}

.text{
  color:#000000;
  position: absolute;
  font-family: inherit;
  width:300px;
  display:block;
  text-align:center;
  font-style: italic;
}

#text-7{
  top: 17px;
  left:0px;
  font-size: 19px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 4px;

}

#text-8{
  top: 40px;
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 34px;
}

#text-9{
  top:80px;
  font-size: 17px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  
  left:0px
}
#img-3{
  
  top:112px;
  left:184px;
  left:0px;
  
}

 #img-4{
  top:0px;
  left:0px;
  

}

#gray{

  position:absolute;
  top:0px;
  left:0px;
  
}

#gray-appla{
  background-color:#e3e7eb;
  height:112px;
  width:500px;
  /* box-shadow: 5px 5px 15px rgba(0,0,0,0.6); */

}
#gray-gradient{
  height:18px;
  width:500px;
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
}


#text-10{
  top: 14px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-style: italic;
  
}

#text-11{
  top: 18px;
  left:0px;
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 78px;
  font-style: italic;

  
}

#text-12{
  top:80px;
  font-size: 19px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: italic;

}


#text-13{
  top: 14px;
  left:2px;
  font-size: 19px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-style: italic;
  
}

#text-14{
  top: 34px;
  left:0px;
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 42px;
  font-style: italic;

  
}

#text-15{
  top:80px;
  left:2px;
  font-size: 17px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
}

#arrow{
  top:0px;
  left:250px;
}


#text-16 {
  color:#0863c2;
  top:16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 16px;
  text-align: left;
  left:16px;
  font-style: normal;
}

#text-17{
  top: 20px;
  font-size: 58px;
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 78px;
  text-align: left;
  left:13px;
  font-style: normal;
}

#text-18{
  top: 84px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  left:16px;
  font-style: normal;
  width:120px
}

#CTA{
  /* background-color: #003399; */

  position: absolute;
  left:15px;
  top:146px;
  height:34px;
  width:120px;

}

#cta-text{
  position: absolute;
  color:#003399;
  font-family: inherit;
  font-size: 16px;
  top:9px;
  left:5px;
  letter-spacing: 0px;
  font-weight: 700;

}

#carret{
  width:8px;
  fill:#003399;
  top:14px;
  right:16px
}

#disclaimer{
  right:0;
  bottom:0;
  width:30px
}

#cross{
  opacity: 0;
}


#disc-box{
  background-color: #000000;
  width:300px;
  height:600px;
  position: absolute;
  top:250;
  left:0px;
  
}

#disc-text{
  color:white;
  font-size: 12px;
  font-family: inherit;
  padding: 20px 20px 20px 20px;

}

#disc-link{
  right:-1px;
  bottom:-1px;
  width:30px;
  height: 30px;
  display: block;

}

#gray-2{
  background-color: rgb(223,228,233);
  height:600px;
  width:300px;
  position:absolute;
  top:0px;
  left:0px;
}

#gradient-2{
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(223,228,233,1) 50%);

  height:300px;
  width:160px;
  position:absolute;
  top:0px;
  left:0px;
}

#preview{
  top: 0;
  left:0;
  opacity:0.5
}

.epsonBlue {
  fill:#003399;
  filter: invert(10%) sepia(72%) saturate(4969%) hue-rotate(220deg) brightness(97%) contrast(101%);
}