.cookie-banner {
    position: fixed;
    bottom: 0;
    top: 0;
    z-index: 9999;
    width: 30%;
    padding: 24px;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    background-color: #F4F4F6;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    color: #1A1A27;
    overflow-y: auto;
}

.cookie-banner h1,h2 {
    font-size: 1.4em;
    font-family: 'Open Sans', sans-serif!important;
}

.cookie-banner p {
    font-family: 'Open Sans', sans-serif!important;
}

.cookie-banner hr {
    margin: 20px 0 20px 0;
}

.cookie-banner .btn {
    border-radius: 12px;
    text-transform: capitalize;
    text-decoration: underline;
    font-size: 1.2em;
}

.cookie-banner .close {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0 5px;
    background-color: transparent;
    z-index: 10;
    font-size: 1.8em;
    border: 2px solid #000;
    border-radius: 5px;
}

.cookie-banner-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(0,0,0,.4);
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 0;
    will-change: opacity;
    -webkit-animation-name: fade-in;
    animation-name: fade-in;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
    margin: 35px 0 35px 0;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#main_faq .resetFaq li {
    display: list-item;
    color: #1A1A27;
    font-weight: 300;
    text-transform: inherit;
}

footer .risk p {
    font-size: 14px;
    line-height: 2.0em;
    font-weight: 300;
    text-align: justify;
}

footer .risk strong {
    font-weight: 600;
}

footer .risk a.riskLink {
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
}

a.viewFaq{
    color: rgb(125, 125, 125); font-weight: 100;
}

.intermediaryFix{

    padding: 8px 25px !important;
}

.HeightFix{
    height: 91%!important
}

.borrower_bg{
    background-image: url(../../images/bunker/borrower_bg_lft_v.png);
}

.contactBgLft{
    background-image: url(../../images/bunker/about-tab-bg-lft.svg) !important;
}

.contactBg{
    background-image: url(../../images/bunker/about-tab-bg-rgt.svg);
}

.CapitalRiskFont{
    font-size: 17px !important;
}

.ui-datepicker {
    /* background: #ec916a; */
    border: 1px solid #555;
    /* color: #EEE; */
 }
.ui-datepicker .ui-widget-header {
    background: #DD5113;
}

.investor_blocks a.profile {
    text-decoration: none;
    color: #1A1A27;
}

.block_wrapper .investor_blocks a.profile .block_inner h4, .block_wrapper .investor_blocks a.profile .block_inner p {
    color: #1A1A27;
    text-decoration: none;
}

.block_wrapper.completed .investor_blocks a.profile .block_inner p {
    color: #DD5113;
}

section#featured_loan p:nth-of-type(1){
    margin-bottom: 1px;
}

.details div:nth-of-type(2){
    color: black;
}

.IRC_display{
    color: black;
}

.IRC_btn{
    background-color: transparent;
    color: white;
    border: solid 1px white;
}
.IRC_btn:hover{
    background-color: rgb(255, 255, 255, 0.3);
}

.fin_wrapper:nth-of-type(4),
.fin_wrapper:nth-of-type(5),
.fin_wrapper:nth-of-type(6),
.fin_wrapper:nth-of-type(7),
.fin_wrapper:nth-of-type(8),
.fin_wrapper:nth-of-type(9),
.fin_wrapper:nth-of-type(10),
.fin_wrapper:nth-of-type(11),
.fin_wrapper:nth-of-type(12)
{
    margin-bottom: 7px;
    border-right: 1px solid #d6d6d6;
}
.fin_wrapper:nth-of-type(6):after {
    content: "";
    background: #d6d6d6;
    height: 1px;
    position: absolute;
    top: 0px;
    width: 92%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.fin_wrapper:nth-of-type(7):after {
    content: "";
    background: #d6d6d6;
    height: 1px;
    position: absolute;
    top: 0px;
    width: 92%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.fin_wrapper:nth-of-type(8):after {
    content: "";
    background: #d6d6d6;
    height: 1px;
    position: absolute;
    top: 0px;
    width: 92%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.fin_wrapper:nth-of-type(9):after {
    content: "";
    background: #d6d6d6;
    height: 1px;
    position: absolute;
    top: 0px;
    width: 92%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.fin_wrapper:nth-of-type(10):after {
    content: "";
    background: #d6d6d6;
    height: 1px;
    position: absolute;
    top: 0px;
    width: 92%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.fin_wrapper:nth-of-type(11):after {
    content: "";
    background: #d6d6d6;
    height: 1px;
    position: absolute;
    top: 0px;
    width: 92%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.fin_wrapper:nth-of-type(12):after {
    content: "";
    background: #d6d6d6;
    height: 1px;
    position: absolute;
    top: 0px;
    width: 92%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.fin_wrapper:nth-of-type(13):after {
    content: "";
    background: #d6d6d6;
    height: 1px;
    position: absolute;
    top: 0px;
    width: 92%;
    left: 0;
    right: 0;
    margin: 0 auto;
}


.block_inner h4{
    /*margin-left: 20%;*/
    word-wrap: break-word;
    margin-left: 25%;
    /*text-align: center;*/
    /*padding-right: 10px;*/
}

.block_inner h4 img{
    position: absolute;
    left: 13px;
    top: 35px;
}
#TabHqAddressMap{
    height: 550px;
    /* The height is 400 pixels */
    width: 100%;
    /* The width is the width of the web page */
}

.onfido-sdk-ui-crossDevice-CrossDeviceLink-secureLinkView form {
    padding-top: 0;
}

#main_faq.risks {
    padding-top: 0;
    background: #FFFFFF;
}

.card.risks {
    background: #E8E8EA;
}

#pr-box{
    font-family: 'Open Sans', sans-serif!important;
}

.FaqFullList a{
    font-weight: 600;
    color: inherit;
    text-decoration: underline;
}

.TabUClickableArticle{
    color: inherit;

}
.TabUClickableArticle:hover{
    text-decoration: none;
    color: inherit;
}

.irc_cal_property{
    background-color: #DD5115 !important;
}

.errorPageMargin{
    margin-top: 20%;
}

.borrower_loanDetails{
    color: #DD5113;
    font-size: 18px;
    padding-top: 0;
    margin-bottom: 25px;
}

.ArticleHeaderTabU{
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;

    font-family: 'Open Sans', sans-serif!important;
    font-weight: 700!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    letter-spacing: 0;
    line-height: 46px;
}

.ArticleHeaderTabU img{
    padding-right: 35px;
}

.ArticletitleTabU{
    font-size: 30px!important;
    color: #dd5214;
    margin-bottom: 25px;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 700!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.TabTrustTransparencyTag{
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700!important;
    padding-top: 60px;
}

.pdfobject-container {
    height: 50rem;
    /*border: 1rem solid rgba(0,0,0,.1); */
}

#statementsFilter ul {
    list-style: none
}

#statementsFilter ul li {
    width: 17%;
}

#statementsFilter ul li a {
    color: #1A1A27;
    text-decoration: none;
    display: block;
}

#statementsFilter ul li.first {
    border-right: 2px solid #000;
    line-height: 20px;
}

#statementsFilter ul li a.selected {
    font-weight: 600;
}

.statements_wrapper {
    margin-top: 30px;
}

section#dashboard_info {
    padding-top: 50px;
}

.statements_inner span {
    line-height: 95px;
    vertical-align: middle;
    color:#1A1A27;
    font-weight: 600;
}

.cookie-banner {
    position: fixed;
    bottom: 0;
    top: 0;
    z-index: 9999;
    width: 30%;
    padding: 24px;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    background-color: #F4F4F6;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    color: #1A1A27;
    overflow-y: auto;
}

.cookie-banner h1,h2 {
    font-size: 1.4em;
    font-family: 'Open Sans', sans-serif!important;
}

.cookie-banner p {
    font-family: 'Open Sans', sans-serif!important;
}

.cookie-banner hr {
    margin: 20px 0 20px 0;
}

.cookie-banner .btn {
    border-radius: 12px;
    text-transform: capitalize;
    text-decoration: underline;
    font-size: 1.2em;
}

.cookie-banner .close {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0 5px;
    background-color: transparent;
    z-index: 10;
    font-size: 1.8em;
    border: 2px solid #000;
    border-radius: 5px;
}

.cookie-banner-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(0,0,0,.4);
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 0;
    will-change: opacity;
    -webkit-animation-name: fade-in;
    animation-name: fade-in;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
    margin: 35px 0 35px 0;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#main_faq .resetFaq li {
    display: list-item;
    color: #1A1A27;
    font-weight: 300;
    text-transform: inherit;
}

footer .risk p {
    font-size: 14px;
    line-height: 2.0em;
    font-weight: 300;
    text-align: justify;
}

footer .risk strong {
    font-weight: 600;
}

footer .risk a.riskLink {
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
}

a.viewFaq{
    color: rgb(125, 125, 125); font-weight: 100;
}

.intermediaryFix{

    padding: 8px 25px !important;
}

.HeightFix{
    height: 91%!important
}

.borrower_bg{
    background-image: url(../../images/bunker/borrower_bg_lft_v.png);
}

.contactBgLft{
    background-image: url(../../images/bunker/about-tab-bg-lft.svg) !important;
}

.contactBg{
    background-image: url(../../images/bunker/about-tab-bg-rgt.svg);
}

.CapitalRiskFont{
    font-size: 17px !important;
}

