*,
::before,
::after {
    box-sizing: border-box;
}

html {
    block-size: 100%;
    font-size: 16px;
    font-family: 'Kaspersky Sans Display', Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 1.44;
    color: rgb(0 0 0);
    scroll-behavior: smooth;
}

.page {
    inline-size: 100%;
    block-size: 100%;
    margin: auto;
    background: #ffffff;
    min-inline-size: 375px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
blockquote,
fieldset {
    margin: 0px;
    padding: 0px;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: rgb(0, 150, 136);
}


.list-references {
    padding-inline: 0.25rem;
}

.list-references:hover {
    background-color: #5dbcb338;
}

.header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-inline: 2.75rem;
    padding-block: 1.75rem;
    background-color: white;
    gap: 2.75rem;
}


.btn-close {
    position: absolute;
    right: 1rem;
    top: 2rem;
    z-index: 2;
    inline-size: 1.5rem;
    block-size: 1.5rem;
    border: none;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    transition: all .3s;
}

.btn-close:hover {
    opacity: 0.5;
}

.btn-close img {
    object-fit: cover;
    block-size: 100%;
    object-position: center;
    background-position: center;
}

.right-block {
    inline-size: 100%;
}

.header_logo {
    block-size: 4rem;
    min-inline-size: 20rem;
}

.header_menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.header_slogan {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0.16px;
    color: black;
}

.header_menu-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3.5rem;
    padding-inline-end: 2rem;
}

.header_menu-list {
    display: flex;
    flex-direction: row;
    gap: 2rem;
}

.header_more-menu.actives .mobile-menu {
    right: 0;
}

.header_more-menu img {}

.more_menu-img {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    inline-size: 100%;
    cursor: pointer;
    transition: all .3s;
}

.more_menu-img:hover {
    opacity: 0.5;
}

.header_menu-list li a {
    color: rgba(0, 0, 0, 0.81);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.16px;
    transition: all 0.6s;
}

.header_menu-list li a:hover {
    color: var(--green-color);
}

.header_more-menu {
    display: flex;
    position: relative;
    inline-size: 2rem;
    block-size: 2rem;
}

.menu {
    display: flex;
    block-size: 100vh;
    background-color: #ffffff;
    z-index: 1;
    position: fixed;
    padding-block: 2rem;
    padding-inline: 2rem;
    inline-size: 26.25rem;
    top: 0;
    gap: 1rem;
    right: -26.25rem;
    transition: right 0.6s;
    flex-direction: column;
    overflow: auto;
}

.menu.open {
    right: 0;
}

.header_more-menu .mobile-menu {
    display: flex;
    block-size: 100vh;
    background-color: white;
    z-index: 1;
    position: fixed;
    position: fixed;
    padding-block: 44px;
    padding-inline: 44px;
    inline-size: 375px;
    top: 0;
    right: -375px;
    transition: right 0.5s;
}

.menu_list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.menu_list.lang h5 {
    margin-block: 1rem 0.5rem;
}

.menu_list h5 {
    font-size: 0.8125rem;
    margin-block: 1rem 0;
    color: rgb(159 159 159);
    padding: 0 1rem;
    display: inline-block;
    border-radius: 3px;
    font-weight: normal;
    height: 1.5rem;
    line-height: 1.5rem;
}

.mobile.menu_list {
    display: none;
}

.menu_list li a {
    padding: 0.75rem 1rem;
    display: block;
    color: black;
    border-bottom: 0.0625rem solid #e4e4e4;
    transition: all 0.6s;
}

.menu_list li a:hover {
    background-color: rgb(236 243 241);
    color: var(--green-color);
}

.overlay.visible {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000b8;
    z-index: 1;
    transition: all 0.6s;
    display: block;
}

.overlay {
    transition: all 0.6s;
    display: none;
}

.tooltip-span {
    position: relative;
    display: inline-block;
    border-bottom: 0.0625rem dotted black;
}

.modal-dialog {
    gap: 1.5rem;
    display: flex;
    flex-direction: column;
}

#myDialog {
    max-inline-size: 42.75rem;
    border-radius: 1rem;
    padding: 2rem;
    background-color: #ffffff;
    inline-size: 90vw;
}

#myDialog p {
    font-size: 1rem;
}

.button-dialog {
    border: none;
    background: none;
    font-size: 1.25rem;
    text-align: left;
    font-weight: 300;
    font-family: inherit;
    padding: 0;
    cursor: pointer;
}

.modal-dialog h5 {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 400;
}

