.container {
    /* padding-top: 40px; */
    border-radius: 10px;
    max-width: 90%;
}
.principal{
    background: #ffffff!important;
    padding-top:6rem!important;
    /* top: 120px; */
    overflow: hidden;
}
.img_mascota{
    width: 464px;
    height: 481px;
}

.txt_principal span ,
.txt_principal h2 {
    font-size: 50px;
	font-weight: 700;
	line-height: 58px;
	letter-spacing: 0em;
    color: #4F5D5B;
}
.txt_principal span{
    color: #F39200;
}
.txt_principal p {
    font-size: 26px;
	font-weight: 400;
	line-height: 102%;
	letter-spacing: 0em;
    color: #4F5D5B;
}
.btn_gradient {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: 0em;
    width: 258px;
    height: 52px;
    background: linear-gradient(to right, #FFB068, #F98698);
    border: none;
    color: #ffffff !important;
    border-radius: 35px;
}
.btn_gradient:hover{
    background: linear-gradient(to right, #FFB068, #F98698);
    border: none;
    color: #ffffff;
}

.txt_h2{
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 22px;
    line-height: 130%;
    font-weight: 500;
    margin-bottom: 10px; 
}

.circle-card h3 {
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 16px;
    line-height: 130%;
    font-weight: 700;
    margin-bottom: 10px; 
}

.circle-card p {
    font-family: "Montserrat-Bold", sans-serif;
    line-height: 130%;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    margin-bottom: 15px; 
}





/*Media Querys*/
@media (max-width: 767px) {
    .img_asistencia{
        width: 100%;
    }


}
@media (min-width: 768px) and (max-width: 1024px) {

}
@media (min-width: 1200px) {

}