@font-face {
    font-family: "Inter";
    font-weight: 400;
    font-style: normal;
    src: url("../index/inter-regular.woff2") format("woff2");
    font-display: swap
}

@font-face {
    font-family: "Inter";
    font-weight: 600;
    font-style: normal;
    src: url("../index/inter-semibold.woff2") format("woff2");
    font-display: swap
}


@font-face {
    font-family: "Inter";
    font-weight: 800;
    font-style: normal;
    src: url("../index/inter-extrabold.woff2") format("woff2");
    font-display: swap
}

@font-face {
    font-family: "Inter";
    font-weight: 800;
    font-style: italic;
    src: url("../index/inter-extrabolditalic.woff2") format("woff2");
    font-display: swap
}

@font-face {
    font-family: "Fira Sans";
    font-weight: 600;
    font-style: normal;
    src: url("../index/firasans-semibold.woff2") format("woff2"), url("/fonts/Fira/firasans-semibold.woff") format("woff");
    font-display: swap
}

body, body * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: Inter, sans-serif;
    max-width: 1030px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 8px 16px #0000001a;
    margin-bottom: 14px;
}
a{
    color: inherit;
    text-decoration: none;
}
header{
    border-top: 4px solid #E41F1F;

    box-shadow: 0 8px 16px #0000001a;
    padding: 0 33px;

}
.headerInner{
    padding-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.headerLeft{
    display: flex;
    align-items: center;
    gap: 8px;
    width: 50%;
}
.headerLeft a{
    padding: 0 8px;
    background: #E8B332;
    font-weight: 600;
    border-radius: 4px;
    font-size: 13px;
    line-height: 2.154;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .12);
}
.headerLeft span{
    font-size: 10px;
    line-height: 1.2;
    color: #2b3135;
}

