@media (max-width:767px) {
    .payment-section .container img{ width: 80px; height: auto; }
    .hero-section .box-left h2.card-title { font-size: 30px; font-weight: 600; }
    .hero-section .box-left .hero-list { background-image: url('../img/main-mobile.png'); background-size: cover; background-position: center; border-radius: 10px !important; }
    section .box-left .hero-list li {color: white; margin: 14px 10px; }

    .how-works-section h2,
    .about-section h2,
    .Symptoms-section h2 { font-weight: 600; font-size: 28px; }
    .Symptoms-section .align-items-stretch .card img { height:214px; object-fit: cover; border-radius: 5px; }
    .how-works-section.one-block .card-body { padding: 0; margin-bottom: 10px; }
    .how-works-section.one-block h2 { font-weight: 700; font-size: 24px; }
    .how-works-section.one-block .btn-success { margin-bottom: 0 !important; }
    .how-works-section .align-items-stretch .text-start img,
    .Symptoms-section .container .align-items-stretch .card-body img { height: 188px; object-fit: cover; border-radius: 10px; }
    .Symptoms-section .container.card { border-radius: 12px; overflow: hidden; }
    .about-section .container.card .row { background-color: #0000009e; border-radius: 8px; }
    .reverse-column-mobile #how-works-section .container.card { background: transparent; border: 0; margin-bottom: 10px; }
    .reverse-column-mobile #how-works-section .container.card .align-items-stretch{ margin-bottom: 20px; border: 1px solid #C2C2C2; border-radius: 10px; overflow: hidden; }
    .reverse-column-mobile #how-works-section .container.card .align-items-stretch .top-minus{ margin-top: -10px; }
    section, footer { padding: 0 20px; }
    section#hero-section { padding: 0; }
    section#hero-section .card-body img.w-100{ height: 359px; object-fit: cover; border-radius: 10px; }
    section#hero-section .container.card { border: 0; border-radius: 0; }

    .how-works-section h4 { font-weight: 700; font-size: 42px; }

    .navbar-toggler { border: 0;}
    .navbar-toggler:focus { box-shadow: 0 0 0 0; }
    .navbar-nav .nav-item .nav-link { padding: 10px 20px 10px 2px; text-align: right; }
    .navbar .btn-success { width: 100%; margin-bottom: 10px;}
    .accordion-item { margin-bottom: 10px;border: 1px solid #C2C2C2 !important; }
    .accordion .accordion-item .accordion-header .accordion-button { font-size: 24px; font-weight: 500; }
    .accordion .accordion-item .accordion-header .accordion-button:focus { box-shadow: 0 0 0 0; }
    .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { background-color: transparent; color: inherit; }
    .accordion-item { border-radius: 10px; overflow: hidden; /* Ensures rounded corners are applied properly */ }
    .about-section .container.card .row h4 { color: white; font-weight: 600; font-size: 24px; }
    .accordion-body { padding: 10px 20px 10px 20px; }
    .accordion-body p{ margin-bottom: 0; }
}