span.tooltiptext {
    visibility: hidden;
    inline-size: 100%;
    background-color: #19181b;
    color: #fff;
    text-align: center;
    border-radius: 0.375rem;
    padding: 1rem;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    line-height: 1.3;
    left: 0;
    font-weight: 300;
    right: 0;
    font-size: 0.8125rem;
    margin: auto;
    min-inline-size: 21rem;
}

span.tooltip-span:hover span.tooltiptext {
    visibility: visible;
}

.home .content {
    background-color: var(--bg-color);
    gap: 0;
}

.content {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.block {
    display: flex;
    inline-size: 100%;
    justify-content: space-between;
    gap: 2.75rem;
    padding-block: 2.75rem;
    padding-inline: 2.75rem;
    flex-wrap: nowrap;
}

.home .block {
    padding-block: 8.25rem;
}

.video-sectione .block {
    padding-inline: 0;
}

.mission_text-block p {
    font-size: 1.125rem;
    line-height: 1.5;
    color: var(--text-color);
}

.mission_text-block .link {
    font-size: 1.125rem;
}

.mission_text-block .link:hover {
    color: rgba(48, 186, 165, 0.79);
    border-bottom-color: rgba(48, 186, 165, 0.79);
}

.mission_text-block .link {
    border-bottom: 0.0625remsolid var(--link-color);
}

.mission_serv-block {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.mission_serv-block h4 {
    margin-block-end: 1rem;
    font-size: 1.625rem;
    color: black;
    font-weight: 400;
    line-height: 1.4;
}

.mission-col {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.mission_list-block {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mission_link {
    inline-size: calc(50% - 0.5rem);
    flex-grow: 1;
}

.headtext {
    animation-name: head;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    position: absolute;
    text-wrap: nowrap;
}

#text1:after {
    content: "Защита";
    animation-name: head;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-delay: 4s;
}

@keyframes head {
    0% {
        content: "Защита";
    }


    50% {
        content: "Выявление рисков";
    }

    100% {
        content: "Защита";
    }
}

.mission_partners {
    display: flex;
    gap: 24px;
    padding: 24px;
    font-size: 1rem;
    color: rgb(0 168 142);
    border-radius: 9px;
    border: 1px solid rgba(0, 168, 142, 0.41);
    background: rgba(0, 168, 142, 0.06);
}

.mission-content_modal {
    display: none;
}

.mission-col .devider {
    margin-inline: 0;
    inline-size: 100%;
}

.sibline {
    color: rgb(0 0 0);
    font-size: 3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.15;
}

.bold {
    color: black;
    font-weight: 400;
}

.risks {
    background-color: white;
    padding-block: 132px;
}

.block-title {
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.4;
    color: #000000;
    margin-block-end: 2.25rem;
}

.section-green-block .block-title {
    margin-block-end: 0;
}

.block-title.green {
    color: var(--green-color);
}

.mission-content-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.mission_img-block {
    inline-size: auto;
    margin: 0px auto;
    padding-inline-end: 2.5rem;
}



.mission_text-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.5rem;
    align-self: stretch;
    max-inline-size: 42rem;
}

.devider {
    height: 1px;
    inline-size: calc(100% - 88px);
    background: rgba(0, 0, 0, 0.17);
    margin-inline-start: 44px;
}

.services-link {
    position: relative;
    padding-block: 0.75rem;
    background-color: rgba(233, 233, 233, 0.67);
    flex-grow: 1;
    border-radius: 0.25rem;
    display: block;
    color: var(--text-color);
    padding-inline-start: 2.5rem;
    font-size: 1rem;
    transition: all 0.4s;
    min-block-size: 100%;
}

.services-link:hover {
    background-color: rgb(213, 213, 213);
}

.services-link::before {
    position: absolute;
    content: url('../images/check-green.svg');
    border-radius: 50%;
    inline-size: 1.5rem;
    block-size: 1.5rem;
    left: 0.875rem;
}

.threat-vectors_block,
.risks_card-block {
    gap: 1rem;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    inline-size: 100%;
}

.threat-vectors_block a {
    text-decoration: none;
}

.regulation .card-block {
    gap: 1rem;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
}

.threat-vectors_card {
    background-color: var(--green-color);
}

.card,
.card-no-link {
    position: relative;
    padding: 1.5rem;
    border-radius: 0.5rem;
    color: rgb(255, 255, 255);
    background-color: var(--green-color);
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
    min-block-size: 22rem;
    inline-size: calc((100% / 3) - 1rem);
    transition: all 0.6s ease 0s;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.12) 4px 2px 53px 0px;
}

.card-no-link {
    cursor: auto;
}

.card-no-link:hover .message {}

.card-no-link .link {
    color: #c9c9c9;
}

.card:hover {
    background-color: var(--primery-color-hover);
}

.block-link {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.tooltip-span {
    border-bottom: 0.0625rem dashed black;
    padding-block-end: 0.25rem;
}

.threat-vectors_img {
    transition: all 1s ease 0s;
}

.card:hover .threat-vectors_img {
    transform-origin: right bottom;
    transform: scale(0.9);
}

.risks .card,
.card-no-link {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    padding: 0;
    overflow: hidden;
}

.risks_img {
    block-size: 12rem;
    border-radius: 0.5rem 0.5rem 0 0;
    transition: all 1s ease 0s;
    overflow: hidden;
    position: relative;
}

.risks_img img {
    inline-size: 100%;
    object-fit: cover;
    block-size: 100%;
    object-position: 100% 20%;
    transition: all 1s ease 0s;
}

.list-cart_img {
    inline-size: 12.25rem;
    object-fit: cover;
    object-position: 100% 20%;
    transition: all 1s ease 0s;
    border-radius: 0.375rem block-size: 100%;
}

.card:hover .link::after {
    content: url('../images/Arrow_Forward.svg');
    color: rgb(0, 0, 0);
    position: absolute;
    left: -1.25rem;
    top: 0.125rem;
    bottom: 0p;
}

.risks .card:hover .link::after {
    content: url('../images/Arrow_Forward_w.svg');
    color: rgb(0, 0, 0);
    position: absolute;
    left: -1.25rem;
    top: 0.125rem;
    bottom: 0;
}

.risks .card:hover {
    background-color: var(--green-color);
    color: white;
    overflow: hidden;
}

.risks .card:hover .risks_img img {
    transform: scale(1.2);
}

.risks .card:hover .risks_text,
.risks .card:hover .risks_card-title {
    color: white;
}

.risks .card:hover .link {
    color: white;
    margin-inline-start: 1.25rem;
}

.card:hover .link,
.card-regulation:hover .link {
    margin-inline-start: 1.25rem;
}

.card-full {
    min-block-size: 21.5rem;
    flex-grow: 1;
    inline-size: 100%;
}

.card-bl-max {
    min-block-size: 352px;
}

.card-il-max {
    inline-size: calc(66.7% - 8px);
}

.two-size {}

.card-title {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.6s;
}

.risks_card-title {
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: black;
    transition: all 0.6s ease 0s;
}

.risks_text-block {
    min-block-size: 15.75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem;
}

.risks_text {
    color: var(--optional-color);
    font-size: 1rem;
    line-height: 1.375;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: all 0.6s ease 0s;
}

.card-text {
    margin-block-end: 2rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.35;
    opacity: 0;
    transition: all 0.6s ease 0s;
    cursor: pointer;
}

.card:hover .card-text {
    opacity: 1;
}

.link {
    color: rgb(0, 168, 142);
    line-height: 1.25;
    text-decoration: none;
    transition: all 0.6s ease 0s;
}

.card .link,
.card-regulation .link {
    font-size: 1rem;
    position: relative;
    color: rgb(0, 168, 142);
}

.threat-vectors_card .link {
    color: rgb(255, 255, 255);
}

.threat-vectors_text-link {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.regulation {
    background-image: url(../images/fon-regulation.png);
    background-repeat: no-repeat;
    background-position: 92% 86%;
    padding-block: 7.75rem;
    padding-inline: 2.75rem;
    background-size: cover;
}

.regulation .block-title {
    color: white;
}

.images-one-block .pos-top-10 {
    object-position: 100% 10%;
}

.images-one-block .pos-bottom {
    object-position: 100% 90%;
}

.card-regulation {
    position: relative;
    padding: 1.5rem;
    background-color: rgb(255, 255, 255);
    border-radius: 0.5rem;
    color: rgb(0, 0, 0);
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
    min-block-size: 16.125rem;
    inline-size: calc(50% - 2rem);
    transition: all 0.6s ease 0s;
    text-decoration: none;
    background-image: url(../images/regulation.svg);
    background-repeat: no-repeat;
    background-position: 92% 86%;
    transition: all 0.6s;
}

.card-regulation:hover .link::after {
    content: url('../images/16/Arrow_Forward_g.svg');
    color: rgb(0, 0, 0);
    position: absolute;
    left: -20px;
    top: 2px;
    bottom: 0px;
}

.card-regulation:hover .card-title {
    font-size: 1.5rem;
}

.event .col-2-content {
    padding-block-end: 8.25rem;
}

.footer {
    width: 100%;
    background-color: rgb(24, 28, 32);
    padding-block: 2rem;
    padding-inline: 2.75rem;
    display: flex;
    flex-direction: row;
    gap: 2rem;
    justify-content: space-between;
}

.footer-left {
    column-gap: 3rem;
    row-gap: 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.footer__text {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
}

.footer__text,
.footer__text ul {
    display: flex;
    gap: 2rem;
    color: rgba(255, 255, 255, 0.6);
    list-style: disc;
    font-size: 0.875rem;
    font-style: normal;
    line-height: 1rem;
    flex-wrap: nowrap;
    flex-direction: row;
}

.footer__text ul {
    font-weight: 500;
    padding-inline-start: 1rem;
}

.footer__social {
    display: flex;
    gap: 0.25rem;
}

.footer__social a {
    padding: 8px;
    display: block;
    cursor: pointer;
    transition: all 0.6s;
    height: 2.5rem;
}

.footer__social a:hover {
    opacity: 0.6;
}

.footer__social img {
    width: 1.5rem;
    height: 1.5rem;
}

.services {
    gap: 8.5rem;
    display: flex;
    flex-direction: column;
}

.services-text-block {
    display: flex;
    gap: 5rem;
    flex-direction: column;
    font-size: 18px;
    color: var(--text-color);
}

.services_container {
    display: flex;
    gap: 1rem;
    flex-direction: row;
    justify-content: space-between;
}


.tab {
    border-radius: 1rem;
    padding-block: 1.5rem;
    box-shadow: rgba(92, 133, 150, 0.2) 0px 4px 40px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    background-color: white;
    min-inline-size: 30rem;
    padding-inline: 2rem;
}

.tab button.active {
    opacity: 1;
}

.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 1rem 0;
    width: 100%;
    border: none;
    outline: none;
    opacity: 0.5;
    text-align: left;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    font-size: 1rem;
    font-family: inherit;
}

.tabcontent {
    border-left: none;
    border-radius: 1rem;
    background-color: white;
    box-shadow: rgba(92, 133, 150, 0.2) 0px 4px 40px 0px;
    overflow: hidden;
    block-size: 100%;
}

.services-column {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0px;
    min-block-size: 100%;
}

.services-content {
    padding-block: 2rem;
    padding-inline-start: 2rem;
    max-inline-size: 37.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.services-column img {
    border-radius: 0px 16px 16px 0px;
    margin-right: -70px;
}

.tabcontent h3 {
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    color: black;
    margin-block-end: 1.5rem;
}

.tabcontent p {
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    font-size: 1.125rem;
    color: var(--optional-color);
}

.tabcontent p+p {
    margin-top: 1.5rem;
}

.tabcontent .small-text {
    font-size: 0.9rem;
}

.tab .devider {
    margin: 0;
    inline-size: 100%;
    display: block;
}

.tab button.active::before {
    content: url(../images/check-active.svg);
}

.tab button::before {
    content: url(../images/check.svg);
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-inline-end: 8px;
    vertical-align: middle;
}

.link-more {
    border: 0;
    border-bottom: 0.0625rem solid currentColor;
    background-color: transparent;
    padding-inline: 0;
    display: inline-block;
    inline-size: max-content;
    color: var(--green-color);
    padding-block: 0 0.125rem;
    font-size: 1.125rem;
    font-weight: 300;
    font-family: inherit;
}

.section-green-block {
    border-radius: 1rem;
    background: rgba(0, 168, 142, 0.07);
    padding-inline: 2rem;
    padding-block: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.content-container {
    max-inline-size: 788px;
}

.content-container_head-block {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-block: 2rem;
}

.content-container_head-block .text-block {
    padding: 0;
}

@media (max-width: 767px) {
    .modal-dialog h5 {
        font-size: 1.3rem;
    }

    #myDialog {
        padding: 1.5rem;
    }

    .mission_img-block {
        padding-inline-end: 0;
        display: none;
    }

    .right-block {
        inline-size: 100%;
    }

    .mission-col {
        gap: 4rem;
    }

    .tab button {
        padding: 0.75rem 0;
        font-size: 1rem;
    }

    .sibline br {
        display: none;
    }

    .header {
        padding-inline: 1rem;
        gap: 2rem;
    }

    .block-title {
        font-size: 1.125rem;
        margin-block-end: 1rem;
    }

    .home .block.threat-vectors {
        padding-block-start: 0;
    }

    .block {
        background-size: cover;
        flex-direction: column;
        padding: 1rem;
    }


    .devider {
        margin-inline: 1rem;
        inline-size: calc(100% - 2rem);
        display: none;
    }

    .mission_link {
        inline-size: 100%;
    }

    .video-sectione.quiz {
        align-items: center;
    }
}

.images-one-block {
    margin: 0 2.75rem;
    max-inline-size: 100%;
    block-size: 28.5rem;
    overflow: hidden;
    border-radius: 1rem;
    background-color: #d1d1d1;
}

.event .images-one-block {}

.images-one-block video {
    inline-size: 102%;
    block-size: 102%;
    object-fit: cover;
    background-color: rgb(28, 28, 28);
}

.video-background {
    display: flex;
    justify-content: center;
    align-items: center;
}

.images-one-block img {
    object-fit: cover;
    block-size: 100%;
    object-position: center;
    inline-size: 102%;
    background-position: center;
}

.images-block img {
    object-fit: cover;
    block-size: 100%;
    object-position: 100% 20%;
    inline-size: 100%;
    border-radius: 1rem;
    max-block-size: 28.75rem;
}

.images-block.full-block-size img {
    max-block-size: none;
}
.img_title-block {
    margin-block-start: 1rem;
    font-size: 0.85rem;
    color: #636363;
}
.main-title {
    font-size: 5rem;
    font-family: inherit;
    font-weight: 400;
    line-height: 1;
}

.main-title span {
    color: rgb(0, 189, 151);
}

.main-b-title {
    font-family: inherit;
    font-size: 3.3em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0.6px;
}

.main-text {
    inline-size: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.25rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.quiz .main-title {
    font-size: 2rem;
}

.main-text-block {
    display: grid;
    gap: 2.75rem;
}

.video-bg {
    position: absolute;
    inline-size: 102%;
    block-size: 102%;
    object-fit: cover;
    z-index: -1;
    border-radius: 1rem;
    top: -1%;
    left: -1%;
    /* filter: blur(1px) brightness(78%); */
    background-color: rgb(28, 28, 28);
}

.primery-button {
    background-color: rgb(0, 168, 142);
    font-size: 1rem;
    line-height: 1.25;
    color: rgb(255, 255, 255);
    inline-size: max-content;
    padding-inline: 1.5rem;
    padding-block: 0.875rem;
    border: 2px solid #05a88e;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.6s ease 0s;
    min-inline-size: 12rem;
}

.primery-button a {
    color: rgb(255, 255, 255);
}

.primery-button:hover {
    background-color: rgb(0, 128, 108);
}

.secondary-button:hover {
    background-color: rgba(0, 128, 109, 0.187);
}

.secondary-button {
    background-color: transparent;
    font-size: 1rem;
    line-height: 1.25;
    color: rgb(0, 168, 142);
    inline-size: max-content;
    padding: 0.875rem 1rem;
    border: 2px solid rgb(0, 168, 142);
    border-radius: 0.5rem;
    cursor: pointer;
    min-inline-size: 12rem;
}

button {
    transition: all 0.6s ease 0s;
}

.group-button {
    display: flex;
    gap: 32px;
}

.video-sectione {
    position: relative;
    overflow: hidden;
    background-position: left bottom;
    background-repeat: no-repeat;
    block-size: calc(100vh - 10.25rem);
    inline-size: calc(100% - 5.5rem);
    display: flex;
    align-items: center;
    color: rgb(255, 255, 255);
    justify-content: flex-end;
    background-color: rgba(27, 34, 43, 0.32);
    margin-inline-start: 2.75rem;
    border-radius: 1rem;
    margin-block-end: 2.75rem;
}

.video-fon {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    block-size: 100vh;
    inline-size: 100vw;
}

@media (min-width: 1600px) {

    .right-block,
    .main-text {
        /* min-inline-size: 1100px; */
    }

    .card,
    .card-no-link {
        min-block-size: 25rem;
    }

    .content-container {
        max-inline-size: 64rem;
    }

    .images-one-block {
        max-block-size: 35rem;
    }

    .card-regulation {
        min-block-size: 20rem;
        border-radius: 1rem;
    }

    .card-title,
    .risks_card-title {
        font-size: 1.3rem;
    }
}

@media (max-width: 768px) {

    .menu {
        inline-size: 80vw;
        padding-block: 1rem 3rem;
        padding-inline: 1rem;
        gap: 0.5rem;
        overflow: auto;
        right: -80vw;
    }

    .images-one-block img,
    .images-one-block .pos-bottom {
        object-position: center;
    }

    .images-one-block video {}
}

.main-content {
    padding: 2.75rem;
}

.col-2-content,
.services_col-2-content {
    display: flex;
    flex-direction: row;
    gap: 2.75rem;
    justify-content: space-between;
    position: relative;
}

.left-block {
    flex-grow: 1;
    min-inline-size: 20rem;
}

.event .left-block {}

.sticky {
    left: 0;
    position: sticky;
    top: 1.5rem;
}

.navigation {
    padding-block: 8.25rem;
    position: relative;
    min-inline-size: 20rem;
}

.navigation_page-block {
    padding: 1rem;
    color: var(--optional-color);
}

@media (max-width: 768px) {
    .col-2-content {
        flex-direction: column;
        inline-size: 100%;
        padding: 1rem;
    }

    .navigation {
        padding-block: 1rem;
        display: none;
    }
}

.list-block {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.list {
    font-size: clamp;
}

.group-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.group-list a.active,
.list a.active {
    color: black;
    transition: all 0.6s;
}

.list a.active::before {
    position: absolute;
    content: url('../images/nav-arrow.svg');
    inline-size: 0.875rem;
    block-size: 1.5rem;
    margin-inline-start: -1.25rem;
    transition: all 1s;
    top: -0.125rem;
}

.group-list ul {
    padding-inline-start: 1.25rem;
}

.head_block_data {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    font-size: 1rem;
    color: var(--optional-color);
    padding-block: 8px;
}

.data {}

.read {}

.head_block_title h1 {
    color: black;
    font-size: clamp(2.625rem, 2.319rem + 1.529vw, 3.75rem);
    font-weight: 400;
    line-height: normal;
    padding-block: 1.25rem 2rem;
}

.text-block {
    padding-block: 2rem;
    display: flex;
    gap: 2rem;
    flex-direction: column;
    font-size: 1.125rem;
    color: var(--text-color);
}

.text-block-green {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-block: 32px 0;
}

.title-sh {
    font-size: 1.125rem;
    font-weight: 400;
    color: var(--green-color);
}

.text-block p {}

.text-block p+p {
    margin-block-start: 1.5rem;
}

.content-container_main-block {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding-block: 2rem 8.25rem
}

.main-block_title {
    font-weight: 400;
    font-size: 2rem;
    color: black;
    margin-block-start: 1.5rem;
}

.tooltip-span {
    border-bottom: 0.0625rem dashed black;
    padding-block-end: 2px;
}

.text-block h5 {
    font-size: 1.25rem;
    color: black;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.text-block .sh-h5 {
    font-size: 1.25rem;
    color: black;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.text-block h4 {
    font-size: 1.625rem;
    color: black;
    font-weight: 400;
    line-height: 1.23;
}

.images-block {
    padding-block: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.images-block.horisontal {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
}

.images-block.horisontal img {
    inline-size: calc((100% - 16px) / 3);
}

.text_block_accordion-button {
    margin-block-start: -0.5rem;
    border: 0;
    background-color: transparent;
    border-bottom: 0.0625rem solid #9e9e9e;
    font-size: 1rem;
    inline-size: fit-content;
    padding-inline: 0;
    color: var(--optional-color);
    font-weight: 300;
    line-height: 1.44;
    font-family: inherit;
    cursor: pointer;
}



.details {}

.more-content {
    margin-block-start: 32px;
}

.list-link-bibliography {
    margin-block: 1.5rem;
    font-size: 1rem;
}

.list-link-bibliography li {
    margin-block: 1rem;
}

.block-shema {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-block: 16px 32px;
}

.middle-text {
    font-size: 2.25rem;
    line-height: 1.3;
    color: #000000;
    font-weight: 300;
}

.services .middle-text {
    max-inline-size: 43rem;
}

.title-sh {}

.green {}

.cart-shem {
    display: flex;
    gap: 8px;
}

.col-3,
.col-2 {
    flex-wrap: wrap;
    align-content: flex-start;
}
.col-3 .cart,
.col-2 .cart {
    flex-grow: 1;
    flex-basis: auto;
}

.col-2 .cart {
    inline-size: calc((100% / 2) - 0.5rem);
}

.col-3 .cart {
    inline-size: calc((100% / 3) - 0.5rem);
}

@media (max-width: 768px) {
    .cart-shem {
        flex-direction: column;
    }
}

.cart {
    display: flex;
    gap: 1rem;
    border: 0.0625rem solid #e1e1e1;
    padding-inline: 1rem;
    padding-block: 1rem;
    font-size: 0.875rem;
    line-height: 1.285;
    color: black;
    font-weight: 500;
    border-radius: 0.5rem;
    flex-direction: column;
    flex-basis: 0;
    flex-shrink: 1;
    flex-grow: 1;
}

.cart img {
    inline-size: 3rem;
    block-size: 3rem;
    object-position: center;
    border-radius: 0;
}

.cart.vertical {
    flex-direction: row;
    align-items: center;
}

.link {
    color: var(--link-color);
    line-height: 1.25;
    text-decoration: none;
    transition: all 0.6s ease 0s;
}

.inform-cart {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    font-size: 1rem;
    color: rgb(0 168 142);
    border-radius: 9px;
    border: 1px solid rgba(0, 168, 142, 0.41);
    background: rgba(0, 168, 142, 0.06);
    align-items: center;
}

@media (max-width: 767px) {
    .col-2 .cart, .col-3 .cart{inline-size: 100%;}
    .data,
    .read {}

    .menu_list h5 {
        padding: 0 0.5rem;
        margin-block: 1.5rem 0.5rem;
        vertical-align: middle;
    }

    .inform-cart {
        flex-direction: column;
        align-items: flex-start;
    }

    .menu_list li a {
        padding: 0.5rem;
    }

    .tab {
        padding: 0.5rem 1rem;
        min-inline-size: 100%;
    }



    .footer__text {
        flex-direction: column;
        gap: 1.375rem;
        font-size: 1rem;
        inline-size: 100%;
    }

    .footer__text ul {
        flex-direction: column;
        gap: 0.5rem;
        font-size: 1rem;
        line-height: normal;
        font-weight: 300;
    }

    .cart {
        font-size: 1rem;
    }

    .footer-left {
        inline-size: 100%;
        gap: 1.375rem;
    }

    .services_container {
        flex-direction: column;
    }

    .services-column,
    .threat-vectors_block,
    .risks_card-block {
        flex-direction: column;
    }

    .video-sectione.quiz .video-bg {
        filter: brightness(71%);
    }

    .regulation .card-block {
        flex-direction: column;
    }

    .card,
    .card-regulation,
    .card-no-link {
        inline-size: 100%;
    }

    .services-column img {
        display: none;
    }

    .services-content {
        padding: 1.5rem;
        gap: 2rem;
    }

    .regulation {}

    .main-text {}

    .sibline {
        font-size: clamp(2rem, 1.6429rem + 1.7857vw, 2.5rem);
    }

    .risks_card-title,
    .card-title {
        font-size: 1.3rem;
    }
}

.text-block-ul {
    margin-block-start: -1rem;
    margin-block-end: 0;
    padding-inline-start: 2rem;
}

.text-ul {
    padding-inline-start: 2rem;
    margin-block: 1.5rem;
}

.text-block-ul li,
.text-ul li {
    list-style: inside;
    list-style-position: outside;
    padding-inline-start: 0.5rem;
    margin-block: 1rem;
}

.list a {
    color: var(--optional-color);
    transition: all 0.6s;
    position: relative;
    line-height: 1.5;
    display: block;
}

.list a:hover {
    color: black;
}

@media (max-width: 1024px) {
    .mobile.menu_list {
        display: block;
    }

    .home .block {
        padding-block: 5.5rem;
        padding-inline: 1rem;
    }

    .video-bg {
        inline-size: calc(100% - 2rem);
        block-size: calc(100% - 1rem);
        top: 0;
        left: 1rem;
        object-fit: cover;
    }

    .video-sectione {
        margin: 0;
        max-inline-size: 100%;
        inline-size: 100%;
        overflow: hidden;
        padding: 1rem;
        border-radius: 1rem;
        background-color: transparent;
        align-items: flex-end;
    }

    .images-one-block {
        margin: 0 1rem;
        block-size: 80vh;
        max-block-size: 15rem;
    }

    .header,
    .main-content {
        padding-inline: 1rem;
    }

    .mission-content-block {
        flex-direction: column;
        align-items: flex-start;
        gap: 3rem;
    }

    .mission-col h3 br {
        display: none;
    }

    .mission_text-block .link {
        border-bottom: 0;
    }

    .footer {
        gap: 1rem;
        padding: 1.5rem 1rem;
        flex-direction: column;
    }

    .mission_text-block p br {
        display: none;
    }

    .header_more-menu {}

    .header_menu {
        inline-size: auto;
    }

    .main-title {
        font-size: clamp(3rem, 1.8444rem + 4.9307vw, 5rem);
    }

    .quiz .main-title {
        font-size: 2rem;
    }

    .content-container {
        max-inline-size: max-content;
    }

    .services_container {
        flex-direction: column;
    }

    .header_slogan,
    .header_menu-list {
        display: none;
    }
}


@media (min-width: 1280px) {

    .menu_list h5 {
        margin-block: 2rem 0.5rem;
    }

    .menu_list h5:first-child {
        margin-block: 0rem 0.5rem;
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {

    .card,
    .card-no-link {
        min-block-size: 24rem;
    }
}

#hi:after {
    content: '';
    animation: spin 9s infinite;
}


.headtext {
    animation-name: head;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    position: absolute;
    text-wrap: nowrap;
}

.headtext_en {
    animation-name: head-en;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    position: absolute;
    text-wrap: nowrap;
}



.event-block {
    gap: 16px;
    flex-wrap: wrap;
    display: flex;
    margin-block: 1.5rem;
}

.event-card {
    padding-block: 2rem;
    padding-inline: 2rem;
    background-color: rgb(255, 255, 255);
    border-radius: 1rem;
    color: black;
    inline-size: calc(50% - 0.5rem);
    flex-grow: 1;
}

.event-card a {
    transition: all 0.6s ease 0s;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
    gap: 5.5rem;
    text-decoration: none;
    color: rgb(0, 0, 0);
}

.event-card:hover a {
    color: white;
}

.event-card:hover {
    background-color: var(--green-color);
    color: white;
}

.date {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    transition: all 0.6s ease 0s;
}

.event-title {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    margin-block-start: 1.5rem
}

.event-card:hover .date {
    color: white;
}

.event {
    background-color: rgb(161 161 161 / 10%);
}

.event .head_block_title {}

.event .head_block_title h1 {
    padding-block: 1rem;
}

.head-event-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-block: 3rem 1.5rem;
}

.breadcrumbs {
    padding-block: 0.5rem;
}

.breadcrumbs a {
    color: var(--optional-color);
}

.event_data {
    font-size: 1rem;
    color: var(--optional-color);
}

@media (max-width: 600px) {
    .group-button {
        flex-direction: column;
        gap: 1.5rem;
    }

    .group-button button {
        inline-size: 100%;
    }
}

@media (max-width: 768px) {
    .event-card {
        inline-size: 100%;
    }

    .event-block {
        flex-direction: column;
    }

    .head-event-content {
        padding-block: 0;
    }

    .event .head_block_title h1 {
        padding-block: 1rem;
        font-size: 2rem;
    }


    #text1:after {
        position: relative;
    }


    .video-sectione .block {
        padding-inline: 1.5rem;
    }
}

.contact {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (max-width: 1279px) {
    .event .col-2-content {
        gap: 0;
    }

    .services .block-title.green,
    .mission .block-title.green {
        display: none;
    }

    .services {
        gap: 6rem;
    }

    .header_logo,
    .navigation {
        min-inline-size: 17.5rem;
    }

    .header_menu-block {
        gap: 2rem;
    }

    .block,
    .services_col-2-content {
        flex-wrap: wrap;
    }

    .sub-text {
        display: none;
    }

    .services-column img {
        margin-right: -4.25rem;
    }

    .video-sectione .block {
        padding-inline: clamp(1rem, 0.2741rem + 3.0973vw, 2.75rem);
        padding-block: 2rem;
    }

    .section-green-block {
        padding: clamp(1.5rem, 1.2926rem + 0.885vw, 2rem);
    }
}

@media (max-width: 768px) {
    .header_logo {
        min-inline-size: auto;
    }

    .header_menu-block {
        padding-inline-end: 0
    }
}

@media (min-width: 1440px) and (max-width: 1599px) {

    .main-text,
    .right-block {
        min-inline-size: auto;
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {

    .main-text,
    .right-block {}

    .tab {
        min-inline-size: max-content;
        padding-inline: 2rem;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .block-link img {
        max-inline-size: clamp(4rem, -2.0235rem + 12.549vw, 6rem);
    }

    .risks .card,
    .risks .card-no-link {
        inline-size: calc((100% / 2) - 16px);
    }

    .risks_card-title,
    .block-title {
        margin-block-end: 1rem;
    }

    .navigation {
        display: none;
    }
}

@media (min-width: 1920px) {
    html {
        font-size: calc(16px + 16*((100vw - 1920px) / 1920));
    }

    .menu {
        inline-size: 40rem;
        right: -40rem;
    }

    .services-column img {}

    .header_logo img {
        inline-size: auto;
        min-inline-size: 10rem;
    }

    .header_logo {
        block-size: auto;
        min-inline-size: 30rem;
    }

    .right-block,
    .main-text {
        min-inline-size: 80rem;
        inline-size: 80rem;
    }

    .left-block {
        min-inline-size: 30rem;
    }

    .services-content {
        min-inline-size: 50rem;
    }

    .services-column img {
        object-fit: cover;
        margin-right: 0;
        inline-size: 30%;
    }

    .tabcontent p {
        font-size: 1.25rem;
        color: var(--optional-color);
    }

    .video-sectione {
        max-block-size: 50rem;
    }

    .mission_img-block {
        inline-size: 100%;
        margin: 0px auto;
        padding-inline-end: 2.5rem;
        max-inline-size: 24rem;
    }

    .mission_img-block img {
        inline-size: 100%;
    }
}