@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{
                width:100%;
                margin: auto;
            }
            .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(19, 47, 112, 0.788) solid;
                border-top-left-radius: 6px;
                border-top-right-radius: 6px;
            }
            .foot{
                text-align: center;
                background-color: rgba(19, 47, 112, 0.788);
                padding: 20px;
                color: #ffffff;
            }
            .head-item1 img{
                border-radius: 8px;
                width: 100px;

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