@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --color-black: #1c1c1c;
    --color-white: #fff;
    --color-white-medium: #f5f5f5;
    --color-white-bg: #f4fafd;
    --color-white-two: #fafbfd;
    --color-gray-dark: #333;
    --color-gray-medium: #5c5c5c;
    --color-gray-light: #ebebeb;
    --color-gray: #36373b;
    --color-gray-two: #757575;
    --color-gray-three: #d4d4d4;
    --color-gray-four: #707070;
    --color-gray-five: #a3a3a3;
    --color-gray-six: #ccc;
    --color-gray-border: #999;
    --color-gray-border-medium: #d6d6d6;
    --color-gray-bg: #f6f7fc;
    --color-gray-text: #8c8285;
    --color-blue: #0067b1;
    --color-blue-bg: #f0f9f7;
    --color-red: #cf1132;
    --color-red-error: #d32f2f;
    --color-pink: #c53465;
    --color-pink-dark: #de1267;
    --color-yellow: #ffd000;
    --color-yellow-light: #ffec99;
    --color-yellow-bg: #fffdf4;
    --color-green-whatsapp: #023727;
    --color-yellow-dark-mode: #fff17a;
    --color-black-dark-mode: #121212;
    --color-black-dark-mode-two: #1f2429;
    --color-black-two: #2c343a;
    --color-pink-dark-mode: #f9c0d6;
}

.Footer_mainFooter {
    background-color: var(--color-white);
    position: relative;
    font-family: "Poppins", sans-serif;
}

.Footer_bottomFooter {
    background-color: var(--color-gray-dark)
}

.Footer_bottomFooter p {
    color: var(--color-white)!important;
    margin: 0
}

.Footer_bottomFooter ul {
    display: flex;
    margin-bottom: 0
}

@media(max-width: 767px) {
    .Footer_bottomFooter ul {
        padding:0;
        margin: 28px 0 27px
    }
}

@media(max-width: 991px) {
    .Footer_bottomFooter ul {
        margin-bottom:20px
    }
}

.Footer_bottomFooter ul li {
    list-style: none
}

.Footer_bottomFooter ul img {
    margin-right: 8px
}

.Footer_bottomFooter ul a {
    font-size: .875rem;
    color: var(--color-white);
    letter-spacing: .035px;
    text-decoration: none;
    transition: none;
    padding: 4px 12px
}

.Footer_bottomFooter ul a:hover {
    text-decoration: underline
}

.Footer_bottomFooter ul a:focus {
    border: 2px solid var(--color-white);
    padding: 2px 10px;
    border-radius: 80px
}

