﻿.contactUsIcon {
    width: 400px;
    max-width: 100%;
    height: auto;
    margin: 0px auto -103px auto;
    position: relative;
    z-index: 1;
}

.deco-container {
    position: absolute;
    z-index: -2;
    width: 70%;
    height: 100%;
    top: -1030px;
    left: -180%;
    /*transition: [property] [duration] [timing-function] [delay];*/
    transition: left 0.5s ease;
    overflow: hidden;
}

    .deco-container img {
        width: 100%;
        height: auto;
        max-width: 100%;
    }

    .deco-container.show {
        top: 190px;
        left: -15%;
    }

.phone-container {
    position: absolute;
    z-index: 1;
    left: 78%;
    /*opacity: 0;*/ /* Initially hide the image */
    top: -600px;
    transition: top 0.5s ease; /* Smooth transition effect */
}

    .phone-container img {
        width: 160px;
        height: auto;
        max-width: 100%;
    }

    .phone-container.show {
        /*opacity: 1;*/ /* Show the image when the show class is added */
        top: 65px;
        animation: phoneBounce 2s ease-in-out 0.5s forwards;
    }

@keyframes phoneBounce {
    0% {
        top: 60px;
    }

    30% {
        top: 30px;
    }

    60% {
        top: 65px;
    }

    100% {
        top: 60px;
    }
}

input,
select,
textarea {
    max-width: 100%;
}