.style-input .form-div{
margin-bottom:1rem;
}


.style-input .var-check{
display: block;
text-align: left;
color:#c91414;
}



.style-input .form-radio label{
display: block;
}
.style-input .form-radio .form-check-input:checked {
background-color: #7a75f8;
border-color: transparent;
}



.form-floating>label{
transition: all 0.1s !important;
color: black;
}



.style-input.circle input, .style-input.circle select{
border-radius: 10rem;
padding-left: 25px;
}


.style-input .manage-paises .div-input{
display: none;
}




.style-input.circle .manage-paises .div-input .cod-pais{
border-radius: 25px 0px 0px 25px;
padding-left: 12px;
}


.style-input.circle .manage-paises .div-input .tel{
border-radius:0px 25px 25px 0px;
padding-left: 13px!important;
}

.style-input.circle .manage-paises .div-input .var-check{
padding-left: 0px !important;
}


.style-input.circle .manage-paises .div-input .form-floating>label{
padding:1rem .75rem !important;
}





.style-input.circle .form-group{
padding-left: 24px !important;
}


.style-input.circle input[type="radio"]{
padding-left: 0rem;
}

.style-input.circle .form-floating>label{
padding-left: 25px ;
}



.style-input.circle .var-check{
padding-left: 20px ;
}

.style-input.dark input{
background: transparent !important;
color: white !important;
}






/*----------------- ESTILOS DE INPUT --------------------------*/

.style-input.style-1 .var-check{
color: #ff9898;
}

.style-input.style-1 input:hover,.style-input.style-1 input.is-invalid, .style-input.style-1 input:focus{
border-color:#ff9898;
box-shadow: 0 0 0 0.25rem #ff9898;
}





/*--------------------------------------------------------*/










[class*="style-btn-"]{
border-radius: 6px;
border:none;
}

[class*="style-btn-"].btn-rounded{
border-radius: 6rem !important;
}






.style-btn-1, .style-btn-1:hover, .style-btn-1:focus, .style-btn-1:active {
background: #303a83;
color: white;
}



.style-btn-2, .style-btn-2:hover, .style-btn-2:focus, .style-btn-2:active {
background: #686868;
color: white;
}



.style-btn-3 , .style-btn-3:hover, .style-btn-3:focus, .style-btn-3:active {
background: #005a56;
color: white;
}




.style-btn-4, .style-btn-4:hover, .style-btn-4:focus, .style-btn-4:active {
background: #7461aa;
color: white;
}

.style-btn-5, .style-btn-5:hover, .style-btn-5:focus, .style-btn-5:active {
background: #5751b1;
color: white;
}




.style-btn-6, .style-btn-6:hover, .style-btn-6:focus, .style-btn-6:active {
background: #2b2b5a;
color: white
}


.style-btn-7, .style-btn-7:hover, .style-btn-7:focus, .style-btn-7:active {
    background: white;
    color: black;
    border: 1px solid gray;
}







.style-icon{
font-size: 2rem;
display: flex;
}
.style-icon a{
text-decoration: none;
margin-left: 5px;
background: #404040;
width: 41px;
display: flex;
text-align: center;
height: 41px;
align-items: center;
justify-content: center;
border-radius: 34px;
border-top: 6px solid #6a74ed;
}

.style-icon a:nth-child(1){
color: white;
}

.style-icon a:nth-child(2){
color:white;
}

.style-icon a:nth-child(3){
color:white;
}
.style-icon a:nth-child(4){
color: white;
}
.style-icon a:nth-child(5){
color:white;
}













.title{
font-size: 37px;
}



.dline::after{
content: "";
display: block;
height: 4px;
width: 50px;
background-color: #ffce1b;
border-radius: 6rem;
}

.dline-style-1::after{
background-color: #ccbbfd !important;
}
.form-check-input[type=radio] {
cursor: pointer;
}

.text-center.dline:after {
margin: 20px auto 0px;
}

/*  Medium devices */
@media (min-width: 768px) {
.text-md-start.dline:after {
margin: 11px 0px;
}

.title{
font-size: 55px;
}
}



.btn-circle {
width: 30px;
height: 30px;
text-align: center;
padding: 6px 0;
font-size: 12px;
line-height: 1.428571429;
border-radius: 15px;
}
.btn-circle.btn-lg {
width: 50px;
height: 50px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 25px;
}
.btn-circle.btn-xl {
width: 70px;
height: 70px;
padding: 10px 16px;
font-size: 24px;
line-height: 1.33;
border-radius: 35px;
}










.text-dline{
    text-transform: uppercase;
    letter-spacing: 4px;
    position: relative;
    display: block;
    margin-bottom: 25px;
    text-align: center;
}
.text-dline::before{
    content: "";
    height: 3px;
    width: 60px;
    display: block;
    position: absolute;
    bottom: -13px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
}

.text-dline.text-center::before{
left: 0;
right: 0;
}
.text-dline.text-start::before{
left: 0;
right: auto;
}




@media (min-width: 768px) {
.text-dline.text-md-center{
text-align: center;
}
    
.text-dline.text-md-center::before{
left: 0;
right: 0;
}

}



.text-dline.style-1::before{
background: linear-gradient(45deg, #c88eff, #79d7ff);
}


.text-dline.style-2::before{
background: linear-gradient(45deg, #7373b7, #4e66b1);
}