@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

:root {
    --royal-violet: #672C91;
    --pale-lavender: #EDE2F6;
    --turquoise-blue: #00A6B5;
    --slate-purple: #5C4DB1;
    --heading: #00142E;
    --text: #252525;
    --text-opactiy: rgba(37, 37, 37, 0.8);

    /* Font Family */
    --font-asap: "Asap", sans-serif;
    --font-open-sans: "Open Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
    margin: 0;
}

img {
    width: 100%;
    height: auto;
}

a {
    text-decoration: unset;
    color: unset;
    transition: all 0.3s ease;
}

.container {
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
}
/* Hero Section */
.main-hero-section {
    padding: 170px 0 80px;
    background-image: url('https://49278522.fs1.hubspotusercontent-na1.net/hubfs/49278522/raw_assets/public/Carebox_March_2025/images/report-images/hero-bg.png'), linear-gradient(184.23deg, #EDE2F6 0.33%, #EDE2F6 40.56%, #FFFFFF 96.65%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
}
header.header.cmHeader .primary-section{
padding:20px 15px !important;
}
.cmHeader .nav>nav>ul .header__menu-item--depth-1>a
 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
header.header .button-section-container{
gap:5px !important}
@media(min-width:1200px){
  .main-hero-section { padding-bottom: 280px; }
  .condition-section { margin-top: -200px; }
}
.main-hero-section::before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 83.5px;
    background-image: linear-gradient(180deg, #fff0 0%, #fff 100%);
    backdrop-filter: blur(20px);
}

.main-hero-section .company-badge-wrpper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 40px;

}

.main-hero-section .company-badge-wrpper span {
    color: var(--text-opactiy);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    font-family: var(--font-open-sans);
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid var(--royal-violet);
    background-color: #fff;
}

.main-hero-section h1.hero-heading {
    color: var(--heading);
    font-family: var(--font-asap);
    font-size: 50px;
    line-height: 1.1;
    font-weight: 600;
    margin: 0;
}

.main-hero-section .hero-stats-wrapper {
    display: flex;
    justify-content: stretch;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 50px;
}

.hero-stats-wrapper .hero-stats-card {
    width: calc((100% - 60px) / 4);
    padding: 30px;
    background-color: #fff;
    border: 1px solid #EDE2F6;
    box-shadow: 0px 10px 22px 0px #0000000D;
    border-radius: 20px;
    position: relative;
}

.hero-stats-wrapper .hero-stats-card .card {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 12px;
}

.hero-stats-wrapper .hero-stats-card .card-icon {
    max-width: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #EDE2F6;
    aspect-ratio: 1;
    border: 0.56px solid #E5EBEB;
}

.hero-stats-wrapper .hero-stats-card .card-icon svg {
    max-width: 24px;
    height: auto;
}

.hero-stats-wrapper .hero-stats-card .stats-number {
    color: var(--text);
    font-size: 32px;
    font-family: var(--font-open-sans);
    line-height: 1;
    font-weight: 600;
    margin: 0;
}

.hero-stats-wrapper .hero-stats-card .card-content .card-description {
    margin: 14px 0 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: var(--text);
    font-family: var(--font-open-sans);
}

.hero-stats-wrapper .hero-stats-card .card-content .number-increased {
    position: absolute;
    z-index: 2;
    color: #007A39;
    font-size: 14px;
    font-family: var(--font-open-sans);
    line-height: 1;
    font-weight: 600;
    top: 25px;
    right: 20px;
}

/* .condition-section */
.condition-section {
    padding: 20px 0 100px;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #0000001A;
}

.condition-section h2 {
    color: var(--heading);
    font-size: 50px;
    font-weight: 600;
    line-height: 1.1;
    font-family: var(--font-asap);
    text-align: center;
    margin: 0;
}

.condition-section p {
    font-family: var(--font-open-sans);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-transform: capitalize;
    color: rgba(37, 37, 37, 0.8);
    margin: 30px 0 0;
    text-align: center;
}

.condition-section .condition-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 50px;
}

.condition-section .condition-wrapper .condition-card {
    width: calc((100% - 20px)/2);
    background: #FFFFFF;
    border: 1px solid #EDE2F6;
    box-shadow: 0px 10px 22px 0px #0000000D;
    border-radius: 20px;
    padding: 25px;
}

.condition-section .condition-card .stats-content p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 0;
    border-top: 1px solid #672C911F;
    font-family: var(--font-open-sans);
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    color: var(--text);
    margin: 0;
    text-align: left;
}