@media(max-width: 767px) {
    .Footer_bottomFooter ul a {
        font-size:0
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .Footer_bottomFooter ul a {
        font-size:0
    }
}

.Footer_bottomFooter .Footer_bottomFooterLinks {
    display: flex;
    justify-content: space-between;
    padding: 27px 0 24px
}

@media(max-width: 991px) {
    .Footer_bottomFooter .Footer_bottomFooterLinks {
        flex-wrap:wrap;
        justify-content: center;
        text-align: center;
        padding: 39px 0 0
    }
}

.Footer_bottomFooter .Footer_bottomFooterLinks .Footer_footerLegalInstitutions {
    transition: none
}

.Footer_bottomFooter .Footer_bottomFooterLinks .Footer_footerLegalInstitutions:focus {
    border: 2px solid var(--color-white);
    padding: 3px 10px;
    border-radius: 80px
}

@media(max-width: 767px) {
    .Footer_bottomFooter .Footer_bottomFooterLinksSuperSalud {
        margin:24px 0
    }
}

.Footer_bottomFooter .Footer_bottomFooterCopyright {
    border-top: 1px solid #ffd000
}

.Footer_bottomFooter .Footer_bottomFooterCopyright p {
    text-align: center;
    padding: 8px
}

.Article_articleSm li,.Article_articleSm p {
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: .25px;
}

@media(max-width: 767px) {
    .Footer_bottomFooter .Footer_bottomFooterCopyright p {
        padding:32px 16px
    }
}

@media(max-width: 767px) {
    .MainFooterTabs_mainFooterTab {
        display:none
    }
}

.mainFooterTab .nav-link.active,.mainFooterTab .nav-link:hover {
    position: relative;
    border: none;
    margin-bottom: 0;
    font-weight: 700!important;
    background-color: transparent
}

.mainFooterTab .nav-link.active:before,.mainFooterTab .nav-link:hover:before {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    background-color: #ffd000;
    left: 0;
    bottom: -1px
}

.mainFooterTab .nav-link:focus-visible {
    border: 3px solid var(--color-gray-border);
    box-shadow: none;
    padding: 12px;
    transition: none
}

@supports not selector(:focus-visible) {
    .mainFooterTab .nav-link:focus {
        border: 3px solid var(--color-gray-border);
        box-shadow: none;
        padding: 12px;
        transition: none
    }
}

.MainFooterTabs_mainFooterNav {
    justify-content: center;
    border-bottom: 1px solid var(--color-gray-border)
}

.MainFooterTabs_mainFooterNav li {
    padding: 0 15px;
    max-width: fit-content !important;
}

@media(min-width: 768px)and (max-width:1205px) {
    .MainFooterTabs_mainFooterNav li {
        padding:0
    }
}

.MainFooterTabs_mainFooterNav .MainFooterTabs_navLink {
    color: var(--color-gray-dark)!important;
    font-size: 1.25rem;
    font-weight: 400;
    padding: 12px;
    border: none;
    letter-spacing: .15px;
    font-style: normal;
    line-height: 120%;
    transition: none;
}

@media(min-width: 768px)and (max-width:991px) {
    .MainFooterTabs_mainFooterNav .MainFooterTabs_navLink {
        font-size:.875rem;
        padding: 15px 9px
    }
}

@media(min-width: 992px)and (max-width:1024px) {
    .MainFooterTabs_mainFooterNav .MainFooterTabs_navLink {
        font-size:1rem
    }
}

@media(min-width: 1025px)and (max-width:1300px) {
    .MainFooterTabs_mainFooterNav .MainFooterTabs_navLink {
        font-size:1.125rem
    }
}

.MainFooterAccordion_mainFooterAccordion {
    padding: 20px 16px 0;
    display: none
}

@media(max-width: 767px) {
    .MainFooterAccordion_mainFooterAccordion {
        display:block
    }
}

.MainFooterAccordion_mainFooterAccordion .MainFooterAccordion_btnAccordion {
    display: block;
    width: 100%;
    background-color: transparent;
    color: var(--color-gray-dark);
    border: none;
    font-size: 1rem;
    font-weight: 700;
    text-align: left;
    padding: 16px;
    position: relative;
    transition: all .3s linear;
    font-style: normal;
    line-height: 140%;
    letter-spacing: .5px
}

.MainFooterAccordion_mainFooterAccordion .MainFooterAccordion_btnAccordion:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background: url('https://image.info.colsubsidio.com/lib/fe2711737164047a7d1178/m/1/12026336-7555-4ec1-9655-adf65a85e76b.png') no-repeat;
    right: 20px;
    transition: all .3s linear
}

.MainFooterAccordion_mainFooterAccordion .MainFooterAccordion_btnAccordion[aria-expanded=true]:before {
    transform: rotate(180deg);
    transition: all .3s linear
}

.MainFooterAccordion_mainFooterAccordion .MainFooterAccordion_contAccordion {
    border-bottom: 1px solid var(--color-gray-border)
}

.GeneralFooterMenu_GeneralFooterMenu ul {
    -moz-columns: 3;
    column-count: 3;
    padding: 50px
}

@media(max-width: 767px) {
    .GeneralFooterMenu_GeneralFooterMenu ul {
        -moz-columns:auto;
        columns: auto;
        padding: 0
    }
}

