:root {
    --purple: #342C6C;
    /* primary brand purple */
    --purple-dark: #2b2459;
    --purple-100: #F6F5FF;
    /* light background */
    --mustard: #FFC415;
    /* accent */
    --blue: #3C2C83;
    /* deep blue/purple */
    --text: #4b4b4b;
}

/* @media (min-width: 1600px) {
    .container {
        max-width: 1500px !important;
    }
} */
.text-mustard {
    color: var(--mustard) !important
}

.hero-heading {
    font-size: 60px;
    line-height: 70px;

}

.hero-subheading {
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
    text-transform: capitalize;
}

.resource-main-heading,
.Faq-heading {
    font-size: 52px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 40px;
}


/* ==========pricing section=============  */
.feature-pricing-heading {
    font-size: 70px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 40px;
}

.featured-resources .card {
    border-radius: 40px;
    padding: 40px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border: none;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    will-change: transform;
}

.featured-resources .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.14);
}

.resource-price-left-card {
    /*height: 800px;*/
}

.resource-price-left-card img {
    height: 50vh;
    object-fit: contain;
}

.price-title {
    font-size: 25px;
    font-weight: 500;
}

.price-para {
    font-size: 18px;
    color: #000000;
    line-height: 28px;
}

.read-more-btn {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #290761;
    text-decoration: underline
}

/* .read-more-btn::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;         
  width: 0;
  height: 2px;
  background-color: #290761;
  transition: width 0.35s ease;
}

.read-more-btn:hover::after {
  width: 100%;
} */
@media(min-width: 1400px) {
    .resource-price-right-card .card {
        /*height: 382px;*/
        padding: 55px 20px;
    }
}

.read-more-btn:hover,
.read-more-btn:focus {
    color: #290761;
    text-decoration: underline;
}

@media (max-width: 576px) {
    .featured-thumb {
        max-width: 140px;
    }
}


/*========== resources section ======= */
.resources-title {
    font-size: 2.25rem;
    font-weight: 500;
}

.resources-tabs {
    position: relative;
}

.resources-tabs::after {
    content: "";
    position: absolute;
    bottom: -10px;

    width: 68%;
    height: 1px;
    background: #B1B1B1;
    border-radius: 2px;
    opacity: 0.5;
}

.resources-tabs .nav-link {
    background: transparent;
    color: #B1B1B1;
    border: none;
    font-weight: 600;
    font-size: 17px;
    position: relative;
    padding-bottom: 10px;
    margin: 0 20px;

}

.resources-tabs .nav-link.active {
    color: #111;
    font-weight: 700;
    background: none;

    font-size: 22px;
}

.resources-tabs .nav-link.active::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #ffb100;
    border-radius: 50%;
    left: 0;
    position: relative;
    top: -10px;
}


.resource-card {
    border: 0;
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
    overflow: hidden;

    padding: 30px;
}

.resource-media {
    /* background: #f6f3ff;
  border-radius: 14px;
  padding: 18px; */
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}

.resource-title {
    font-size: 23px;
    color: #000000;
    font-weight: 500;
    margin: 25px 0px;
}

.resource-text {
    color: #666;
    font-size: .9rem;
    line-height: 1.45;
}

.resource-link {
    color: #6f42c1;
    /* purple */
    text-decoration: none;
    font-weight: 500;
}

.resource-link:hover {
    text-decoration: underline;
}


/*=== Article category section start == */
.article-cats h2 {
    font-weight: 500;
}

/* .cat-icon{
  width: 28px;
  height: 28px;
  object-fit: contain;
  margin-top: 2px;
} */
.cat-item {
    position: relative;
    border-radius: 18px;
    background: transparent;
    padding: 50px;
    transition: background-color 600ms cubic-bezier(.2, .8, .2, 1),
        box-shadow 600ms cubic-bezier(.2, .8, .2, 1);
    margin: 30px 0;
    align-items: flex-start;
    margin: 30px 0px;
}

.cat-item h6 {
    font-weight: 600;
}

.cat-item p {
    line-height: 1.45;
    max-width: 320px;
    color: #000000 !important;
    opacity: 1;
    font-weight: 500;
    font-size: 18px;

}

