@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap);

.ff-about__para {
    --fs-eng: 16px;
    --fs-eng-line-height: calc(var(--fs-eng) + 12px);
    --font-eng-letter-spacing: 0.25px;
    --fs-hin: 15px;
    --fs-hin-line-height: calc(var(--fs-hin) + 13px);
    --font-hin-letter-spacing: 0.25px;
    --fs-kan: 16px;
    --fs-kan-line-height: calc(var(--fs-kan) + 12px);
    --font-kan-letter-spacing: 0.25px;
    --fs-tel: 17px;
    --fs-tel-line-height: calc(var(--fs-tel) + 11px);
    --font-tel-letter-spacing: 0.25px;
    --fs-tam: 16px;
    --fs-tam-line-height: calc(var(--fs-tel) + 12px);
    --font-tam-letter-spacing: 0.25px;
    --fs-mal: 16px;
    --fs-mal-line-height: calc(var(--fs-mal) + 12px);
    --font-mal-letter-spacing: 0.25px
}

.ff-banner__content-title,
.ff-course__card-category,
.truncate_para_wrap {
    max-width: 100%;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@font-face {
    font-family: MinionPro-Regular;
    src: url(../../../assets/new_design/fonts/MinionPro-Regular.otf);
    font-display: swap
}

@font-face {
    font-family: MTCORSVA;
    src: url(../../../assets/new_design/fonts/MTCORSVA.TTF);
    font-display: swap
}

@font-face {
    font-family: AcuminVariableConcept;
    src: url(../../../assets/new_design/fonts/AcuminVariableConcept.otf);
    font-display: swap
}

@media (min-width:320px) and (max-width:768px) {
    .ff-course__banner-description {
        --line: auto !important
    }
}

.ff-course__cost-original {
    font-family: var(--font-number)
}

.ff-course__banner-title {
    transition: color .2s
}

.ff-course__banner-title:hover {
    color: var(--color-primary)
}

.ff-about__para.show,
.ff-card__mentor-content.show,
.ff-course__banner-para.show {
    -webkit-line-clamp: unset
}

.truncate_para_wrap {
    --line: 2;
    --line-height-val: calc(var(--fs-base) + 10px);
    max-height: calc(var(--line-height-val) * var(--line));
    display: -webkit-flex;
    -webkit-line-clamp: var(--line)
}

.truncate_para_wrap__display-box {
    display: -webkit-box !important
}

.ff-certificate__para br,
.ff-course__banner-para:not(.truncated)+div .ff-dropdown__button,
.truncate_button {
    display: none
}

.truncate_para_wrap.expand {
    display: block;
    max-height: 5000px !important
}

.forMac.ff-banner__content-title {
    padding-bottom: 3px;
    margin-top: -3px
}

.ff-button__truncate-with-text {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 10px
}

.ff-button__truncate-with-text::before {
    --gradient-width: 20px;
    content: "";
    width: var(--gradient-width);
    height: 100%;
    position: absolute;
    background: linear-gradient(270deg, #fff, transparent);
    left: calc(-1 * var(--gradient-width))
}

.ff-button__truncate-with-text>.ff-button__plain {
    background-color: #fff;
    padding-left: 10px;
    line-height: 20px
}

.expand .ff-button__truncate-with-text {
    position: relative
}

.ff-banner__content-title {
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.ff-course__banner-para {
    --line: 2
}

.ff-about__para.show+.ff-button__course-about,
.ff-course__banner-para.show+div .ff-dropdown__button {
    display: block !important
}

.ff-course__banner-img {
    min-height: 200px;
    max-height: 378px;
    height: 100%;
    box-shadow: 0 1px 3px 1px rgb(0 0 0 / .15);
    border-radius: 16px
}

.ff-course__banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center left
}

.ff-about__para.truncate_para_wrap {
    --line: 10
}

.ff-about__para--eng.truncate_para_wrap {
    font-size: var(--fs-eng);
    line-height: var(--fs-eng-line-height);
    max-height: calc(var(--fs-eng-line-height) * var(--line));
    letter-spacing: var(--font-eng-letter-spacing)
}

.ff-about__para--hin.truncate_para_wrap {
    font-size: var(--fs-hin);
    line-height: var(--fs-hin-line-height);
    max-height: calc(var(--fs-hin-line-height) * var(--line));
    letter-spacing: var(--font-hin-letter-spacing)
}

.ff-about__para--kan.truncate_para_wrap {
    font-size: var(--fs-kan);
    line-height: var(--fs-kan-line-height);
    max-height: calc(var(--fs-kan-line-height) * var(--line));
    letter-spacing: var(--font-kan-letter-spacing)
}

.ff-about__para--tel.truncate_para_wrap {
    font-size: var(--fs-tel);
    line-height: var(--fs-tel-line-height);
    max-height: calc(var(--fs-tel-line-height) * var(--line));
    letter-spacing: var(--font-tel-letter-spacing)
}

.ff-about__para--tam.truncate_para_wrap {
    font-size: var(--fs-tam);
    line-height: var(--fs-tam-line-height);
    max-height: calc(var(--fs-tam-line-height) * var(--line));
    letter-spacing: var(--font-tam-letter-spacing)
}

.ff-about__para--mal.truncate_para_wrap {
    font-size: var(--fs-mal);
    line-height: var(--fs-mal-line-height);
    max-height: calc(var(--fs-mal-line-height) * var(--line));
    letter-spacing: var(--font-mal-letter-spacing)
}

.ff-about__para--eng .truncate_para p {
    padding-bottom: var(--fs-eng-line-height)
}

.ff-about__para--hin .truncate_para p {
    padding-bottom: var(--fs-hin-line-height)
}

.ff-about__para--kan .truncate_para p {
    padding-bottom: var(--fs-kan-line-height)
}

.ff-about__para--tel .truncate_para p {
    padding-bottom: var(--fs-tel-line-height)
}

.ff-about__para--tam .truncate_para p {
    padding-bottom: var(--fs-tam-line-height)
}

.ff-about__para--mal .truncate_para p {
    padding-bottom: var(--fs-mal-line-height)
}

.ff-course__cost {
    font-weight: 500
}

.ff-course__cost-card,
.ff-course__cost-original-card {
    font-family: var(--font-family)
}

.ff-button--video {
    padding-left: 30px;
    padding-right: 40px
}

.ff-malayalam .ff-button--video,
.ff-tamil .ff-button--video {
    padding-left: 12px;
    padding-right: 22px
}

.ff-course__cost-card {
    font-size: 18px;
    font-weight: 500;
    color: var(--color-gray-primary)
}

.ff-card__chapter {
    background-color: var(--color-primary-light);
    margin-bottom: 24px;
    padding: var(--spacing-card);
    border-radius: 10px;
    transition: .2s
}

.ff-card__chapter:last-child {
    margin-bottom: 0
}

.ff-card__feature {
    height: 100%;
    padding: 30px 36px;
    background-color: var(--color-darkgreen);
    border-radius: 16px
}

.ff-card__feature-title {
    font-size: 24px;
    line-height: 32px
}

.ff-card__mentor {
    overflow: hidden;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgb(0 0 0 / .3)
}

.ff-card__mentor-content-wrap.truncate_para_wrap {
    --line: 4;
    --line-height-val: calc(var(--fs-text-small) + 8px);
    max-height: calc(var(--line-height-val) * var(--line))
}

.ff-card__mentor-name {
    font-size: 16px;
    line-height: 24px
}

.ff-course__card .ff-card__thumbnail>a {
    position: absolute;
    top: 0
}

.ff-card__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.ff-button__certificate {
    width: 100%
}

.ff-section__testimonial-wrap {
    height: 252px !important;
    min-height: 252px
}

.ff-lang:last-child>a,
.ff-section__testimonial-wrap:last-child {
    margin-right: 0 !important
}

.ff-section__testimonial {
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.ff-section__testimonial-wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #d0eded;
    border-radius: 12px;
    transform: translate(8px, 8px)
}

.ff-section__testimonial::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 16px;
    background: linear-gradient(180deg, rgb(0 0 0 / .05) -.09%, rgb(0 0 0 / .1) 61.44%, #000 100%);
    z-index: 1
}

.ff-section__testimonial-img {
    transition: .3s
}

.ff-section__testimonial:hover .ff-section__testimonial-img {
    transform: scale(1.1)
}

.ff-section__testimonial:hover .ff-icon__video {
    transform: scale(.9)
}

@media (max-width:409px) {

    .ff-malayalam .ff-button--video,
    .ff-tamil .ff-button--video {
        padding-left: 4px;
        padding-right: 16px
    }
}

@media(width < 768px) {
    .ff-section__testimonial-container {
        margin: 0 -16px
    }

    .ff-section__testimonial-wrap {
        height: 247px !important
    }
}

@media(width>768px) {
    .ff-section__testimonial-wrap:nth-child(2n) {
        margin-top: 24px
    }
}

@media (min-width:1200px) {
    .ff-course__banner-img {
        min-height: 381px
    }

    .ff-certificate__para br {
        display: block
    }
}

.ff-modal__testimonial-wrap {
    width: 325px;
    height: 432px
}

.ff-modal__testimonial-wrap .video-js {
    width: 100% !important;
    height: 100% !important
}

.ff-modal__testimonial-wrap video {
    object-fit: cover
}

.ff-course__card .ff-card__thumbnail {
    padding-top: 56.3%
}

.ff-lang>a {
    margin-left: 0 !important;
    margin-right: 8px
}

.ff-course__card-category {
    display: -webkit-box;
    -webkit-line-clamp: 1
}

.ff-chapter__duration-time {
    min-width: 75px
}

.ff-mentor__thumbnail {
    height: 265px
}

.ff-mentor__thumbnail img {
    object-position: top
}

.ff-course__banner-img .ff-button__play {
    box-shadow: 0 0 8px 4px #00000026
}

.ff-card__mentor-content {
    min-height: calc(var(--line-height-val) * var(--line))
}

.ff-card__mentor[aria-label="1 / 1"] {
    margin: 0 auto !important
}

.ff-card__mentor[aria-label="1 / 2"] {
    margin-left: auto !important;
    margin-right: 12px !important
}

.ff-card__mentor[aria-label="2 / 2"] {
    margin-right: auto !important;
    margin-left: 12px !important
}

.ff-card__center-align .ff-section__title {
    text-align: center
}

.ff-certificate {
    background-color: #fff;
    margin: auto;
    background-image: url(../../new_design/images/certificate/certificate-background.png);
    background-size: 28px
}

.ff-certificate__batch {
    width: 64px
}

.ff-certificate__logo {
    width: 102px
}

.ff-acuminVariableConcept {
    font-family: AcuminVariableConcept
}

.ff-minionpro {
    font-family: MinionPro-Regular
}

.ff-mtcorsva {
    font-family: MTCORSVA
}

.ff-certificate__text-line1 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #3e3e3e
}

.ff-certificate__text-line2 {
    font-size: 12px;
    line-height: 18px
}

.ff-certificate__content {
    padding: 0 50px
}

.ff-certificate__text-line3 {
    font-family: MTCORSVA;
    border-bottom: 2px dotted;
    font-size: 14px;
    line-height: 16px;
    color: #2e2e54;
    text-align: left
}

.ff-certificate__text-lin5,
.ff-certificate__text-line4,
.ff-certificate__text-line6 {
    color: var(--color-secondary)
}

.ff-certificate__text-line4 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 300
}

