:root{
        --primary-color: #063176;
    }

    

    .cat-section{
        background: #ffffff;
    }

    .cat-heading{
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 8px;
        color: var(--primary-color);
    }

    /* Increased slogan size + quotes */
    .cat-slogan{
        font-size: 20px;
        font-style: italic;
        font-weight: 500;
        color: #333;
        margin-bottom: 20px;
        position: relative;
    }

    .cat-slogan::before{
        content: "“";
        font-size: 28px;
        color: var(--primary-color);
        margin-right: 5px;
    }

    .cat-slogan::after{
        content: "”";
        font-size: 28px;
        color: var(--primary-color);
        margin-left: 5px;
    }

    .sub-heading{
        font-size: 19px;
        font-weight: 600;
        margin-top: 25px;
        margin-bottom: 12px;
        color: var(--primary-color);
    }

    .cat-text{
        font-size: 15px;
        line-height: 1.7;
        
    }

    /* Custom bullet style */
    .cat-list{
        list-style: none;
        padding-left: 0;
    }

    .cat-list li{
        position: relative;
        padding-left: 22px;
        margin-bottom: 8px;
        font-size: 15px;
        line-height: 1.6;
       
    }

    .cat-list li::before{
        content: "•";
        position: absolute;
        left: 0;
        color: var(--primary-color);
        font-size: 20px;
        line-height: 1;
    }

    .cat-image{
        width: 100%;
    /*height: 60vh;*/  
   /* object-fit: cover;*/
    border-radius: 8px;
    /*padding-top:30px;*/
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  
	/*object-position: top; */
}
    }

    @media(max-width:768px){
        .cat-heading{
            font-size: 24px;
        }
        .cat-image{
            height: 280px;
            margin-bottom: 25px;
        }
    }