:root {
    --primary-light-dark: #0B1C2E;
    --cream: #F8F6F1;
}

.heading-52 {
    font-size: 52px;
    line-height: 1.1;
    letter-spacing: -1.5px;
}
.cream-txt {
    color: var(--cream) !important;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Regular.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Medium.woff') format('woff');
    font-weight: 500;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-SemiBold.woff') format('woff');
    font-weight: 600;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-SemiBold.woff') format('woff');
    font-weight: 700;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Light.woff') format('woff');
    font-weight: 300;
}

.IBMPlexSans-font{
    font-family: 'IBM Plex Sans';
}

.landing-page .navbar{
/*    padding: 30px 48px;*/
    border: 1px solid rgba(192,154,58,.2);
}
.landing-page .navbar .full-container{
    max-width: 100%;
    column-gap: 15px;
}
.landing-page .navbar .logo{
    margin-right: auto;
}
.landing-page .navbar a{
    margin-right: 0;
}
.landing-page .fancy-small-heading{
    margin-bottom: 14px;
}

.yellow-banner{
    background: var(--primary-gold);
    padding: 16px 48px;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    color: #0B1C2E;
    text-align: center;
}

.yellow-btn{
    font-family: 'IBM Plex Mono';
    font-size: 14px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    font-weight: 700;
    background: var(--primary-gold);
    color: var(--primary-dark);
    border: 1px solid rgba(192,154,58,.5);
    padding: 18px 45px;
    text-decoration: none;
    display: inline-block;
}
.yellow-btn.border-btn,
.yellow-btn:hover{
    color: var(--primary-gold);
    background: var(--primary-dark);
}
.yellow-btn,
.yellow-btn.border-btn:hover{
    background: var(--primary-gold);
    color: var(--primary-dark);
}
.para-text,
.qualify-section .qualify-row .qualify-content > p{
    font-weight: 300;
    line-height: 1.5;
    color: #3D4F60;
    margin-bottom: 15px;
    font-family: 'IBM Plex Sans';
}

.page-banner{
    padding-left: 48px;
    padding-right: 48px;
}
.page-banner  .full-container .banner-row{
    display: flex;
    column-gap: 50px;
}
.page-banner  .full-container .inner-content{
    width: 50%;
}
.page-banner  .full-container .inner-content p.content{
    line-height: 1.8;
    margin-top: 18px;
    color: rgba(248, 246, 241, .62);
    margin-bottom: 32px;
    font-weight: 300;
}
.page-banner  .full-container .hero-pills {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}
.page-banner .full-container .hero-pills .pill{
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: rgba(192, 154, 58, .12);
    border: 1px solid rgba(192, 154, 58, .3);
    color: #C09A3A;
    padding: 5px 12px;
    font-family: 'IBM Plex Mono';
    font-weight: 300;
}
.page-banner .form-col{
    width: 50%;
}
.page-banner .form-col .hero-contact-form {
    max-width: 400px;
}
.btn-group{
    display: flex;
    column-gap: 15px;
    flex-wrap: wrap;
}

.three-up-section{
    border-top: 3px solid var(--primary-gold);
    background: #0f2236;
}
.three-up-section .three-up-row{
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
}
.three-up-section .three-up-row .three-up-box{
    width: calc(33.33% - 20px);
    border: 1px solid rgba(192, 154, 58, .15);
    border-top: 2px solid var(--primary-gold);
    padding: 32px;
}
.three-up-section .three-up-row .three-up-box h3{
    margin-bottom: 8px;
}
.three-up-section .three-up-row .three-up-box p{
    font-size: 14px;
    font-weight: 300;
    color: rgba(248, 246, 241, .5);
    line-height: 1.75;
}

