:root {
    --primary  : #007bff;
    --secondary: #feece7;
    --white    : #fff;
    --dark     : #000;
    --pink     : #ff7262;
    --grey-1   : #0b1a38;
    --grey-2   : #f1f4f9;
    --grey-3   : #404040;
    --grey-4   : #f4f4f4;
    --hover    : #e5f2ff;
    --text     : #000;
    --bg-white : #fefefe;
    --bg-2     : #ff7262;
    --bg-3     : #feece7;
    --bg-4     : #c4c4c4;
}

* {
    box-sizing: border-box;
}

html {
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    box-sizing              : border-box;
    -webkit-text-size-adjust: 100%;
}

a,
body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
p,
ul {
    padding    : 0;
    margin     : 0;
    font-family: Ruda, sans-serif;
}

a {
    color          : inherit;
    text-decoration: none;
}

ul {
    list-style: none;
}

body {
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing    : antialiased;
    -moz-osx-font-smoothing   : grayscale;
    -webkit-text-size-adjust  : 100%;
    text-rendering            : optimizeLegibility;
    font-feature-settings     : "pnum", "pnum";
    font-variant-numeric      : proportional-nums;
}

body {
    margin          : 0;
    color           : rgba(0, 0, 0, 0.87);
    font-family     : Ruda, sans-serif;
    font-weight     : 400;
    font-size       : 1rem;
    line-height     : 1.5;
    letter-spacing  : 0.00938em;
    background-color: #fff;
}

header {
    height        : 64px;
    padding       : 12px 24px;
    gap           : 16px;
    display       : flex;
    flex-direction: row;
    align-items   : center;
    align-self    : stretch;
    border-bottom : 1px solid #d0d5dd;
}

header a {
    font-size  : 24px;
    font-style : normal;
    font-weight: 700;
    line-height: 24px;
    color      : #000;
}

header a img {
    height: 29px;
}

header .navigation {
    flex        : 1 1;
    padding     : 0 16px;
    height      : -moz-fit-content;
    height      : fit-content;
    border-left : 1px solid #d0d5dd;
    border-right: 1px solid #d0d5dd;
}

header .navigation_right {
    display       : flex;
    flex-direction: row;
    gap           : 16px;
}

header .navigation_right button {
    appearance                 : none;
    text-align                 : left;
    text-decoration            : none;
    box-sizing                 : border-box;
    -webkit-tap-highlight-color: transparent;
    width                      : auto;
    border-radius              : 2rem;
    position                   : relative;
    user-select                : none;
    cursor                     : pointer;
    border                     : 0.0625rem solid transparent;
    font-size                  : 16px;
    font-weight                : 700;
    line-height                : 24px;
    padding                    : 0px 20px;
    color                      : rgb(255, 255, 255);
    background                 : rgb(0, 123, 255);
    height                     : 40px;
    display                    : flex;
    -webkit-box-align          : center;
    align-items                : center;
    justify-content            : center;
    white-space                : nowrap;
    overflow                   : hidden;
}

header .navigation_right button:hover {
    background: rgb(0, 86, 179);
}

footer {
    height        : 64px;
    padding       : 12px 24px;
    gap           : 16px;
    display       : flex;
    flex-direction: row;
    align-items   : center;
    align-self    : stretch;
    border-top    : 1px solid #d0d5dd;
}

footer a {
    font-size  : 24px;
    font-style : normal;
    font-weight: 700;
    line-height: 24px;
    color      : #000;
}

footer a img {
    height: 29px;
}

footer .navigation {
    flex        : 1 1;
    padding     : 0 16px;
    height      : -moz-fit-content;
    height      : fit-content;
    border-left : 1px solid #d0d5dd;
    border-right: 1px solid #d0d5dd;
}

footer .navigation_right {
    display       : flex;
    flex-direction: row;
    gap           : 16px;
}

footer .navigation_right span {
    font-size  : 14px;
    font-style : normal;
    font-weight: 400;
    line-height: 24px;
}

footer .fixed_button {
    appearance                 : none;
    text-align                 : left;
    text-decoration            : none;
    box-sizing                 : border-box;
    -webkit-tap-highlight-color: transparent;
    position                   : relative;
    user-select                : none;
    cursor                     : pointer;
    border                     : 0.0625rem solid transparent;
    position                   : fixed;
    right                      : 24px;
    bottom                     : 70px;
    text-decoration            : none;
    width                      : 60px;
    height                     : 60px;
    border-radius              : 30px;
    color                      : rgb(255, 255, 255);
    background                 : rgb(0, 123, 255);
    display                    : flex;
    align-items                : center;
    justify-content            : center;
}

footer .fixed_button:hover {
    background: rgb(0, 86, 179);
}

main {
    max-width      : 1700px;
    margin         : 0 auto;
    padding        : 0px 24px 80px;
    display        : flex;
    flex-direction : column;
    justify-content: space-between;
    align-items    : center;
    gap            : 40px;
    position       : relative;
}

section .section_inner {
    display       : flex;
    flex-direction: row;
    gap           : 24px;
}

section .section_inner .content_card {
    display        : flex;
    max-width      : 75%;
    gap            : 24px;
    flex-direction : column;
    align-items    : flex-start;
    justify-content: center;
}

