.breadcrumbs{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 15.6px */
    text-transform: lowercase;

    display: flex;
    flex-direction: row;
}
.breadcrumbs > *{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 15.6px */
    text-transform: lowercase;

    opacity: 0.3;
}
.breadcrumbs a{
    text-decoration: none;
}
.breadcrumbs > *{
    margin-right: 0.7vw;
}
.glossary-header .heading h1{
    color: #F8F8F8;
    text-shadow: 0px 18px 50px rgba(0, 0, 0, 0.60);
    font-family: "NeueMachina";
    font-size: 3.9vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 50px */
    text-transform: uppercase;

    margin-bottom: 1.111vw;
}
.glossary-header .heading p{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.glossary-container{
    padding-left: 4vw;
    padding-right: 4vw;

    padding-top: 11.736vw;
}

.glossary-content{
    margin-top: 4.319vw;
}
.glossary-search .section-1{
    display: flex;
    /*justify-content: space-between;*/

    margin-bottom: 2vw;
}
.glossary-search .section-1 a{
    border-radius: 4vw;
    background: #FFF;
    padding: 0.6vw 2vw;

    text-decoration: none;
    color: rgba(0, 0, 0, 0.90);
    font-family: "NeueMachina";
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.glossary-search .section-1 input{
    background: #282828!important;
    padding: 0.6vw 1vw;
    border-radius: 4vw;

    color: rgba(255, 255, 255, 0.90);
    font-family: "NeueMachina";
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;

    min-width: 18vw;

    border: 0;

    outline: none;
}

.glossary-search .section-1 input:-internal-autofill-selected{
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.90);
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #282828!important;
}

.searchbar{
    position: relative;
    margin-right: 1.667vw;
}
.searchbar svg{
    position: absolute;
    right: 3%;
    top: 20%;
    width: 1.667vw;
    height: 1.667vw;
}
.glossary-search .section-2{
    display: flex;
    flex-direction: row;

    height: 3.333vw!important;
}
.glossary-search .section-2 a{
    display: flex;
    width: 3.333vw!important;
    height: 3.333vw!important;
    min-height: 3.333vw!important;
    max-height: 3.333vw!important;
    max-width: 3.333vw!important;
    min-width: 3.333vw!important;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    margin-right: 0.1vw;
    margin-left: 0.1vw;

    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 100%;

    border-radius: 1.111vw;
    background: #202020;

    text-decoration: none;

    box-sizing: border-box;
}

.glossary-list{
    display: flex;
    flex-direction: row;

    margin-top: 1.8vw;

    align-items: flex-start;
}
.glossary-list .left-side{
    width: 30%;

    margin-left: 2.5vw;
}
.resource-hub{
    border-radius: 1.5vw;
    background: linear-gradient(148deg, rgba(54,54,54,1) 0%, rgba(38,38,38,1) 100%);

    padding: 2vw 1.3vw;
}
.resource-hub h2{
    color: #F8F8F8;
    font-family: "NeueMachina";
    font-size: 2.1vw;
    font-style: normal;
    font-weight: 300;
    line-height: 110%; /* 37.4px */
    text-transform: uppercase;

    opacity: 0.3;

    margin-bottom: 4vw;
}
.resource-hub .list a{
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    margin: 0.2vw 0.2vw;
    background: rgba(255,255,255,0.08);
    border-radius: 0.556vw;
    padding: 0.6vw 1.1vw;
    transition: 0.3s;

    text-decoration: none;

    margin-top:0.278vw;
    margin-bottom: 0.278vw;
}
.resource-hub .list a > svg{
    opacity: 0;

    transition: opacity 0.3s;

    position: absolute;
    top: 30%;
    right: 1.1vw;
}
.resource-hub .list a .icon svg path{
     fill: rgba(255,255,255,0.6);

    transition: 0.3s;
}
.resource-hub .list a:hover .icon svg path{
    fill: #FFAF15;
}
.resource-hub .list a:hover > svg{
    opacity: 1;
}

.resource-hub .list a .icon{
    margin-right: 0.556vw;
    border-radius: 0.556vw;
    background: rgba(21, 21, 21, 0.40);
    padding: 0.556vw;
    display: flex;
}
.resource-hub .list a .icon svg {
    width: 1.4vw!important;
    height: 1.4vw!important;
}

.resource-hub .list a:hover{
    background: #342104;
}
.resource-hub .list a span{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.2vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;

    transition: 0.3s;
}
.resource-hub .list a:hover span{
    color:#FFAF15;
}
.left-side .letter{
    border-radius: 2vw;
    /*background: rgba(255, 119, 30, 0.10);*/
    display: block;
    width: 100%;
    color: #FF771D;
    font-family: "NeueMachina";
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 1vw 2.5vw;
    box-sizing: border-box;

    margin-bottom: 0.4vw;


    font-size: 3.611vw;
    line-height: 100% !important;
}
.right-side .letter{
    border-radius: 2vw;
    /*background: rgba(255, 119, 30, 0.10);*/
    display: block;
    width: 100%;
    color: #FF771D;
    font-family: "NeueMachina";
    font-size: 2.8vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 1vw 2.5vw;
    box-sizing: border-box;

    margin-bottom: 0.4vw;
}
.right-side{
    width: 69%;
}

.glossary-search .section-2 a{
    transition: 0.3s;
}

.glossary-search .section-2 a:hover{
    background: #2C1F16;
    color: #FF771D;
}

.right-side .seo-card{
    border-radius: 2vw;
    background: #202020;

    padding: 2.1vw 3.5vw;

    display: block;
    text-decoration: none;

    margin-bottom: 0.4vw;

    transition: 0.3s;
}
.right-side .seo-card h3{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 2.3vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    margin-bottom: 2vw;
}
.right-side .seo-card p{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;

    opacity: 0.5;

    display: block;

    margin-bottom: 1.1vw;

    transition: opacity 0.3s;
}

.right-side .seo-card .actions{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.right-side .seo-card .actions label{
    margin-right: 2.3vw;

    border-radius: 1.5vw;
    background: rgba(255,255,255,0.1);

    color: rgba(255,255,255,0.4);
    font-family: "NeueMachina";
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;

    padding: 0.3vw 1.1vw;
}
.right-side .seo-card .actions span{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;

    opacity: 0.4;
}

.right-side .seo-card:hover{
    background: #2D2D2D;
}

.right-side .seo-card:hover p{
    opacity: 1;
}
.right-side .seo-card .actions label{
    transition: 0.3s;

    cursor: pointer;
}
.right-side .seo-card:hover .actions label{
    background: rgba(255,255,255,0.3);
    color: rgba(255,255,255,1);
}

@media(max-width: 960px){
    .glossary-container {
        padding-left: 4vw;
        padding-right: 4vw;
        padding-top: 18vw;
    }

    .glossary-header .heading h1 {
        font-size: 9.8vw;
        margin-bottom: 2.6vw;
    }

    .glossary-header .heading p {
        font-size: 3.6vw;

    }
    .glossary-content {
        margin-top: 19.5vw;
    }

    .glossary-search .section-1 a {
        border-radius: 13vw;
        background: #FFF;
        padding: 2.9vw 7.2vw;
        text-decoration: none;
        color: rgba(0, 0, 0, 0.90);
        font-family: "NeueMachina";
        font-size: 3.6vw;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }

    .glossary-search .section-1 input {
        background: #282828;
        padding: 2.5vw 3vw;
        border-radius: 13vw;
        color: rgba(255, 255, 255, 0.90);
        font-family: "NeueMachina";
        font-size: 4.2vw;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        min-width: 68vw;
        border: 0;
        outline: none;
        box-sizing: border-box;
        width: 40vw;
    }

    .searchbar svg {
        position: absolute;
        right: 3vw;
        top: 2.7vw;
        width: 22px;
        height: 22px;
    }

    .glossary-search .section-1 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 5vw;
    }

    .section-2 a{
        max-width: 14%!important;
        min-width: 14%!important;
        width: 14%!important;
    }

    .glossary-search .section-2 a {
        display: flex;
        height: 11.8vw;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-right: 0.6vw;
        margin-left: 0.6vw;
        color: #FFF;
        font-family: "NeueMachina";
        font-size: 4.6vw;
        font-style: normal;
        font-weight: 500;
        line-height: 70px;
        text-transform: uppercase;
        border-radius: 4.4vw;
        background: #202020;
        text-decoration: none;
        box-sizing: border-box;
    }

    .glossary-search .section-2 {
        display: flex;
        flex-direction: row;
        width: 100%;
        overflow-x: scroll;
        height: 15vw;
    }

    .glossary-list {
        display: flex;
        flex-direction: column;
        margin-top: 1.8vw;
    }

    .right-side {
        width: 100%;
    }

    .right-side .letter {
        border-radius: 2vw;
        background: rgba(255, 119, 30, 0.10);
        display: block;
        width: 100%;
        color: #FF771D;
        font-family: "NeueMachina";
        font-size: 4.6vw;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 2vw 3.5vw;
        box-sizing: border-box;
        margin-bottom: 0.4vw;
    }

    .right-side {
        width: 100%;
        margin-top: 2vw;
    }

    .right-side .seo-card h3 {
        color: #FFF;
        font-family: "NeueMachina";
        font-size: 5.3vw;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 7vw;
    }
    .right-side .seo-card p {
        color: #FFF;
        font-family: "NeueMachina";
        font-size: 3.6vw;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        opacity: 0.5;
        display: block;
        margin-bottom: 1.1vw;
        transition: opacity 0.3s;
        line-height: 130%;

        margin-bottom: 7vw;
    }

    .right-side .seo-card .actions label {
        margin-right: 2.3vw;
        border-radius: 3.5vw;
        background: rgba(255,255,255,0.1);
        color: rgba(255,255,255,0.4);
        font-family: "NeueMachina";
        font-size: 3.7vw;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        padding: 1.3vw 3.7vw;
    }

    .right-side .letter {
        margin-bottom: 2.4vw;
    }

    .right-side .seo-card {
        border-radius: 2vw;
        background: #202020;
        padding: 6.1vw 3.5vw;
        display: block;
        text-decoration: none;
        margin-bottom: 2.4vw;
        transition: 0.3s;
    }

    .glossary-list .left-side {
        width: 100%;
        margin-right: 0;
    }

    .resource-hub {
        border-radius: 0;
        background: none;
        padding: 0;
    }

    .resource-hub h2 {
        color: #F8F8F8;
        font-family: "NeueMachina";
        font-size: 4.2vw;
        font-style: normal;
        font-weight: 300;
        line-height: 110%;
        text-transform: uppercase;
        opacity: 1;
        margin-bottom: 0;
        border-radius: 10px;
        background: #FF771D;
        padding: 4.6vw 5vw;

        position: relative;
    }

    .resource-hub h2 svg{
        position: absolute;
        top: 6vw;
        right: 4vw;
    }
    .resource-hub .list{
        border-radius: 3vw;
        background: #202020;

        padding: 4vw;
        margin-top: 3vw;
    }

    .resource-hub .list a {
        border-radius: 8px;
        background: none;
        width: 100%;
        display: flex;
        padding: 0.9vw 1.1vw;
        flex-direction: row;
        margin-bottom: 0.4vw;
        box-sizing: border-box;
        transition: 0.3s;
        text-decoration: none;
        align-items: center;
        position: relative;
    }

    .resource-hub .list a .icon {
        border-radius: 2vw;
        background: rgba(21, 21, 21, 0.60);
        box-sizing: border-box;
        width: 8.8vw;
        height: 8.8vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 2.6vw;
    }

    .resource-hub .list a span {
        color: #FFF;
        font-family: "NeueMachina";
        font-size: 4.1vw;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        transition: 0.3s;
    }
    .resource-hub .list .divider{
        height: 1px;
        background: rgba(255, 255, 255, 0.12);
    }

    #listResource{
        display: none;
    }

    .rotateSvgTrans{
        transition: transform 0.3s;
    }
    .rotateSvg{
        transform: rotate(180deg);
    }
}

