<style>
    .newslatterfont {
        font-family: sans-serif;
    }
    .temp{
        color:white;
    }
    .setsize {
        margin-right: 50px !important;
        padding-top: 20px;
    }
    .cs-subscribe-benefit {
        justify-content: space-between;
        align-items: flex-start;
        display: flex;
        background-color: white;
        margin-bottom: 50px;
        padding: 10px 150px 10px 150px;
    }

    .text-center {
        text-align: center !important;
    }

    .cs-sub-bft-item .cs-sub-item-img {
        width: 100px;
        height: 100px
    }

    @@media(min-width:320px) and (max-width:576px) {
        .cs-subscribe-benefit {
            justify-content: space-between;
            align-items: flex-start;
            display: flow-root !important;
            background-color: white;
            margin-bottom: 20px;
            padding: 10px 0px 10px 0px !important;
        }

        .cs-sub-bft-item .cs-sub-item-img {
            width: 200px;
            height: 200px
        }

        .img-fluid {
            max-width: 1000% !important;
        }
        .feature-about{
            margin-bottom:-100px;
        }
    }

    @@media(min-width:578px) and (max-width:1024px) {
        .cs-subscribe-benefit {
            justify-content: space-between;
            align-items: flex-start;
            display: flex !important;
            background-color: white;
            margin-bottom: 50px;
            padding: 10px 0px 10px 0px !important;
        }

        .cs-sub-bft-item .cs-sub-item-img {
            width: 80px;
            height: 80px
        }

        .img-fluid {
            max-width: 1000% !important;
        }
    }
        @@media only screen and (min-width: 0px) and (max-width: 1179px) {
		 .hardware-part img {height: auto;}
		 }

    #AppendBannerULList li{
        cursor:pointer;
    }

    .img_holder {
        background-size: cover;
        /* Ensures the image covers the container */
        background-position: center;
        /* Centers the image in the container */
        background-repeat: no-repeat;
        /* Prevents repeating of the image */
        height: 223px !important;
        /* Match the height of the image */
        width: 360px;
        /* Match the width of the image */
        position: relative;
        /* Allows positioning of overlay if needed */
    }

    .img_overlay {
        /* Optional overlay styling if needed */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        /* Example overlay color */
        opacity: 0;
        /* Make sure it doesn't show if not needed */
    }

    .img_holder a {
        display: block;
        height: 100%;
        width: 100%;
    }
</style>