.border-3 {

    border-width: 3px;

}



.main-color {

    color: #0f9597;

}



.main-color-bg {

    background-color: #0f9597;

}



.border-top {

    border-top: #0f9597 10px solid;

}



.orange-bg {

    background-color: rgb(234 88 12);

}



.tx-orange {

    color: rgb(234 88 12);

}



.pulse-button {

    font-weight: 700;

    color: #fff !important;

    text-decoration: none;

    border-radius: 12px;

    border: none;

    box-shadow: 0px 3px 10px 0px #c1c1c1 !important;

    width: 100%;

    max-width: 550px;

    display: block;

    margin: 0 auto 30px;

    line-height: 1 transition all 0.2s ease-in-out;

    animation: pulse 1s infinite;

    text-align: center;

}



.pulse-button-survey {

    font-weight: 700;

    font-size: 24px;

    color: #fff !important;

    text-decoration: none;

    padding: 15px 15px;

    border-radius: 12px;

    border: none;

    box-shadow: 0px 3px 10px 0px #c1c1c1 !important;

    width: 100%;

    animation: pulse 1s infinite;

    max-width: 450px;

    display: block;

    margin: 0 auto 20px

}



@keyframes pulse {

    0% {

        transform: scale(1);

    }



    50% {

        transform: scale(1.1);

    }



    100% {

        transform: scale(1);

    }

}



.ty-border {

    padding: 40px 34px;

    margin: 15px 0;

    background-color: #fff;

    border: 1px solid #0f7ecb;

    line-height: 1.75;

    box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%);

    border-radius: 6px;

}



.fade-out {

    opacity: 0;

    transition: opacity 0.5s ease-in-out;

}



.fade-in {

    opacity: 1;

    transition: opacity 0.5s ease-in-out;

}