.ff-certificate__text-lin5 {
    font-size: 18px;
    line-height: 24px
}

.ff-certificate__text-line6 {
    font-size: 14px;
    line-height: 16px
}

@media (min-width:768px) {
    .ff-about__para {
        --fs-eng: 18px;
        --fs-eng-line-height: calc(var(--fs-eng) + 14px);
        --font-eng-letter-spacing: 0.15px;
        --fs-hin: 16px;
        --fs-hin-line-height: calc(var(--fs-hin) + 16px);
        --font-hin-letter-spacing: 0.25px;
        --fs-kan: 18px;
        --fs-kan-line-height: calc(var(--fs-kan) + 14px);
        --font-kan-letter-spacing: 0.25px;
        --fs-tel: 18px;
        --fs-tel-line-height: calc(var(--fs-tel) + 14px);
        --font-tel-letter-spacing: 0.25px;
        --fs-tam: 17px;
        --fs-tam-line-height: calc(var(--fs-tam) + 15px);
        --font-tam-letter-spacing: 0.25px;
        --fs-mal: 17px;
        --fs-mal-line-height: calc(var(--fs-mal) + 13px);
        --font-mal-letter-spacing: 0.25px
    }

    .ff-card__feature {
        padding: 48px 24px
    }

    .ff-button__certificate {
        font-size: var(--fs-base);
        line-height: calc(var(--fs-base) + 8px)
    }

    .ff-info__img {
        width: 50%
    }

    .ff-chapter__duration-time {
        min-width: 85px
    }

    .ff-certificate__batch {
        width: 120px
    }

    .ff-certificate__logo {
        width: 170px
    }

    .ff-certificate__content {
        padding: 0 110px
    }

    .ff-certificate__text-line1 {
        font-size: 18px;
        line-height: 24px
    }

    .ff-certificate__text-line2 {
        font-size: 25px;
        line-height: 34px
    }

    .ff-certificate__text-line3 {
        font-size: 20px;
        line-height: 21px
    }

    .ff-certificate__text-line4 {
        font-size: 20px;
        line-height: 28px
    }

    .ff-certificate__text-lin5 {
        font-size: 25px;
        line-height: 32px
    }

    .ff-certificate__text-line6 {
        font-size: 18px;
        line-height: 20px
    }

    .ff-course__about-content {
        padding: 32px 32px 0;
        background-color: #f5f5f5;
        border-radius: 8px
    }
}

