/* header back ground */

.bg-header{
    background-color: #264653;
}
/* btn design */

.bg-btn{
    background-color: #E76F51;
    color: white;
    padding: 5px 30px;
    outline: none;
    border: none;
    border-radius: 5px;
}

/* text-color */

.text-color{
    color: #E76F51;
}

.text-color::before{
    content: "";
    background: #E76F51;
    height: 1px;
    width: 90px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    transform: translateY(30px);
    border-radius: 5px;
}

/* img-size */

.img-size img{
    width: 250px;
    height: 200px;
}

.img-gray{
    filter: grayscale(200%);
}

/* client section */

.text-client{
    color: #E76F51;
}

/* awosome icon color */

.full-star{
    color: #E77C40;
}

.empty-star{
    color: gray;
}

/* text - name color */

.text-name{
    color: #2483ff;
}

/* footer bg */

.bg-footer{
    background-color: #264653;
    color: white;
}

/* overflwo */

.overflwo{
    margin-top: 85px;
}

/* bg custom */

.bg-custom{
    color: white;
}

/* animation image*/

.bike-img img{
    visibility: hidden;
    animation: img 3s ease-in-out 4s 1 alternate forwards;
}

@keyframes img{
    0%{
        transform: translateX(500px)scale(.5);
        visibility: hidden;
    }
    100%{
        transform: translateX(0px)scale(1);
        visibility: visible;
    }
}
/* animation text */

.text-animation{
    visibility: hidden;
    animation: text 3s ease-in-out 0s 1 alternate forwards;
}

@keyframes text{
    0%{
        transform: translateX(-500px);
        visibility: hidden;
    }
    100%{
        transform: translateX(0px);
        visibility: visible;
    }
}

/* btn animation */

.btn-animation{
    visibility: hidden;
    animation: btn 3s ease-in-out 1.5s 1 alternate forwards;
}

@keyframes btn{
    0%{
        transform: translateX(-500px);
        visibility: hidden;
    }
    100%{
        transform: translateX(0px);
        visibility: visible;
    }
}