.ui-datepicker {
    /* background: #ec916a; */
    border: 1px solid #555;
    /* color: #EEE; */
 }
.ui-datepicker .ui-widget-header {
    background: #DD5113;
}

.investor_blocks a.profile {
    text-decoration: none;
    color: #1A1A27;
}

.block_wrapper .investor_blocks a.profile .block_inner h4, .block_wrapper .investor_blocks a.profile .block_inner p {
    color: #1A1A27;
    text-decoration: none;
}

.block_wrapper.completed .investor_blocks a.profile .block_inner p {
    color: #DD5113;
}

section#featured_loan p:nth-of-type(1){
    margin-bottom: 1px;
}

.details div:nth-of-type(2){
    color: black;
}

.IRC_display{
    color: black;
}

.IRC_btn{
    background-color: transparent;
    color: white;
    border: solid 1px white;
}
.IRC_btn:hover{
    background-color: rgb(255, 255, 255, 0.3);
}


#phoneCountryCode {
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    border-right: none;
    width: 18%;
    padding: 0 0 0 5px;
}

.completed .block_inner a {
    color: #DD5113;
    text-decoration: underline;
}

.u_image {
    display: block;
}

#CreateAccountNumber::-webkit-inner-spin-button,
#CreateAccountNumber::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.agreementClearSignature {
    padding: 5px 10px !important;
    font-size: 1.0em;
    width: 25%;
}

.dd_carousel .end-date_wrapper {
    top: 0px;
    height: 100%;
    width: calc(100% - 30px);
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 700!important;
    -webkit-font-smoothing: antialiased;
}

.ended.property {
    background-color: rgb(250,229,200);
}

.ended.property .crd-inner, .ended.property .crd-header div {
    color: #DD5113!important;
}

.ended.property .crd-img img, .ended.loan .crd-img img {
    filter: none;
}

.ended.property .btn, .ended.property .redeemed .btn {
    background: transparent !important;
    border: 1px solid #DD5113;
    color: #DD5113;
}

.ended.loan .btn, ended.loan .redeemed .btn {
    background: inherit !important;
    border: 1px solid #494C73;
    color: inherit;
}

.crd-header #crd-per {
    font-weight: inherit !important;
}

#property_dd .dd_carousel .end-date_wrapper {
    background-color: rgba(221,81,21,0.3);
}


.refurb {
    background: url('../../images/bunker/refurb_hero-bg.svg');
    background-repeat: no-repeat;
    background-position: 120% 200%;
    background-size: 800px;
}

#quiz ul.answers, #quiz ul.questions {
    list-style: none;
    margin: 0;
    padding: 0;
}

#quiz ul.questions li{
    text-transform: uppercase;
    margin: 10px 0;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
}

#quiz ul.questions li.selected {
    font-weight: bold;
}
#quiz ul.questions li:hover {
    font-weight: bold;
}

#quiz .answersWrapper.selected {
   display: block;
}

#quiz .answersWrapper {
    display: none;
}

#quiz ul.answers li  {
    /*text-transform: capitalize;*/
    margin: 10px 0;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 50px;
    text-align: left;
    padding: 25px 10px;
    cursor: pointer;
    font-weight: 600;
}

#quiz ul.answers li:hover, #quiz ul.answers li.selected   {
    background-color: #DD5113;
    color:#FFF;
    border:1px solid #DD5113;

}

#quiz ul.answers li p {
    margin: 0;
    padding:0;
}

#quiz ul.answers li a {
    border: 1px solid #DD5113;
    background-color: #DD5113;
    display: block;
    color: #FFFFFF;
}

#quiz div.answers h5 {
    color: #000000;
    margin: 0 0 15px 0;
    padding:0;
}

#quiz button.quizPrev, #quiz button.quizNext {
    border: 2px solid #DD5113;
    color: #000000;
    border-radius: 21px;
    background: #FFFFFF;
    padding: 5px 25px;
    display: inline-block;
}

#quiz button.quizPrev:hover, #quiz button.quizNext:hover, #quiz button.quizPrev:focus, #quiz button.quizNext:focus {
    background: #DD5113;
    color: #FFFFFF;
    outline: none;
    border: 2px solid #DD5113;
}

.declaration button.acceptApplication, #declarationDenyAlert button.acceptApplication {
    background: #176C2F !important;
}

.declaration .btn.cl-or, #declarationDenyAlert button.denyApplication {
    background: #9B3000;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);
blockquote{
    font-size: 1.4em;
    margin:50px auto;
    font-family:'Open Sans', sans-serif!important;
    color: #DD5113;
    padding:1.2em 30px 1.2em 50px;
    border-left:8px solid #DD5113 ;
    line-height:1.6;
    position: relative;
    background:#EDEDED;
}

blockquote::before{
    font-family:Arial;
    content: "\201C";
    color:#DD5113;
    font-size:4em;
    position: absolute;
    left: 10px;
    top:-10px;
}

blockquote::after{
    content: '';
}

blockquote span{
    display:block;
    color:#333333;
    font-style: normal;
    font-weight: bold;
    margin-top:1em;
    font-size: 14px;
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label.disabledChannel::before {
    border-color: #CCC;
    background-color: #EEE;
}

.custom-switch .custom-control-label.disabledChannel::after {
    background-color: #DDD;
}

/*.active .bio_wrapper {*/
/*    height: 400px;*/
/*}*/

.tab_u .tab_u_title img, .tab_u-post .tab_u_title img {
    padding-right: 35px;
}

section#atf_banner .tab_u_title {
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 700!important;
    letter-spacing: 0;
    line-height: 46px;
}

/************************** Marketing settings **********************************************/
.switch {
    vertical-align: sub;
    line-height: 1.5;
}
.switch input[type=checkbox]{
    height: 0;
    width: 0;
    visibility: hidden;
}

.switch label {
    cursor: pointer;
    text-indent: -9999px;
    width: 35px;
    height: 15px;
    background: grey;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 11px;
    height: 11px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.switch input:checked + label {
    background: #DD5113;
}

.switch input:checked + label:after {
    left: calc(100% - 3px);
    transform: translateX(-100%);
}

.switch label:active:after {
    width: 25px;
}

@media (max-width: 1199px) {
    .chKey {
        font-size: 0.9em;
    }
}
/************************** Marketing settings **********************************************/





/*********************************** MEDIA QUERIES **************************** */

@media (min-width: 768px) and (max-width: 991.98px) {
    section#atf_banner .tab_u_title {
        font-size: 25px;
    }
}

@media (max-width: 767.98px) {
    section#atf_banner .tab_u_title {
        font-size: 30px;
        line-height: 2rem;
    }
    .tab_u .tab_u_title img, .tab_u-post .tab_u_title img {
        max-height: 50px;
        padding-right: 20px;
    }
}

@media( max-width: 500px) {
    #onfido {
        height: 580px;
    }
}

@media( max-width: 479px) {
    .onfido-sdk-ui-Modal-inner {
        width: 93% !important;
    }
}

@media( max-width: 320px) {
    .onfido-sdk-ui-Modal-inner {
        width: 91% !important;
    }
}

@media (max-width: 600px) {
    .cookie-banner {
        width: 75%;
    }

    button.accept-cookies, button.dont-cookies {
        margin: 10px 0 0 0 !important;
    }

    .agreementDonwloadPdf {
        margin-top: 20px;
        margin-bottom: 20px;
        display: block;
    }

    .agreementHeader {
        text-align: center;
    }

    .agreementSigLabel {
        text-align: center;
        margin: 10px 0;
    }

    .agreementClearSignature {
        width: 100%;
    }

    #statementsFilter ul li {
        width: 35%;
    }
}
/* Navbar on mobiles */

@media(max-width: 767px) {
    .dd_carousel .end-date_wrapper {
        width:100%;
    }
}

@media (max-width: 991px) {

    .marketingSettings {
        line-height: 0;
    }

    /* .nav_logo._lght{
        display: none !important;
    }
    .scrolled .nav_logo._lght {display:block !important;} */

    .agreementSigLabel {
        margin: 10px 0;
    }

    .agreementClearSignature {
        width: 100%;
    }

    .logged_in .btnfixTabCon{
        padding-left: 10px !important;
    }

    #hideActualBar{
        display: none;
    }

    #showSecondNav{
        margin-top: -10px;
        display: block !important;
    }

    .navbar-collapse{
        max-height: 840px;
        overflow-y:scroll;
        -webkit-overflow-scrolling: touch;
    }

    nav ul {
        text-align: initial;
    }

    nav .collapse.show{
        /*height: auto ;*/
        width: auto;
        margin-top: initial;
        z-index: 0;
        position: static;
        margin-top: -90px!important;
        background-image: url(../../images/bunker/logo-white.svg)!important;
        background-repeat: no-repeat!important;
        background-size: 110px!important;
    }

    #navbarSupportedContent{
        margin-left: -16px;
        width: 100vw;
    }

    .nav_bg{
        margin-left: -16px;
    }

    .secondNavImageFix{
        position: relative;
        z-index: -1;
       margin-top: 30px;
       margin-left: -1px;
    }

    .secondNavImageFix1{
        margin-top: 2px;
        margin-left: -1px;
     }

    .navbar-nav{
        margin-top: 100px;
    }

    .mainLinkNav{
        color: white;
        background: #bd4817;
        padding: 0.5rem 0.5rem 0.5rem 2.5rem !important;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0px;
        margin: 0px
    }

    .NavtextAlignment{
        padding: 0rem 0rem 0rem 2.1rem !important;
    }
    .NavtextAlignment:hover{
        background-color: #bd4817;
    }

    .nav-link{
        font-size: 12px;
        padding: 5.5px !important;
    }

    .mainLinkNavTabCo{
        color: white;
        background: #bd4817;
        padding: 0.5rem 0.5rem 0.5rem 2.5rem !important;
        font-size: 14px !important;
        font-weight: 600;
        margin-bottom: 0px;
        margin: 0px
    }

    .navBarBottomSpacingMobile{
        margin-bottom: 250px;
    }

    .navbarULBg{
        background-color: #DD5113;
    }

    nav .collapse.show .dropdown-menu {
        display: block;
        background: #bd4817;
        text-align: left;
        border: initial;
        margin: initial;
        padding: initial;
    }

    nav .collapse.show .dropdown-menu a{
        margin-left: 40px;
    }

    .collapse li.nav-item.nav_switch {
        position: fixed;
        top: 20px;
        right: 135px;
        transition: all 0.2s ease-in-out;
    }

    .collapse li.nav-item.nav_notification {
        position: fixed;
        top: 30px;
        right: 75px;
        transition: all 0.2s ease-in-out;
    }

    .scrolled .nav_bg{
        height: 80px;
    }

    .navbarBrandPosition{
        padding-left: 0px;
    }

    .FixTopMobileDisplay{
        z-index: -1 !important;
        width: 100vw;
        position: absolute;
        top: 10px;
        height: 35px;
        background-color: #DD5113;
    }

    .navBtnStyles{
        background: #bd4817;
        padding: 0.5rem 0.5rem 0.5rem 2.5rem !important;
        font-size: 14px;
        text-align: left;
    }
}


