.hero-img img {
    max-width: 400px;
}

#download_guide_btn {
    cursor: pointer;
}

thead,
thead th {
    background-color: #f0f1f4 !important;
    border: 1px solid #cbd4e1 !important;
    height: 52px !important;
    vertical-align: middle !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

th,
td {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

table {
    border: 1px solid #cbd4e1 !important;
}

tbody tr {
    height: 64px !important;
    vertical-align: middle !important;
}

.light-black {
    display: block;
    color: #626f81 !important;
    font-size: 13px !important;
    margin-top: 2px !important;
}

.circular-chart {
    display: block;
    margin: 10px auto;
    max-width: 23px;
    max-height: 250px;
    display: inline-block;
}

.circle-bg {
    fill: none;
    stroke: #dfeddb;
    stroke-width: 5;
}

.circle {
    stroke: #77997f;
    fill: none;
    stroke-width: 5;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}

.table-top {
    border-top: 1px solid #cbd4e1 !important;
    border-left: 1px solid #cbd4e1 !important;
    border-right: 1px solid #cbd4e1 !important;
    height: 85px;
    display: flex;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
    justify-content: space-between;
}

.table-top-heading {
    font-size: 19px;
    font-weight: 600;
    color: black !important;
}

.text-1 {
    font-size: 18px;
    margin-bottom: 16px;
}

.research-description {
    font-size: 22px !important;
    font-weight: 600 !important;
}

.price-heading {
    font-size: 26px !important;
    font-weight: 700 !important;
}

.counts .count-box p {
    font-size: 16px;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

@media screen and (max-width: 768px) {
    .research-description {
        font-size: 24px !important;
        font-weight: 700 !important;
    }

    .price-heading{
        font-size: 22px !important;
        font-weight: 700 !important;
    }
}