.button {
border-radius: 9999px;
display: inline-block;
font-weight: bold;
margin-top: 25px;
text-decoration: none;
padding: 10px 40px;
  display:inline-flex;
}
.w-1045 {max-width:1045px;margin:0 auto;}
a.button:hover .btn-arrow, a.text:hover .btn-arrow {
    transform: translate(20px);
  	transition: all .5s ease-in-out;
}
.pad-right{padding-right:80px}

.btn-arrow {
    transform: translate(10px);
  	transition: all .5s ease-in-out;
}
.button.blue{
background-color: #2283fb;
border: 2px solid #fff;
color: #fff;
}

.button.green{
background-color: #50FD82;
border: 2px solid #50FD82;
color: #3F3954 !important;
  
}

.button.orange{
background-color: #f16b11;
border: 2px solid #fff;
color: #fff !important;
  
}

.button.yellow{
background-color: #FEDF3B;
border: 2px solid #fff;
color: #003056 !important;
  
}
.button:hover.blue{
background-color: #f16b11;
}
.text {
background-color: transparent !important;
border: none !important;
border-radius: 27.5px;
display: inline-block;
font-weight: 700;
margin-top: 25px;
text-decoration: none;
padding: 15px 30px;
box-shadow: 6px 6px 15px rgb(207 211 231 / 0%),-6px -6px 15px hsl(0 0% 100% / 0%) !important;
    display:inline-flex;
}

.text.yellow{background-color: transparent !important;
color: #fedf3b !important;
border: none !important;
  color: #fff;}

.text.white{background-color: transparent !important;
color: #fff !important;
border: none !important;
 color: #fff;}
.text.orange{background-color: transparent !important;
color: #f16b11 !important;
border: none !important;
 }
.text.blue{background-color: transparent !important;
border: none !important;
  color: #2283fb !important; }
.text.green{background-color: transparent !important;
border: none !important;
  color: #50FD82 !important; }
a.text.green .btn-arrow svg g {
    stroke: #50FD82!important;
}
a.text.blue .btn-arrow svg g {
    stroke: #2283fb!important;
}
a.text.yellow .btn-arrow svg g {
    stroke: #fedf3b!important;
}
a.text.orange .btn-arrow svg g {
    stroke: #f16b11!important;
}
a.button.yellow .btn-arrow svg g {
    stroke: #003056!important;
}
.hero-img {margin:auto;}
.mx-auto {
    text-align: center;
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {

}
/*--------------------------------------------------------------
## iPad Pro
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {

}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
.lp-hero .col-lg-6 {
  text-align:center; padding:0 20px
}
}
/*--------------------------------------------------------------
## iPhone
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
.lp-hero .col-lg-6 {
  text-align:center; padding:0 20px
}