.ghyam-section {

    padding: 50px 20px!important;

    text-align: center !important;

}
 
    .ghyam-section h2 {

        font-size: 30px!important;

        font-weight: 700!important;

        margin-bottom: 40px!important;

    }
 
.slider-wrapper {

    position: relative!important;

    max-width: 1200px!important;

    margin: auto!important;

}
 
.slider-container {

    overflow: hidden!important;

}
 
.slider {

    display: flex!important;

    gap: 20px!important;

    transition: transform 0.5s ease!important;

}
 
/* Card */
 
.gyancard {

    flex: 0 0 calc(25% - 18px)!important;

    background: #fff!important;

    border-radius: 14px!important;

    /* box-shadow: 0 8px 20px rgba(0,0,0,0.12); */

    overflow: hidden!important;

    height: 280px!important;

    display: flex!important;

    flex-direction: column!important;

    border: 1px solid #e0e0e0!important;

}
 
 
.img-box {

    height: 242px !important; /* Image area same */

    background: #e0e0e0!important;

}
 
.gyancard-body {

    padding: 16px!important;

    display: flex!important;

    flex-direction: column!important;

    justify-content: space-between!important; /* Read more niche stable */ /*

    height: 100%;*/

}
 
    .gyancard-body p {

        font-size: 15px!important;

        font-weight: 600!important;

        line-height: 1.4!important;

        text-align: left!important;

        display: -webkit-box!important;

        -webkit-box-orient: vertical!important;

        -webkit-line-clamp: 2!important; /* 👈 Maximum 2 lines */
 
        overflow: hidden!important;

        cursor: pointer!important;

        min-height: calc(1.4em * 2)!important; /* 👈 2 line ni fixed height */

    }
 
 
    .gyancard-body a {

        color: #ff6f3c!important;

        font-weight: 600!important;

        text-decoration: none!important;

    }
 
a:hover {

    color: #ff6f3c !important!important;

}
 
/* Arrow Buttons */
 
.nav-btn {

    position: absolute!important;

    top: 50%;

    transform: translateY(-50%)!important;

    width: 44px!important;

    height: 44px!important;

    border-radius: 50%!important;

    border: none!important;

    cursor: pointer!important;

    font-size: 20px!important;

    background: #d9d9d9!important;

    z-index: 5!important;

}
 
    .nav-btn.prev {

        left: -55px!important;

        background: #ff6f3c!important;

        color: #fff!important;

        display: none!important;

    }
 
    .nav-btn.next {

        right: -55px!important;

        background: #ff6f3c!important;

        color: #fff!important;

    }
 
/* View More Button */
 
.view-more {

    margin-top: 35px!important;

    background: #ff6f3c!important;

    color: #fff!important;

    border: none!important;

    padding: 13px 36px!important;

    border-radius: 6px!important;

    font-size: 14px!important;

    cursor: pointer!important;

}
 
/* Responsive */
 
@media (max-width: 992px) {
 
    .gyancard {

        flex: 0 0 calc(50% - 12px)!important;

    }

}
 
@media (max-width: 576px) {
 
    .gyancard {

        flex: 0 0 100%!important;

    }

}
 
@media (max-width: 576px) {
 
    .slider {

        gap: 0!important; /* 👈 IMPORTANT */

    }
 
    .gyancard {

        flex: 0 0 100%!important;

    }
 
    .nav-btn.prev {

        left: 5px!important;

    }
 
    .nav-btn.next {

        right: 5px!important;

    }

}
 
.gyansection {

    padding: 40px 20px!important;

    max-width: 1200px!important;

    margin: auto!important;

}
 
    .gyansection h2 {

        margin-top: 0rem!important;

        text-align: center!important;

        /* margin-bottom: 30px; */

        font-size: 30px!important;

    }
 
/* GRID */
 
.cards-grid {

    display: grid;

    grid-template-columns: repeat(4,1fr);

    gap: 20px;

}
 
/* RESPONSIVE */
 
@media(max-width:992px) {
 
    .cards-grid {

        grid-template-columns: repeat(2,1fr);

    }
 
    .gyansection h2 {

        margin-top: 2rem;

        text-align: center;

        /* margin-bottom: 30px; */

        font-size: 30px;

    }

}
 
@media(max-width:576px) {
 
    .cards-grid {

        grid-template-columns: 1fr;

    }
 
    .gyansection h2 {

        margin-top: 2rem;

        text-align: center;

        /* margin-bottom: 30px; */

        font-size: 30px;

    }

}
 
.header img {

    height: 36px;

}
 
/* MAIN SECTION */
 
.detail-section {

    max-width: 1200px;

    margin: auto;

    padding: 40px 20px;

}
 
/* TOP CONTENT */

.top-content {

    display: flex;

    gap: 40px;

    align-items: flex-start;

}
 
    .top-content img {

        width: 45%;

        border-radius: 6px;

    }
 
/*.content-block img {

    width: 45%;

    border-radius: 6px;

}

*/

.top-text {

    width: 55%;

}
 
    .top-text h1 {

        font-size: 28px;

        margin-bottom: 15px;

    }
 
    .top-text p {

        font-size: 15px;

        line-height: 1.7;

        color: #555;

    }
 
/* CONTENT BLOCK */

.content-block {

    margin-top: 35px;

}
 
    .content-block h3 {

        font-size: 20px;

        margin-bottom: 10px;

    }
 
    .content-block p {

        font-size: 15px;

        line-height: 1.7;

        color: #555;

    }
 
/* RESPONSIVE */

@media(max-width:992px) {

    .top-content {

        flex-direction: column;

    }
 
    .head {

        margin-top: 4rem;

    }
 
    /*.top-content img,*/

    .top-text {

        width: 100%;

    }
 
        .top-text h1 {

            font-size: 24px;

        }
 
    .content-block img {

        /* width: 45%; */

        width: 100%;

        /* border-radius: 6px; */

    }

}