 <style>
        @font-face {
            font-family: 'SolaimanLipi';
            src: url('font/SolaimanLipi.eot');
            src: url('font/SolaimanLipi.woff') format('woff'),
                 url('font/SolaimanLipi.ttf') format('truetype'),
                 url('font/SolaimanLipi.svg#SolaimanLipiNormal') format('svg'),
                 url('font/SolaimanLipi.eot?#iefix') format('embedded-opentype');
            font-weight: normal;
            font-style: normal;
        }

        * {
            margin: 0;
            padding: 0;
        }

        body {
            font-family: 'SolaimanLipi', Arial, sans-serif !important;
            box-shadow:
                rgba(0, 0, 0, 0.25) 0px 54px 55px,
                rgba(0, 0, 0, 0.12) 0px -12px 30px,
                rgba(0, 0, 0, 0.12) 0px 4px 6px,
                rgba(0, 0, 0, 0.17) 0px 12px 13px,
                rgba(0, 0, 0, 0.09) 0px -3px 5px !important;
        }

        .dp-s {
            background-color: rgb(64, 133, 88);
        }

        nav li:hover,
        .dp-s li a:hover {
            background-color: rgb(64, 153, 0) !important;
            text-align: center !important;
        }

        .fixed-top {
            top: -40px;
            transform: translateY(40px);
            transition: transform 0.3s;
        }

        .carousel img {
            height: 350px;
        }

        /* Headings styling */
        h1, h2, h3, h4, h5, h6 {
            color: rgb(255, 193, 6) !important;
            text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.12);
        }

        /* Site titles and text shadows */
        .site-title,
        .site-title2,
        .address,
        .description {
            text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.12);
        }

        p {
            text-indent: 50px;
            text-align: justify;
            letter-spacing: 1px;
            color: #d1d1d2;
        }

        .latest-btn:hover {
            box-shadow:
                rgba(0, 0, 0, 0.25) 0px 54px 55px,
                rgba(0, 0, 0, 0.12) 0px -12px 30px,
                rgba(0, 0, 0, 0.12) 0px 4px 6px,
                rgba(0, 0, 0, 0.17) 0px 12px 13px,
                rgba(0, 0, 0, 0.09) 0px -3px 5px !important;
        }

        /* Marquee links */
        marquee a {
            text-decoration: none;
            color: yellow;
        }

        /* Layout */
        .row {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: flex-start;
            padding: 2px;
        }

        .col-sm-8 {
            flex: 1 1 70%;
            max-width: 70%;
            padding: 10px;
        }

        .col-sm-4 {
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            padding: 10px;
        }

        .list-group-item {
            border: none;
            transition: background 0.3s ease-in-out;
        }

        .list-group-item:hover {
            background: rgb(221, 217, 217);
        }

        /* Responsive */
        @media (max-width: 750px) {
            .carousel img {
                height: 150px !important;
            }
        }

        @media (max-width: 992px) {
            .vital-link,
            .features {
                flex: 1 1 100%;
                max-width: 100%;
            }
        }

        @media (max-width: 768px) {
            .card {
                text-align: center;
            }

            .list-group-item {
                font-size: 14px;
            }
        }
    </style>