.glossary-header-bg{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.glossary-header-bg img{
    width: 100%;
}

.glossary-header .heading{
    position: relative;
    z-index: 2;
}

.breadcrumbs{
    display: none!important;
}

.glossary-search .section-1 {
    margin-bottom: 2.778vw;
}

.glossary-search .section-1 a {
    padding: 0.417vw 1.111vw;

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

.cast-2{
    margin-top: -5vw!important;
}

.sticky-search{
    /*background: linear-gradient(0deg, rgba(21, 21, 21, 0.00) 0%, #151515 55.52%);*/
    position: sticky;
    top: 6.6vw;

    z-index: 9;
    height: 16vw;
    margin-bottom: 3.25vw;

    padding-top: 1vw;
}
.blacked{
    background: #151515!important;
}

#hubspot-messages-iframe-container {
    z-index: 20!important;
}

.right-side .seo-card p {
    color: #FFF;
    /* Body 3 */
    font-family: "NeueMachina";
    font-size: 1.111vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;

    opacity: 0.9;
}

.section-2 .active{
    background: #FF771D!important;
    color: white!important;
}

.no-search-results{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 2.222vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.right-side .letter {
    font-size: 3.611vw;
    line-height: 100% !important;
}

.section-1 a{
    margin-right: 1.667vw;
}

#yakor{
    position: absolute;
    top: 19vw;
}

@media(max-width: 960px){
    .sticky-search {
        background: unset!important;
    }
    .section-1 a{
        width: 19.733vw;
        padding-left: 0;
        padding-right: 0;

        color: rgba(0, 0, 0, 0.90);
        font-family: "NeueMachina";
        font-size: 3.733vw;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;

        margin-right: 4.267vw;

    }
    .section-1 input{
        width: 67.467vw;
    }

    .glossary-search .section-2 a {
        width: 12.8vw!important;
        height: 12.8vw!important;
        max-height: 12.8vw!important;
        max-width: 12.8vw!important;
        min-height: 12.8vw!important;
        min-width: 12.8vw!important;
    }
    .glossary-search .section-2 {
        height: 12.8vw !important;
        width: auto !important;
    }
    .sticky-search {
        height: 33vw;
        top: 19.6vw;
    }

    .glossary-search .section-1 {
        margin-bottom: 8.533vw;
    }

    .glossary-container {
        padding-left: 0;
        padding-right: 0;
    }

    .glossary-header{
        padding-left: 4vw;
        padding-right: 4vw;

        box-sizing: border-box;
    }

    .section-1{
        padding-left: 4vw;
        padding-right: 4vw;
        box-sizing: border-box;
    }
    .section-2{
        padding-left: 4vw;
    }

    .glossary-search .section-2 {
        overflow-y: hidden;
    }

    .cast-2 {
        margin-top: -3.25vw !important;
        padding-left: 4vw;
        padding-right: 4vw;
        box-sizing: border-box;
    }

    .sect-2-mob{
        width: 100%;
        max-width: 100%;
    }

    .glossary-header .heading {
        width: 48vw;
    }

    .glossary-container {
        padding-top: 31.733vw;
    }
    .glossary-content {
        margin-top: 8.8vw;
    }

    .cast-2 {
        z-index: 3;
        position: relative;
    }

    .right-side .letter {
        background: unset;
        font-size: 10.667vw;
    }

    .right-side .seo-card {
        border-radius: 2.667vw;
        background: #202020;
        padding: 7.467vw 4.267vw;
        display: block;
        text-decoration: none;
        margin-bottom: 1.067vw;
        transition: 0.3s;
    }

    .right-side .seo-card p {
        color: #FFF;
        font-family: "NeueMachina";
        font-size: 3.733vw;
        font-style: normal;
        font-weight: 400;
        line-height: 6.4vw;
        opacity: 0.8;
    }

    .glossary-list {
        margin-top: 11.467vw;
    }
    .blacked-grad{
        background: linear-gradient(0deg, rgba(21, 21, 21, 0.00) 0%, #151515 55.52%)!important;
        height: 60vw;
    }

    #yakor {
        position: absolute;
        top: 80vw;
    }

    .no-search-results {
        font-size: 6.222vw;
    }

    .navigation{
        background: linear-gradient(0deg, rgba(21, 21, 21, 0.00) 0%, #151515 55.52%);
    }

    .right-side .seo-card .actions span {
        font-size: 3.2vw;
    }
}
.footer {
    margin: 13.264vw 0.83333vw 0;
}

.blacked-grad-2{
    background: linear-gradient(0deg, rgba(21, 21, 21, 0.00) 0%, #151515 55.52%);
}