html, body {
        scroll-behavior: auto;
    }

    #change:hover {
        color: red !important;
        text-decoration: underline !important;
    }

    .table-of-contents-spacer{
        margin-top:0px !important; 
        margin-bottom:0px !important; 
        padding-top:0px !important; 
        padding-bottom:0px !important; 
        width: 800px !important; 
        color: #D7D8D8;

    }


    .hero-content{
        background:rgba(0,0,0,.58);
        backdrop-filter:blur(5px);

        width:850px;
        height: auto;
        max-width:95%;

        margin-top: 150px;
        margin-bottom: 150px;

        padding:35px 40px;

        border-radius:18px;

        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;

        text-align:center;

        z-index:2;
    }

    .pre-heading{
        display:inline-flex;
        background:#2d2d2d;
        color:#fff;
        padding:6px 18px;
        border-radius:50px;
        font-size:14px;
        margin-bottom:20px;
    }

    .hero-content h1{
        color:#fff;
        font-size:54px;
        line-height:1.1;
        font-weight:400;
        text-transform:uppercase;
        margin-bottom:28px;
        letter-spacing:1px;
    }

    .hero-phone{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        background:#FFD400;
        color:#111;
        text-decoration:none;
        padding:10px 24px;
        border-radius:50px;
        font-weight:700;
        transition:.3s;
    }

    .hero-phone:hover{
        background:#fff;
        color:#111;
        text-decoration:none;
    }

    .hero-bottom-bar{
        margin-top: auto !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 ;
        padding-top:20px;
    }

    .long-form-hero-bg > .d-flex{
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        padding:30px 40px !important;
        background:rgba(0,0,0,.65);
        display:flex;
        align-items:center;
        justify-content:space-between;
        flex-wrap:wrap;
        /* gap:25px; */
    }

    .long-form-hero-bg{
        position: relative;
        min-height:850px;
        height: 900px;
        display:flex;
        flex-direction:column;
        /* justify-content:center; */
        align-items:center;
        justify-content: space-between;

        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;

        background-color: transparent !important;
        background-blend-mode: normal !important;

        overflow:hidden;

        margin-bottom: 0 !important;
    }

    .hero-logo-icon{
        width: 100px;
        height: auto;
    }

    .hero-details-header{
        color:#fff;
        font-family: "Univia Pro" !important;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px; /* 266.667% */
        letter-spacing: 0.135px;

        margin-bottom: 5px;
    }

    .hero-details-p{
        font-family: "Univia Pro" !important;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.098px;
        margin-top:0;
    }

    #hero-quote-form{
        display:flex;
        flex-direction:row;
        align-items:center;
        gap:12px;
        background:transparent;
        padding:0;
        margin:0;

        padding-left:150px;
    }

    .hero-location-icon{
        width:35px;
        height:auto;
        margin-right:12px;
    }

    .hero-input{
        background: transparent !important;
    }

    input[type="text"]{
        font-size: 16px;
        color: #000000;
    }

    .hero-input-wrapper{
        background:#fff;
        border:none;
        border-radius:50px;
        width:400px; /*240 */
        height:50px; /*46 */
        padding:0 16px;
        display:flex;
        align-items:center;
    }

    #hero-form-submit-btn{
        color: #fff;
        border-radius:50px;
        height:50px; /*46 */
        width:200px;
        padding:8px 24px;
        font-size:20px;
        background:#F52735;
        border:none;
        white-space:nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .breadcrumbs{
        font-family: "Univia Pro" !important;
        display: flex;
        align-items: center;
        justify-content: center;
        
    }

    .breadcrumbs a{
        color:#fff;
    }

    .paragraph-contnent > p, .page-layout > p, .paragraph-content-with-title > p, .paragraph-content-with-ol > p{
        color: #171717;
        padding-bottom: 24px;
    }

    .page-layout{
        display:flex;
        justify-content:center;
        align-items:flex-start;
        gap:70px;

        max-width:1400px;
        margin:0 auto;
        padding:40px 20px;
    }

    .paragraph-content > p, .paragraph-content-with-title > p, .paragraph-content-with-ol > p{
        padding-bottom: 24px;
    }

    .paragraph-content-with-title h2,.paragraph-content h2, .paragraph-content-with-ol h2{
        #171717;
        margin-bottom: 24px !important;
    }

    .paragraph-content-with-title, .paragraph-content {
        color: #3F3F3F;
        font-size: 21px;
        /* padding-bottom: 60px; */
    }

    .paragraph-content-with-title{
        padding-top: 50px;
    }

    .red-ol {
    list-style: none;
    padding-bottom: 24px;
    counter-reset: list-counter;
    color: #171717;
    }

    .red-ol > li {
        counter-increment: list-counter;
        position: relative;
        padding-left: 40px;
        margin-bottom: 15px;
    }

    .red-ol li::before {
    content: counter(list-counter);
    
    position: absolute;
    left: 0;
    top: 0;

    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #F32731;
    color: white;

    border-radius: 50%;

    font-weight: 700;
    font-size: 16px;
    line-height: 1;
}

    .red-ol > li::marker {
        color: #F32731;
        background: #F32731;
        border-radius: 50px;
        font-weight: bold;
    }

    .nested-ul{
        padding-top:15px;
        padding-left: 24px; 
    }

    .nested-ul li{
        display: list-item !important;
        list-style: disc !important;
    }

    .nested-ul > li::marker{
        color: #F32731;  
    }

    

    .paragraph-content p{
        color: #3F3F3F;
        font-size: 21px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .paragraph-content-with-ol{
        padding-top: 50px;
        font-size: 21px;
    }

    .page-content{
        /* flex:1;
        max-width:850px; */

        flex: 0 1 850px;
        width: 850px;
        max-width: 850px;
        min-width: 0;
    }

    .popular-posts{
        width:350px;
        flex-shrink:0;
        padding-top:50px;
    }
    
    #questions-cta-logo-icon{
        display: block;
        width: 50px;
        height: auto;
    }

    .questions-cta{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        max-width: 350px;
        padding: 10px 0px;
        margin-top: 16px;
        gap: 0px;
        color: #fff;
        border-radius: 10px;
        background:rgba(32, 30, 30, 0.7)
    }

    .questions-cta-heading{
        color: #FFF;
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.36px;
    }

    .questions-cta p{
        color: #F0F0F0;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .questions-cta-button{
        display: inline-block;
        padding:12px 26px;
        background: #f5c400;
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        text-decoration: none;
        border-radius: 15px;
    }


    @media (max-width:991px){

        .hero-content{
            width:92%;
            padding:25px;
        }

        .long-form-hero-bg{
            min-height:760px;
        }

        .long-form-hero-bg > .d-flex{
            position:static;
            padding:25px !important;
        }

        #hero-quote-form{
            flex-direction:column;
            width:100%;
        }

        .hero-input-wrapper{
            width:100%;
        }

        #hero-form-submit-btn{
            width:100%;
        }
    }

    @media (max-width: 991px){
        .page-layout{
            flex-direction:column;
        }

        .page-content,
        .popular-posts{
            width:100%;
            max-width:100%;

        }
    }


