@font-face {
    font-family: Averta;
    src: url("../fonts/AvertaDemo-Regular.otf") format("opentype");
}

@font-face {
    font-family: AvertaI;
    src: url("../fonts/avertape-regularitalic.otf") format("opentype");
}

@font-face {
    font-family: AvertaB;
    src: url("../fonts/avertape-bold.otf") format("opentype");
}

@font-face {
    font-family: AvertaBI;
    src: url("../fonts/avertape-bolditalic.otf") format("opentype");
}
@font-face {
    font-family: ExoBold;
    src: url("../fonts/Exo-Bold.ttf") format("opentype");
}

body {
    margin: 0px;
    padding: 0px;
    font-family: Averta;
    font-size: 16px;
}

h1 {
    font-size: 35px;
}
.bannerText h1 {
    font-family: ExoBold;
    font-size: 48px;
}
h2 {
    font-size: 25px;
}

h5 {
    font-size: 18px;
}
.pressroomBanner h1 {
    font-family: ExoBold;
}
.press-releases a {
    color: #2E58F6;
    text-decoration: none;
}
.press-release-date {
    color: #393A4A;
}
.tfholdings-old {
    width: 500px;
    height: 100px;
    margin: 0 auto;
    background-image: url(../images/tfholdingslogoold.png);
    background-repeat: no-repeat;
    background-size: 53%;
    background-position: center;
}
.font-weight-bold{
    font-weight: bold;
}
.btn-primary {
    color: #fff;
    background-color: #1820F2;
    border-color: #1820F2;
    padding: 5px 20px;
    background: transparent linear-gradient(0deg, #2E58F6 0%, #1820F2 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 16px #00000029;
    border-radius: 30px;
    width: 200px;
}
    .btn-primary.downloadbtn {
        width: 300px;
    }

    .text-yellow {
        color: #F9DC5C;
    }

.text-white {
    color: #fff;
}

.tf-dark-bg.all-prodcust .text-yellow {
    font-size: 24px;
}

.tp-reviews-container {
    width: 200px;
    height: auto;
    margin-top: 2rem;
}

.bg-dark {
    background: #161726 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 16px #1E1F27;
}

.product-logos {
    height: 85px;
}

    .product-logos .col {
        height: 100%;
        margin-top: 0;
    }

    .product-logos .col:hover{
        background-color: #4E4F56
    }
    .product-logos a:hover {
    background-color: #4E4F56;
}

    .product-logos img {
        width: 100px;
    }

.HomeBannerVideo {
    height: auto;
    position: relative;
}

    .HomeBannerVideo.about,
    .HomeBannerVideo.about .bannerdarkbg {
        height: auto;
    }

        .HomeBannerVideo.about .ratio {
            --bs-aspect-ratio: 52%;
        }

        .HomeBannerVideo.about .bannerdarkbg {
            opacity: .3;
        }

        .HomeBannerVideo.about video {
            width: 100% !important;
            height: auto !important;
        }

#homepagevideo {
    position: relative;
}

