.blog-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.27778vw 3.88889vw 2.91667vw; }
@media screen and (max-width: 960px) {
    .blog-list {
        margin: 0 4.26667vw; } }
.blog-list .blog-item {
    width: 25%;
    padding: 0.27778vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item {
        padding: 0;
        width: 100%;
        margin-bottom: 2.13333vw; } }
@media screen and (min-width: 960px) {
    .blog-list .blog-item.half {
        width: 50%; }
    .blog-list .blog-item.half .blog-item-inner .name-desc .name {
        font-size: 1.80556vw;
        padding-right: 2.56944vw; }
    .blog-list .blog-item.half .blog-item-inner .author-date .author-time .name-time .time {
        display: none; }
    .blog-list .blog-item.half .blog-item-inner .author-date .author-time > .time {
        display: block;
        margin-left: 2.5vw; }
    .blog-list .blog-item .blog-item-inner:hover {
        background-color: #2d2d2d;
        -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
        transform: scale(1.01); } }
.blog-list .blog-item.full {
    width: 100%; }
.blog-list .blog-item.full .blog-item-inner {
    background-color: #343332;
    border: none;
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    height: 27.77778vw; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item.full .blog-item-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 139.73333vw; } }
.blog-list .blog-item.full .blog-item-inner > .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 41.66667vw;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 1.38889vw; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item.full .blog-item-inner > .left {
        width: auto;
        height: 100%;
        padding: 4.8vw 4.8vw 4vw 4.8vw; } }
.blog-list .blog-item.full .blog-item-inner > .left .cat-rate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.blog-list .blog-item.full .blog-item-inner > .left .name-desc {
    padding: 1.18056vw 0 1.73611vw; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item.full .blog-item-inner > .left .name-desc {
        padding: 4vw 0 6.4vw; } }
.blog-list .blog-item.full .blog-item-inner > .left .name-desc .name {
    font-size: 2.08333vw; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item.full .blog-item-inner > .left .name-desc .name {
        font-size: 5.86667vw; } }
.blog-list .blog-item.full .blog-item-inner > .left .author-date {
    padding: 0; }
@media screen and (min-width: 960px) {
    .blog-list .blog-item.full .blog-item-inner > .left .author-date .name-time {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
    .blog-list .blog-item.full .blog-item-inner > .left .author-date .name-time .time {
        margin-left: 2.5vw; } }
.blog-list .blog-item.full .blog-item-inner > .right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 61.80556vw; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item.full .blog-item-inner > .right {
        width: 100%;
        left: 0;
        top: 37.86667vw;
        bottom: 36.8vw; } }
.blog-list .blog-item.full .blog-item-inner > .right .img-wrap {
    height: 100%; }