.condition-section .condition-card .stats-content:first-child p {
    padding-top: 0;
    border-top: none;
}

.condition-section .condition-card .stats-content:last-child p {
    padding-bottom: 0;
}

.condition-section .condition-wrapper .condition-card p .stats-number {
    font-weight: 700;
    color: #672C91;
}

.condition-section .report-action-wrap {
    width: 100%;
    max-width: 180px;
    margin: 50px auto 0;
}

.condition-section .report-action-wrap button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    color: var(--royal-violet);
    border-radius: 50px;
    border: 1px solid var(--royal-violet);
    padding: 20px 5px;
    background-color: #fff;
    transition: all 0.3s ease;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--font-open-sans);
}

.condition-section .report-action-wrap button:hover {
    background-color: var(--royal-violet);
    color: #fff;
}

/* summary-section */
.summary-section {
    padding: 100px 0;
}

.summary-section h2 {
    color: var(--heading);
    font-size: 50px;
    font-weight: 600;
    line-height: 1.1;
    font-family: var(--font-asap);
    text-align: center;
}

.summary-section .summary-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 50px;
}

.summary-section .summary-wrapper .summary-card {
    width: calc((100% - 20px)/2);
    background: #FFFFFF;
    border: 1px solid #EDE2F6;
    box-shadow: 0px 10px 22px 0px #0000000D;
    border-radius: 20px;
}

.summary-section .summary-wrapper h3 {
    color: var(--heading);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    font-family: var(--font-asap);
    padding: 25px;
    background-color: #F8F6FA;
    border-radius: 20px 20px 0 0;
    border-bottom: 1px solid #EDE2F6;
}

.summary-section .summary-wrapper .content-wrapper {
    padding: 0 30px;
}

.content-wrapper .stats-content:first-child p {
    border-top: none !important;
}

.summary-section .summary-wrapper .stats-content p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 0;
    border-top: 1px solid #672C911F;
    font-family: var(--font-open-sans);
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    color: var(--text);
    margin: 0;
}

.summary-section .summary-wrapper .summary-card p .stats-number {
    font-weight: 700;
    color: #672C91;
}


.summary-section .legend-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 40px 0 30px;
}

.summary-section .legend-header h4 {
    font-family: var(--font-asap);
    font-weight: 600;
    font-size: 26px;
    color: var(--heading);
    margin: 0;
}

.summary-section .legend-item {
    padding: 20px 0;
    border-top: 1px solid #eee;
}

.summary-section .legend-item:first-of-type {
    border-top: none;
}

.summary-section .content {
    display: flex;
    gap: 10px;
}

.summary-section .content .dot {
    width: 10px;
    height: 10px;
    background: #672C91;
    border-radius: 50%;
    margin-top: 6px;
}

.summary-section .content h5 {
    font-family: var(--font-asap);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
    color: var(--heading);
    margin: 0;
}

.summary-section .legend-item p {
    margin: 15px 0 0;
    font-family: var(--font-open-sans);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--text);
}

/* activity-section */
.activity-section {
    padding: 100px 0;
    background-color: #F8F3FB;
}

.activity-section h2 {
    font-family: var(--font-asap);
    font-weight: 600;
    font-size: 50px;
    line-height: 1.2;
    color: var(--heading);
    text-align: center;
}

.activity-section .text { text-align: center; }

.activity-section .accordion-wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-top: 50px;
}

.activity-section .accordion-item {
    background-color: #FFF;
    cursor: pointer;
    width: 100%;
    border: 1px solid #EDE2F6;
    border-radius: 20px;
    cursor: default;
}

.activity-section .accordion {
    background-color: #F8F6FA;
    cursor: pointer;
    width: 100%;
    border-radius: 20px;
    transition: 0.4s;
    text-align: left;
    font-family: var(--font-asap);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    color: var(--heading);
    padding: 25px 30px;
    border-bottom: none;
}

.activity-section .active,
.accordion {
    border-radius: 20px 20px 0 0;
    border: none;
}

.activity-section .accordion.active+.panel {
    padding: 20px;
}

.activity-section .panel {
    /* padding: 20px; */
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    border-radius: 20px;
}

.activity-section .panel .pannel-card {
    border: 1px solid #EDE2F6;
    border-radius: 20px;
}

.activity-section .panel .pannel-title h3 {
    color: var(--heading);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    font-family: var(--font-asap);
    padding: 25px;
    background-color: #F8F8F8;
    border-radius: 20px 20px 0 0;
    border-bottom: 1px solid #EDE2F6;
    margin: 0;
}

.activity-section .panel .content-wrapper {
    padding: 0 30px;
}