.article-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    width: 50%;
    padding-top: 16px;
    padding-left: 16px;

    font-size: 16px;
    line-height: 1.2;
}


/* AUTHOR */

.article-author {
    color: #4a4a4a;
    font-weight: 500;
    white-space: nowrap;
}


/* RIGHT SIDE */

.article-details {
    display: flex;
    align-items: center;
    gap: 5px;

    color: #777;
    font-weight: 400;
    white-space: nowrap;
}


/* DIVIDER */

.article-meta-divider {
    color: #999;
}


/* MOBILE */

@media (max-width: 480px) {

    .article-meta {
        font-size: 14px;
        gap: 10px;
    }

}

    .toc__title{
        color: #171717;
        font-family: "Univia Pro";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.32px;
        text-transform: capitalize;
    }

    .toc__item a{
        color: #3F3F3F;
        font-family: "Univia Pro";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        gap:16px;
    }

    .table-of-contents-spacer{
        display: flex;
        height: 26px;
        padding-top: 10px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-top: 1px solid #D7D8D8;
    }

    .sub-paragraph{
        color: #171717 !important;
        font-family: 'univia_pro', sans-serif !important;
        font-size: 21px !important;
        font-weight: 700 !important;
    }

    .sub-paragraph{
        padding-top: 24px !important;
        margin-bottom: 0px !important;
    }