.GeneralFooterMenu_GeneralFooterMenu li {
    padding: 12px 22px 12px 0;
    list-style: none;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

@media(max-width: 767px) {
    .GeneralFooterMenu_GeneralFooterMenu li {
        padding:16px
    }
}

@media(min-width: 500px)and (max-width:767px) {
    .GeneralFooterMenu_GeneralFooterMenu li {
        text-align:center
    }
}

.GeneralFooterMenu_GeneralFooterMenu li a {
    color: var(--color-gray-dark);
    font-size: .875rem;
    letter-spacing: .5px;
    text-decoration: none;
    transition: none
}

.GeneralFooterMenu_GeneralFooterMenu li a:hover {
    text-decoration: underline
}

.GeneralFooterMenu_GeneralFooterMenu li a:focus {
    border: 2px solid var(--color-gray-border);
    padding: 3px 10px;
    border-radius: 80px
}

.ContacUsMenu_contactMenu {
    padding: 40px 40px 60px 52px;
    position: relative
}

@media(max-width: 991px) {
    .ContacUsMenu_contactMenu {
        padding:16px
    }
}

.ContacUsMenu_contactMenu .ContacUsMenu_firstColumnContactMenu {
    position: relative
}

@media(min-width: 991px) {
    .ContacUsMenu_contactMenu .ContacUsMenu_firstColumnContactMenu {
        width:21%
    }
}

@media(max-width: 767px) {
    .ContacUsMenu_contactMenu ul {
        display:flex;
        flex-wrap: wrap;
        padding: 0;
        align-items: center;
        margin-bottom: 32px
    }
}

.ContacUsMenu_contactMenu ul li {
    list-style: none
}

.ContacUsMenu_contactMenu ul li:nth-last-child(odd) {
    margin-bottom: 10px
}

@media(max-width: 767px) {
    .ContacUsMenu_contactMenu ul li {
        width:50%
    }

    .ContacUsMenu_contactMenu ul li:last-child {
        width: 100%;
        padding-left: 0!important
    }

    .ContacUsMenu_contactMenu ul li:nth-last-child(2) {
        width: 100%;
        padding-top: 32px
    }

    .ContacUsMenu_contactMenu ul li:nth-child(2n) {
        padding-left: 12px;
        margin-bottom: 0
    }
}

.ContacUsMenu_contactMenu ul li p {
    margin-bottom: 2px
}

@media(max-width: 767px) {
    .ContacUsMenu_contactMenu ul li p {
        margin-bottom:8px
    }
}

.ContacUsMenu_contactMenu h3,.ContacUsMenu_contactMenu h6 {
    color: var(--color-gray-dark);
    font-weight: 700!important;
    letter-spacing: .5px;
    font-size: 1rem;
    line-height: 140%!important;
}

.ContacUsMenu_contactMenu p {
    color: var(--color-gray-dark);
    font-size: .875rem;
    letter-spacing: .25px;
    line-height: 140%
}

.ContacUsMenu_contactMenu article a,.ContacUsMenu_contactMenu li a {
    color: var(--color-blue);
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .175px;
    text-decoration-line: underline
}

.ContacUsMenu_contactMenu article a:focus,.ContacUsMenu_contactMenu li a:focus {
    background-color: var(--color-blue);
    color: var(--color-white);
    border-radius: 4px
}

@media(max-width: 1210px) {
    .ContacUsMenu_contactMenu article a,.ContacUsMenu_contactMenu li a {
        word-break:break-all
    }
}

@media(max-width: 767px) {
    .ContacUsMenu_contactMenu article {
        margin-bottom:32px
    }
}

.ContacUsMenu_contactMenuBlock {
    display: flex;
    align-items: flex-start
}

@media(max-width: 767px) {
    .ContacUsMenu_contactMenuBlock {
        flex-wrap:wrap
    }
}

.ContacUsMenu_contactMenuBlock:first-child {
    border-bottom: 1px solid var(--color-gray-border);
    padding-bottom: 33.5px;
    margin-bottom: 34px
}

@media(max-width: 767px) {
    .ContacUsMenu_contactMenuBlock:first-child {
        border:none;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .ContacUsMenu_contactMenuBlock:first-child {
        border-top:1px solid var(--color-gray-border);
        padding-top: 30px;
        margin-top: 20px
    }
}

.ContacUsMenu_contactMenuBlock:nth-child(3) {
    border-top: 1px solid var(--color-gray-border);
    padding-top: 34px;
    margin-top: 33.5px
}

@media(max-width: 767px) {
    .ContacUsMenu_contactMenuBlock:nth-child(3) {
        border:none;
        margin-top: 16px;
        padding-top: 0
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .ContacUsMenu_contactMenuBlock:nth-child(3) {
        border-top:1px solid var(--color-gray-border);
        padding-bottom: 30px;
        margin-bottom: 20px
    }
}

.ContacUsMenu_contactMenuBlock article {
    width: 45%
}

@media(max-width: 767px) {
    .ContacUsMenu_contactMenuBlock article {
        width:100%;
        margin-bottom: 32px
    }

    .ContacUsMenu_contactMenuBlock article p:last-child {
        margin-bottom: 0
    }
}

.ContacUsMenu_contactMenuBlock article:first-child {
    padding-right: 30px;
    width: 55%
}

@media(max-width: 767px) {
    .ContacUsMenu_contactMenuBlock article:first-child {
        width:100%;
        padding-right: 0
    }

    .ContacUsMenu_contactMenuBlock a {
        margin-bottom: 18px!important
    }
}

.ContacUsMenu_logoColsubsidioFooter {
    position: absolute;
    bottom: 15px;
    left: 12px;
    padding: 0
}

@media(max-width: 767px) {
    .ContacUsMenu_logoColsubsidioFooter {
        display:none
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .ContacUsMenu_logoColsubsidioFooter {
        top:220px;
        bottom: auto
    }
}

.ButtonLink_btnBasicBorder__USKi_ {
    border-radius: 80px;
    border: none;
    font-size: .875rem;
    line-height: 140%;
    letter-spacing: .25px;
    text-decoration: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    min-height: 44px;
    font-style: normal;
    font-weight: 400;
    background-color: transparent;
    transition: none!important;
}

@media(max-width: 767px) {
    .ButtonLink_btnBasicBorder__USKi_ {
        min-width:75%
    }
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_iconBorder__wpbiV {
    position: relative
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_iconBorder__wpbiV:before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    transition: all .3s linear;
    bottom: 0;
    top: 0;
    margin: auto
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_iconBorder__wpbiV.ButtonLink_mdB__veqXt {
    padding-right: 64px!important
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_iconBorder__wpbiV.ButtonLink_mdB__veqXt:before {
    right: 32px
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_iconBorder__wpbiV.ButtonLink_smB__3oWTP {
    padding-right: 44px!important
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_iconBorder__wpbiV.ButtonLink_smB__3oWTP:before {
    right: 12px
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_iconAddUser__2U2hv.ButtonLink_btnBasicBlueBorder__rbGyc:before {
    background: url(/_next/static/media/user-plus.8cc74cd6.svg) no-repeat
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_iconAddUser__2U2hv.ButtonLink_btnBasicBlueBorder__rbGyc:focus:before {
    filter: brightness(0) saturate(100%) invert(100%)
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicBorderArrow__lLPHH {
    position: relative
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicBorderArrow__lLPHH:before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    transition: all .3s linear;
    bottom: 0;
    top: 0;
    margin: auto
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicBorderArrow__lLPHH.ButtonLink_mdB__veqXt {
    padding-right: 64px!important
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicBorderArrow__lLPHH.ButtonLink_mdB__veqXt:before {
    right: 32px
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicBorderArrow__lLPHH.ButtonLink_smB__3oWTP {
    padding-right: 44px!important
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicBorderArrow__lLPHH.ButtonLink_smB__3oWTP:before {
    right: 12px
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicGrayBorder__nJ8gN {
    border: 1px solid var(--color-gray-dark);
    color: var(--color-gray-dark)
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicGrayBorder__nJ8gN:hover {
    border: 3px solid var(--color-gray-dark)
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicGrayBorder__nJ8gN:focus {
    background: var(--color-gray-four);
    color: var(--color-white);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.25),0 4px 4px 0 rgba(0,0,0,.1);
    border: 3px solid var(--color-gray-six)
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicGrayBorder__nJ8gN.ButtonLink_btnBasicBorderArrow__lLPHH:before {
    background: url(/_next/static/media/arrow-btn-right-24.1adf07e5.svg) no-repeat
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicGrayBorder__nJ8gN.ButtonLink_btnBasicBorderArrow__lLPHH:focus:before {
    background: url(/_next/static/media/arrow-btn-right-white-24.8b21e07e.svg) no-repeat
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicWhiteBorder__JBhJt {
    border: 1px solid var(--color-white);
    color: var(--color-white)
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicWhiteBorder__JBhJt:hover {
    border: 3px solid var(--color-white)
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicWhiteBorder__JBhJt:focus {
    background: var(--color-gray-four);
    color: var(--color-white);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.25),0 4px 4px 0 rgba(0,0,0,.1);
    border: 3px solid var(--color-gray-six)
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicWhiteBorder__JBhJt.ButtonLink_btnBasicBorderArrow__lLPHH:before {
    background: url(/_next/static/media/arrow-btn-right-white.af4432c4.svg) no-repeat
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicBlueBorder__rbGyc {
    border: 1px solid var(--color-blue);
    color: var(--color-blue)
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicBlueBorder__rbGyc:hover {
    border: 3px solid var(--color-blue)
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicBlueBorder__rbGyc:focus {
    background: var(--color-gray-four);
    color: var(--color-white);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.25),0 4px 4px 0 rgba(0,0,0,.1);
    border: 3px solid var(--color-gray-six)
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_btnBasicBlueBorder__rbGyc.ButtonLink_btnBasicBorderArrow__lLPHH:before {
    background: url(/_next/static/media/arrow-btn-right-white.af4432c4.svg) no-repeat
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_mdB__veqXt {
    padding: 0 32px
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_mdB__veqXt:hover {
    padding: 0 30px
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_smB__3oWTP {
    padding: 0 12px
}

.ButtonLink_btnBasicBorder__USKi_.ButtonLink_smB__3oWTP:hover {
    padding: 0 10px
}

.ButtonLink_btnBasicBorder__USKi_:focus {
    background: var(--color-gray-four);
    color: var(--color-white);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.25),0 4px 4px 0 rgba(0,0,0,.1);
    border: 3px solid var(--color-gray-six)
}

@media(min-width: 1280px) {
    .container-max {
        max-width:1240px;
        margin: auto
    }
}

@media(min-width: 768px)and (max-width:1279px) {
    .container-max {
        padding-left:20px!important;
        padding-right: 20px!important
    }
}

@media(min-width: 1366px) {
    .container-max-xl {
        max-width:1366px;
        margin: auto
    } 
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px
    }
}

.font-14 {
    font-size: .875rem!important
}

.font-16 {
    font-size: 1rem
}

.font-32 {
    font-size: 2rem
}

.font-36 {
    font-size: 2.25rem
}

.font-39 {
    font-size: 2.4375rem
}

.font-44 {
    font-size: 2.75rem
}

.m-auto {
    margin-left: auto;
    margin-right: auto
}

.ml-none {
    margin-left: 0!important
}

.ml-xxs {
    margin-left: 2px
}

.ml-xs {
    margin-left: 4px
}

.ml-sm {
    margin-left: 8px
}

.ml-md {
    margin-left: 12px
}

.ml-lg {
    margin-left: 16px
}

.ml-xl {
    margin-left: 20px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mb-none {
    margin-bottom: 0
}

.mb-xxs {
    margin-bottom: 2px
}

.mb-xs {
    margin-bottom: 4px!important
}

.mb-sm {
    margin-bottom: 8px
}

.mb-md {
    margin-bottom: 12px
}

.mb-lg {
    margin-bottom: 16px
}

.mb-xl {
    margin-bottom: 20px!important
}

.mb-2xl {
    margin-bottom: 24px
}

.mb-3xl {
    margin-bottom: 32px
}

.mb-4xl {
    margin-bottom: 40px
}

.mt-none {
    margin-left: 0
}

.mt-xxs {
    margin-top: 2px
}

.mt-xs {
    margin-top: 4px
}

.mt-sm {
    margin-top: 8px
}

.mt-md {
    margin-top: 12px
}

.mt-lg {
    margin-top: 16px
}

.mt-xl {
    margin-top: 20px
}

.mt-2xl {
    margin-top: 24px!important
}

.mt-3xl {
    margin-top: 32px
}

.mt-4xl {
    margin-top: 40px
}

.mtb-xxs {
    margin-top: 2px;
    margin-bottom: 2px
}

.pddl-none {
    padding-left: 0
}

.pddl-xxs {
    padding-left: 2px
}

.pddl-xs {
    padding-left: 4px
}

.pddl-sm {
    padding-left: 8px
}

.pddl-md {
    padding-left: 12px
}

.pddl-lg {
    padding-left: 16px
}

.pddl-xl {
    padding-left: 20px
}

.pddr-10 {
    padding-right: 10px
}

.pddr-15 {
    padding-right: 15px
}

.pddr-20 {
    padding-right: 20px!important
}

.pddb-none {
    padding-bottom: 0
}

.pddb-xxs {
    padding-bottom: 2px
}

.pddb-xs {
    padding-bottom: 4px
}

.pddb-sm {
    padding-bottom: 8px
}

.pddb-md {
    padding-bottom: 12px
}

.pddb-lg {
    padding-bottom: 16px
}

.pddb-xl {
    padding-bottom: 20px
}

.pddb-3xl {
    padding-bottom: 32px
}

.pddb-4xl {
    padding-bottom: 40px
}

.pddt-none {
    padding-top: 0
}

.pddt-xxs {
    padding-top: 2px
}

.pddt-xs {
    padding-top: 4px
}

.pddt-sm {
    padding-top: 8px
}

.pddt-md {
    padding-top: 12px
}

.pddt-lg {
    padding-top: 16px
}

.pddt-xl {
    padding-top: 20px
}

.pddt-4xl {
    padding-top: 40px
}

.pddtb-xxs {
    padding-top: 2px;
    padding-bottom: 2px
}