.content-wrapper .stats-content:first-child p {
    border-top: none;
}

.activity-section .panel .stats-content p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 0;
    border-top: 1px solid #672C911F;
    font-family: var(--font-open-sans);
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    color: var(--text);
    margin: 0;
}

.activity-section .panel p .stats-number {
    font-weight: 700;
    color: #672C91;
    min-width: fit-content;
}

.activity-section .accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.activity-section .accordion .icon {
    transition: transform 0.3s ease;
    transform: rotate(180deg);
}

.activity-section .accordion.active .icon {
    transform: rotate(0deg);
}

/* partner-section */
.partner-section {
    padding: 100px 0;
}

.partner-section h2 {
    font-family: var(--font-asap);
    font-weight: 600;
    font-size: 50px;
    line-height: 1.2;
    color: var(--heading);

}

.partner-section .monthly-insight-wrapper {
    margin-top: 30px;
    padding: 10px 0 10px 30px;
    border-left: 1px solid #662C91;
    max-width: 990px;
    width: 100%;
}

.partner-section .monthly-insight-wrapper p {
    font-family: var(--font-open-sans);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: rgba(37, 37, 37, 0.8);
    text-transform: capitalize;
    margin: 0;
}

.partner-section .logo-wrapper {
    margin-top: 50px;
    display: flex;
    justify-content: stretch;
    flex-wrap: wrap;
    gap: 20px;
}

.partner-section .logo-wrapper .logo-item {
    width: calc((100% - 60px) / 4);
    min-height: 100px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #EDE2F6;
    background-color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.partner-section .logo-wrapper .logo-item:hover {
    background-color: #F8F6FA;
}

.partner-section .logo-wrapper .logo-item img {
    width: auto;
}

/*  .trail-overview-section */
.trail-overview-section {
    padding: 100px 0;
    background-color: #F8F3FB;
}

.trail-overview-section h2 {
    color: var(--heading);
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    font-family: var(--font-asap);
    text-align: center;
    width: 100%;
    max-width: 700px;
    margin: 0 auto 30px;
}

.trail-overview-section p {
    font-family: var(--font-open-sans);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: rgba(37, 37, 37, 0.8);
    text-transform: capitalize;
    margin: 0;
}

.trail-overview-section .disease-legend {
    color: var(--text);
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
    font-family: var(--font-open-sans);
}

.disease-reports-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
}

.disease-reports-wrapper .disease-report-card {
    padding: 24px;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #EDE2F6;
    box-shadow: 0px 10px 22px 0px #0000000D;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.disease-reports-wrapper .disease-report-card .report-content-wrap {
    width: calc(100% - 200px);
}

.disease-report-card .report-content-wrap .report-title-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.disease-report-card .report-content-wrap .report-title-wrap .circle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #292D32;
}

.disease-report-card .report-content-wrap .report-title-wrap h3 {
    font-weight: 700;
    font-size: 16px;
    font-family: var(--font-open-sans);
    line-height: 1.2;
    text-transform: capitalize;
    width: calc(100% - 24px);
    margin: 0;
}

.disease-report-card .report-content-wrap .report-number {
    margin: 16px 0 0;
    color: var(--royal-violet);
    font-weight: 700;
    font-family: var(--font-open-sans);
    font-size: 12px;
    line-height: 1;
    text-align: left;
}

.disease-report-card .report-action-wrap {
    max-width: 180px;
    width: 100%;
}

.disease-report-card .report-action-wrap a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    color: var(--royal-violet);
    border-radius: 50px;
    border: 1px solid var(--royal-violet);
    padding: 20px 5px;
    background-color: #fff;
    transition: all 0.3s ease;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--font-open-sans);
}

.disease-report-card .report-action-wrap a:hover {
    background-color: var(--royal-violet);
    color: #fff;
}

/* request-analysis-section */
.request-analysis-section {
    padding: 100px;
    background-image: url(https://49278522.fs1.hubspotusercontent-na1.net/hubfs/49278522/raw_assets/public/Carebox_March_2025/images/report-images/request-analysis-section-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-color: #F8F3FB;
}
.request-analysis-section .top_sec .btn_row_wrap { 
  display: none;
}
.request-analysis-section h2 {
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.1;
    font-family: var(--font-asap);
    text-align: center;
    margin: 0;
}

.request-analysis-section .cta-banner-content-wrap p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 30px;
    font-family: var(--font-open-sans);
    text-align: center;
    margin-bottom: 0;
}