@media screen and (max-width: 991px) and (min-width: 750px) {
    .navbar-collapse{
        max-height: 1065px;
        overflow-y:scroll;
        -webkit-overflow-scrolling: touch;
    }
  }

  @media (max-width: 540px){
    .logged_in .btnfixTabCon{
        padding-left: 40px !important;
    }

  }

  /* for iphone 5 */
  @media (max-width: 320px) {
    #navbarSupportedContent{
        width: 120vw;
    }
    .navBarBottomSpacingMobile{
        margin-bottom: 300px;
    }
    .FixTopMobileDisplay{
        width: 100%;
    }

    .navBtnStyles{
        width: 65%;
    }
  }

  /* for galaxy fold  */
  @media (max-width: 280px) {
    .navBtnStyles{
        width: 60%;
    }
  }

/* for Ipads */
@media only screen and (min-device-width: 650px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
    .ipadFix{
        padding-left: 30px !important;
        background: #bd4817!important;
      }
      .NavtextAlignment{
        padding: 0rem 0rem 0rem 1.8rem !important;
    }
      .mainLinkNavTabCo{
          background: none !important;
      }
  }

  @media only screen and (min-device-width: 650px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */
    .ipadFix{
        padding-left: 30px !important;
        background: #bd4817!important;
      }
      .NavtextAlignment{
        padding: 0rem 0rem 0rem 1.8rem !important;
    }
      .mainLinkNavTabCo{
          background: none !important;
      }
  }

  @media screen and (max-width: 767px) and (min-width: 650px){
    .ipadFix{
        padding-left: 1px !important;
      }
  }
  /* Navbar on mobiles ends */

@media screen and (max-width: 1389px) and (min-width: 1330px) {
    .borrower_bg{
        background-image: url(../../images/bunker/borrower_bg_lft_v.png);
        background-position: -60% 50%;
        /* background-image: none; */
    }
  }

  @media screen and (max-width: 1329px){
      .borrower_bg{
          background-image: none;
      }
  }

  @media screen and (max-width: 1556px) and (min-width: 1500px) {
    .contactBgLft{
        background-position: -60% 50% !important;
    }
  }

  @media screen and (max-width: 1499px)  {
    .contactBgLft{
        background-position: -70% 50% !important;
    }
  }

  @media screen and (max-width: 1420px)  {
    .contactBgLft{
        background-image: none !important;
    }
  }

  @media screen and (max-width: 1340px)  {
    .contactBg{
        background-image: none;
    }
  }
  @media screen and (max-width: 1390px) and (min-width: 1271px) {
    section#about_body{
        background-position: -70% 50% !important;
    }
  }
  @media screen and (max-width: 1270px) {
    section#about_body{
        background-position: -90% 50% !important;
    }
  }
  @media screen and (max-width: 1240px) {
    section#about_body{
        background-position: -100% 50% !important;
    }
  }
  @media screen and (max-width: 1120px) {
    section#about_body{
        /* background-position: -100% 50% !important; */
         background-image: none;
    }
  }
  @media screen and (max-width: 790px) {
    .about_bg_rgt{
        /* background-position: -100% 50% !important; */
         background-image: none;
    }
  }
  @media screen and (max-width: 1390px) and (min-width: 1071px) {
    section#values_steps{
        background-position: -80% 50% !important;
    }
  }

  @media screen and (max-width: 1070px) {
    section#values_steps{
        background-position: -120% 50% !important;
    }
  }

  @media screen and (max-width: 1070px) {
    .step div:nth-of-type(1):after{
        /* background-position: -120% 50% !important; */
        background-color: transparent;
    }
  }

  @media screen and (max-width: 1380px) and (min-width: 1171px) {
    section#tab_team{
        background-position: left -80% top 200px !important;
    }
  }

  @media screen and (max-width: 1170px) {
    section#tab_team{
        background-position: left -120% top 200px !important;
    }
  }
  @media screen and (max-width: 1050px) {
    section#tab_team{
        background-image: none;
    }
  }
  @media screen and (max-width: 1422px) and (min-width: 1271px) {
    .borrower_bg_2{
        background-position: 125% 0%;
    }
  }
  @media screen and (max-width: 1270px) and (min-width: 1138px) {
    .borrower_bg_2{
        background-position: 135% 0%;
    }
  }
  @media screen and (max-width: 1137px) {
    .borrower_bg_2{
       background-image: none;
    }
  }

  @media screen and (max-width: 1390px) and (min-width: 1268px) {
    .more_Info_font{
        font-size: 12px !important;
        font-weight: 550!important;
    }
  }
  @media screen and (max-width: 1267px)  {
    .more_Info_font{
        font-size: 11px !important;
        /* font-weight: 2!important;  */
    }
  }
  @media screen and (max-width: 1230px)  {
    .more_Info_font{
        font-size: 14px !important;
        font-weight: 600!important;
        /* font-weight: 2!important;  */
    }
  }

  @media screen and (max-width: 1400px) and (min-width: 1304px) {
    .more_Info_font_Home{
        font-size: 12px !important;
        font-weight: 550!important;
    }
  }
  @media screen and (max-width: 1303px)  {
    .more_Info_font_Home{
        font-size: 11px !important;
        font-weight: 500!important;
    }
  }
  @media screen and (max-width: 1246px)  {
    .more_Info_font_Home{
        font-size: 14px !important;
        font-weight: 600!important;
    }
  }


  @media screen and (max-width: 1200px) and (min-width: 988px) {
    .more_Info_font_Lending{
        font-size: 12px;
        font-weight: 1!important;
    }
  }

  @media screen and (max-width: 1384px)  {
    section#privacy_body{
    background-image: none;
    }
  }

  @media screen and (max-width: 1096px)  {
    .privacy_bg_rgt{
    background-image: none;
    }
    .PrivacyTableOverflow{
        overflow-x:auto;
    }
  }
  @media (max-width: 767.98px){
  section#atf_banner {
      height: 11%;
      padding: 25px;
  }
}

@media (max-width: 767.98px){
    .hamburgerBottom {
     margin-bottom: 50px;
    }

    #thirdMenu {
        position: fixed;
        top: 25px;
        right: 53px;
        z-index: 99999;
        transition: all 0.2s ease-in-out;
    }

    #thirdMenu .img.nav_drk {
        display: block;
    }

    .scrolled #thirdMenu {
        position: fixed;
        top: 7px;
        right: 53px;
        z-index: 99999;
        transition: all 0.2s ease-in-out;
    }

    .scrolled.burger #thirdMenu, .burger #thirdMenu {
        position: fixed;
        top: 24px;
        right: 110px;
        z-index: 99999;
        transition: all 0.2s ease-in-out;
    }

    .scrolled #thirdMenu img.nav_drk, .scrolled.burger #thirdMenu img.nav_drk, .burger #thirdMenu img.nav_drk {
        display: none;
    }

    .scrolled #thirdMenu img.nav_lght, .scrolled.burger #thirdMenu img.nav_lght, .burger #thirdMenu img.nav_lght {
        display: block;
    }
  }

@media (min-width: 768px) and (max-width: 991.98px) {
    #thirdMenu {
        position: fixed;
        top: 25px;
        right: 53px;
        z-index: 99999;
        transition: all 0.2s ease-in-out;
    }

    #thirdMenu .img.nav_drk {
        display: block;
    }

    .scrolled #thirdMenu {
        position: fixed;
        top: 7px;
        right: 53px;
        z-index: 99999;
        transition: all 0.2s ease-in-out;
    }

    .scrolled.burger #thirdMenu, .burger #thirdMenu {
        position: fixed;
        top: 24px;
        right: 110px;
        z-index: 99999;
        transition: all 0.2s ease-in-out;
    }

    .scrolled #thirdMenu img.nav_drk, .scrolled.burger #thirdMenu img.nav_drk, .burger #thirdMenu img.nav_drk {
        display: none;
    }

    .scrolled #thirdMenu img.nav_lght, .scrolled.burger #thirdMenu img.nav_lght, .burger #thirdMenu img.nav_lght {
        display: block;
    }
}