.bannerText {
    width: 82%;
    color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bannerdarkbg {
    background-color: #000;
    opacity: .7;
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.product-logos a {
    height: 100%;
    /*position: relative;
    top: -3px;*/
}

.cortex-logo {
    background-image: url(../images/CortexLogoWHITE.svg);
    background-repeat: no-repeat;
    width: 100px;
    height: 33px;
    background-size: contain;
    background-position: center;
    margin: 0 20px;
}

.jora-logo {
    margin: 0 20px;
    background-image: url(../images/jora-logoWHITE.svg);
    background-repeat: no-repeat;
    width: 61px;
    height: 33px;
    background-size: contain;
    background-position: center 30px;
    padding: 0;
}

.iqde-logo {
    background-image: url(../images/iqde-logoWHITE.svg);
    background-repeat: no-repeat;
    width: 175px;
    height: 33px;
    background-size: 100%;
    background-position: center 34px;
    margin: 0 20px;
}
.iAnalytics-logo {
    background-image: url(../images/iAnalytics-Logo.png);
    background-repeat: no-repeat;
    width: 93px;
    height: 33px;
    background-size: contain;
    background-position: center;
    margin: 0 20px;
    padding: 0px;
}
.iAnalytics-logo2 {
    background-image: url('../images/iAnalytics-Logo-no-tagline.svg');
    background-repeat: no-repeat;
    width: 175px;
    height: 33px;
    background-size: 65%;
    background-position: center left;
}
.col.ecr-logo-container{
    display: flex;
    align-items: center;
}
.echo-logo {
    background-image: url(../images/echocredit-logoWHITE.svg);
    background-repeat: no-repeat;
    width: 114px;
    height: 41px;
    background-size: 127%;
    background-position: center -4px;
    display: block;
    margin: 0px 20px 0 20px;
    padding: 0;
    height: 100%;
}
.rely-white-logo {
    background-image: url(../images/RelyCreditLogoWHITE.svg);
    background-repeat: no-repeat;
    width: 123px;
    height: 41px;
    background-size: contain;
    background-position: center 28px;
    padding: 0px;
    margin: 0 20px;
}

.thinkflow-logo {
    background-image: url(../images/Thinkflow_logoWHITE.svg);
    background-repeat: no-repeat;
    width: 106px;
    height: 33px;
    background-size: contain;
    background-position: center;
    padding: 0;
    margin: 0 20px;
}

.tf-logo {
    background-image: url('../images/TFHoldingsLogo.svg');
    background-repeat: no-repeat;
    width: 180px;
    height: 100px;
    background-size: contain;
    background-position: center;
}

.phone-icon {
    background-image: url('../images/Icon-material-phone-in-talk.svg');
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    background-size: contain;
    background-position: center;
    display: inline-block;
    position: relative;
    top: 4px;
}

.tflogo-location {
    width: 170px;
    height: 33px;
    background-position: center left;
}

.nav-container {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.tf-dark-bg {
    background: url(../images/Linesbckgrnd.svg) no-repeat center, transparent radial-gradient(circle, rgba(57, 58, 74, 1) 0%, rgba(22, 23, 38, 1) 100%);
    opacity: 1;
    background-size: cover;
    background-position: 20% 20%;
}

.footer-bg {
    background: rgb(57, 58, 74);
    /* background: radial-gradient(circle, rgba(57, 58, 74, 1) 0%, rgba(22, 23, 38, 1) 100%); */
    background: transparent radial-gradient(closest-side at 50% 57%, #393A4A 0%, #161726 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 4rem 2rem;
    color: #FFF;
    padding-bottom: 1rem;
}
.footer-bg.footer-logo-container{
    padding-top: 1rem;
}

.po-img1 {
    height: 350px;
    background-image: url(../images/office-photo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.jora-credit-mobile {
    height: 420px;
    background-image: url(../images/joramockup1.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.rely-credit-mobile {
    height: 420px;
    background-image: url(../images/relymockspanish2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.echo-credit-mobile {
    height: 420px;
    background-image: url(../images/echo-credit-desktop.png);
    background-repeat: no-repeat;
    background-size: 125%;
    background-position: center;
}

.po-text1 {
    padding-left: 3.5rem !important;
    width: 512px;
}

.tf-dark-bg-text {
    color: #FFF;
}

.tf-review-bg {
    color: #fff;
    background: transparent linear-gradient(180deg, #393A4A 0%, #161726 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 24px #00000029;
    opacity: 1;
}

.contactus-container {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.award-tf-bg {
    background: transparent radial-gradient(closest-side at 53% 48%, #F9DC5C1F 3%, #F9DC5C00 100%) 0% 0% no-repeat padding-box;
}

.award-tf {
    height: 220px;
    margin-top: 70px;
    background-image: url(../images/20-years-logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /* background: url(../images/20-years-logo.svg) no-repeat center, transparent radial-gradient(closest-side at 53% 48%, #F9DC5C1F 3%, #F9DC5C00 100%) 0% 0% no-repeat padding-box; */
    /* -webkit-box-shadow: 1px 32px 164px 33px rgba(249, 220, 92, 1);
    -moz-box-shadow: 1px 32px 164px 33px rgba(249, 220, 92, 1);
    box-shadow: 1px 32px 164px 33px rgba(249, 220, 92, 1); */
}

.footer-cortex {
    height: 100px;
    width: 100px;
    background-image: url(../images/CortexLogoWHITE2.svg);
    background-repeat: no-repeat;
    background-size: 42%;
    background-position: center;
}

.footer-iqde {
    height: 100px;
    width: 100px;
    background-image: url(../images/iqde-logo.svg);
    background-repeat: no-repeat;
    background-size: 92%;
    background-position: center;
}
.footer-ianalytics {
    height: 100px;
    width: 100px;
    background-image: url(../images/iAnalytics-Logo-footer.svg);
    background-repeat: no-repeat;
    background-size: 65%;
    background-position: center right;
}

.footer-jora {
    height: 100px;
    width: 100px;
    background-image: url(../images/jora-logo.svg);
    background-repeat: no-repeat;
    background-size: 26%;
    background-position: center;
}

.footer-rely {
    height: 100px;
    width: 100px;
    background-image: url(../images/RelyCreditLogo.svg);
    background-repeat: no-repeat;
    background-size: 53%;
    background-position: center;
}

.footer-think {
    height: 100px;
    width: 100px;
    background-image: url(../images/Thinkflow_logo.svg);
    background-repeat: no-repeat;
    background-size: 51%;
    background-position: center;
}

.footer-echo {
    height: 100px;
    width: 100px;
    background-image: url(../images/echocredit-logo.svg);
    background-repeat: no-repeat;
    background-size: 68%;
    background-position: center;
    margin-top: 5px;
}

.footer-bg a,
.footer-bg:hover {
    color: #FFF;
}

.tp-profile {
    border-radius: 50%;
}

.tf-review-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.tf-review-bg {
    width: 30%;
    padding: 3rem;
    position: relative;
}

.tp-profile.hs1 {
    background-image: url(../images/headshot-1.jpg);
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
}

.tp-profile.hs2 {
    background-image: url(../images/headshot-2.jpg);
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
}

.tp-profile.hs3 {
    background-image: url(../images/headshot-3.jpg);
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
}

.tp-name {
    color: #F9DC5C;
    font-style: italic;
}

.text-italic {
    font-style: italic;
}

.tp-tflogo {
    position: absolute;
    bottom: 30px;
    right: 30px;
    height: 25px;
    margin: 0;
    float: right;
    width: 100px;
    background-image: url(../images/Thinkflow_logo.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}

.company-banner {
    background-image: url(../images/company.jpg);
    height: 850px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
}
.company-banner2 {
    background-image: url(../images/Careers-page-banner-image.jpg);
    height: 850px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
}

    .company-banner .bannerdarkbg {
        opacity: .3;
    }

.wort-at-tf h5 {
    font-weight: bold;
    font-style: italic;
}

.top-padding {
    padding-top: 5rem;
}

.benefits-bg {
    background-image: url(../images/benefits.jpg);
    height: 390px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 56%;
}

.benefits-container {
    display: flex;
    align-items: center;
}

.benefits-text {
    width: 40%;
    padding-left: 3rem;
}

.about-fintech {
    height: auto;
    padding: 8rem 0 !important;
}

.pazzle {
    background-image: url(../images/Pazzle-optimized.svg);
    height: 238px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 310px;
    transform: matrix(0.96, -0.07, 0.06, 1, 0, 0);
}

.join-us {
    height: 350px;
    position: relative;
    /*background: transparent linear-gradient(88deg, #161726 0%, #63646E00 100%) 0% 0% no-repeat padding-box;*/
    background-image: url(../images/tfcareers.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.leadership {
    /*background-color: #102A51;*/
    /* background-image: url(../images/bgstrip.PNG); */
    height: auto;
    /* background-repeat: repeat; */
    background: transparent radial-gradient(closest-side at 50% 50%, #5569B0 0%, #161726 100%) 0% 0% no-repeat padding-box;
}

.exe-profile {
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    background-size: cover;
    border-radius: 50%;
}

    .exe-profile.martin1 {
        background-image: url(../images/Dan-2.jpg);
    }

    .exe-profile.ranga {
        background-image: url(../images/Ranga-1.jpg);
    }

    .exe-profile.don {
        background-image: url(../images/Don.jpg);
    }
    .exe-profile.terry {
        background-image: url(../images/Terry-1.jpg);
    }

    .exe-profile.jason {
        background-image: url(../images/Jason-1.jpg);
    }

    .exe-profile.greg {
        background-image: url(../images/Greg-1.jpg);
    }

    .exe-profile.tom {
        background-image: url(../images/Tom-1.jpg);
    }
    .exe-profile.tom-p {
        background-image: url(../images/Tom-P.jpg);
    }

.ft-logorow {
    display: flex;
}

.ft-logo-col {
    width: 250px;
}

.exe-profile {
    margin-bottom: 1rem;
}
.rely-logo-press .ft-logo-col {
    width: 500px;
    margin: 0 auto;
    background-image: url(../images/RelyCreditLogoGreen.svg);
}
.navToggleMenuContainer {
    display: flex;
    width: 330px;
    justify-content: space-around;
    background: rgb(0, 0, 0);
    background: linear-gradient(356deg, rgba(0, 0, 0, 1) 13%, rgba(22, 23, 38, 1) 85%);
    color: #FFF;
    padding: 1rem;
}

.dropdown-menu.nav-toggle-menu {
    padding: 0rem;
}

.nav-section {
    border-bottom: solid 1px #F9DC5C;
    padding-bottom: 10px;
    font-style: italic;
    margin-bottom: 15px;
}
.nav-container a {
    text-decoration: none;
    color: #FCFCFC
}
.nav-link-text {
    font-size: 16px;
    margin-bottom: 0px;
    color: #393A4A;
}
.navToggleMenuContainer .nav-link-text {
    color: #FCFCFC;
}

.readmore-toggle {
    background-color: transparent;
    color: #FCFCFC;
}

.collapseLink {
    color: #2E58F6;
    margin-bottom: 10px;
    text-decoration: underline;
    font-style: italic;
}
.more, .less{
    cursor: pointer;
}

.collapseLink .more {
    display: none;
}

    .collapseLink .less {
        display: block;
    }

    .collapseLink.collapsed .more {
        display: block;
    }

    .collapseLink.collapsed .less {
        display: none;
    }

@media screen and (max-width:991px) {
    .about-fintech {
        height: auto;
        padding: 3rem 0 !important;
    }

    .HomeBannerVideo.about,
    .HomeBannerVideo.about .bannerdarkbg {
        height: auto;
    }

        .HomeBannerVideo.about .ratio {
            --bs-aspect-ratio: 52%;
        }

    .footer-bg {
        padding: 1rem;
    }
    .echo-logo {
        width: 100%;
        background-size: 127%;
    }
    .product-logos a {
        flex: 1 0 0%;
        margin: 0 5px;
        padding: 0;
    }
    .cortex-logo {
        background-size: 55%;
    }
    .iqde-logo {
        background-size: 93%;
    }
    .jora-logo {
        background-size: 42%;
    }
    .echo-logo {
        background-size: 106%;
    }
    .rely-white-logo {
        background-size: 72%;
    }
    .thinkflow-logo {
        background-size: 75%;
    }
}


@media screen and (max-width:767px) {
    .bannerText h1 {
        font-size: 18px;
    }

    .feat-cortex {
        margin-bottom: 2rem;
    }

        .feat-cortex .ps-5 {
            padding: 15px !important;
        }

    .tf-review-container {
        flex-direction: column;
        align-items: center;
    }

    .tf-review-bg {
        width: 90%;
        margin-bottom: 3rem;
    }

    .po-text1 {
        padding: 2rem 0 1rem 0 !important;
    }

    .echo-credit-mobile {
        height: 230px;
        background-image: url(../images/echo-credit-desktop.png);
        background-repeat: no-repeat;
        background-size: 116%;
        background-position: center;
    }

    .ft-logorow {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ft-logo-col {
        width: 250px;
    }

    .tf-logo {
        margin: 0 auto;
    }

    .primary-nav-container {
        padding: 1rem;
        padding-top: 0rem !important;
    }
    .rely-logo-press .ft-logo-col{
        width: 100%;
    }
    .pressroomBanner h1{
        font-size: 26px;
    }
    .tfholdings-old{
        width: 100%;
    }
    .exe-profile {
        margin: 0 auto;
    }

    .exe-profile-container {
        text-align: center;
        margin-bottom: 45px;
    }

    .company-banner {
        height: 350px;
    }
    .company-banner2 {
        height: 350px;
    }

    .benefits-container {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .benefits-bg,
    .benefits-text {
        width: 100%;
    }

    .benefits-text {
        padding: 2rem;
    }

    .top-padding {
        padding-top: 0rem;
    }

    .tf-text-container {
        text-align: center;
        margin-top: 1rem;
    }

    .tp-reviews-container {
        margin: 0 auto;
        margin-top: 2rem;
    }

    .pro-container {
        text-align: center;
    }
    .echo-logo {
        width: 100%;
        background-size: 127%;
        margin-top: 3px;
    }
    .product-logos a {
        flex: 1 0 0%;
        margin: 0 5px;
        padding: 0;
    }
    .cortex-logo {
        background-size: 56%;
    }
    .jora-logo {
        background-size: 53%;
    }
    .rely-white-logo {
        background-size: 88%;
    }
    .product-logos a.echo-logo {
        background-position: center 9px;
    }
    .product-logos a.cortex-logo {
        background-position: center 35px;
    }
    .product-logos a.rely-white-logo {
        background-position: center 30px;
    }
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}
h5.heading_consumer_lending_products {
    font-size:35px !important;
}
@media screen and (min-width:991px) {
    #locations h2{
        
    }
}

/*
.cortex-logo {
    background-image: url(../images/CortexLogoWHITE.svg);
    background-repeat: no-repeat;
    width: 100px;
    height: 33px;
    background-size: contain;
    background-position: center;
    margin: 0 20px;
}

.iqde-logo {
    background-image: url(../images/iqde-logoWHITE.svg);
    background-repeat: no-repeat;
    width: 175px;
    height: 33px;
    background-size: 100%;
    background-position: center;
    margin: 0 20px;
}

.iAnalytics-logo {
    background-image: url(../images/iAnalytics-Logo.png);
    background-repeat: no-repeat;
    width: 93px;
    height: 33px;
    background-size: contain;
    background-position: center;
    margin: 0 20px;
    padding: 0px;
}

.jora-logo {
    margin: 0 20px;
    background-image: url(../images/jora-logoWHITE.svg);
    background-repeat: no-repeat;
    width: 61px;
    height: 33px;
    background-size: contain;
    background-position: center;
    padding: 0;
}

.echo-logo {
    background-image: url(../images/echocredit-logoWHITE.svg);
    background-repeat: no-repeat;
    width: 114px;
    height: 41px;
    background-size: 127%;
    background-position: center;
    display: block;
    margin: 7px 20px 0 20px;
    padding: 0;
    height: 100%;
}

.rely-white-logo {
    background-image: url(../images/RelyCreditLogoWHITE.svg);
    background-repeat: no-repeat;
    width: 123px;
    height: 41px;
    background-size: contain;
    background-position: center;
    padding: 0px;
    margin: 0 20px;
}

.thinkflow-logo {
    background-image: url(../images/Thinkflow_logoWHITE.svg);
    background-repeat: no-repeat;
    width: 106px;
    height: 33px;
    background-size: contain;
    background-position: center;
    padding: 0;
    margin: 0 20px;
}*/