.law-section,
.qualify-section {
    background: #F8F6F1;
}
.law-section h2,
.qualify-section h2,
.cases-section  h2,
.remedies-section h2,
.fee-banner h2{
    color: #0B1C2E;
    line-height: 1.2;
    margin-bottom: 15px;
}
.law-section h2 i,
.qualify-section h2 i,
.cases-section  h2 i,
.law-section h2 em,
.qualify-section h2 em,
.cases-section  h2 em{
    color: #3D4F60;
}
.remedies-section h2 i,
.fee-banner h2 i,
.remedies-section h2 em,
.fee-banner h2 em{
    color: #C09A3A;
}
.law-section .low-row{
    display: flex;
    column-gap: 50px;
    margin-top: 40px;
}
.law-section .low-row .law-box{
    width: 50%;
    background: #F4F0E8;
    padding: 32px;
    border-top: 3px solid #C09A3A;
}
.law-section .low-row .law-box h4{
    font-size: 10px;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    color: #0B1C2E;
    font-weight: 600;
    margin-bottom: 13px;
}
.law-section .low-row .law-box ul li,
.qualify-section  .qualify-row .qualify-list li{
    font-size: 15px;
    font-weight: 300;
    color: #3D4F60;
    line-height: 1.6;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 10px;
}
.law-section .low-row .law-box ul li:last-child,
.qualify-section  .qualify-row .qualify-list li:last-child{
    margin-bottom: 0;
}
.law-section .low-row .law-box ul li:before,
.qualify-section  .qualify-row .qualify-list li:before{
    content: '';
    margin-top: 9px;
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    background: #C09A3A;
    border-radius: 50%;
}


.qualify-section .qualify-row{
    display: flex;
    column-gap: 80px;
    align-items: center;
}
.qualify-section  .qualify-row .qualify-content,
.qualify-section  .qualify-row .qualify-list{
    width: 50%;
}

.cases-section {
    background: #F4F0E8;
}
.cases-section .case-row{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 32px;
    margin-bottom: 80px;
}
.cases-section .case-row .case-box{
    width: calc(33.33% - 20px);
    background: #F8F6F1;
    padding: 24px;
    border-top: 3px solid #C09A3A;
}
.cases-section .case-row .case-box:nth-of-type(13){
    width: 100%;
}
.cases-section .case-row .case-box .case-icon {
    font-size: 22px;
    margin-bottom: 8px;
}
.cases-section .case-row .case-box h4{
    font-size: 10px;
    line-height: 1.3;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #0B1C2E;
    font-weight: 600;
    margin-bottom: 8px;
}
.cases-section .case-row .case-box p{
    font-size: 14px;
    font-weight: 300;
    color: #3D4F60;
    line-height: 1.65;
}

.cases-section .important-list{
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}
.cases-section .important-list .important-box{
    padding: 24px 32px;
    background: #0B1C2E;
    border-left: 4px solid #C09A3A;
}
.cases-section .important-list .important-box h5{
    font-size: 10px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: #C09A3A;
    margin-bottom: 5px;
    font-weight: 500;
}
.cases-section .important-list .important-box P{
    font-size: 15px;
    font-weight: 300;
    color: rgba(248, 246, 241, .75);
    line-height: 1.7;
}

.remedies-section .para-text{
    color: rgba(248,246,241,.45);
}
.remedies-section .remedies-row{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin-top: 32px;
}
.remedies-section .remedies-row .remedies-box{
    width: calc(33.33% - 20px);
    padding: 30px;
    border: 1px solid rgba(192, 154, 58, .12);
    border-top: 2px solid #C09A3A;
}
.remedies-section .remedies-row .remedies-box h4{
    font-size: 10px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #C09A3A;
    margin-bottom: 8px;
}
.remedies-section .remedies-row .remedies-box p{
    font-size: 14px;
    font-weight: 300;
    color: rgba(248, 246, 241, .5);
    line-height: 1.75;
}
.why-section{
    background: #0f2236;
    border-top: 1px solid rgba(192, 154, 58, .15);
}

