.single-wrapper {
    display: flex;
    gap: 30px;
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 50px;
   
}
  .single-container img{
                height: 421px;
    width: 100%;
            }
/* LEFT CONTENT */
.single-container {
    width: 70%;
}

.single-container .banner {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 20px;
   
}

.single-container h1 {
    font-size: 32px;
    color: #222;
    margin-bottom: 15px;
    text-align: justify !important;
}
.single-container .content {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 30px;
    text-align: justify !important;
    text-justify: inter-word;
    padding: 10px;
}
.content {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 30px;
    text-align: justify !important;
    text-justify: inter-word;
    padding: 10px;
}
.back-btn {
    display: inline-block;
    padding: 10px 20px;
    background: #444;
    color: #fff;
    border-radius: 5px;
}

/* RIGHT SIDEBAR FIXED */
.sidebar {
    width: 30%;
    position: sticky;
    top: 20px;
    height: fit-content;
}

.sidebar h3 {
    font-size: 22px;
    margin-bottom: 20px;
    border-left: 4px solid #444;
    padding-left: 10px;
}

.side-blog {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.side-blog img {
    width: 80px;
    height: 60px;
    object-fit: cover;
    border-radius: 5px;
}

.side-blog p {
    font-size: 16px;
    color: #222;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .single-wrapper {
        flex-direction: column;
        /* padding-left: 50px; */
         padding: 0 50px;
    }
    .single-container, .sidebar {
        width: 100%;
    }
    .sidebar {
        position: relative;
        top: 0;
    }
}

        /* Back Button */
        .back-btn{
            display:inline-block;
            margin-top:20px;
            padding:10px 16px;
            background:#000;
            color:#fff;
            text-decoration:none;
            border-radius:8px;
        }

        .back-btn:hover{
            background:#444;
        }

        /* Responsive */
        @media(max-width:480px){
            .single-container img{
                height:220px;
            }
            .single-container h1{
                font-size:24px;
            }
             .single-wrapper {
        flex-direction: column;
        /* padding-left: 50px; */
         padding: 0 50px;
    }
        }