@media screen and (max-width: 1389px) and (min-width: 1330px) {
    .borrower_bg{
        background-image: url(../../images/bunker/borrower_bg_lft_v.png);
        background-position: -60% 50%;
        /* background-image: none; */
    }
  }

  @media screen and (max-width: 1329px){
      .borrower_bg{
          background-image: none;
      }
  }

  @media screen and (max-width: 1556px) and (min-width: 1500px) {
    .contactBgLft{
        background-position: -60% 50% !important;
    }
  }

  @media screen and (max-width: 1499px)  {
    .contactBgLft{
        background-position: -70% 50% !important;
    }
  }

  @media screen and (max-width: 1420px)  {
    .contactBgLft{
        background-image: none !important;
    }
  }

  @media screen and (max-width: 1340px)  {
    .contactBg{
        background-image: none;
    }
  }
  @media screen and (max-width: 1390px) and (min-width: 1271px) {
    section#about_body{
        background-position: -70% 50% !important;
    }
  }
  @media screen and (max-width: 1270px) {
    section#about_body{
        background-position: -90% 50% !important;
    }
  }
  @media screen and (max-width: 1240px) {
    section#about_body{
        background-position: -100% 50% !important;
    }
  }
  @media screen and (max-width: 1120px) {
    section#about_body{
        /* background-position: -100% 50% !important; */
         background-image: none;
    }
  }
  @media screen and (max-width: 790px) {
    .about_bg_rgt{
        /* background-position: -100% 50% !important; */
         background-image: none;
    }
  }

  @media screen and (max-width: 1390px) and (min-width: 1071px) {
    section#values_steps{
        background-position: -80% 50% !important;
    }
  }

  @media screen and (max-width: 1070px) {
    section#values_steps{
        background-position: -120% 50% !important;
    }
  }

  @media screen and (max-width: 1070px) {
    .step div:nth-of-type(1):after{
        /* background-position: -120% 50% !important; */
        background-color: transparent;
    }
  }

  @media screen and (max-width: 1380px) and (min-width: 1171px) {
    section#tab_team{
        background-position: left -80% top 200px !important;
    }
  }

  @media screen and (max-width: 1170px) {
    section#tab_team{
        background-position: left -120% top 200px !important;
    }
  }
  @media screen and (max-width: 1050px) {
    section#tab_team{
        background-image: none;
    }
  }
  @media screen and (max-width: 1422px) and (min-width: 1271px) {
    .borrower_bg_2{
        background-position: 125% 0%;
    }
  }
  @media screen and (max-width: 1270px) and (min-width: 1138px) {
    .borrower_bg_2{
        background-position: 135% 0%;
    }
  }
  @media screen and (max-width: 1137px) {
    .borrower_bg_2{
       background-image: none;
    }
  }

  @media screen and (max-width: 1390px) and (min-width: 1268px) {
    .more_Info_font{
        font-size: 12px !important;
        font-weight: 550!important;
    }
  }
  @media screen and (max-width: 1267px)  {
    .more_Info_font{
        font-size: 11px !important;
        /* font-weight: 2!important;  */
    }
  }
  @media screen and (max-width: 1230px)  {
    .more_Info_font{
        font-size: 14px !important;
        font-weight: 600!important;
        /* font-weight: 2!important;  */
    }
  }

  @media screen and (max-width: 1400px) and (min-width: 1304px) {
    .more_Info_font_Home{
        font-size: 12px !important;
        font-weight: 550!important;
    }
  }
  @media screen and (max-width: 1303px)  {
    .more_Info_font_Home{
        font-size: 11px !important;
        font-weight: 500!important;
    }
  }
  @media screen and (max-width: 1246px)  {
    .more_Info_font_Home{
        font-size: 14px !important;
        font-weight: 600!important;
    }
  }


  @media screen and (max-width: 1200px) and (min-width: 988px) {
    .more_Info_font_Lending{
        font-size: 12px;
        font-weight: 1!important;
    }
  }

  @media screen and (max-width: 1384px)  {
    section#privacy_body{
    background-image: none;
    }
  }

  @media screen and (max-width: 1096px)  {
    .privacy_bg_rgt{
    background-image: none;
    }
    .PrivacyTableOverflow{
        overflow-x:auto;
    }
  }
  @media (max-width: 767.98px){
  section#atf_banner {
      height: 11%;
      padding: 25px;
  }
}

@media (max-width: 767.98px){
    .hamburgerBottom {
     margin-bottom: 50px;
    }
  }


  @media (min-width: 767px) and (max-width: 991px) {
    .ipadFixPropertyLending p span{
        font-size: xx-small !important;
        }
        .ipadFixPropertyLending p {
            line-height: normal;
        }
  }

@media (max-width: 375px){
    #phoneCountryCode {
        width: 25%;
    }
}

@media  (max-width: 1571px) {
    .CareersBgFixLeft{
        background-position: -60% 50% !important;
    }
}
@media  (max-width: 1494px) {
    .CareersBgFixLeft{
        background-position: -70% 50% !important;
    }
}

@media  (max-width: 1424px) {
    .CareersBgFixLeft{
        background-position: -80% 50% !important;
    }
}

@media  (max-width: 1395px) {
    .CareersBgFixLeft{
        background-image: none !important;
    }
}

@media  (max-width: 1571px) {
    .CareersBgFixRight{
        background-position: 120% 50% !important;
    }
}

@media  (max-width: 1371px) {
    .CareersBgFixRight{
        background-position: 125% 50% !important;
    }
}

@media  (max-width: 1251px) {
    .CareersBgFixRight{
        background-position: 135% 50% !important;
    }
}


@media  (max-width: 1040px) {
    .refurb{
        background-size: 730px;
        background-position: 171% 162%;
    }
}


@media  (max-width: 990px) {
    .refurb{
        background-size: 695px;

    }
}

@media  (max-width: 950px) {
    .refurb{
        background-size: 644px;
        background-position: 149% 137%;
    }
}

@media  (max-width: 930px) {
    .refurb{
        background-size: 590px;
        background-position: 141% 123%;
    }
}

@media  (max-width: 882px) {
    .refurb{
        background-size: 545px;
        background-position: 139% 139%;
    }
}

@media  (max-width: 866px) {
    .refurb{
        background-size: 482px;
        background-position: 133% 121%;
    }
}

@media  (max-width: 700px) {
    .refurb{
        background-size: 424px;
    }
}

@media  (max-width: 600px) {
    .refurb{
        background-size: 381px;
    }
}

@media  (max-width: 530px) {
    .refurb{
        background-position: 181% 121%;
    }
}

@media  (max-width: 495px) {
    .refurb{
        background-position: 223% 121%;
    }
}

@media  (max-width: 460px) {
    .refurb{
        background-size: 350px;
        background-position: 171% 121%;
    }
}


@media  (max-width: 435px) {
    .refurb{
        background-size: 315px;
        background-position: 171% 107%;
    }
}

@media  (max-width: 420px) {
    .refurb{
        background-position: 236% 107%;
    }
}

@media  (max-width: 389px) {
    .refurb{
        background-size: 280px;
        background-position: 206% 107%;
    }
}

/* Contact Page */
.enquiry_social i {
    font-size: 55px;
    color:#DD5113;
}
.enquiry_social i:hover {
    opacity: 0.7;
}
.enquiry_row {
    border-bottom: 1px solid #D6D6D6;
}
#makeEnquiry{
    padding-top: 20px;
}
.enquiry_image {
    width: 140%;
}

.enquiry_text{
    font-size: 18px;
    line-height: 135%;
}
.enquiry_text2{
    font-size: 18px;
    line-height: 270%;
}
.enquiry_text a{
    color: inherit;
    text-decoration: none;
}
.enquiry_text a:hover{
    color:#bfbfbf;
}

.enquiry_text2 a{
    color: inherit;
    text-decoration: none;
}
.enquiry_text2 a:hover{
    color:#bfbfbf;
}

.form-control{
    color: rgba(30,30,45,1);
}
.contact_address{
    font-size:18px;
    line-height: 1.6;
}
.contact-address_title{
    font-size:24px;
}
.contact_addressIcon {
    font-size:30px;
}

@media (max-width: 900px) {
    section {
        padding-bottom: 75px;
        position: relative;
    }
}

.big-nums {
    font-weight: 400;
    font-size: 1.2rem;
}
.nums {
    font-weight: 400;
    font-size: 1.1rem;
}

