/*==================================================
TÍTULO HERO
==================================================*/

.hero-title{

    font-size:40px;

    line-height:1.30;

    font-weight:700;

    color:#1D2B5B;

    margin:0;

}

.hero-title span{

    background:linear-gradient(90deg,#1E93FF,#7D3CFF);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    background-clip:text;

}

/*==================================================
CTA BANNER
==================================================*/

.cta-banner{

    position:relative;
    overflow:hidden;
    background:#0A0F42;
    min-height:320px;
   

}

.cta-banner .container{

    position:relative;
    z-index:20;
    min-height:320px;
    display:flex;
    align-items:center;

}

.cta-content{

    max-width:520px;
    margin-left:auto;
    margin-right:180px;

}

.cta-content h2{

    color:#fff;
    font-size:32px;
    line-height:1.15;
    font-weight:700;
    margin:0 0 18px;

}

.cta-content{
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: 120px;
  position: relative;
  margin-top: 55px;
  z-index: 20;
  
}

.cta-content p{

    color:#D6DBF7;
    font-size:18px;
    margin-bottom:26px;

}


.cta-person{

    position:absolute;
    left:0;
    bottom:0;
    width:700px;
    height:100%;
    background:url("../../img/cta/cta-person.jpg") no-repeat left bottom;
    background-size:cover;
    z-index:5;

}

.cta-decoration{

    position:absolute;

    top:0;

    right:0;

    width:400px;

    height:100%;

    background-image:url("../../img/cta/cta-shapes.jpg");

    background-repeat:no-repeat;

    background-position:right center;

    background-size:contain;

    pointer-events:none;

    z-index:10;

}

.cta-content .btn-primary{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 42px;
    border-radius:18px;
    background:linear-gradient(90deg,#246CFF,#7448FF);
    color:#fff;
    font-size:17px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;

}

.cta-content .btn-primary:hover{

    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(36,108,255,.35);

}