.cat-badge {
    width: 120px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 600ms cubic-bezier(.2, .8, .2, 1),
        width 600ms cubic-bezier(.2, .8, .2, 1),
        height 600ms cubic-bezier(.2, .8, .2, 1),
        background-color 600ms cubic-bezier(.2, .8, .2, 1),
        border-radius 600ms cubic-bezier(.2, .8, .2, 1);

}

.cat-item h6,
.cat-item p {
    transition: color 600ms cubic-bezier(.2, .8, .2, 1);
}

.cat-icon {
    transition: filter 600ms cubic-bezier(.2, .8, .2, 1);
}

/* HOVER CARD */
.cat-item:hover {
    background: #290761;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);

}

.cat-item:hover .cat-badge {

    border-radius: 20px;
    background: #a67cff;
    left: 0;
    transform: translate(-25px, 0%);
}

/* text colors */
.cat-item:hover h6 {
    color: #fff;
}

.cat-item:hover p {
    color: rgba(255, 255, 255, .75) !important;
}

/* turn svg (img) white on hover */
.cat-item:hover .cat-icon {
    filter: brightness(0) invert(1);
    transition: 250ms ease;
}

.cat-item:hover .cat-badge {
    transition-delay: 60ms;
}

.cat-icon {
    transition: margin 400ms ease;
}

.cat-item:hover .cat-icon {
    margin-right: 0 !important;
    margin-inline-end: 0 !important;
}


.resource-price-right-card .flex-shrink-0 {
    flex: 1;
}
.resource-price-right-card .card-body>div:not(.flex-shrink-0){
    flex: 1.5;
}

/*====== media queires========== */
@media (max-width: 1300px) {
    .resource-price-left-card {
        height: auto;
    }

    .resource-price-left-card img {
        width: 237px;
        height: 237px;

    }

    .featured-resources .card {
        padding: 18px;
    }

    .hero-heading {
        font-size: 50px;
    }

    .hero-subheading {
        font-size: 26px;
    }

    .resource-main-heading,
    .Faq-heading{
        font-size: 40px;
    }
}

@media (max-width: 1200px) {
    a.read-more-btn {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .price-para {
        text-align: center;
    }

    .price-title {
        text-align: center;
    }

}

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

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

@media (max-width: 768px) {
    .hero-heading {
        font-size: 40px;
    }

    .resource-main-heading,
    .Faq-heading {
        font-size: 32px;
    }

    .padding-top {
        padding-top: 75px;
    }
}

@media (max-width: 736px) {
    .row.align-items-center {
        margin-top: 0;
    }

}

@media (max-width: 576px) {
    .resource-price-left-card img {
        width: 140px;
        height: 139px;
    }

    .hero-heading {
        font-size: 30px;
    }

    .resource-main-heading,
    .Faq-heading {
        font-size: 24px;
    }

    .hero-subheading {
        font-size: 20px;
        line-height: 20px;
    }

    .hero-paragraph {
        font-size: 15px;
        line-height: 20px;
    }

    .price-title {
        font-size: 21px;
        line-height: 24px;

    }

    .price-para {
        font-size: 15px;
        line-height: 24px;
    }

    .nav-pills {
        display: flex;
        flex-direction: column;
    }

    .cat-item {
        margin: 0 0;
        padding: 20px;
    }

    .cat-item:hover .cat-badge {
        width: 120px;
        height: 78px;
    }

    .cat-item:hover .cat-badge {

        transform: translate(-10%, 0%);
    }

    .cat-item:hover .cat-icon {
        width: 50px;
    }

    .cat-item p {
        font-size: 15px;
    }

    .cat-item h6 {
        font-weight: 600;
        font-size: 20px;
    }

    .article-cats .price-title {
        text-align: start;
    }
}

@media (max-width: 430px) {
    .ehr-demo-form .hs-input {
        height: 43px !important;
    }

    .resources-tabs::after {

        width: 100%;

    }
}

@media (max-width: 360px) {
    .form-h4 {

        padding: 0px;
        margin-top: 0px;
    }
}