@media (min-width:992px) {
    .ff-card__feature-wrap {
        width: 780px
    }

    .ff-chapter__wrap,
    .ff-side__spacing {
        padding: 0 91px
    }

    .ff-certificate {
        width: 720px
    }
}

.ff-about__para .truncate_para p:last-child {
    padding-bottom: 0
}

.ff-ncertificate__wrap {
    width: 300px;
    height: 434px;
    margin: 0 auto;
    transform: rotate(-8deg);
    transform-origin: center;
    background-color: #fff;
    box-shadow: -3px 4px 64px 0 rgb(0 0 0 / .16)
}

.ff-ncertifcate__inwrap {
    margin-top: -27px;
    padding: 0 35px
}

.ff-ncertificate__logo {
    margin-bottom: 12px
}

.ff-ncertificate__logo img {
    width: 110px;
    margin-left: -5px
}

.ff-ncertificate__title {
    font-size: 30px;
    font-weight: 800;
    color: #3e3e3e
}

.ff-ncertificate__name {
    font-size: 26px;
    line-height: 34px;
    font-family: 'Great Vibes', cursive;
    margin-bottom: 9px;
    border-bottom: 1px solid #ababbb
}

.ff-ncertificate__course-title {
    font-size: 10px;
    line-height: 13px;
    color: #3e3e3e
}

