#page-companies{
    padding: 80px 0 0;
}
#page-companies .header-companies{
    gap: 5px;
    margin: 90px 0 0;
    height: auto;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}
#page-companies .header-companies .img-principal{
    width: 415px;
}
#page-companies .header-companies .img-principal img{
    width: 95%;
    height: auto;
    border-radius: 485px;
    background: linear-gradient(90deg, #5D6983 0%, #BFDBF8 100%);
    box-shadow: 0px 0px 31.51px 4.85px #8582D580;
}
#page-companies .header-companies .description{
    width: 670px;
}
#page-companies .header-companies .description h1{
    text-align: left;
}
#page-companies .header-companies .description h1 span{
    color: #8582D5;
}
#page-companies .header-companies .description h3{
    text-align: left;
    margin: 20px 0 0;
}
#page-companies .header-companies .description .start-now{
    margin: 30px 0 0;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: stretch;
}

#page-companies .benefits{
    margin: 90px 0 0;
}
#page-companies .benefits .cards{
    margin: 40px 0 0;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
}
#page-companies .benefits .cards .card{
    width: 24%;
    height: 184px;
    border-radius: 11px;
    gap: 15px;
    padding: 20px;
    background: linear-gradient(84.76deg, #F4F9FF 4.2%, #FFFFFF 100.3%);
    box-shadow: 0px 0px 26px 4px #8582D580;
}
#page-companies .benefits .cards .card .icon{
    color: #5D6983;
    font-size: 18px;
    text-align: center;
}
#page-companies .benefits .cards .card svg{
    margin: 0 auto;
}

#page-companies .how{
    margin: 110px 0 0;
}
#page-companies .how h3{
    text-align: center;
}
#page-companies .how .steps-companies{
    margin: 50px 0 0;
}
#page-companies .how .steps-companies .step{
    gap: 40px;
    margin: 0 0 40px;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
}
#page-companies .how .steps-companies .step .number{
    width: 89px;
    height: 89px;
    border-radius: 100px;
    border: 5px solid #FFFFFF;
    box-shadow: 0px 0px 20px 4px #BFDBF8;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}
#page-companies .how .steps-companies .step .number.one{
    background-color: #25DE94;
    margin: 0 0 0 90px;
}
#page-companies .how .steps-companies .step .number.two{
    background-color: #16B978;
    margin: 0 0 0 180px;
}
#page-companies .how .steps-companies .step .number.three{
    background-color: #018551;
    margin: 0 0 0 270px;
}
#page-companies .how .steps-companies .step .number p{
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: 3%;
}
#page-companies .how .steps-companies .step .description h4{
    text-align: left;
}

#page-companies .register{
    margin: 90px 0;
    width: 100%;
    height: 310px;
    padding: 90px 0;
    gap: 30px;
    background: linear-gradient(94.92deg, #8582D5 4.69%, #BFDBF8 92.22%);
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}
#page-companies .register p{
    color: #fff;
    font-weight: 700;
    font-size: 32px;
    line-height: 65px;
    letter-spacing: 0%;
}
@media (min-width: 768px) and (max-width: 1132px) {
    #page-companies .register .description{
        width: 70%;
    }
}    

@media (max-width: 768px) {
    #page-companies{
        padding: 0 0;
    }
    #page-companies .container{
        padding: 0 22px;
    }
    #page-companies .header-companies{
        margin: 70px 0 0;
    }
    #page-companies .header-companies .description h2 span{
        color: #8582D5;
    }
    #page-companies .header-companies .description h3{
        text-align: center;
        margin: 30px 0 0;
    }    
    #page-companies .header-companies .description .start-now{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: stretch;
    }

    #page-companies .benefits{
        margin: 70px 0 0;
    }
    #page-companies .benefits .cards{
        margin: 30px 0 0;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        align-content: stretch;
    }
    #page-companies .benefits .cards .card{
        width: 264px;
        margin: 0 0 30px;
    }

    #page-companies .how{
        margin: 70px 0 0;
    }
    
    #page-companies p.optimazed{
        text-align: center;
        margin: 20px 0 0;
    }
    #page-companies .how .steps-companies{
        margin: 45px 0 0;
    }
    #page-companies .how .steps-companies .step{
        width: 100%;
        gap: 20px;
        margin: 0 0 40px;
    }
    #page-companies .how .steps-companies .step .number{
        width: 70px;
        height: 70px;
    }
    #page-companies .how .steps-companies .step .number.one{
        margin: 0 0 0 0;
    }
    #page-companies .how .steps-companies .step .number.two{
        margin: 0 0 0 0;
    }
    #page-companies .how .steps-companies .step .number.three{
        margin: 0 0 0 0;
    }
    #page-companies .how .steps-companies .step .number p{
        font-size: 27px;
    }
    #page-companies .how .steps-companies .step .description{
        width: 80%;
    }

    #page-companies .register{
        margin: 70px 0;
        width: 100%;
        height: auto;
        padding: 90px 33px;
        gap: 30px;
        background: linear-gradient(94.92deg, #8582D5 4.69%, #BFDBF8 92.22%);
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        align-content: stretch;
    }
}