.fee-banner{
    border-top: 1px solid rgba(192, 154, 58, .15);
    text-align: center;
    padding: 60px 20px;
    background: #0B1C2E;
}
.fee-banner .container > p{
    font-size: 15px;
    font-weight: 300;
    color: rgba(248,246,241,.45);
    line-height: 1.75;
    margin-bottom: 0;
    
}
.landing-page  footer {
    padding: 0;
    border: 0;
}
.landing-page  footer .footer-top-part{
    background: #0B1C2E;
    border-top: 2px solid #C09A3A;
    padding: 15px 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.landing-page  footer .footer-top-part .footer-btn{
    display: flex;
    column-gap: 15px;
}
.landing-page  footer .footer-top-part .footer-btn a{
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 25px;
    text-decoration: none;
    display: inline-block;
}
.landing-page  footer .footer-copyright{
    background: #06111c;
    border-top: 1px solid rgba(192,154,58,.12);
    padding: 30px 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.landing-page  footer .footer-copyright .footer-nav a{
    text-decoration: unset;
    font-size: 10px;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: rgba(248, 246, 241, .3);
    text-decoration: none;
}
.landing-page  footer .footer-copyright .footer-nav{
    display: flex;
    column-gap: 28px;
}
.landing-page  footer .footer-copyright .footer-nav a:hover{
    color: #C09A3A;
}
.landing-page  footer .footer-copyright .f-copy{
    font-size: 9px;
    letter-spacing: 0.5px;
    color: rgba(248, 246, 241, .2);
    text-align: right;
    line-height: 0.8;
}
.landing-page .fancy-small-heading p{
    line-height: 18px;
}
.landing-page .fancy-small-heading:after{
    transform: unset;
    top: 7px;
}
.landing-page .desktop-item{
    margin-right: 0;
}
body.landing-page{
    padding-bottom: 0 !important;
}
.page-banner h1 em,
.page-banner h1 i{
    color: var(--light-yellow) !important;
}


@media(max-width: 1366px){
    .heading-52{
        font-size: 46px;
    }
}

@media(max-width: 1024px){
    .desktop-item{
        display: none;
    }
    .landing-page .navbar .nav-btn.cta-btn{
        font-size: 9px;
        letter-spacing: 1px;
        padding: 8px 12px;
        line-height: 11px;
    }
    .landing-page footer .footer-copyright{
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        row-gap: 16px;
    }
    .landing-page footer .footer-copyright .f-copy{
        text-align: center;
        line-height: 1.8;
    }
    .landing-page footer .footer-copyright,
    .landing-page footer .footer-top-part{
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media(max-width: 767px){
    .landing-page,
    .qualify-section .qualify-row .qualify-content > p{
        font-size: 15px;
    }
    .landing-page .navbar .nav-btn.cta-btn{
        display: none;
    }
    .landing-page .mnav-call {
        display: block;
    }
    .page-banner{
        padding-left: 20px;
        padding-right: 20px;
    }

    .landing-page .ft-20 {
        font-size: 18px;
        line-height: 28px;
    }

    .page-banner .full-container .banner-row,
    .three-up-section .three-up-row,
    .law-section .low-row,
    .qualify-section .qualify-row,
    .cases-section .case-row,
    .remedies-section .remedies-row{
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .page-banner .full-container .inner-content,
    .page-banner .form-col,
    .three-up-section .three-up-row .three-up-box,
    .law-section .low-row .law-box,
    .qualify-section .qualify-row .qualify-content, 
    .qualify-section .qualify-row .qualify-list,
    .cases-section .case-row .case-box,
    .remedies-section .remedies-row .remedies-box{
        width: 100%;
    }
    .three-up-section .three-up-row .three-up-box,
    .law-section .low-row .law-box,
    .remedies-section .remedies-row .remedies-box{
        padding: 22px;
    }
    .law-section .low-row .law-box{
        padding: 20px;
    }
    .cases-section .important-list .important-box{
        padding: 20px 26px;
    }
    .heading-52{
        font-size: 40px;
    }
    .yellow-banner {
        padding: 12px 20px;
        font-size: 10px;
        line-height: 16px;
        letter-spacing: 1px;
    }
    .landing-page .btn-group{
        row-gap: 10px;
    }
    .landing-page .btn-group a{
        font-size: 12px;
        letter-spacing: 1.5px;
        padding: 12px 25px;
    }
    .fee-banner{
        padding: 40px 20px;
    }
    .page-banner .full-container .inner-content p.content{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .page-banner .full-container .hero-pills{
        margin-bottom: 20px;
    }
    .landing-page footer .footer-top-part{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 10px;
        padding: 30px 20px;
    }
    .landing-page footer .footer-top-part .footer-btn a{
        padding: 8px 15px;
    }

}