.services {
    position: relative;
    overflow-x: hidden;
}

.services .mute-sound {
    position: absolute;
    top: 10px;
    right: -120px;
    padding: 3px 10px;
    background-color: #53c0ff;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    cursor: pointer;
    transition: all .5s;
}

.services .mute-sound button {
    background-color: transparent;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    border: none;
    padding: 0;
    cursor: pointer;
}

.services .mute-sound button span {
    /* font-size: 16px; */
}

.services .mute-sound:hover {
    right: 0px;
}

.services .questions h3 {
    color: #2f3241;
    font-size: 40px;
    text-align: left;
}

.services .questions .form-group label {
    color: #6e6e6e;
    text-align: left;
    width: 100%;
}

.services .questions .arrow-container {
    position: relative;
}

.services .questions .arrow-container .arrow {
    position: absolute;
    right: -44%;
    top: -10px;
}

@media (max-width: 991px) {
    .services .questions .arrow-container .arrow {
        right: -37%;
    }
}

@media (max-width: 776px) {
    .services .questions .arrow-container .arrow {
        display: none;
    }
}

.services .questions .arrow-container .arrow img {
    animation: bounceLeft 2s infinite;
}

.services .questions select {
    border: 1px solid #eee;
}

.services .questions .explaination p {
    color: #6e6e6e;
    line-height: 32px;
}

.comp:nth-of-type(odd) {
    color: #fff;
    margin: 5px auto;
    width: 50%;
    background-color: #53c0ff;
    font-size: 1rem;
    text-align: center;
    padding: 1.3rem 2rem;
}

@media (max-width: 576px) {
    .comp:nth-of-type(odd) {
        margin: 5px 0;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .comp:nth-of-type(odd) {
        margin: 5px 0;
        width: 90%;
    }
}

@media (max-width: 991px) {
    .comp:nth-of-type(odd) {
        margin: 5px 0;
        width: 90%;
    }
}

.comp:nth-of-type(even) {
    color: #fff;
    margin: 1.5rem auto;
    width: 50%;
    background-color: #2d2d2d;
    font-size: 1rem;
    text-align: center;
    padding: 1.3rem 2rem;
}

@media (max-width: 576px) {
    .comp:nth-of-type(even) {
        margin: 5px 0;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .comp:nth-of-type(even) {
        margin: 5px 0;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .comp:nth-of-type(even) {
        margin: 5px 0;
        width: 90%;
    }
}

.cursor-pointer {
    cursor: pointer;
}

.attach-label {
    cursor: pointer;
    background-color: #2d2d2d;
    font-size: 1.2rem;
    padding: 1rem 4rem;
    color: #fff;
}

@keyframes bounceLeft {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(0);
    }

    40% {
        transform: translateX(30px);
    }

    60% {
        transform: translateX(15px);
    }
}

.attach-lables {
    font-size: 1.5rem;
    font-weight: 700;
}

.hand-container {
    animation: bounceLeft 2s infinite;
    opacity: 0;
}

.hand-container .hand {
    font-size: 3rem;
    margin: 0 20px;
    transform: translatey(10px);
}

.hand-container .hand-span {
    font-size: 1.4rem;
}

.hand-container2 {
    animation: bounceLeft 2s infinite;
    display: inline-block;
}

.hand-container2 .hand {
    font-size: 3rem;
    margin: 0 20px;
    transform: translatey(10px);
}

.hand-container2 .hand-span {
    font-size: 1.4rem;
}