.request-analysis-section .cta-action-wrap {
    max-width: 155px;
    width: 100%;
    margin: 33px auto 0;
}
.request-analysis-section .cta-action-wrap div { width: 100%; }
.request-analysis-section .cta-action-wrap a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    color: var(--royal-violet);
    border-radius: 50px;
    border: 1px solid var(--royal-violet);
    padding: 24px 5px;
    background-color: #fff;
    transition: all 0.3s ease;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--font-open-sans);
}

.request-analysis-section .cta-action-wrap a:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}

.trail-overview-section .reports-tabs-wrapper {
    margin-top: 50px;
}

.trail-overview-section .reports-tabs-wrapper .tab-nav-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.trail-overview-section .tab-nav-wrapper .TabDropdownToggle { 
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  border: 1px solid #672C91;
  border-radius: 50px;
  font-size: 16px;
}
.trail-overview-section .tab-nav-wrapper .TabDropdownToggle span {
  line-height: 1;
}
.trail-overview-section .tab-nav-wrapper .TabDropdownToggle .DownArrow { height: 24px; transition: all 0.3s ease-in-out; }
.trail-overview-section .tab-nav-wrapper .TabDropdownToggle.open .DownArrow { transform: rotate(180deg); }
.trail-overview-section .reports-tabs-wrapper nav.cb-tabs-nav {
    padding: 8px;
    border-radius: 100px;
    border: 1px solid #EDE2F6;
    background-color: #fff;
    box-shadow: 0px 10px 22px 0px #0000000D;
    display: inline-flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 2px;
    margin: 0 auto;
    white-space: nowrap;
    overflow-x: auto;
    max-width: 100%;
}

