html, body, div, button, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {  

    all: unset;
  }

body {
    background: #000;
}
html{
    scroll-behavior: smooth;
}

.container-main{
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 56px;
    min-height:  calc(100vh - 70px - 246px);
}
.wrapper-main{
    display: flex;
    flex-direction: column;
    max-width: 1232px;
    width: 100%;
    margin: 0 24px;
}

/* Head */
.header {
    position: fixed;
    margin: 0 auto;
    justify-content: center;
    display: flex;
    width: 100%;
    align-items: center;
    height: 56px;
    background: #080808;
    z-index: 12;
}

.header_center {
    max-width: 1232px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 24px;
}
.header_logo {
    display: block;
    width: 128px;
    height: 16px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(/Img/Problisk.svg);
    z-index: 12;
}

.First-Head{
    display: flex;
    flex-direction: column;
    align-items: left;
    margin-top: 32px;
    margin-bottom: 32px;
}

/* Сonclusion */
.Сonclusion-card{
    display: flex;
    padding: 16px;
    background: #19241E;
    border: 1px solid #2B5D3D;
    border-radius: 12px;
}

.block-column-main{
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}
.block-column-2-main{
    display: flex;
    flex-direction: column;
}

.divider{
    width: 100%;
    height: 2px;
    background-color: #1E2128;
    margin-bottom: 24px;
}
.margin-top-4{
    margin-top: 4px;
}
.margin-bottom-8{
    margin-bottom: 8px;
}
.margin-bottom-12{
    margin-bottom: 12px;
}
.margin-bottom-16{
    margin-bottom: 16px;
}
.margin-bottom-24{
    margin-bottom: 24px;
}
.margin-bottom-32{
    margin-bottom: 32px;
}
.margin-bottom-40{
    margin-bottom: 40px;
}
.margin-right-12{
    margin-right: 12px;
}
.margin-right-16{
    margin-right: 16px;
}
.margin-right-32{
    margin-right: 32px;
}

.list{
    display: flex;
    flex-direction: column;
}
/* Go to PR-1*/
.container-with-card{
    display: flex;
    width: 100%;
    height: 328px;
    margin-bottom: 60px;
}
.photo-card{
    width: 100%;
    background: #1C1C1E;
    border-radius: 24px;
    margin-right: 40px;
}
.container-text-btn{
    flex-direction: column;
    width: 100%;
}
.text-block{
    display: flex;
    flex-direction: column;
}
.technology-block{
    display: flex;
    flex-direction: column;
}
.container-tag{
    display: flex;
}