@media screen and (max-width:440px) {
    .top1 {
        max-width:450px;
        height: 600px;
        margin: 0 auto 0 auto;
        /* background-image:url('/assets/img/photos/bg6-480.jpg'); */
        background-position: center;
background-repeat: no-repeat;
background-size: cover;
    }
    
}

@media screen and (max-width:440px) {
    .top1 {
        /* max-width:320px; */
        height: 550px;
        margin: 0 auto 0 auto;
        /* background-image:url('/assets/img/photos/bg6-320.jpg'); */
        background-position: center;
background-repeat: no-repeat;
background-size: cover;
    }
    .comunity-text {
        margin-top: 1.5rem;
    }
}

@media screen and (min-width:1280px) {
    .top1 {
       
        width: 1280px;
        height: 1080px;
         zoom: 50%;
        
        
        
        
        margin: 0 auto 0 auto;
        /* background-image:url('/assets/img/photos/bg-7.jpg'); */
        background-position: center;
background-repeat: no-repeat;
/* background-size: cover; */
    }
    
}

.error-validating {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
   
}

.ok-validating {
    border-color: #198754;
    padding-right: calc(1.5em + 0.75rem);
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
   
}
.scale13 {
    transform: scale(1.3);
}

.centrado {
position: absolute;
top: 40%;
left: 50;
transform: translate(-50%, -50%);

font-size: 0.8rem;

}

.step1 .centrado {
    padding-left: 70px;
}

.step2 .centrado {
    padding-left: 40px;
}




.step-1 {
    background-image: url(https://www.isurveyworld.com/assets/img/svg/step1.svg);
   
    border: 0px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 120px;

}
.step-2 {
    background-image: url(https://www.isurveyworld.com/assets/img/svg/step2.svg);
    border: 0px;
    background-repeat: no-repeat;
    background-position: center;
 
    border: 0px;
    margin-left: 70px;

}

.step-3  {
    background-image: url(https://www.isurveyworld.com/assets/img/svg/step3.svg);
    border: 0px;
    background-repeat: no-repeat;
    background-position: center;
   
    border: 0px;
    margin-left: 90px;

}

.step-1 .card-text-custom  {
    
    width: 30%;
    height: 250px;
    padding: 50px 0px 30px 60px;
    /* float: right; */
    /* display: flex; */
    /* align-items: center; */
    word-break: break-all;
    /* margin: 0 0 1em 1em; */
    margin-left: 200px;
    /* font-size: 1.2em; */
    /* font-weight: 700; */
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step-2 .card-text-custom  {
    
    width: 30%;
    height: 250px;
    padding: 0px 0px 0px 80px;
    /* float: left; */
    /* display: flex; */
    /* word-break: break-all; */
    /* margin: 0 0 1em 1em; */
    margin-left: 330px !important;
    /* font-size: 1.2em; */
    /* font-weight: 700; */
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step-3 .card-text-custom  {
    
    width: 30%;
    height: 180px;
    padding: 25px 0px 40px 50px;
    /* float: right; */
    /* display: flex; */
    /* align-items: center; */
    word-break: break-all;
    /* margin: 0 0 1em 1em; */
    margin-left: 240px;
    /* font-size: 1.2em; */
    /* font-weight: 700; */
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}