.trail-overview-section .reports-tabs-wrapper nav.cb-tabs-nav .cb-tab-btn {
    border-radius: 50px;
    padding: 10px 18px;
    border: none;
    outline: none;
    box-shadow: none;
    color: #373A36;
    background-color: #fff;
    font-family: var(--font-asap);
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.trail-overview-section .reports-tabs-wrapper nav.cb-tabs-nav .cb-tab-btn.active,
.trail-overview-section .reports-tabs-wrapper nav.cb-tabs-nav .cb-tab-btn:hover {
    background-color: var(--royal-violet);
    color: #fff;
}

.trail-overview-section .reports-tabs-wrapper .reports-tabs-content-wrap {
    margin-top: 50px;
}

.trail-overview-section .reports-tabs-wrapper .reports-tabs-content-wrap .cb-tab-content {
    display: none;
}

.trail-overview-section .reports-tabs-wrapper .reports-tabs-content-wrap .cb-tab-content.active {
    display: block;
}

.trail-overview-section .reports-tabs-wrapper .reports-tabs-content-wrap .cb-tab-content .load-more-btn-wrap {
    text-align: center;
    margin-top: 50px;
}

.trail-overview-section .reports-tabs-wrapper .reports-tabs-content-wrap .cb-tab-content .load-more-btn-wrap .load-more-btn {
    background-color: transparent;
    transition: all 0.3 ease;
    outline: none;
    border: 1px solid var(--royal-violet);
    color: var(--royal-violet);
    padding: 18px 50px;
    border-radius: 50px;
    font-size: 16px;
    font-family: var(--font-asap);
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
}

.trail-overview-section .reports-tabs-wrapper .reports-tabs-content-wrap .cb-tab-content .load-more-btn-wrap .load-more-btn svg {
    transform: rotateZ(90deg);
    margin-left: 5px;
}

.trail-overview-section .reports-tabs-wrapper .reports-tabs-content-wrap .cb-tab-content .load-more-btn-wrap .load-more-btn:hover {
    color: #fff;
    background-color: var(--royal-violet);
}
@media (max-width:1199px){
  .cmHeader .nav>nav>ul .header__menu-item--depth-1>a{
  font-size:14px !important;
  }
}
@media (max-width: 1024px) {

    .activity-section,
    .summary-section,
    .partner-section,
    .trail-overview-section {
        padding: 80px 0;
    }

    .condition-section h2,
    .summary-section h2,
    .activity-section h2,
    .partner-section h2,
    .trail-overview-section h2,
    .request-analysis-section h2 {
        font-size: 38px;
    }

    .main-hero-section h1.hero-heading {
        font-size: 52px;
    }

    .hero-stats-wrapper .hero-stats-card {
        padding: 20px;
        width: calc((100% - 20px) / 2);
    }

    .hero-stats-wrapper .hero-stats-card .stats-number {
        font-size: 28px;
    }

    .main-hero-section .hero-stats-wrapper {
        margin-top: 40px;
    }

    .summary-section .summary-wrapper {
        margin-top: 40px;
    }

    .activity-section .accordion-wrapper {
        margin-top: 40px;
    }

    .condition-section .condition-wrapper {
        margin-top: 30px;
    }

    .condition-section p {
        padding-top: 10px;
    }

    .condition-section {
        padding: 20px 0 80px;
    }

    .partner-section .logo-wrapper .logo-item {
        width: calc((100% - 40px) / 3);
    }

    .trail-overview-section .disease-group {
        margin-top: 30px;
    }

    .disease-group .disease-reports-wrapper .disease-report-card {
        padding: 20px;
    }

    .condition-card .performance-card-boady h3 {
        font-size: 28px;
    }

    .trail-overview-section .reports-tabs-wrapper .reports-tabs-content-wrap .cb-tab-content .load-more-btn-wrap {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {

    .summary-section,
    .activity-section,
    .trail-overview-section,
    .partner-section {
        padding: 60px 0;
    }

    .condition-section .condition-wrapper .condition-card,
    .summary-section .summary-wrapper .summary-card,
    .hero-stats-wrapper .hero-stats-card,
    .disease-reports-wrapper .disease-report-card .report-content-wrap {
        width: 100%;
    }
  
    .partner-section .logo-wrapper .logo-item { width: calc(50% - 10px); }

    .condition-section h2,
    .summary-section h2,
    .activity-section h2,
    .partner-section h2,
    .trail-overview-section h2,
    .request-analysis-section h2 {
        font-size: 28px;
    }

    .main-hero-section {
        padding: 100px 0 50px;
    }

    .main-hero-section h1.hero-heading {
        font-size: 34px;
    }

    .condition-section {
        padding: 20px 0 60px;
    }

    .condition-section .condition-wrapper {
        margin-top: 40px;
    }

    .condition-section .report-action-wrap {
        margin-top: 30px;
    }

    .summary-section .summary-wrapper {
        margin-top: 30px;
    }

    .summary-section .summary-wrapper h3 {
        font-size: 22px;
    }

    .summary-section .summary-wrapper .content-wrapper {
        padding: 0 15px;
    }

    .condition-section {
        padding: 20px 0 60px;
    }
    .activity-section .accordion-wrapper { gap: 30px; }
    .activity-section .accordion { padding: 16px; font-size: 18px; }
    .activity-section .accordion.active+.panel { padding: 16px; }
    .activity-section .panel .pannel-title h3 { padding: 20px; font-size: 18px; }
    .activity-section .panel .stats-content p { padding: 16px 0; }
    .activity-section .panel .content-wrapper { padding: 0 15px; }
  
    .partner-section .monthly-insight-wrapper {
        margin-top: 20px;
        padding: 10px 0 10px 15px;

    }

    .hero-stats-wrapper .hero-stats-card .stats-number {
        font-size: 24px;
    }

    .condition-card .performance-card-boady h3 {
        font-size: 24px;
    }

    .disease-group .disease-reports-wrapper .disease-report-card {
        flex-wrap: wrap;
    }

    .disease-reports-wrapper .disease-report-card {
        padding: 20px;
    }

    .disease-report-card .report-action-wrap {
        margin-top: 20px;
    }

    .request-analysis-section {
      padding: 80px 0 50px !important;
      background-position: right;  
    }

    .request-analysis-section .cta-banner-content-wrap p {
        margin-top: 20px;
    }

    .condition-card .performance-card-boady p {
        font-size: 14px;
    }
  
    .trail-overview-section .reports-tabs-wrapper .reports-tabs-content-wrap {
       margin-top: 30px;
    }
  
    .trail-overview-section .tab-nav-wrapper .TabDropdownToggle { 
        display: flex;
        cursor: pointer;
    }
    .trail-overview-section .reports-tabs-wrapper nav.cb-tabs-nav {
       display: none;
       position: absolute;
       top: 100%;
       left: 0;
       z-index: 10;
       width: 100%;
       flex-direction: column;
       border-radius: 20px;
       align-items: flex-start;
    }
    .trail-overview-section .reports-tabs-wrapper nav.cb-tabs-nav .cb-tab-btn {
       width: 100%;
       text-align: left;
       line-height: 1.5;
    }
    
}
  




  
  
  
  
  
  
  
  
  
  
  
  
}

header.cmHeader.header .right-section .button-section-container a.popup.hs-sec-btn {
    padding: 10px 24px !important;
  }
header.cmHeader.header .right-section .button-section-container a {
    padding: 10px 24px !important;
  }