* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;

        }

        body {
            background-color: #fff;
            font-size: 22px;
            line-height: 1.5;
            box-sizing: border-box;

        }

        .container-survey {
            width: 986px;
            height: 676px;
            margin: 0 auto;
            background-color: #aec5e7;
            position: relative;
            padding: 50px 0px;

        }

        .bag_image {
            position: absolute;
            left: 338px;

        }

        .heading_image {
            position: absolute;
            top: 52px;
            left: 364px;
        }

        .icon_container {
            position: absolute;
            top: 98px;
            left: 197px;
        }

        .icon {
            position: absolute;
        }

        .law {
            left: 83px;
            top: 0px;
        }

        .passport {
            left: 56px;
            top: 62px;
        }

        .brta {
            left: 22px;
            top: 121px;
        }

        .court {
            left: 7px;
            top: 199px;
        }

        .health {
            left: 0;
            top: 269px;
        }

        .local {
            left: 43px;
            top: 346px;
        }

        .land {
            left: 116px;
            top: 392px;
        }

        .education {
            left: 196px;
            top: 417px;
        }

        .electricity {
            left: 276px;
            top: 417px;
        }

        .climate {
            left: 350px;
            top: 417px;

        }

        .tax {
            left: 428px;
            top: 388px;

        }

        .ngo {
            left: 495px;
            top: 344px;

        }

        .banking {
            left: 526px;
            top: 271px;

        }

        .agri {
            left: 530px;
            top: 188px;

        }

        .gas {
            left: 532px;
            top: 112px;

        }

        .insurance {
            left: 496px;
            top: 51px;

        }

        .others {
            left: 439px;
            top: 0px;
        }

        .icon_image {
            position: absolute;
            top: 204px;
            left: 98px;
        }

        .button_image {
            position: absolute;
            top: 487px;
            left: 231px;

        }



        @media screen and (max-width: 600px) {
            .container-survey {
                width: 100%;
                height: 861px;
                margin: 0 auto;

            }

            .icon_container {
                left: -16px;
                top: 57px;
                position: relative;
            }
            

            .bag_image {
                left: 86px;
                width: 185px;
                top: 86px !important;
            }

            .heading_image {
                top: 50px;
                left: 63px;
                width: 226px;
            }

            .law {
                left: 32px;
                top: 12px;
            }

            .passport {
                left: 50px;
                top: 59px;
            }

            .brta {
                left: 44px;
                top: 116px;
            }

            .court {
                left: 30px;
                top: 172px;
            }

            .health {
                left: 23px;
                top: 224px;
            }

            .local {
                left: 19px;
                top: 285px;
            }

            .land {
                left: 28px;
                top: 361px;
            }

            .education {
                left: 93px;
                top: 361px;
            }

            .electricity {
                left: 152px;
                top: 362px;
            }

            .climate {
                left: 211px;
                top: 369px;
            }

            .tax {
                left: 283px;
                top: 367px;
            }

            .ngo {
                left: 292px;
                top: 306px;
            }

            .banking {
                left: 293px;
                top: 250px;
            }

            .agri {
                left: 292px;
                top: 187px;
            }

            .gas {
                left: 295px;
                top: 121px;
            }

            .insurance {
                left: 290px;
                top: 61px;
            }

            .others {
                left: 282px;
                top: 0px;
            }

            .button_image {
                position: absolute;
                top: 297px;
                left: 103px;
                width: 180px;
            }


        }