﻿.Quickresponsecontainer {
    position: relative;
    width: 636px;
    height: 400px;
    border-radius: 20px;
    box-shadow: 0px 0px 90px -15px #7f3df8;
    background-color: #FDF5F2;
    overflow: hidden;
}
 

.Query-box {
    position: absolute;
    top: 105px;
    left: 240px;
    width: 145px;
    height: 33px;
    z-index: 11;
    background-color: #d9ffff;
}

.Response-box {
    position: absolute;
    top: 135px;
    left: 305px;
    width: 80px;
    height: 30px;
    z-index: 11;
    background-color: #d9ffff;
}
 

.Wheelimage {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    animation: rotateWheel 60s linear infinite;
}

.rotatableImageClass {
    width: 636px;
    height: 400px;
    position: relative;
    z-index: 1;
}


@keyframes rotateWheel {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.textimage {
    position: absolute;
    display: block;
    bottom: 130px;
    width: 170px;
    height: auto;
    z-index: 99;
    left: 185px;
}


@media only screen and (max-width: 2300px) and (min-width: 1400px) {

    .missedopportunitiescontainer, .SlowandInconsistentcontainer, .HumanError-container, .IncreasedWorkload-container {
        zoom: 70%;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1200px) {
    .Quickresponsecontainer, .AccurateInfocontainer, .ConsistentComcontainer, .missedopportunitiescontainer, .SlowandInconsistentcontainer, .HumanError-container, .IncreasedWorkload-container {
        zoom: 70%;
    }

} 

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .Quickresponsecontainer, .AccurateInfocontainer, .ConsistentComcontainer, .missedopportunitiescontainer, .SlowandInconsistentcontainer, .HumanError-container, .IncreasedWorkload-container {
        zoom: 50%;
    }
}

@media only screen and (max-width: 991px) and (min-width: 200px) {
    .Quickresponsecontainer, .AccurateInfocontainer, .ConsistentComcontainer, .missedopportunitiescontainer, .SlowandInconsistentcontainer, .HumanError-container, .IncreasedWorkload-container {
        zoom: 50%;
    }
}