@charset "UTF-8";

body{
                font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                background-image: linear-gradient(0deg, #f4f4f49d, #ffffffdb), url("gallery-17.png");
                background-size: cover;
                background-repeat: no-repeat;
                background-position: top;
                background-attachment: fixed;
                margin: 0;
                padding: 0;
                width:100%;
                height: 100%;
            }
            .app-x{
                padding: 12px;
                width: 90%;
                margin: auto;
                text-align: center;
                margin-bottom: 50px;
            }
            .app-x span{
                font-weight: 800;
                font-size: 1.3rem;
                color:#fff;
                text-shadow: 1px 1px 10px #000;
            }
            .x-body{
                min-height: 400px;
                width: 90%;
                margin: auto;
            }
            .hm-banner-panel{
                width:100%;
                margin: auto;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-wrap: wrap;
                gap: 10px;
            }
            .hm-banner img{
                width:100%;
                object-fit: contain;
                border-radius: 8px;
            }
            .h-card{
                margin:auto;
                width:50%;
                margin: 60px auto;
                background-color: #fff;
                padding:30px;
                text-align: center;
                border-bottom: 10px rgba(210, 163, 7, 0.788) solid;
                border-top-left-radius: 6px;
                border-top-right-radius: 6px;
            }
            .htitle{
                font-size: 2rem;
                text-align: center;
                color: #72531a;
                margin: 25px 0;
            }
            .foot{
                text-align: center;
                background-color: rgba(66, 77, 4, 0.788);
                padding: 20px;
                color: #ffffff;
            }
            .head-item1{
               text-decoration: none;
               font-size: 2rem;
               color:#e59603;


            }
            @media screen and (max-width: 768px) {
                 .h-card{
                width:90%;
                 padding:15px;
              
            }
            }