@media  screen and  (max-width: 412px) {
    .enquiry_social i, .enquiry_social_esg i {
        font-size: 30px!important;
    }
    .enquiry_text{
        font-size: 16px;
    }
    .enquiry_text2{
        font-size: 16px;
    }
    .enquiry_row {
        padding-left:2px!important;
    }
    .categories {
        display: none;
    }
    .overall-invest {
        font-size: 16px;
    }
    .big-nums {
        font-size: 1.1rem;
    }

    .row.quick_stats {
        padding-bottom: 0px;
    }

    .mobile-specs {
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav-tab {
        width: 100%;
    }
    .nav-tab a div {

    }

}
@media screen and  (max-width: 576px) {
    .enquiry_second_half_margin-top-smallscreen{
        margin-top: 10%;
    }

    .enquiry_social i, .enquiry_social_esg i {
        font-size: 35px;
    }
    .contact_address{
        font-size:20px;
    }
    .contact_addressIcon {
        font-size:30px;
    }
}
@media screen and (min-width: 768px) {
    /*    display property for social share buttons in article detail view*/
    .share-display-mobile {
        display: none;
    }
}
@media screen and (max-width: 768px){
    /*display property for social share buttons in article detail view*/
    .share-display-desktop {
        display: none;
    }
}
@media screen and  (max-width: 991px) {
    .enquiry_social i, .enquiry_social_esg i {
        font-size: 50px;
    }
}

.article-sidebar {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    color: #DD5214;
}
#enquiry_description{
    font-size: 18px;
    line-height: normal;
}
#enquiry_form_heading{
    font-size: 30px;
    font-weight: bold;
}
.contact_title{
    font-size: 24px;
    font-weight: bold;
}

section#latest {
    background-color:#262632;
}

html, body, .cookie-banner h1,h2,h3,h4,h5,h6, p, #invest li, ol, h1, h2, h3, h4, h5, h6 span, a, div, .ArticletitleTabU   {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.post-body h2 {
    font-size: 14px !important;
    margin-bottom: 20px;
    color: #1A1A27;
    margin-top: 35px;
}

.password-toggle-icon {
    margin-left: -40px;
    margin-top:auto;
    margin-bottom:auto;
    cursor: pointer;
}
.password-toggle-icon:hover {
    color: #343434;
}

#pr-box p {
    margin-bottom: 0 !important;
}

.tab-orange {
    color: #DD5113;
}
.tab-white {
    background-color: #FFFFFF;
}

.disclaimer-txt {
    width: 100%;
    padding-left: 30px;
}
.disclaimer-txt a {
    color: #dd5214;
    font-weight: 900;
    text-decoration: underline;
}
.light-gray-area {
    background: rgba(0,35,35,0.05);
}

.prop-tab {
    background-color: rgba(255,255,255);

}
.prop-tab.active {
    background-color: rgba(0,35,35,0.05) !important;
}
h3.tagline {
    padding-top: 60px;
    font-size: 14px;
    color: #1A1A27;
    letter-spacing: 0.27px;
}
#content428 {
font-weight: normal !important;
}

/* product flip-cards */

section#about_body.secured, section#flip-cards {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}

section#flip-cards {
    background-color: #EFEBE4;
}

#flip-cards {
background-color: #FFFFFF;
}

.flip-boxes {
    justify-content: center;
}
.flip-box {
    display: flex;
    align-content: stretch;
    height: 360px;
    width : 360px;
    /*min-width: 380px;*/
    /*max-width: 380px;*/
    flex-wrap: wrap;
    position: relative;
    margin: 10px;
    /*margin-bottom: 10px;*/

    -webkit-perspective: 2000px;
    perspective: 2000px;
}
.flip-box:hover .back {
    transform: rotateY(0deg);
    z-index: 10;
}
.flip-box:hover .front {
    transform: rotateY(180deg);
    z-index: -1;
}
.flip-box .back, .flip-box .front {
    position: relative;
    background-color: #FFFFFF;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-content: center;
    flex: 0 0 100%;
    -webkit-transition: all 1s cubic-bezier(0.5, 1, 0.5, 1);
    transition: all 1s cubic-bezier(0.5, 1.3, 0.5, 1.3);
    transform-style: preserve-3d;
    background-size: cover;
    background-position: center;
}
.flip-box .back {
    background-color: #FFFFFF;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    transform: rotateY(-180deg);
    line-height: 20px;
    font-weight: 400;
}
.flip-box .front {
    color: #DD5113;
    z-index: 10;
    line-height: 2rem;
    padding: 2rem;

}
.flip-box .front .content {
    font-size: 2rem;
    text-shadow: 0 0  5px white;
}
.flip-box .content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
}
.translucent {
    position: absolute;
    background-color: rgba(255,255,255,0.70);
    z-index: 20;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
section#atf_banner.borrow-banner {
    height: 100px;
}

.paginate_button.next
 {
    padding-left: 2rem !important;
}

.tab_u h1.category-h1 {
    color:#1A1A27;
    font-size: 25px !important;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    .tab_u h1.category-h1 {
        font-size: 20px !important;
    }
    .tab_u .tab_u_title img, .tab_u-post .tab_u_title img {
        display:none;
    }
}

.detail_inner,  .detail_inner p span,  .detail_inner span, .detail_inner p {
    font-family: 'Open Sans', sans-serif;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    section#atf_banner.property-atf-banner-height {
        height: 280px;
    }

}

.customStatement {
    top: 0;
    right: 5px;
    z-index: 1;
}
@media screen and  (max-width: 1199px) {
    .logged_in a.btn.login {
        padding: 8px 25px!important;
    }
}

@media screen and  (max-width: 991px) {
    .logged_in a.btn.login {
        padding: 8px 25px!important;
    }
    .investorDashboardStats {
        width: 100% !important;
        margin: 2px;
    }
    /*.investorDashboardFilters.transactionsPage {*/
    /*    display:none;*/
    /*}*/
}
@media screen and  (max-width: 767px) {
    .customStatement {
        bottom:0;
        margin-bottom: 20px;
        top: -34px;
        left: 13px;
        height: max-content;
    }
}

@media screen and  (max-width: 450px) {
    .customStatement {
        display:none !important;
    }
}

#investment-table_wrapper.dataTables_wrapper .dataTables_filter, #tabLending-table_wrapper.dataTables_wrapper .dataTables_filter{
    float: left;
}

#investment-table_wrapper #investment-table_filter label,#tabLending-table_wrapper #investment-table_filter label {
    right: 0;
}

@media (min-width: 1200px) {
    .container.broker-d.mx-0 {
        width: 1000px;
    }
}

#our_team a._member {
    color: #1A1A27;
}


/* timeline card */

.timecard {
    position: relative;
}

.timecard img {
    object-fit: cover;
    height: 140px;
}

.timecard-caption {
    letter-spacing: -1px;
    font-weight: 900;
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    color: #fff;
    text-shadow: 1px 2px 8px #000000;
    text-align: center;
    transform: translateY(-50%) translateX(-50%);
}

.flip-front-header {
    font-size: 30px;
}

.orange-link {
    color: #dd5214;
    font-weight: 900;
    text-decoration: underline;
}