section .section_inner .content_card .badge {
    -webkit-tap-highlight-color: transparent;
    display                    : inline-flex;
    -webkit-box-align          : center;
    align-items                : center;
    -webkit-box-pack           : center;
    justify-content            : center;
    width                      : auto;
    border-radius              : 2rem;
    font-weight                : 700;
    letter-spacing             : 0.015625rem;
    text-overflow              : ellipsis;
    overflow                   : hidden;
    text-transform             : none;
    background                 : rgb(255, 255, 255);
    color                      : rgb(0, 0, 0);
    border                     : 1px solid rgb(208, 213, 221);
    height                     : 40px;
    cursor                     : pointer;
    padding                    : 0px 12px;
}

section .section_inner .content_card .badge span {
    font-size      : 18px;
    font-weight    : 400;
    line-height    : 24px;
    display        : flex;
    flex-flow      : row;
    align-items    : center;
    gap            : 8px;
    color          : inherit;
    text-decoration: none;
}

section .section_inner .content_card h2 {
    font-size  : 40px;
    font-style : normal;
    font-weight: 700;
    line-height: 48px;
    color      : #000;
}

section .section_inner .content_card p {
    color      : #000;
    font-size  : 20px;
    font-style : normal;
    font-weight: 400;
    line-height: 36px;
}

section .section_inner .content_card ul {
    display       : flex;
    flex-direction: column;
    gap           : 16px;
    list-style    : none;
}

section .section_inner .content_card li {
    position    : relative;
    padding-left: 48px;
    font-size   : 18px;
    font-style  : normal;
    font-weight : 400;
    line-height : 24px;
    color       : #000;
}

section .section_inner .content_card li:before {
    content : url(images/check.svg);
    width   : 24px;
    height  : 24px;
    position: absolute;
    left    : 0;
    top     : -1px;
}

section .section_inner .content_card li.share_feedback:before {
    content: url(images/share_feedback.svg);
}

section .section_inner .content_card li.highlight_issues:before {
    content: url(images/highlight_issues.svg);
}

section .section_inner .content_card li.endorse_candidates:before {
    content: url(images/endorse_candidates.svg);
}

section .section_inner .content_card button {
    appearance                 : none;
    text-align                 : left;
    text-decoration            : none;
    box-sizing                 : border-box;
    -webkit-tap-highlight-color: transparent;
    display                    : inline-block;
    width                      : auto;
    border-radius              : 2rem;
    position                   : relative;
    user-select                : none;
    cursor                     : pointer;
    border                     : 0.0625rem solid transparent;
    font-size                  : 16px;
    font-weight                : 700;
    line-height                : 24px;
    padding                    : 0px 20px;
    color                      : rgb(255, 255, 255);
    background                 : rgb(0, 123, 255);
    height                     : 40px;
    display                    : flex;
    align-items                : center;
    -webkit-box-pack           : center;
    justify-content            : center;
    white-space                : nowrap;
    overflow                   : hidden;
}

section .section_inner .content_card button:hover {
    background: rgb(0, 86, 179);
}

section .section_inner .content_card a {
    color: rgb(0, 123, 255)
}

section .section_inner .image_card {
    outline                    : 0px;
    -webkit-tap-highlight-color: transparent;
    text-decoration            : none;
    color                      : rgb(0, 0, 0);
    box-sizing                 : border-box;
    box-shadow                 : none;
    overflow                   : hidden;
    background-color           : rgb(255, 255, 255);
    position                   : relative;
    display                    : flex;
    align-items                : center;
    justify-content            : center;
    width                      : calc(25% - 24px);
    min-height                 : 250px;
    padding                    : 0;
    border-radius              : 30px;
    border                     : 0px solid #f5f6f8;
    background-size            : cover;
    background-repeat          : no-repeat;
    background-position        : 50%;
}

section .section_inner .image_card .img_warp {
    width   : 50%;
    overflow: hidden;
    margin  : 0px auto;
    outline : none;
    opacity : .1;
}

section .section_inner .image_card .img_warp img {
    width: 100%;
}

.highlight {
    background : rgba(235, 255, 0, .97);
    font-weight: 700;
}

p .highlight {
    font-size: 22px;
}


.tag_line {
    display        : flex;
    justify-content: center;
    align-items    : center;
    min-height     : 0px;
}

.tag_line p {
    font-weight            : 900;
    text-align             : center;
    font-size              : 60px;
    text-transform         : uppercase;
    letter-spacing         : 5px;
    -webkit-background-clip: text;
    background-clip        : text;
    -webkit-text-fill-color: transparent;
    background             : url(images/tag_bg.png);
    background-size        : 40%;
    background-position    : 50% 50%;
    -webkit-background-clip: text;
    color                  : rgba(0, 0, 0, 0.08);
    animation              : zoomout 20s ease infinite;
}


@keyframes zoomout {
    0% {
        background-size: 40%;
    }

    50% {
        background-size: 10%;
    }

    100% {
        background-size: 40%;
    }
}

@media (max-width: 1199.98px) {
    section .section_inner .content_card {
        max-width: 60%;
    }

    section .section_inner .image_card {
        width: calc(40% - 24px);
    }
}

@media (max-width: 991.98px) {
    section .section_inner .content_card {
        max-width: 100%;
    }

    section .section_inner .image_card {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .tag_line p {
        font-size: 50px;
    }
}

@media (max-width: 575.98px) {
    .tag_line p {
        font-size: 40px;
    }
}