.blog-list .blog-item.full .blog-item-inner > .right .img-wrap a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative; }
@media screen and (min-width: 960px) {
    .blog-list .blog-item.full .blog-item-inner > .right .img-wrap a:after {
        content: '';
        position: absolute;
        left: -2px;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2;
        background: -webkit-gradient(linear, left top, right top, from(#343332), to(rgba(23, 23, 21, 0)));
        background: -webkit-linear-gradient(left, #343332 0%, rgba(23, 23, 21, 0) 100%);
        background: -o-linear-gradient(left, #343332 0%, rgba(23, 23, 21, 0) 100%);
        background: linear-gradient(to right, #343332 0%, rgba(23, 23, 21, 0) 100%); } }
@media screen and (max-width: 960px) {
    .blog-list .blog-item.full .blog-item-inner > .right .img-wrap a:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 50%;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#343332), to(rgba(23, 23, 21, 0)));
        background-image: -webkit-linear-gradient(top, #343332, rgba(23, 23, 21, 0));
        background-image: -o-linear-gradient(top, #343332, rgba(23, 23, 21, 0));
        background-image: linear-gradient(to bottom, #343332, rgba(23, 23, 21, 0));
        z-index: 2; }
    .blog-list .blog-item.full .blog-item-inner > .right .img-wrap a:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 50%;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#343332), to(rgba(23, 23, 21, 0)));
        background-image: -webkit-linear-gradient(bottom, #343332, rgba(23, 23, 21, 0));
        background-image: -o-linear-gradient(bottom, #343332, rgba(23, 23, 21, 0));
        background-image: linear-gradient(to top, #343332, rgba(23, 23, 21, 0));
        z-index: 2; } }
.blog-list .blog-item.full .blog-item-inner > .right .img-wrap img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: relative;
    z-index: 1; }
.blog-list .blog-item.full .blog-item-inner .date {
    position: absolute;
    bottom: 1.66667vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 0.83333vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    z-index: 3; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item.full .blog-item-inner .date {
        bottom: 6.4vw;
        font-size: 3.2vw;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        right: 4.8vw; } }
.blog-list .blog-item .blog-item-inner {
    border: solid 1px rgba(255, 255, 255, 0.16);
    border-radius: 1.80556vw;
    overflow: hidden;
    padding: 0.55556vw;
    -webkit-transition: .2s ease-in-out background, .2s ease-in-out transform;
    -o-transition: .2s ease-in-out background, .2s ease-in-out transform;
    transition: .2s ease-in-out background, .2s ease-in-out transform;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item .blog-item-inner {
        padding: 3.2vw;
        border-radius: 6.93333vw;
        height: auto; } }
.blog-list .blog-item .blog-item-inner .top > .img-wrap {
    position: relative;
    height: 16.66667vw; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item .blog-item-inner .top > .img-wrap {
        height: 62.4vw; } }
.blog-list .blog-item .blog-item-inner .top > .img-wrap > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 16.66667vw; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item .blog-item-inner .top > .img-wrap > a {
        height: 62.4vw; } }
.blog-list .blog-item .blog-item-inner .top > .img-wrap img, .blog-list .blog-item .blog-item-inner .top > .img-wrap picture {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1.80556vw;
    position: relative;
    z-index: 1; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item .blog-item-inner .top > .img-wrap img, .blog-list .blog-item .blog-item-inner .top > .img-wrap picture {
        border-radius: 6.93333vw; } }
.blog-list .blog-item .blog-item-inner .top > .img-wrap .cat-rate {
    position: absolute;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0.83333vw;
    bottom: -0.48611vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item .blog-item-inner .top > .img-wrap .cat-rate {
        left: 1.6vw;
        bottom: -2.4vw; } }
.blog-list .blog-item .blog-item-inner .cat {
    padding: 0.20833vw 0.69444vw 0.06944vw;
    border-radius: 3.81944vw;
    background-color: #ff7820;
    font-size: 0.83333vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    margin-right: 0.13889vw;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out color, .2s ease-in-out background;
    -o-transition: .2s ease-in-out color, .2s ease-in-out background;
    transition: .2s ease-in-out color, .2s ease-in-out background; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item .blog-item-inner .cat {
        padding: 1.06667vw 2.66667vw 0.26667vw;
        border-radius: 14.66667vw;
        font-size: 2.93333vw;
        margin-right: 1.6vw; } }
@media screen and (min-width: 960px) {
    .blog-list .blog-item .blog-item-inner .cat:hover {
        background-color: #903a01;
        color: #ff7820; } }
.blog-list .blog-item .blog-item-inner .rate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3.81944vw;
    border: solid 1px rgba(255, 255, 255, 0.12);
    background-color: #313131;
    padding: 0.20833vw 0.69444vw 0.06944vw;
    font-size: 0.83333vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #ff7820; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item .blog-item-inner .rate {
        border-radius: 14.66667vw;
        padding: 0.8vw 2.66667vw 0.26667vw;
        font-size: 2.93333vw; } }
.blog-list .blog-item .blog-item-inner .rate svg {
    width: 0.55556vw;
    height: 0.55556vw;
    margin-right: 0.20833vw;
    -webkit-transform: translateY(-0.06944vw);
    -ms-transform: translateY(-0.06944vw);
    transform: translateY(-0.06944vw); }
@media screen and (max-width: 960px) {
    .blog-list .blog-item .blog-item-inner .rate svg {
        width: 2.13333vw;
        height: 2.13333vw;
        margin-right: 0.8vw;
        -webkit-transform: translateY(-0.26667vw);
        -ms-transform: translateY(-0.26667vw);
        transform: translateY(-0.26667vw); } }
.blog-list .blog-item .blog-item-inner .rate svg * {
    fill: #ff7820; }
.blog-list .blog-item .blog-item-inner .name-desc {
    text-decoration: none;
    padding: 1.52778vw 0.83333vw 1.73611vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item .blog-item-inner .name-desc {
        padding: 5.86667vw 1.6vw 6.66667vw; } }
.blog-list .blog-item .blog-item-inner .name-desc .name {
    font-size: 1.25vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-bottom: 0.69444vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item .blog-item-inner .name-desc .name {
        font-size: 4.8vw;
        margin-bottom: 2.66667vw;
        line-height: 1.3; } }
.blog-list .blog-item .blog-item-inner .name-desc .desc {
    opacity: 0.7;
    font-size: 0.83333vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item .blog-item-inner .name-desc .desc {
        font-size: 3.73333vw; } }
.blog-list .blog-item .blog-item-inner .author-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0.83333vw 1.11111vw;
    text-decoration: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item .blog-item-inner .author-date {
        padding: 0 1.6vw 0.8vw; } }
.blog-list .blog-item .blog-item-inner .author-date .author-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.83333vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: rgba(255, 255, 255, 0.4); }
@media screen and (max-width: 960px) {
    .blog-list .blog-item .blog-item-inner .author-date .author-time {
        font-size: 3.2vw; } }
.blog-list .blog-item .blog-item-inner .author-date .author-time .author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.blog-list .blog-item .blog-item-inner .author-date .author-time .author .img-wrap {
    margin-right: 0.69444vw;
    margin-top: -0.13889vw; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item .blog-item-inner .author-date .author-time .author .img-wrap {
        margin-right: 2.66667vw;
        margin-top: -0.53333vw; } }
.blog-list .blog-item .blog-item-inner .author-date .author-time .author .img-wrap img {
    width: 1.52778vw;
    height: 1.52778vw;
    border-radius: 0.55556vw;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item .blog-item-inner .author-date .author-time .author .img-wrap img {
        width: 5.86667vw;
        height: 5.86667vw;
        border-radius: 2.13333vw; } }
.blog-list .blog-item .blog-item-inner .author-date .author-time > .time {
    display: none; }
.blog-list .blog-item .blog-item-inner .author-date .date {
    font-size: 0.83333vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #fff; }
@media screen and (max-width: 960px) {
    .blog-list .blog-item .blog-item-inner .author-date .date {
        font-size: 3.2vw; } }

.bg-img-blog{
    position: absolute;
    top: 0;
    right: 0;

    z-index: -1;
}
.bg-img-blog img{
    width: 72.014vw;
}

.blog-header .title-cats {
    border: unset !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    margin-bottom: 4.236vw;
}
.blog-header .title-cats *{
    border: unset!important;
}
.blog-header .blog-cats-slider{
    border-radius: 2.078vw;
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(0.556vw);

    padding: 0.278vw;
}

.blog-header .title-cats .blog-cats .blog-cats-slider .blog-cats-slider-item {
    padding: unset;
}
.blog-header .title{
    margin-bottom: 1.667vw;
}

.blog-header .title-cats .blog-cats{
    width: unset!important;
}

.blog-header .title-cats .blog-cats .blog-cats-slider .blog-cats-slider-item a {
    padding: 0.417vw 1.111vw;
    box-sizing: border-box;
    height: auto !important;
    line-height: 140%;
    font-size: 1.111vw;
    text-transform: unset;
}

.first-blog-card{
    width: 100%;

    padding-left: 4vw;
    padding-right: 4vw;

    box-sizing: border-box;

    margin-bottom: 1.042vw;
}
@media(max-width: 960px){
    .first-blog-card{
        padding: unset!important;
    }
}
.first-blog-card-inner{
    border-radius: 1.806vw;
    border: 0.069vw solid rgba(255, 255, 255, 0.16);
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(2.083vw);

    min-height: 34vw;

    padding: 0.556vw;

    box-sizing: border-box;

    display: flex;
    flex-direction: row;
}

.fb-card-image{
    margin-right: 5.903vw;
}
.first-blog-card-inner .fb-card-image img{
    width: 32.528vw;
    height: 23.417vw;

    object-fit: cover;

    object-position: left;
    border-radius: 1.389vw;
}
.first-blog-card-inner .cat-rate{
    margin-bottom: 2.5vw;
}
.first-blog-card-inner .cat {
    padding: 0.278vw 0.972vw;
    border-radius: 3.81944vw;
    background-color: #ff7820;
    font-size: 0.972vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    margin-right: 0.13889vw;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out color, .2s ease-in-out background;
    -o-transition: .2s ease-in-out color, .2s ease-in-out background;
    transition: .2s ease-in-out color, .2s ease-in-out background;
}
@media screen and (max-width: 960px) {
    .first-blog-card-inner .cat {
        padding: 1.06667vw 2.66667vw 0.26667vw;
        border-radius: 14.66667vw;
        font-size: 2.93333vw;
        margin-right: 1.6vw; } }
@media screen and (min-width: 960px) {
    .first-blog-card-inner .cat:hover {
        background-color: #903a01;
        color: #ff7820; } }

.fb-card-info{
    width: 43.75vw;

    padding-top: 0.986vw;

    position: relative;
}

.fb-card-info a{
    text-decoration: none!important;
}

.fb-card-info .name-desc{
    margin-bottom: 3.194vw;
    display: inline-flex;
}
.fb-card-info .name-desc .name{
    color: #FFF;
    /* H3 */
    font-family: "NeueMachina";
    font-size: 2.639vw;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 45.6px */
    letter-spacing: -0.053vw;
}

.read-now-fb{
    display: inline-flex;

    width: 13.125vw;
    height: 3.333vw;
    padding: 0.833vw 0.667vw;

    box-sizing: border-box;

    border-radius: 2.778vw;
    background: rgba(255, 119, 29, 0.10);

    justify-content: center;
    align-items: center;
    flex-direction: row;

    color: #FF771E;
    text-align: center;
    font-family: "NeueMachina";
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 18px */
    text-transform: uppercase;


}
.read-now-fb svg{
    margin-left: 1.597vw;

    width: 1.528vw;
    height: 1.528vw;
}

.fb-card-info .author-date{
    position: absolute;
    bottom: 1.806vw;
    left: 0;
}
.fb-card-info .author-date img{
    border-radius: 0.417vw;
    border: 0.069vw solid rgba(255, 255, 255, 0.10);

    width: 2.222vw;
    height: 2.222vw;
}

.fb-card-info .author-date{
    display: flex;
    flex-direction: row;
    width: 100%;

    justify-content: space-between;
}
.fb-card-info .author-date .author{
    display: flex;
    flex-direction: row;

    align-items: center;
}
.fb-card-info .author-date .name-time{
    display: flex;
    flex-direction: row;
}

.fb-card-info .author .img-wrap{
    margin-right: 1.181vw;
}
.fb-card-info .name-time div{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.111vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;

    opacity: 0.6;
}
.fb-card-info .name-time .name{
    padding-right: 1.111vw;
}
.fb-card-info .name-time .spec-slash{
    opacity: 0.2;
    background: #FFF;

    width: 0.069vw;
    height: 1.528vw;
    margin-right: 1.111vw;
}
.fb-card-info .date{
    color: #FFF;
    text-align: right;
    font-family: "NeueMachina";
    font-size: 0.972vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: flex;
    align-items: center;
}

@media(max-width: 960px){
    .read-now-fb{
        width: 100%;
        height: 12.8vw;
        padding: 3.2vw 6.4vw;

        font-size: 4.8vw;
        position: relative;

        border-radius: 10.667vw;
        text-decoration: none;
        margin-bottom: 10.667vw;
    }
    .read-now-fb svg{
        width: 5.867vw;
        height: 5.867vw;

        position: absolute;

        top: 3.2vw;
        right: 4.8vw;
    }
}

.sticky-search{
    position: sticky;
    top: 6.6vw;

    z-index: 9;
    height: 13vw;

    margin-bottom: 6vw;
}

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

.blacked {
    background: #151515 !important;
}
.blacked-grad-2 .title-cats{
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.blacked-grad-2 .title-cats .title {
    padding-right: 2.986vw;
    width: unset!important;
}
.blacked-grad-2 .title-cats .title h1{
    font-size: 3.333vw;
}

.blacked-grad-2 .title-cats .blog-cats{
    position: relative;
    top: -0.7vw;
}

@media(max-width: 960px){
    .blacked-grad .title-cats .title {
        display: none;
    }
    .blacked-grad {
        background: linear-gradient(0deg, rgba(21, 21, 21, 0.00) 0%, #151515 55.52%) !important;
        height: 25vw;
    }

    .blacked-grad .title-cats {
        margin-top: 13vw;
    }

    .blog-cats-slider {
        background: unset!important;
    }

    .blog-header .title-cats .title h1 {
        text-align: center;
    }

    .blog-header{
        margin-bottom: 21vw;
    }

    .blog-header.blacked-grad{
        margin-bottom: 12vw;
    }

    .blog-header .title-cats .blog-cats .blog-cats-slider .blog-cats-slider-item a {
        padding: 1.6vw 2.133vw;
        box-sizing: border-box;
        height: auto !important;
        line-height: 140%;
        font-size: 3.2vw;
        text-transform: unset;
        border-radius: 5.333vw;

        background: rgba(255, 255, 255, 0.20);

        margin-left: 1.067vw;
        margin-right: 1.067vw;
    }

    .sticky-search {
        top: 19.6vw;
    }
}

.show-sm{
    display: none;
}
.hide-sm{
    display: flex;
}
@media(max-width: 960px){
    .show-sm{
        display: block;
    }
    .hide-sm{
        display: none;
    }
}

.blog-header .title-cats .title{
    width: 100%;
}
.blog-header .title-cats .title h1{
    text-align: center;
}
.content-header h1{
    margin-bottom: unset!important;
}

.b1{
    padding-top: unset!important;
    padding-bottom: unset!important;
}

.blog-header .title-cats .title h1{
    font-family: Manrope, sans-serif;
    font-weight: 400;
}

.blog-header .title-cats .blog-cats .blog-cats-slider .blog-cats-slider-item a {
    border-radius: 0.56vw;
    font-family: "DM Mono";
    text-transform: uppercase !important;

    font-weight: 400;
}
.blog-header .title-cats .blog-cats .blog-cats-slider{
    border-radius: 0.83vw;
}

.first-blog-card-inner .cat {
    font-family: "DM Mono";
    border-radius: 3.82vw;
    background-color: #07D99C;
}

.fb-card-info .name-desc .name {
    color: #FFF;

    font-family: Manrope;
    font-size: 3.33vw;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 57.6px */
    letter-spacing: -0.07vw;
}
.first-blog-card .btn{
    background: rgba(255, 255, 255, 0.10);

    min-width: 10vw;
}
.first-blog-card .btn .text {
    color: #fff;

    min-width: 10vw;
    text-align: center;
}
.first-blog-card .btn .icon{
    background: white;
}
.first-blog-card .btn .icon path{
    stroke: black!important;
}

.fb-card-info .name-time div {
    color: #EBFFF9;
    font-family: "DM Mono";
}
.fb-card-info .date {
    color: #ECFFF9;
    font-family: 'Manrope';
}

.first-blog-card-inner .fb-card-image img {
    width: 39.528vw;
    height: 32.417vw;
}

.blog-list .blog-item .blog-item-inner .cat {
    border-radius: 3.82vw;
    background-color: #07D99C;
    font-family: "DM Mono";
}
.blog-list .blog-item .blog-item-inner .name-time > div{
    font-family: "DM Mono";
    color: #EBFFF9;
}
.blog-list .blog-item .blog-item-inner .date{
    color: #CAF9EB;

    font-family: "DM Mono";
}
.blog-list .blog-item .blog-item-inner .divider-1{
    background: linear-gradient(90deg, #07D99C 0%, rgba(255, 255, 255, 0.10) 100%);
    height: 0.14vw;

    margin: 0vw 0.83333vw 1.73611vw;
}



.blog-header .title-cats .blog-cats .blog-cats-slider .blog-cats-slider-item a:hover {
    color: #07D99C;
    background-color: rgba(7, 217, 156, 0.1);
}

.first-blog-card-inner .cat:hover {
    background-color: rgba(7, 217, 156, 0.3);
    color: #07D99C;
}

.blog-list .blog-item .blog-item-inner .cat:hover {
    background-color: rgba(7, 217, 156, 0.3);
    color: #07D99C;
}

.bg-d{
    position: relative;
    z-index: -1;
}
.bg-d img{
    position: absolute;
    top: -6vw;
    left: 0;
    width: 100%;
}
.footer-subscribe{
    width: 100%;
    padding-left: 4vw;
    padding-right: 4vw;

    box-sizing: border-box;
}
.footer-subscribe-form{
    margin-top: 4.93vw;
    margin-bottom: 6.94vw;
}

.footer-subscribe img{
    max-width: 100%;
    width: 100%;
}

.b1:after{
    height: 10vw;
    z-index: -1;
    bottom: 8vw;
}
.footer-subscribe-form{
    width: 100%;
    height: 22.22vw;
    position: relative;
}
.footer-subscribe-form .bg-form{
    position: relative;
    z-index: -1;
}
.footer-subscribe-form .bg-form img{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
}
.footer-subscribe-form .inner-form-content{
    padding-top: 3vw;
}
.footer-subscribe-form .inner-form-content p > strong{
    text-align: center;
    font-family: Manrope;
    font-size: 3.33vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;

    background: linear-gradient(0deg, #FFF 9.68%, #527461 151.21%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.footer-subscribe-form .inner-form-content .hsfc-EmailField{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.footer-subscribe-form .inner-form-content .hsfc-EmailField label{
    display: none;
}
.footer-subscribe-form .inner-form-content .hsfc-EmailField input{
    width: 25.63vw;
    height: 3.33vw;

    border-radius: 0.83vw;

    color: #2B2C2A;

    font-family: Manrope;
    font-size: 1.11vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0.35vw 1.25vw;
}
.footer-subscribe-form .inner-form-content .hsfc-RichText{
    color: var(--Secondary-font, #AEAEAE);
    text-align: center;
    font-family: Manrope;
    font-size: 0.83vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;

    text-align: center;
}
.footer-subscribe-form .inner-form-content .hsfc-RichText a{
    color: var(--Secondary-font, #AEAEAE);
    font-family: Manrope;
    font-size:  0.83vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.footer-subscribe-form .button-div{
    position: absolute;
    top: 0.2vw;
    right: 4vw;
}
.footer-subscribe-form .inner-form-content button{
    background: rgba(8, 13, 9, 1);
    width: 2.78vw;
    height: 2.78vw;
    border-radius: 12px;
    font-size: 0;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: unset !important;
}
.footer-subscribe-form .inner-form-content button svg{
    width: 0.9vw;
    height: 0.69vw;
}
.footer-subscribe-form .hsfc-NavigationRow .hsfc-ErrorAlert{
    display: none!important;
}

.footer-subscribe-form .inner-form-content .hsfc-EmailField{
    position: relative;
    width: 33vw;
}
.footer-subscribe-form .inner-form-content .hsfc-Step__Content .hsfc-Row:nth-child(2){
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    align-items: center!important;
}

@media(max-width: 960px){
    .footer-subscribe-form .inner-form-content .hsfc-EmailField {
        position: relative;
        width: 84vw;
    }

    .footer-subscribe-form {
        height: 77.22vw;
    }

    .footer-subscribe-form .inner-form-content p > strong {
        font-size: 8.53vw;
    }

    .footer-subscribe-form .inner-form-content .hsfc-EmailField input {
        width: 82.63vw;
        height: 12.8vw;
        border-radius: 3.2vw;
        color: #2B2C2A;
        font-family: Manrope;
        font-size: 4.27vw;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 0.35vw 4.8vw;
    }

    .footer-subscribe-form .inner-form-content button {
        background: rgba(8, 13, 9, 1);
        width: 10.67vw;
        height: 10.67vw;
        border-radius: 3.2vw;
        font-size: 0;
        position: absolute;
        top: 1vw;
        right: -2vw;
        display: flex
    ;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: unset !important;
    }

    .footer-subscribe-form .inner-form-content button svg {
        width: 3.47vw;
        height: 2.67vw;
    }

    .footer-subscribe-form .inner-form-content .hsfc-RichText, .footer-subscribe-form .inner-form-content .hsfc-RichText a {
        font-size: 3.73vw;
    }

    .b1 spline-viewer {
        height: 80vw;
    }
}