.headerLogo img{
    height: 34px;
}
.headerTopic{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0;
}
.headerTopic a{
    font-size: 12px;
    color: #122E5B;
    padding: 0 9px;
    font-weight: 800;
    text-transform: uppercase;
}
.headerTopic img{
    width: 9px;
    height: 9px;
}
.headerRight{
    display: flex;
    gap: 24px;
    width: 50%;
    justify-content: flex-end;
}
.headerRight a{
    color: #122E5B;
    font-size: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.headerRight img{
    width: 24px;
    height: 24px;
    margin: 0 5px 2px 5px ;
}
.headerNav{
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #D6DEEB;
    border-bottom: 1px solid #D6DEEB;
}
.headerNav a{
    padding: 0 8px;
    height: 40px;
    display: flex;
    align-items: center;
    color: #122E5B;
    font-weight: 600;
}
main{
    padding: 24px 33px;
}
h1{
    font-family: Fira Sans, sans-serif;
    font-size: 40px;
    line-height: 1.2;
    color: #2b3135;
    margin-bottom: 16px;
}
.articleMeta{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.articlePub p{
    font-size: 14px;
    color: #2b3135;
    font-weight: 600;
}
.articlePub p a{
    color: #122E5B;
    font-weight: 400;
}
.articlePub span{
    font-size: 13px;
    color: #75868e;
}
.articleButtons{
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    margin-left: 16px;
    border-left: 1px solid #D6DEEB;
}
.articleButtons a{
    display: flex;
    gap: 8px;
    font-size: 10px;
    color: #75868e;

}
.articleMeta a:not(:last-child){
    margin-bottom: 16px;
}
.articleButtons img{
    width: 24px;
}
article{
    max-width: 632px;
    color: #2b3135;
}
article img, article video{
    width: 100%;
    margin-bottom: 24px;
}
article p, article li{
    font-size: 18px;
    margin-bottom: 24px;
    line-height: 1.6;
}
article ul{
    padding-left: 20px;
}
article h2{
    margin-bottom: 24px;
}
article p a, article h2 a, article li a, h1 a{
    color: #122E5B;
    text-decoration: underline;
    font-weight: 800;
}
footer{
    margin-top: 32px;
    background: linear-gradient(180deg, #EDF2F9 0%, transparent 100%);
    padding: 24px 24px 0 24px;
    margin-right: 8px;
    margin-left: 8px;
    border-radius: 8px 8px 0 0;
}
.footerCards{
    display: flex;
    gap: 20px;
    margin-bottom: 32px;
}
.footerCard{
    flex: 1;
}
.footerCard h3{
    font-weight: 600;
    font-size: 18px;
    font-family: Fira sans, sans-serif;
    color: #2b3135;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.footerCard a{
    display: block;
    padding: 4px 0;
    color: #122E5B;
    font-size: 14px;
    line-height: 1.25;
}
.footerNews{
    margin-bottom: 40px;
}
.footerNews h3{
    font-weight: 600;
    font-size: 18px;
    font-family: Fira sans, sans-serif;
    color: #2b3135;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.newsContainer{
    gap: 8px 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.newsContainer a{
    font-size: 14px;
    color: #122E5B;
}
.footerLogo {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 24px;
}
.footerLogo img{
    height: 32px;
}
.footerNav{
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}
.footerNav a{
    padding: 0 6px;
    color: #122E5B;
    font-weight: 600;
    font-size: 14px;
}
.footerMedia{
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}
.footerMedia a{
    padding: 0 8px;
    color: #122E5B;
    font-size: 12px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.footerMedia img{
    margin: 0 24px 4px 24px;
    width: 24px;
}
.footerCopyright{
    margin: 0 56px;
    font-size: 13px;
    color: #2b3135;
    padding-bottom: 8px;
}
.mobHeaderLeft{
    display: none;
    color: #122E5B;
    width: 50%;

}
.mobHeaderLeft a{
    font-size: 8px;
    flex-direction: column;
    align-items: center;
 }
@media screen and (max-width: 768px){
    article p, article h2, article img, article video, article li{
        margin-bottom: 16px;
    }
    .headerRight img, .mobHeaderLeft img{
        width: 20px;
        height: 20px;
    }
    .mobHeaderLeft{
        display: flex;
    }
    .mobHeaderLeft a{
        display: flex;
    }
    .headerLeft{
        display: none;
    }
    .headerRight a:first-child{
        display: none;
    }
    .headerLogo img{
        height: 30px;
    }
    .headerNav a{
        font-size: 14px;
        white-space: nowrap;
    }
    h1{
        font-size: 28px;
        line-height: 1.2;
    }
    .articleMeta{
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 16px;
    }
    .articlePub{
        margin-bottom: 16px;

    }
    .articleButtons{
        padding: 0;
        border-left: none;
        margin: 0;
        display: flex;
        gap: 24px;

    }
    .articleButtons a{
        margin: 0 !important;
    }
    main{
        padding-left: 16px;
        padding-right: 16px;
    }
    .footerCards{
        flex-wrap: wrap;
    }
    .footerCard{
        width: 45%;
        flex: none;
    }
    .newsContainer{
        grid-template-columns: 1fr;
    }
    .footerNav, .footerMedia{
        flex-wrap: wrap;
        row-gap:8px;
    }
    .footerCopyright{
        margin-right: 0;
        margin-left: 0;
    }
    header{
        padding: 0 16px;
    }

}
@media screen and (max-width: 520px){

    .mobHide{
        display: none !important;
    }
}
.stickyHeader{
    position: fixed;
    top: 0;
    width: 100%;
    display: none;
    padding: 0 16px;
    background: linear-gradient(180deg, #C11B1B 0%, #E41F1F 100%);
    align-items: center;
    border-top: 4px solid #E41F1F;
    z-index: 100000;

}
.stickyHeader .headerLogo img{
    margin: 8px 0;
}
.stickyHeader *{
    color: #fff;
}
.customJS-styles__activation-message {
    color: white;
    font-weight: 700;
    font-size: 16px;
    background: #073e86c2;
    padding: 10px;
    border-radius: 15px;
    display: flex;
    margin-bottom: 0px!important;
    margin-top: 0!important;
}

.customJS-styles__icon {
    color: red;
    font-size: 35px;
    text-align: center;
    margin-right: 7px;
}