/* open sans new weights */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local(''),
    url('../../fonts/bunker/open-sans-v18-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../../fonts/bunker/open-sans-v18-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: 'Open Sans';
    src: local(''),
    url('../../fonts/bunker/OpenSans-Regular-400.woff2') format('woff2'),
    url('../../fonts/bunker/OpenSans-Regular-400.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: local(''),
    url('../../fonts/bunker/OpenSans-Medium-500.woff2') format('woff2'),
    url('../../fonts/bunker/OpenSans-Medium-500.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(''),
    url('../../fonts/bunker/open-sans-v18-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../../fonts/bunker/open-sans-v18-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(''),
    url('../../fonts/bunker/open-sans-v18-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../../fonts/bunker/open-sans-v18-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: 'Open Sans';
    src: local(''),
    url('../../fonts/bunker/OpenSans-ExtraBold-800.woff2') format('woff2'),
    url('../../fonts/bunker/OpenSans-ExtraBold-800.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/** Overwriting the reboot **/
b, strong {
    font-weight: bold;
}

/* bridging loan calculator */
@font-face {
    font-family: 'Open Sans';
    src: url('../../fonts/bunker/OpenSans-Regular-400.woff2') format('woff2'),
    url('../../fonts/bunker/OpenSans-Regular-400.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.loan-calc {
    padding-top: 200px;
    background-position: 130% 110%;
}
section#calculator {
    background: #1A1A27;
}
.calc-card {
    background-color: #D2D2DC;
    border-radius: 1rem !important;
}
.calc-round-right, .calc-round-left, .calc-range, .calc-round-right-grn, .calc-round-left-grn, .calc-round-select {
    font-size: 1.2rem;
}
.calc-txt {
    font-weight: 400;
}
.calc-btn {
    border: 2px solid #dd5113;
    color: #DD5214;
    background-color: #FFFFFF;
    padding: 14px 22px !important;
}
.btn-og {
    padding: 14px 22px !important;
}
.calc-btn.calc-enabled, .btn-og {
    color: #FFFFFF;
    background-color: #dd5113;
}
.land-btn {
    padding: 14px 44px !important;
}
.calc-round-right {
    border-top-right-radius: 1.7rem !important;
    border-bottom-right-radius: 1.7rem !important;
    border: 2px solid #dd5113;
    border-left: 0;
    letter-spacing: 1px;
    font-weight: bold;
    padding-right:70px;
}
.calc-round-left {
    border-top-left-radius: 1.7rem !important;
    border-bottom-left-radius: 1.7rem !important;
    background-color: #FFFFFF;
    border: 2px solid #dd5113;
    border-right: 0;
    font-weight: bold;
}
.form-control[readonly].calc-round-right, .form-control[readonly].calc-round-right-grn  {
    background-color: #FFFFFF;
}
.calc-txt-sm {
    font-size: 1.1rem;
    line-height: 1.2rem;
    font-weight: 400;
}
.calc-head {
    color: #4A4D74;
}

.big-button {
    font-size: 2rem;
    font-weight: 700;
}
.med-big-button {
    font-size: 1.6rem;
    font-weight: 700;
}

.calc-range {
    width: 100%;
    text-align: center;
}
#term_val, #ltv_val {
    font-weight: bold;
}

#gross_loan, #net_loan, #interest_rate {
    padding-top: 12px;
}
.return-to-products {
    padding: 50px;
    background: #1A1A27;
}

.calc_bg {
    background: url(../../images/bunker/fc-residential-hero-bg-grn.svg) no-repeat 120% 140%;
    background-size: 800px;
}

.calc-steps {
    padding: 50px 50px;
    min-height: 250px;
    background: #EFEBE4;
    color: #dd5113;

}
.calc-steps img, .calc-steps-grn img {
    display:block;
    margin:auto;
    height: 160px;
    padding: 1rem;
}
.calc-steps p {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
}

.blc-steps-header-lg {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 50px;
}
.blc-steps-header-md {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin: 1rem;
}
.calc-blurb {
    text-align: justify;
    margin-bottom: 50px;
}
.calc-phone {
    color: white;
    font-weight: bold !important;
}
.calc-phone:hover {
    color: #DD5115 !important;
}
section#about-calc h3 {
    font-size: 1.5rem;
}
section#about-calc h2 {
    font-size: 2rem;
}
section#about-calc {
    padding-bottom: 0;
}

/* classes for layout fix on user/listing page */
.a-height {
    height: auto;
}

.full-height {
    height: 100% !important;
}

.top-pad {
    padding-top: 16px;
}

.dd_div_r .detail_inner.full-height:after {
    height: 95%;
}

@media only screen and (max-width: 3279px) and (min-width: 815px) {
    .calc-pad {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
    .land-btn { margin-top: 16px }
    .calc_bg {
        background-position: 120% 180%;
    }
}

@media only screen and (max-width: 992px) {
    .calc_bg {
        background-position: 340% 420%;
    }
}
@media only screen and (max-width: 900px) {
    .calc_bg {
        background-position: 420% 2500%;
    }
}
@media only screen and (max-width: 850px) {
    .calc_bg {
        background-size: 600px;
        background-position: 180% 200%;
    }
}
@media only screen and (max-width: 765px) {
    .calc-steps p {
        margin-bottom: 40px;
    }
    .calc_bg {
        background: url(../../images/bunker/fc-residential-hero-bg.svg) no-repeat 90% 370%;
        background-size: 600px;
    }
}
@media only screen and (max-width: 471px) {
    .calc-steps p {
        margin-bottom: 40px;
    }
    .calc_bg {
        background: url(../../images/bunker/fc-residential-hero-bg.svg) no-repeat 90% 370%;
        background-size: 600px;
    }
}

@media only screen and (max-width: 420px) and (min-width: 0px) {
    .calc-steps p {
        margin-bottom: 40px;
    }
    .mob-space {
        margin-top: 50px;
    }
    .calc-wrap {
        padding: 0
    }
    .calc-card {
        border-radius: 0 !important
    }
    .calc-btn {
        display: block;
        width: 100%
    }
    .calc-txt {
        text-align: center;
        font-weight: 500;
    }
    .calc_bg {
        background: url(../../images/bunker/fc-residential-hero-bg.svg) no-repeat 0% 270%;
        background-size: 600px;
    }
}


@media (max-width: 767.98px) {
    .nacfb {
        text-align: center;
        padding-bottom: 20px;
    }
    footer .social {
    padding-left: 15px;
    padding-bottom: 20px;
    }
}
#tab_team h1 {
    color: #dd5214!important;
    font-size: 40px;
}

/* commercial mortgage calculator */

section#mortgage-calculator {
    background: #006D2B;
}
.calc-head-grn {
    color: #006D2B;
}

.calc-steps-grn {
    padding: 50px 50px;
    min-height: 250px;
    background: #EFEBE4;
    color: #006D2B;
}

.calc-round-right-grn {
    border-top-right-radius: 1.7rem !important;
    border-bottom-right-radius: 1.7rem !important;
    border: 2px solid #006D2B;
    border-left: 0;
    letter-spacing: 1px;
    font-weight: bold;
    /*padding-right:70px;*/
}
.calc-round-left-grn {
    border-top-left-radius: 1.7rem !important;
    border-bottom-left-radius: 1.7rem !important;
    background-color: #FFFFFF;
    border: 2px solid #006D2B;
    border-right: 0;
    font-weight: bold;
}
.calc-round-select {
    border-radius: 1.7rem !important;
    background-color: #FFFFFF;
    border: 2px solid #006D2B;
    font-weight: bold;

}
.calc-btn-grn {
    border: 2px solid #006D2B;
    color: #006D2B;
    background-color: #FFFFFF;
    padding: 14px 20px !important;
}
.btn-grn {
    padding: 14px 22px !important;
}
.calc-btn-grn.calc-enabled, .btn-grn {
    color: #FFFFFF;
    background-color: #006D2B;
}
.btn.cl-grn {background: #006D2B; color: #fff!important;}
.btn.cl-grn:hover {background: #015221;}

/** font-weight utilities **/
.fw400 {
font-weight: 400 !important;
}
.fw500 {
    font-weight: 500 !important;
}
.fw600 {
    font-weight: 600 !important;
}
.fw700 {
    font-weight: 700 !important;
}
.fw800 {
    font-weight: 800 !important;
}
/** end font-weight utilities **/

/** font-size utilities  **/
.fs12 {
    font-size: 12px;
}
.fs14 {
    font-size: 14px;
}
.fs16 {
    font-size: 16px;
}
.fs18 {
    font-size: 18px;
}
.fs20 {
    font-size: 20px;
}
.fs24 {
    font-size: 24px !important;
}
.fs26 {
    font-size: 26px;
}
.fs28 {
    font-size: 28px;
}
.fs30 {
    font-size: 30px;
}
/** end font-size utilities **/

.tab-green {
    color: #006D2B !important;
}
.cl-gr {
    color: #FFFFFF;
    background: #006D2B ;
}

.big-h2 {
    font-size: 2rem;
    font-weight: 800 !important;
}
.discount-wrapper {
    padding: 20px;
    display: grid;
    grid-template-columns: auto ;
    grid-gap: 15px ;
}
.esg-col {
    background: #EFEBE4;
    color: #000000;
    border-radius: 60px;
}
.esg-btn {
    text-align: center;
    margin-bottom: 10px !important;

}
.big-gr {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700 !important;
    color: #006D2B;
    padding: 30px;
}


.esg-big-card {
    font-size:1.2rem;
    font-weight: 600;
    text-align: center;

}
.esg-p {
    font-size: 1.1rem;
    text-align: center;
    font-weight: 500;
}
.esg-col hr {

    border-top: 4px solid rgba(0,109,43,.2) !important;
    width: 60%;
}
#what-is p, #what-is ul {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    list-style-type: none;
}


@media screen and (min-width: 990px) {
    .discount-wrapper {
        padding: 12px;
        display: grid;
        grid-template-columns: 32% 32% 32% ;
        grid-gap: 20px ;
    }
    .btn.esg-btn {
        text-align: left;
        margin-bottom: 0px;

    }
}
.esg_bg {
    height: 100vh;
    background: url(../../images/esg/esg-atf-bg.svg);
    background-repeat: no-repeat;
    background-position: 45% -25%;
    background-size: 1800px;
}
.esg_bg_left {
    background-image: url(../../images/esg/esg_bg_lft.svg);
    background-size: 700px;
    background-repeat: no-repeat;
    background-position: -50% 50%;
    background-color: #F1EEE7;
}
.esg_bg_right {
    background-image: url(../../images/esg/esg_bg_rgt.svg);
    background-size: 450px;
    background-repeat: no-repeat;
    background-position: 115% 0%;
}
.step-grn div:nth-of-type(1):after {
    position: absolute;
    display: block;
    width: 2px;
    height: 100%;
    background: #006D2B;
    content: "";
    top: 20px;
    left: 52%;
    z-index: 0;
}
.step-grn:nth-last-of-type(2) div:nth-of-type(1):after {
    display: none;
}
.step-grn img {margin: 20px 0;z-index: 2; position: relative;}
.step-grn h5 {padding-top: 0px;}
.step-grn {
    flex-direction: row;
    display: flex;
    align-items: center;
}
@media (max-width: 767.98px) {
    .esg_bg_left, .esg_bg_right {
        background-image: none;
    }
    .row.step-grn {
        text-align: center;
    }
    .step-grn div:nth-of-type(1):after {
        display: none;
    }
    .step-grn img {
        margin: 55px 0 25px;
        max-width: 145px;
    }
    .step div:nth-of-type(1):after {
        left: 43%;
    }
}
.enquiry_social_esg i {
    font-size: 55px;
    color:#006D2B;
}
.enquiry_social_esg i:hover {
    opacity: 0.7;
}

#calc-enquiry-modal .modal-content{
    border-radius: 15px;
    line-height: 1.4rem;
}

body nav.burger .navbar-brand .secondNavImageFix1 {
    display: none;
}

body.esg-branding  .scrolled .nav_bg, body.esg-branding .nav_bg, body.esg-branding .btn.cl-or,
body.esg-branding .dropdown-menu.show, body.esg-branding footer, body.esg-branding .navbarULBg,
body.esg-branding .FixTopMobileDisplay {
    background: #006D2B ;
}

