@font-face {
  font-family: 'Roihu';
  src: url('../fonts/Roihu.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roihu';
  src: url('../fonts/Roihu-Black.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Titillium Web';
  src: url('../fonts/TitilliumWeb-Light.woff2') format('woff2'),
      url('../fonts/TitilliumWeb-Light.woff') format('woff'),
      url('../fonts/TitilliumWeb-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TitilliumMaps29L';
  src: url('../fonts/TitilliumMaps29L-999wt.woff2') format('woff2'),
      url('../fonts/TitilliumMaps29L-999wt.woff') format('woff'),
      url('../fonts/TitilliumMaps29L-999wt.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

html, body {margin:0;padding:0; background:#f5f5f5;}

body{ font-family: 'Roihu'; font-weight:bold;}

a:hover {text-decoration:none;color:inherit;}


#content {
  padding: 40px 0;
}


.cta{
  border:2px solid #EB5989;
  border-radius:30px;
  padding:10px 30px;
  background:#EB5989;
  color:#fff;
  font-weight:400;
  margin:20px 0;
  transition: 0.6s;
  width:fit-content;
}
.cta:hover{
  transform:scale(1.05);
  transition: 0.6s;
  cursor:pointer;
  color:#fff;
}

.footer {
  padding:0px 15% 50px 15% !important; 
  margin:0 !important;
  background: rgb(238,238,238); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
  color:#e05200;
}
.footer form{
  background:#eee;
  position: relative;
  padding: 30px 15px;
  text-align:center;
}
.footer h2{font-size:24px;}
.footer input, .footer select{
  margin:4px 0;
  background:#fff;
  border:0;
  border-radius:20px;
  width:100%;
  max-width:400px;
  padding:8px 30px;
  text-align: center;
  text-align-last:center; 
}
.banner input, .banner select{
  margin:4px 0;
  background:#f5f5f5;
  border:0;
  border-radius:20px;
  width:100%;
  max-width:400px;
  padding:8px 30px;
  text-align: left;
  text-align-last:left; 
  font-size:14px;
}
.select-content{
  display:inline-block;
  background:#fff;
  border:0;
  border-radius:20px;
  width:100%;
  max-width:400px;
  margin:4px 0;
  padding:0;
}
.select-content select{
  width:95%;
  margin:0;
  outline:none !important;
}
.footer select{color:rgb(117, 117, 117);}
.footer option{text-align: center;}
.footer option:disabled{opacity:0.6;}
.footer .btn, .banner .btn{
  border:0;
  border-radius:30px;
  padding:10px 30px;
  color:#fff !important;
  background:#3E4774;
  font-weight:400;
  margin:20px 0;
  transition: 0.6s;
}
.footer .btn:hover, .banner .btn:hover{
  transform:scale(1.05);
  transition: 0.6s;
  cursor:pointer;
}

@media screen and (min-width: 1200px) {
   
}
@media screen and (max-width:992px) {

} 
@media screen and (max-width:768px) {
  .footer{
    padding: 0px 5% 50px 5% !important;
  }
}             

header{display:none !important;}
.container{background:#fff; padding:0 !important;}
.banner{
    width:100%;
}
.info .img{
    margin-top:-30px;
}
.info h1{
    font-weight:bold;
    color:#d75624;
    line-height:1;
    font-size: 3rem;
    font-family:'TitilliumMaps29L', sans-serif;
    letter-spacing: -2px;
}
.info .btn{
    border-radius:40px;
    background:#d75624;
    color:#fff;
    font-family:'TitilliumMaps29L', sans-serif;
    margin-top:40px;
    cursor:pointer;
    transition: 0.6s;
    font-size:20px;
}
.info .btn:hover{
    transform:scale(1.05);
    transition: 0.6s;
}
.pasos{
    background:#d75624;
    color:#fff;
    padding-left:10%;
    margin:0;
    min-height:250px;
}
.pasos .img{
    margin-top:-90px;
}
.pasos ul{
    padding-left: 50%;
    list-style: none;
}
.pasos ul li{
    display:flex;
    margin:10px 0;
}
.pasos ul li span{
    display:inline-block;
    border-radius:50%;
    width:30px;
    height:30px;
    background:#fff;
    color:#d75624;
    font-weight:bold;
    margin-right:8px;
    text-align:center;
    font-size:20px;
}
.pasos ul li div{
    width:85%;
    font-weight:bold;
    font-size:20px;
    line-height:1.2;
}
.claim{
  color:#d75624;
  font-weight:bold;
  margin-top:25px;
}


@media screen and (max-width:960px) {
    
} 
@media screen and (max-width:600px) {
   .info img{display:none;}
   .container{padding:0 !important;}
   .pasos{
       padding-right:10%;
       padding-top:40px;
   }
   .pasos ul {
        padding-left: 0;
    }
    .pasos ul li {
        width: fit-content;
        margin: 10px auto;
    }
    .pasos .img {
        margin-top: 0;
    }
} 
@media screen and (min-width:1400px) {    
   
}