/* ==================Start Media Queries================= */
/* Min width*/

@media (min-width: 576px) {
    .insights-feature-content {
        padding: 34px;
    }

    .btn {
        --bs-btn-font-size: 1.125rem;
    }
}


@media (min-width: 768px) {
    :root {
        --container-padding: 34px;
        --h1-font-size: 32px;
        --h2-font-size: 30px;
        --h3-font-size: 20px;
        --h4-font-size: 18px;
        --h5-font-size: 16px;
        --h6-font-size: 14px;
    }

    .insights-feature-content {
        padding: 45px 50px;
    }

    .insight-grid-card .card-text {
        font-size: 18px;
    }

    .insights-feature-img-wrapper {
        border-radius: var(--bs-border-radius) 0 0 var(--bs-border-radius);
    }

    .archive-card .card-title {
        font-size: 16px;
    }

}

@media (min-width: 992px) {
    :root {
        --container-padding: 48px;
    }

    .navbar-brand img {
        height: 30px;
    }

    .offcanvas-lg.reports-sidebar {
        position: sticky;
        top: 124px;
        height: calc(100vh - 124px);
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
        z-index: 10;
        flex-shrink: 0;
    }

    .insights-feature-content {
        padding: 50px 60px;
    }

    .insights-detail-body {
        padding: 60px 0;
    }

    .reports-header,
    .reports-chart-body,
    .reports-footer {
        padding-left: 25px;
        padding-right: 25px;
    }

    .reports-header {
        padding-top: 25px;
        padding-bottom: 15px;
    }

    .reports-footer {
        padding-top: 15px;
        padding-bottom: 25px;
    }

    .filter-header,
    .filter-body,
    .filter-footer {
        padding-left: 25px;
        padding-right: 25px;
    }

    .filter-header {
        padding-top: 25px;
        padding-bottom: 15px;
    }

    .filter-footer {
        padding-top: 15px;
        padding-bottom: 25px;
    }
}

@media (min-width: 1200px) {
    :root {
        --container-padding: 65px;
    }

    .hero-box {
        padding: 34px;
    }

    .hero-box h1,
    .hero-box p,
    .hero-box ul {
        margin-bottom: 1.5rem;
    }

    .hero-box ul li::before {
        width: 8px;
        height: 8px;
        top: 7px;
    }


    .analyses-card .card-body {
        max-width: 280px;
    }

    .analyses-card .card-icon {
        width: 134px;
        height: 134px;
        margin-bottom: 30px !important;
    }

    .country-coverage-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .explore-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .modal-title {
        font-size: 24px !important;
    }

    .insights-feature-content {
        padding: 60px 60px 60px 80px;
    }

    .archive-main {
        padding-top: 60px !important;
        padding-bottom: 80px !important;
    }

    .archive-card .card-title {
        font-size: 18px;
    }

    .page-wrapper {
        --sidebar-width: 340px;
    }

    .page-content-area {
        padding: 40px var(--container-padding) 40px 40px;
    }

    .insights-detail-content {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    .report-title {
        font-size: 24px !important;
    }

    .reports-header,
    .reports-chart-body,
    .reports-footer {
        padding-left: 30px;
        padding-right: 30px;
    }

    .reports-header {
        padding-top: 35px;
        padding-bottom: 25px;
    }

    .reports-footer {
        padding-top: 25px;
        padding-bottom: 30px;
    }

    .filter-header,
    .filter-body,
    .filter-footer {
        padding-left: 30px;
        padding-right: 30px;
    }

    .filter-header {
        padding-top: 35px;
        padding-bottom: 25px;
    }

    .filter-footer {
        padding-top: 25px;
        padding-bottom: 30px;
    }

}

@media (min-width: 1400px) {
    :root {
        --container-max-width: 1235px;
    }

    .g-xxl-4_5,
    .gy-xxl-4_5 {
        --bs-gutter-y: 2.5rem;
    }

    .g-xxl-4_5,
    .gx-xxl-4_5 {
        --bs-gutter-x: 2.5rem;
    }

    .report-analyses-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .analyses-card .card-icon {
        margin-bottom: 40px !important;
    }

    .framework-content h3 {
        margin-bottom: 25px;
    }

    .framework-content ul {
        margin-bottom: 25px;
    }

    .country-coverage-section {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .explore-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .insights-feature-content {
        padding: 70px 80px;
    }

    .archive-card .card-title {
        font-size: 20px;
    }
}

@media (min-width: 1600px) {
    :root {
        --container-max-width: 1300px;
    }

    .insights-detail-body {
        padding: 100px 50px;
    }

    .modal-xl {
        --bs-modal-width: 1240px;
    }

}

@media (min-width: 1800px) {
    :root {
        --container-padding: 80px;
        --container-max-width: 1460px;
        --body-font-size: 20px;
        --h1-font-size: 40px;
        --h2-font-size: 32px;
        --h3-font-size: 24px;
        --h4-font-size: 22px;
        --h5-font-size: 20px;
        --h6-font-size: 18px;
    }

    .modal-xl {
        --bs-modal-width: 1440px;
    }

    .hero-box {
        padding: 50px;
    }

    .insights-feature-content {
        padding: 80px 110px 80px 150px;
    }

    .insight-grid-card .card-text {
        font-size: 22px;
    }

    .insights-detail-body {
        padding-left: 90px;
        padding-right: 90px;
    }

    .modal-input-group .login-icon {
        width: 34px;
        height: 34px;
    }

    .modal-input-group .form-control {
        padding-left: 3.2rem;
    }

    .form-control {
        padding: 16px 0 14px;
    }

    .my-account-content,
    .my-account-img {
        width: 50%;
    }

    .report-title {
        font-size: 32px !important;
    }

}



/* Max width*/
@media (max-width: 1440px) {}

@media (max-width: 1199.99px) {}

@media (max-width: 991.98px) {
    .page-layout-fixed {
        height: auto !important;
        overflow: visible !important;
    }

    .reports-card {
        flex-direction: column !important;
        height: auto !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .reports-filter-panel {
        width: var(--sidebar-width);
        height: calc(100vh - 120px);
        position: fixed;
        right: 0;
        top: 120px;
        transform: translateX(100%);
        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 1045;
    }

    .reports-filter-panel.open {
        transform: translateX(0);
    }

    .sidebar-toggle-btn.sidebar-filter-toggle {
        top: 42px;
    }

    .sidebar-toggle-btn {
        --toggle-btn-width: 22px;
        background-color: var(--bs-secondary);
        color: #ffffff;
    }

    .sidebar-toggle-btn:hover {
        background-color: var(--bs-secondary);
        color: var(--bs-primary);
    }
}

@media (max-width: 767.98px) {
    .hero-section {
        min-height: auto;
    }

    .page-sidebar {
        transform: translateX(-100%);
        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 1045;
    }

    body.sidebar-open .page-sidebar {
        transform: translateX(0);
    }

    .sidebar-toggle-btn.sidebar-menu-toggle {
        top: 42px;
    }

    /* Sidebar Overlay for Mobile */
    #sidebar-overlay {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.2);
        z-index: 1045;
    }

    body.sidebar-open #sidebar-overlay {
        display: block;
    }

    .page-content-area {
        margin-left: 0 !important;
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
    }

    .posted-by {
        font-size: 18px;
    }
}

@media (max-width: 575.98px) {
    .posted-by {
        font-size: 16px;
    }
}

/* ==================End Media Queries================= */