/*
 * Generated by scripts/etl/transform.js — do not edit.
 *
 * One route's own Additional CSS, every rule prefixed with the page's [data-page]
 * attribute. See scripts/etl/page-css-scope.js for why.
 */
:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .column-1, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).column-1) {
margin-right: 30px;
}

:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .column-2, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).column-2) {
width:80%;
}

:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .column-avatar, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).column-avatar) {
margin-right: 30px;
}

:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .row, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).row) {
width:100%;
    display: inline-flex;
    flex-wrap: wrap;
}

:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .content-block img, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).content-block img) {
margin-left: 15px;
    margin-top: 30px;
}

:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .my-content, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).my-content) {
font-size: 112.5%;
    font-size: 1.125rem;
    line-height: 1.5;
}

:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .my-content, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).my-content) {
position: relative;
    text-align: left;
    max-width: 100%;
    font-size: 112.5%;
    font-size: 1.125rem;
    line-height: 1.5;
    width: fit-content;
    padding: 30px;
}

@media (max-width: 768px) {
:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .my-content, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).my-content) {
margin-top: 35px;
    font-size: 1.125rem;
    line-height: 1.5;
    padding: 0px;
}
}

@media (max-width: 1024px) {
:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .my-content, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).my-content) {
margin-top: 30px;
    font-size: 1.125rem;
    line-height: 1.5;
    padding: 0px;
}
}

:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .my-row-column, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).my-row-column) {
display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    background-color: #ffffff;
    padding-top: 30px;
    border-radius: 30px;
    width: auto;
    align-items: center;
}

@media (min-width: 1024px) {
:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .my-row-column, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).my-row-column) {
display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 30px;
    width: auto;
    margin: auto;
    align-items: center;
}
}

@media (max-width: 768px) {
:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .my-row-column, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).my-row-column) {
display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 30px;
    width: auto;
    margin: auto;
    align-items: center;
}
}

@media (min-width: 769px) and (max-width: 1023px) {
:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .my-row-column, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).my-row-column) {
padding: 30px;
    width: auto;
    margin: auto;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
}

:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .my-column, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).my-column) {
position: relative;
    text-align: left;
    max-width: 100%;
    width: fit-content;
    padding: 50px;
    border-radius: 30px;
    height: fit-content;
}

@media (max-width: 768px) {
:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .my-column, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).my-column) {
margin-top: 35px;
    padding: 30px;
    border-radius: 30px;
    height: fit-content;
}
}

@media (max-width: 1024px) {
:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .my-column, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).my-column) {
margin-top: 30px;
    padding: 30px;
    border-radius: 30px;
    height: fit-content;
}
}

:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .tabs-block-section .tabs-block__bg, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).tabs-block-section .tabs-block__bg), :is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .tabs-block-section .tabs-block__bg-list, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).tabs-block-section .tabs-block__bg-list) {
width: 100%;
    margin-left: 0;
    left: 0;
    border-radius: 30px;
    right: 0;
}

:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .tabs-block-section .tabs-block, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).tabs-block-section .tabs-block) {
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    background-color: #28292b;
    position: relative;
    margin: 40px 0 0;
    color: #fff;
    width: 100%;
    border-radius: 30px;
}

:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .even-numbered-cards-list__card img, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).even-numbered-cards-list__card img) {
width: 100%;
    border-radius: 5px;
}

:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .two-cards .card-single.dark, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).two-cards .card-single.dark) {
color: #fff;
    border-radius: 30px;
    min-height: 380px;
}

@media  (max-width: 767.98px) {
:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .portfolio-slider__item-title, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).portfolio-slider__item-title) {
font-size: 1.5rem!important;
}
}

@media  (max-width: 440px) {
:is(:where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']) .column-2, :where([data-page='/portfolio/a-robust-badge-issuing-platform-with-support-for-100000-users/']).column-2) {
padding-left: 15px;
}
}
