.widget-cta {
    margin-bottom: 30px;
}
.widget-cta .button {
    background-color: #6515dd;
    color: #ffffff;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
    border:none;
}
.widget-cta .button-cta:hover {
    opacity: 0.9;
}
/* modal corretoras planilhas*/
.modal-invest{
    background: #3E1191;
    display:flex;	
    width: 385px;
    overflow: visible;
    height:408px
}
.close {
position: absolute;
top: 0;
right: 0;
display: block;
width: 50px;
height: 50px;
font-size: 0;
}
.close:before, 
.close:after {
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 20px;
background-color: white;
transform: rotate(45deg) translate(-50%, -50%);
transform-origin: top left;
transition: all 420ms;
content: '';
}
.close:after {
transform: rotate(-45deg) translate(-50%, -50%);
}
.modal-invest img{
    position: relative;	
    width:188px;
    height:366px;
    right:25%;
    bottom:5%;
}

.modal-invest.planilha img{
    right:25%;
}
.text-div{
    position: relative;
    right:16%

}
.text-div.planilha{
    right:18%
}

.modal-invest .intro-div{
    min-width:270px;
}
.modal-invest .intro-div h3{
    margin-top:20px;
    margin-bottom:0;
    color:white;
    font-size: 28px;
}
.modal-invest .intro-div.planilha h3{
    margin:0 0 20px 0;
}
.modal-invest .quiz-button{
    background:#FBB81B;
    color:#282447;
    font-weight:bold;
    border:1px solid  #282447;
    padding:10px 40px;
    border-radius: 20px;
    font-size:13px
}
.modal-invest .open-account-button{
    color:white;
    border:1px solid white;
    border-radius: 20px;
    padding:10px 60px;
    font-size:13px
}
 .quiz-button.planilha{
    padding:10px 68px;
    font-weight:bold;
    margin-top:10px;
}

.modal-invest .open-account-button.planilha{

    padding:10px 53px;

}

.p-white{
    color:white;
    font-size:13px;	
    margin-bottom: 15px;
}
/* modal corretoras / planilhas -> end */

@media (max-width:440px){
    .modal-invest{
    flex-direction:column-reverse;

        }

.modal-invest img {
    position: unset;
    padding-top:10px;
    margin:auto;
    width:189px;
    height:320px ;
        }

.text-div{
    text-align:center;
    position: unset;
}

/* title */

.modal-invest .intro-div{
    width:100%;
}
.modal-invest .intro-div h3{
    font-size: 30px;
    padding-top: 10px;
    color:white;
    font-size: 28px;
}
.p-white{
    font-size:16px;	
}


}
@media print, screen and (min-width: 40em){
    .modal-invest {
        width: 417px !important;
                }				
        }
@media (max-width: 1024px){
    .modal-invest {
        width: 417px !important;
    }
}