.ff-ncertificate__text-small {
    color: #3e3e3e;
    font-size: 8px;
    line-height: 12px
}

.ff-ncertificate__badge {
    right: 13px
}

.ff-ncerticate__bottom-row {
    width: 62%;
    justify-content: space-between
}

.ff-ncerticate__bottom-col {
    width: 60px
}

.ff-ncerticate__bottom-value {
    min-height: 14px;
    border-bottom: .5px solid #73caca;
    padding: 2px
}

.ff-ncerticate__bottom-label,
.ff-ncerticate__bottom-value {
    font-size: 6px;
    line-height: 9px
}

.ff-ncerticate__bottom-label {
    margin-top: 2px
}

.ff-ncertificate__bottom {
    padding: 27px 35px 37px;
    background: var(--color-primary-light)
}

.ff-ncertifcate__content-top {
    margin-bottom: 30px
}

.ff-ncerticate__bottom-dots {
    right: 13px;
    top: -16px
}

@media (width>768px) {
    .ff-ncertificate__wrap {
        width: 320px;
        height: 454px
    }
}

@media (width < 768px) {
    .ff-certificate__col-right {
        padding-top: 52px
    }

    .ff-ncertificate__background {
        transform: scale(1.4)
    }
}

.ff-lang__tooltip {
    padding-top: 2px;
    bottom: 0
}

.ff-lang__tooltip-inwrap {
    background: var(--color-secondary);
    border-radius: 12px;
    color: #fff
}

.ff-lang__tooltip-inwrap,
.ff-lang__tooltip-wrap .ff-lang__tooltip-trigger {
    position: relative
}

.ff-lang__tooltip-inwrap::before {
    content: "";
    width: 0;
    border-bottom: 12px solid var(--color-secondary);
    border-left: 6px solid #fff0;
    border-right: 6px solid #fff0;
    position: absolute;
    top: -12px;
    left: 24px;
    margin: auto
}

@media(max-width:767px) {
    .ff-lang__tooltip {
        padding-top: calc(12px - .5rem)
    }
}

.button-hover-overwrite {
    background-color: var(--color-light) !important;
    color: var(--color-secondary) !important
}

.video-container {
    position: relative;
    width: 100%;
    max-width: 640px;
    margin: auto;
    box-shadow: 0 1px 3px 1px rgb(0 0 0 / .15);
    border: 1px solid #fff
}

.video-container img.videoImage {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: opacity 1s ease-in-out
}

.video-container video {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.ff-course__banner-img {
    min-height: unset !important;
    box-shadow: unset !important
}

.intro_video_course {
    border-radius: 20px !important
}

.ff-course-price-actual_title {
    font-size: 28px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #3E3E3E;
}

.ff-course-price_title {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
    color: #949494;
    text-decoration: line-through;
}

.ff-course-discount-title {
    font-size: 16px;
    font-weight: 500;
    color: #45B8B9;

}

.ff-extra-larg_btn {
    width: 328px !important;

}

.ff-course-subcription-nudge {
    border-radius: 8px;
    background: linear-gradient(90deg, #BA973B -18.33%, #F1DD80 23.47%, #F1DD80 58.94%, #A57D24 104.53%);
}

.ff-arrow-down {
    rotate: -90deg;
}