body.esg-branding a.btn.login {
    color: #006D2B !important;
    border: 2px solid #006D2B;
}
body.esg-branding nav.site_nav.scrolled a.btn.login  {
    color: #FFFFFF !important;
    border: 2px solid #FFFFFF;
}
body.esg-branding .scrolled a.btn.cl-or.register {
    color: #006D2B !important;
}

body.esg-branding .NavtextAlignment:hover, body.esg-branding a.btn.login:hover, body.esg-branding #account a.btn.outline:hover, body.esg-branding .mainLinkNav,
body.esg-branding .navBtnStyles:hover {
    background: #1B9345;
    color: #fff!important;
}
@media (max-width: 767.98px){
    body.esg-branding nav .collapse.show {
        background: #006D2B;
    }
    body.esg-branding a.btn.cl-or.register {
        color: #FFFFFF!important;
        border: 2px solid white;
    }
}
body.esg-branding .navBtnStyles {
    background: #FFFFFF;
    color: #006D2B !important;
}
body.esg-branding .nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: #006D2B;}
body.esg-branding .nav-pills .nav-link.active, body.esg-branding .nav-pills .nav-link.active:hover {
    border: 1px solid #006D2B;
}
.txt-blk {
    color: #000000;
}

body.esg-branding .dropdown-item:focus, body.esg-branding .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #1B9345;
}
body.esg-branding ul.slick-dots li.slick-active button,
body.esg-branding ul.cstudies li.slick-active button {
    background-color: #006D2B;
}
.w100bang {
    width: 100% !important;
}
a:hover {
    color: #DD5115;
    font-weight: bold;
    text-decoration: none;
    color: #DD5115;
}
a {
    color: #9b3000;
    transition:100ms;
}

footer a:hover {
    color: #ffffff;
}

.team_member img, .phone {
    transition: transform .2s;
}
.team_member img:hover {
    font-size: 1.2rem;
    transform: scale(1.2)
}
.phone:hover {
    font-size: 2.2rem;
    transform: scale(1.2)
}
@media (min-width: 992px) and (max-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 2px ;
    }
    nav img.nav_logo.img-fluid {
        height: 60px;
    }
    nav li a {
        padding-right: 2px !important;
    }

}
@media (min-width: 992px){
     .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2px;
    }
}
.pl40 {
    padding-left: 40px!important;
}
@media (max-width: 992.98px) {
    .navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        background-image: url(../../images/white-cross-icon.svg);
        height: 25px;
    }
}
.tab_u_title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
}
.whatsapp {
    position: fixed;
    bottom: 90px;
    right: 2px;
}
ul.slick-dots {
    padding: 0;
    margin: 0;
}
.slick-list.draggable {
    padding: 0;
    margin: 0;
}
.puff {
    transition: transform 200ms !important;
}
.puff:hover {
    transform: scale(1.1) !important;
}
#tradeTable_wrapper.dataTables_wrapper .dataTables_filter, #tabLending-table_wrapper.dataTables_wrapper .dataTables_filter{
    float: left;
}
.tab-p-h2 {
    font-size: 22px!important;
    margin-bottom: 25px;
    font-weight: 500 !important;
}
.hover-orange:hover {
    color: #DD5115;
}
.button-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: left;
    align-items: flex-start;
    padding-top: 1rem;
}
.button-container a.btn {
    margin-bottom: 1rem;
    /*width: 50%;*/
}
.button-container a {
    display: inline-block;
    margin-right: 20px;
}
.prop-btn-txt, .risk-txt {
    font-size: 0.8rem;
}
.risk-txt {
    line-height: 20px;
}

.tab-prop-header {
    padding-bottom: 30px !important;
}
@media (max-width: 767px) {
    .button-container {
        flex-direction: column;
        padding: 1rem;
    }
    .button-container a.btn {
        margin-bottom: 1rem;
        width: 100%;
    }
    .button-container a {
        margin-right: 0;
    }
    .risk-txt {
        font-size: 0.8rem;
        line-height: 16px;
    }
    .tab-p-h2 {
        font-size: 18px !important;
        margin-bottom: 1rem !important;
        font-weight: 500 !important;
    }
    .prop-btn-txt {
        font-weight: 700 !important;
        font-size: .8rem;
    }
    .TabTrustTransparencyTag {
        font-size: .8rem;
        padding-top: 0;
        padding-bottom: 10px;
    }
    .tab-prop-header {
        padding-bottom: 30px !important;
    }
}

.video-container iframe.bespoke {
    width: revert-layer;
    height: revert-layer;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

/* Intermediaries page */

.tab-inter-h2 {
    font-size: 18px;
    margin-bottom: 4rem;
    font-weight: 500 !important;
    text-align: center;
}
.tab-inter-h1 {
    text-align: center;
    padding: 1rem 2rem;
}
.inter-hero-text, .tab-why {
    padding: 1rem 2rem;
}
.more-inter {
    margin-top: 60px;
    text-align: center;
}
.why-hr {
    text-align: center;
    border: none;
    border-radius: 1px;
    height: 0;
    border-top: 2px solid #ffffff;
    margin: 0 auto;
    margin-bottom: 55px;
    width: 100px;
}
.tab-why-h2 {
    padding-bottom: 30px;
    font-size: 26px;
}
.why-text {
    font-size: 18px;
    padding: 0 2rem;
}
section#intermediaries {
    background: url('../../images/bunker/atf-bg.svg');
    background-repeat: no-repeat;
    background-position: 5% 520px;
    padding-bottom: 50px;
    padding-top: 140px;
    background-size: 120%;
}
section#why-tab, section#tab-calculators, section#meet-team {
    background-color: #1A1A27;
    color: #fff;
}
.inter-news {
    border: 1px solid black;
    height: 200px;
}
section#expect {
    background-image: url('../../images/bunker/atf-bg.svg');
    background-color: rgba(232, 232, 234, .5);
    background-repeat: no-repeat;
    background-position: 60% 870px;
    background-size: 180%;
    background-blend-mode: lighten;
}
section#whats-new, section#goto-feefo {
    background-color: #EFEBE4;
}
section#tab-calculators {

}
.mb-neg-50 {
    margin-bottom: -60px;
}
.feefo-h2 {
    padding: 1.5rem 2.5rem;
    margin: 0;
}
.feefo-quote {
    border-radius: 50px;
    width:100%;
    margin: 0 auto;
}

.quote {
    height:35px;
}
section#getstarted {
    padding-bottom: 0px !important;
}

section.started_bg_s {
    background-color: rgba(232, 232, 234, .5);
    background-image: url(../../images/bunker/about-tab-bg-lft.svg);
    background-repeat: no-repeat;
    background-position: -50% 50%;
    background-blend-mode: lighten;
    padding-top: 0;
    padding-bottom: 0px !important;
}
.started_bg_rgt {
    background-image: url(../../images/bunker/about-tab-bg-rgt.svg);
    background-color: rgba(232, 232, 234, .5);
    background-repeat: no-repeat;
    background-position: 100% 120%;
    background-blend-mode: lighten;
    padding-bottom: 100px;
    padding-top:100px;
}

.inter-step div:nth-of-type(1):after {
    position: absolute;
    display: block;
    width: 2px;
    height: 100%;
    background: #DD5113;
    content: "";
    top: 20px;
    left: 52%;
    z-index: 0;
}
.inter-step:nth-last-of-type(2) div:nth-of-type(1):after {
    display: none;
}
.inter-step img {margin: 20px 0;z-index: 2; position: relative;}
.inter-step h5 {padding-top: 0px;}
.inter-step {
    flex-direction: row;
    display: flex;
    align-items: center;
}

.row.inter-step {
    text-align: center;
}
.inter-step div:nth-of-type(1):after {
    display: none;
}
.inter-step img {
    margin: 55px 0 25px;
    max-width: 145px;
}
.container .row .text-center.col-12.col-md-6 div {
    height: 80px; /* Set the height to 80px */
    margin-bottom: 20px; /* Add some spacing between the image divs */
}
.container .row .text-center.col-12.col-md-6 div img {
    min-height: 100%; /* Set a minimum height for the images */
    max-height: 100%; /* Ensure the images don't exceed the height of their parent divs */
    width: auto; /* Maintain aspect ratio */
}
.inter-bdm {
    height: 70px;
}
.inter-bdm > img {
    height: 60px;
}
#find-my {
    margin-top:100px;
}

/* dashed image connectors */

.img-connector-dotted-left-to-right {
    position: absolute;
    height: 5rem;
    border-left: 3px dashed #DD5113;
    border-bottom: 3px dashed #DD5113;
    width: 78%;
    top: var(--extra-large-vertical-start);
}

.img-connector-dotted-left-to-right > div {
    position: absolute;
    height: 4rem;
    border-right: 3px dashed #DD5113;
    top: 100%;
    right: 0;
}

.img-connector-dotted-right-to-left {
    position: absolute;
    height: 5rem;
    border-right: 3px dashed #DD5113;
    border-bottom: 3px dashed #DD5113;
    width: 78%;
    top: var(--extra-large-vertical-start);
}

.img-connector-dotted-right-to-left > div {
    position: absolute;
    height: 4rem;
    border-left: 3px dashed #DD5113;
    top: 100%;
    left: 0;
}


