body {
            font-family: Arial, sans-serif;
        }

        .imageDetail-title {
            font-size: 35px !important;
            font-family: Arial;
            display: flex;
            align-items: center;
        }

        .mainimageDetailpara {
            font-size: 22px;
            line-height:1.7;
            display: flex;
            justify-content: center;
            text-align: justify;
            font-weight: 400;
        }

        .mainimageDetail {
            font-size: 45px !important;
            display: flex;
            justify-content: center;
            font-family: Arial;
            margin-bottom: 10px;
            font-weight: bold;
        }

        .image-container {
            margin-top: 12%;
        }

        .imageDetail-title {
            font-size: 1rem;
            margin-bottom: 5px;
            line-height: 50px;
            font-weight: bold;
        }

        .imageDetail-para {
            font-size: 22px;
            line-height:1.7;
            font-weight: 400;
            text-align: justify;
        }

        .recentpost-heading {
            font-size: 1.5em;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .recent_post {
            display: flex;
            align-items: center;
        }

        .recent-image {
            width: 100px;
            height: 70px;
            object-fit: cover;
            border-radius: 5px;
            padding:10px;
        }

        .link-text {
            text-decoration: none;
            color: black;
            font-size: 1.2em;
        }

        .link-heading {
            margin-left: 15px;
            font-weight: bold;
        }

        .recommend {
            background-color:#90331c;
            border-radius: 10px;
            padding: 20px;
            text-align: center;
        }

        .subimageDetail {
            font-size: 1.5rem;
            line-height: 50px;
            font-weight: bold;
            color: #90331c;
        }
        @media only screen and (min-width: 767px) {
            .mainimageDetail{
                margin-top:12%;
            }
        }
        @media only screen and (max-width: 767px) {
            .mainimageDetailpara{
                font-size: 1rem;
            display: flex;
            padding:15px;
            justify-content: center;
            text-align: justify;
            font-weight: 200;
            }
            .mainimageDetail{
            font-size: 23px !important;
            display: flex;
            justify-content: center;
            font-family: Arial;
            margin-bottom: 5px;
            /* margin-top:40%; */
            font-weight: bold;
            } 
            .imageDetail-title {
                font-size: 19px !important;
            font-family: Arial;
            display: flex;
            line-height: 28px;
            align-items: center;
            } 
            .imageDetail-para{
                font-size: 15px;
              font-weight: 200;
            }
            .subimageDetail{
                font-size:15px;
            line-height: 25px;
            font-weight: bold;
            }
        }
        .link-text:hover{
            text-decoration: none;
            color:black;
            
        }
        @media (min-width: 576px) and (max-width:765px) {
        .container {
            max-width: fit-content;
        }
    }
    @media (min-width: 400px) and (max-width:520px) {
        .link-heading {
            font-size:16px;
        }
    }
    @media (max-width:399px) {
        .link-heading {
            font-size:12px;
        }
    }
    @media screen and (max-width:452.98px) {
    
        .image-container {
            margin-top: 36%;
        }
        }