.button {
            background-color: #d19c1d;
            border: none;
            color: white;
            padding: 10px 12px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
        }

        .button-1 {
            background-color: #d5e8e0;
            border: none;
            color: rgb(22, 21, 21);
            padding: 10px 12px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
        }

        .button-2 {
            background-color: #d19c1d;
            border: none;
            color: white;
            padding: 10px 12px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
        }

        .imghom-sec {
            width: 100%;
            display: block;
        }

        .div-txt {
            margin-top: 100px !important;
            margin-left: 120px !important;
        }

        .image-top {
            width: 40%;
            margin: 0;
            position: absolute;
            left: 55%;

       
        }

        .image-bottom {
            float: right;
            width: 90%;
            height: 450px;
        }

        .icon-yellow {
            width: 20%;
            padding-top: 100px;
            margin: 0;
            position: absolute;
            left: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-56%, -22%);
        }

        .btn-style {
            margin: 0;
            position: absolute;
            left: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
  
        @media only screen and (min-width: 768px) and (max-width:991px),
        only screen and (min-width: 576px) and (max-width: 767px),
        (max-width: 576px) {
            .btn-style {
                margin: 0;
                position: absolute;
                left: 50%;
                -ms-transform: translate(-50%, -50%);
                transform: translate(-58%, -60%);
            }
            .img_auto{
                height: auto;
            }
            .button-1 {
                margin-left: 32px;

            }

            .button-2 {
                margin-left: 32px;

            }

            .h1-txthom {
                font-size: 41px !important;
            }

            .p-txthom {
                color: #d19c1d !important;
            }

            .icon-yellow {
                width: 47%;
                padding-top: 100px;
                margin: 0;
                position: absolute;
                left: 53%;
                -ms-transform: translate(-50%, -50%);
                transform: translate(-56%, -22%);
            }

            .image-bottom {
                width: 100% !important;
                height: 450px;
            }

            .image-top {
                width: 61%;
                margin: 0;
                position: absolute;
                left: 49%;
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, 0%);
            }

            .div-txt {
                transform: translate(-16%, -8%) !important;

            }
        }