/* media queries */
@media (max-width: 575px) {
    .btn-mobile {
        width: 100%;
    }
    .feefo-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
    .feefo-quote {
        width:100%;
    }
    .feefo-h2 {
        padding-top: 50px;
        font-size: 20px;
    }
    .feef-header {
        padding: 1rem 1rem;
        font-weight: 600 !important;
    }
    .quote {
        height: 25px;
    }
    .feef-p {
        text-align: center;
    }
    section.started_bg_s, .started_bg_rgt {
        background-image: none;
    }
    .img-connector-dotted-right-to-left {
        display: none;
    }
    .img-connector-dotted-left-to-right {
        display: none;
    }
    section#intermediaries h1 {
        font-weight: 700!important;
        font-size: 24px;
        line-height: 2rem;
        margin-bottom: 20px;
    }
    section#intermediaries h2, section#why-tab h2, section#expect h2, section#tab-calculators h2, section#inter-docs h2,
    section#meet-team h2, section#whats-new h2, section#getstarted h2 {
        font-weight: 500!important;
        font-size: 24px;
        margin-bottom: 20px;
    }
    .inter-hero-text {
        padding: 2rem 2rem;
        font-size: 16px;
    }
    .started_bg_rgt {
        padding-bottom: 50px;
    }
    .feef-header {
        font-size: 24px;
        padding-top: 0;
        padding-bottom: 50px;
    }

}

@media (min-width: 576px ) {

    section#intermediaries {
        background-position: 5% 500px;
        padding-bottom: 80px;
        padding-top: 140px;
        background-size: 140%;
    }
    section#intermediaries h1 {
        font-weight: 700!important;
        font-size: 24px;
        line-height: 2rem;
        margin-bottom: 20px;
    }
    section#intermediaries h2 {
        font-weight: 500!important;
        font-size: 22px;
        margin-bottom: 20px;
    }
    .inter-hero-text {
        padding: 2rem 2rem;
        font-size: 16px;
    }
    .tab-why-h2 {
        padding-bottom: 30px;
    }
    section#expect {
        background-position: 20% 540px;
    }
    section#expect p {
        font-size: 14px;
    }

    section#getstarted {
        padding-bottom: 180px;
    }
    .row.inter-step {
        text-align: center;
    }
    .inter-step div:nth-of-type(1):after {
        display: none;
    }
    .inter-step img {
        margin: 55px 0 25px;
        max-width: 145px;
    }
    .inter-step img {margin: 20px 0;z-index: 2; position: relative;}

    .inter-step  {
        flex-direction: row;
        display: flex;
        align-items: center;
    }
    .expect-div {
        display: flex;
        align-items: center;
    }
    .img-connector-dotted-right-to-left {
        width: 76.5%;
        top: var(--small-vertical-start);
    }
    .img-connector-dotted-left-to-right {
        width: 76.5%;
        top: var(--small-vertical-start);
    }
    .quote {
        height: 30px;
    }
    .feefo-h2 {
        padding-top: 70px;
        font-size: 20px;
    }
    .feef-header {
        padding-top: 0;
        padding-bottom: 50px;
    }

    .inter-bdm {
        height: 50px;
    }
    .inter-bdm > img {
        height: 40px;
    }

}

@media (min-width: 768px ) {
    section#intermediaries {
        background-position: 5% 275px;
        padding-bottom: 60px;
        padding-top: 135px;
        text-align: center;
        background-size: 150%;
    }
    section#intermediaries h1 {
        font-weight: 700!important;
        font-size: 26px;
        line-height: 2rem;
        margin-bottom: 20px;
    }
    section#intermediaries h2 {
        font-weight: 500!important;
        font-size: 24px;
        margin-bottom: 0;
    }

    section#expect {
        background-position: 40% 540px;
    }
    section#expect p {
        font-size: 14px;
    }
    .inter-hero-text {
        padding: 2rem 6rem;
        font-size: 16px;
    }
    .tab-why-h2 {
        font-size: 1.6rem;
        padding-bottom: 30px;
    }
    .why-text {
        padding: 0 4rem;
    }

    .row.inter-step {
        text-align: left;
    }

    .inter-step div:nth-of-type(1):after {
        display: none;
    }


    .img-connector-dotted-right-to-left {
        width: 78%;
        top: var(--medium-vertical-start);
    }
    .img-connector-dotted-left-to-right {
        width: 78%;
        top: var(--medium-vertical-start);
    }
    .quote {
        height: 30px;
    }
    .feefo-h2 {
        padding-top: 70px;
        font-size: 20px;
    }
    .feef-header {
        font-size: 24px;
        padding-top: 0;
        padding-bottom: 50px;
    }
    .inter-bdm {
        height: 50px;
    }
    .inter-bdm > img {
        height: 45px;
    }

}
@media (min-width: 992px ) {
    section#intermediaries {
        background-position: 15% 275px;
        padding-bottom: 80px;
        padding-top: 135px;
        text-align: center;
        background-size: 150%;
    }
    section#intermediaries h1 {
        font-size: 30px;
        font-weight: 700!important;
    }
    section#intermediaries h2 {
        font-size: 24px;
        font-weight: 500!important;
        margin-bottom: 0px;
    }
    section#expect {
        background-position: 45% 470px;
        background-size: 150%;
    }
    section#expect p {
        font-size: 16px;
    }
    .inter-hero-text {
        padding: 2rem 12rem;
        font-size: 18px;
    }
    .more-inter {
        margin-top: 60px;
        text-align: center;
    }
    .why-text {
        padding: 0 6rem;
    }
    .tab-why-h2 {
        padding-bottom: 0px;
    }

    .inter-step div:nth-of-type(1):after {
        display: block;
    }
    .img-connector-dotted-right-to-left {
        width: 77.5%;
        top: var(--large-vertical-start);
    }
    .img-connector-dotted-left-to-right {
        width: 77.5%;
        top: var(--large-vertical-start);
    }
    section#intermediaries p, section#why-tab p, section#expect p, section#tab-calculators p, section#inter-docs p,
    section#meet-team p, section#whats-new p, section#getstarted p  {
        font-size: 16px;
    }
    .quote {
        height: 35px;
    }
    .feefo-h2 {
        padding-top: 50px;
        font-size: 20px;
    }
    .feef-header {
        font-size: 24px;
        padding-top: 0;
        padding-bottom: 50px;
    }
    .inter-bdm {
        height: 45px;
    }
    .inter-bdm > img {
        height: 35px;
    }

}
@media (min-width: 1200px) {
    section#intermediaries {
        background-position: 20% 220px;
        padding-top: 130px;
        padding-bottom: 80px;
    }
    section#intermediaries h1 {
        font-size: 30px;
        font-weight: 700!important;
    }
    section#intermediaries h2 {
        font-size: 24px;
        font-weight: 500!important;
        margin-bottom: 1rem;
    }
    .inter-hero-text {
        padding: 2rem 18rem;
        font-size: 18px;
    }
    .img-connector-dotted-right-to-left {
        width: 78%;
        top: var(--extra-large-vertical-start);
    }
    .img-connector-dotted-left-to-right {
        width: 78%;
        top: var(--extra-large-vertical-start);
    }
    section#intermediaries h2, section#why-tab h2, section#expect h2, section#tab-calculators h2, section#inter-docs h2,
     section#meet-team h2, section#whats-new h2, section#getstarted h2 {
        font-weight: 600!important;
        font-size: 26px;
        margin-bottom: 20px;
    }

    section#intermediaries p, section#why-tab p, section#expect p, section#tab-calculators p, section#inter-docs p, section#meet-team p, section#whats-new p, section#getstarted p {
        font-size: 16px;
    }

    .feef-header {
        font-size: 26px;
        padding-top: 0;
        padding-bottom: 50px;
    }

    .feefo-quote h2 {
        font-size: 22px;
    }
    .inter-bdm {
        height: 50px;
    }
    .inter-bdm > img {
        height: 40px;
    }
    .int-imgdiv {
        padding-left:20px;
    }

    }







/* tab series */

section#tab_series {
    padding-top: 230px;
}
#tab_series h1 {
    font-size: 30px;
    font-weight: 700!important;
}
#tab_series h2 {
    font-size: 30px;
    font-weight: 500!important;
}
.series_bg {
    background-image: url(../../images/products/tabSeries.png);
    background-size: 450px;
    background-repeat: no-repeat;
    background-position: 90% 60%;
    background-color: white;
}

.series-disclaimer {
    color: #1E1E2D;
    font-weight: bold;
    margin: 0;
    font-size: 14px;
}
.tabhq-blue-hov:hover {
    background-color: #353853;
}

/* media queries */

@media (max-width: 767.98px) {
    section#tab_series {
        padding-top: 130px;
        padding-bottom: 120px;
    }
    #tab_series h1 {
        text-align: center;
        font-size: 28px;
        line-height: 2rem;
        margin-bottom: 20px;
    }
    #tab_series h2 {
        text-align: center;
        font-size: 22px;
        margin-bottom: 40px;
        padding-right: 25px;
    }
    .series_bg {
        background-image: none;
        background-size: 450px;
        background-repeat: no-repeat;
        background-position: 90% 60%;
        background-color: #F1EEE7;
    }
    .series-btn {
        width: 100%;
    }
    .series-m {
        margin-bottom: 20px !important;

    }
    .borrower_bg p {
        padding: 0 2rem;
        text-align: center;

    }
    .borrower_bg h2 {
        text-align: center;
    }
    .borrower_loanDetails {
        text-align: center;
        padding-top: 75px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    section#tab_series {padding-top: 180px;}
    .series_bg {
        background-position: 125% 60%;
    }
}