body {
            font-family: 'Open Sans', sans-serif;
            color: #334E68;
            background-color: #F0F4F8;
        }

        .blog-card {
            background: #ffffff;
            border-radius: 20px;
            box-shadow: 0 10px 25px rgba(33, 76, 114, 0.05);
            padding: 3.5rem;
            margin-top: -4rem;
            position: relative;
            z-index: 10;
           
        }

        @media (max-width: 768px) {
            .blog-card {
                padding: 1.75rem;
                margin-top: -2rem;
            }
        }

        .header-accent-bg {
            background: linear-gradient(135deg, #1E4E79 0%, #286ea5 100%);
            padding: 8rem 0 10rem 0;
            color: #ffffff;
        }

        .prat  {
            font-size: 2.85rem !important;
            font-weight: 800 !important;
            letter-spacing: -0.02em;
            line-height: 1.25;
        }

        h2.asizes, h3.asizes, h4.asizes {
            font-size: 1.65rem !important;
            font-weight: 700 !important;
            color: #1E4E79 !important;
            margin-top: 2.5rem;
            margin-bottom: 1.25rem;
        }

        h3.asizes, h4.asizes {
            font-size: 1.35rem !important;
            color: #286ea5 !important;
            margin-top: 2rem;
        }

        .title-underline {
            height: 4px;
            width: 70px;
            background-color: #38A169;
            border-radius: 2px;
            margin: 1.25rem 0 2rem 0;
        }

        p {
            line-height: 1.85;
            color: #486581;
            font-weight: 400;
            font-size: 1.05rem;
        }

        ul {
            padding-left: 1.25rem;
        }

        ul li {
            margin-bottom: 0.65rem;
            font-weight: 500;
            color: #334E68;
        }

        .custom-main-img {
            max-height: 420px;
            object-fit: cover;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
            border: 6px solid #ffffff;
            transition: transform 0.3s ease;
        }

        .custom-main-img:hover {
            transform: scale(1.01);
        }

        .faq-section {
            max-width: 100% !important;
            margin-top: 3rem;
        }

        .faq-item {
            border-radius: 8px;
            overflow: hidden;
            margin-bottom: 0.75rem;
            box-shadow: 0 4px 6px rgba(0,0,0,0.02);
        }

        .faq-question {
            width: 100%;
            padding: 1.15rem 1.5rem !important;
            text-align: left;
            font-size: 1.1rem !important;
            font-weight: 700 !important;
            background: #286ea5 !important;
            color: #ffffff !important;
            border: none;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background 0.2s ease;
        }

        .faq-question:hover {
            background: #1E4E79 !important;
        }

        .faq-answer {
            display: none;
            padding: 1.5rem !important;
            background: #F0F4F8 !important;
            border-left: 4px solid #38A169 !important;
        }

        .faq-answer p {
            margin-bottom: 0;
            color: #243E56;
        }