/*
Mobile (Smartphone) max-width: 480px
Low Resolution Tablets and ipads max-width: 767px
Tablets Ipads portrait mode max-width:1024px
Desktops max-width:1280px
Huge size (Larger screen) max-width: 1281px and greater
*/

/* Container */


/* Fonts */
@media screen and (max-width: 375px) {
    /* .fds-text-body_secondary {
        font-size: 16px;
        line-height: 1.38;
    } */
}

/*
(min-width: 816px) and (max-width: 1180px)
(min-width: 376px) and (max-width: 1051px)
(max-width: 375px)
*/

@media screen and (min-width: 1052px) {
    .fds-container {
        width: 995px;
        margin: 0 auto;
    }

}/**For mini **/
@media screen and (min-width: 700px) and (max-width: 1024px) {
    .forceCommunityCarousel .carouselSlide {
        width: calc(100% / 3) !important;
    }
    .forceCommunityCarousel, .forceCommunityCarousel .carouselSlide {
        width: 50% !important;
    }
}
@media screen and (min-width: 800px) and (max-width: 1180px) {
    .forceCommunityCarousel .carouselSlide {
        width: calc(100% / 3) !important;
    }
    .forceCommunityCarousel {
        width: 100% !important;
    }
}

@media screen and (max-width: 500px) {
    .forceCommunityCarousel .carouselSlide {
        width: 100% !important;
    }
    .forceCommunityCarousel {
        width: 100% !important;
    }
}
@media screen and (max-width: 375px) {
    .forceCommunityCarousel .carouselSlide {
        width: 100% !important;
    }
}
@media screen and (max-width: 1051px) {
    .fds-container {
        width: 100% !important;
        padding: 0 14px;
    }
    .forceCommunityCarousel {
        width: 100% !important;
    }
}
    

@media screen and (min-width: 1052px) and (max-width: 1180px) {
    /* Padding */
    .ml\:fds-p-0 { margin: calc(var(--fds-space) * 0px); }.ml\:fds-pt-0 { margin-top: calc(var(--fds-space) * 0px); } .ml\:fds-pr-0 { margin-right: calc(var(--fds-space) * 0px); } .ml\:fds-pb-0 { margin-bottom: calc(var(--fds-space) * 0px); } 
    .ml\:fds-p-1 { padding: calc(var(--fds-space) * 1px); }.ml\:fds-pt-1 { padding-top: calc(var(--fds-space) * 1px); } .ml\:fds-pr-1 { padding-right: calc(var(--fds-space) * 1px); } .ml\:fds-pb-1 { padding-bottom: calc(var(--fds-space) * 1px); } .ml\:fds-pl-1 { padding-left: calc(var(--fds-space) * 1px); }.ml\:fds-px-1 { padding-left: calc(var(--fds-space) * 1px); padding-right: calc(var(--fds-space) * 1px); }.ml\:fds-py-1 { padding-top: calc(var(--fds-space) * 1px); padding-bottom: calc(var(--fds-space) * 1px); }
    .ml\:fds-p-2 { padding: calc(var(--fds-space) * 2px); }.ml\:fds-pt-2 { padding-top: calc(var(--fds-space) * 2px); } .ml\:fds-pr-2 { padding-right: calc(var(--fds-space) * 2px); } .ml\:fds-pb-2 { padding-bottom: calc(var(--fds-space) * 2px); } .ml\:fds-pl-2 { padding-left: calc(var(--fds-space) * 2px); }.ml\:fds-px-2 { padding-left: calc(var(--fds-space) * 2px); padding-right: calc(var(--fds-space) * 2px); }.ml\:fds-py-2 { padding-top: calc(var(--fds-space) * 2px); padding-bottom: calc(var(--fds-space) * 2px); }
    .ml\:fds-p-3 { padding: calc(var(--fds-space) * 3px); }.ml\:fds-pt-3 { padding-top: calc(var(--fds-space) * 3px); } .ml\:fds-pr-3 { padding-right: calc(var(--fds-space) * 3px); } .ml\:fds-pb-3 { padding-bottom: calc(var(--fds-space) * 3px); } .ml\:fds-pl-3 { padding-left: calc(var(--fds-space) * 3px); }.ml\:fds-px-3 { padding-left: calc(var(--fds-space) * 3px); padding-right: calc(var(--fds-space) * 3px); }.ml\:fds-py-3 { padding-top: calc(var(--fds-space) * 3px); padding-bottom: calc(var(--fds-space) * 3px); }
    .ml\:fds-p-4 { padding: calc(var(--fds-space) * 4px); }.ml\:fds-pt-4 { padding-top: calc(var(--fds-space) * 4px); } .ml\:fds-pr-4 { padding-right: calc(var(--fds-space) * 4px); } .ml\:fds-pb-4 { padding-bottom: calc(var(--fds-space) * 4px); } .ml\:fds-pl-4 { padding-left: calc(var(--fds-space) * 4px); }.ml\:fds-px-4 { padding-left: calc(var(--fds-space) * 4px); padding-right: calc(var(--fds-space) * 4px); }.ml\:fds-py-4 { padding-top: calc(var(--fds-space) * 4px); padding-bottom: calc(var(--fds-space) * 4px); }
    .ml\:fds-p-5 { padding: calc(var(--fds-space) * 5px); }.ml\:fds-pt-5 { padding-top: calc(var(--fds-space) * 5px); } .ml\:fds-pr-5 { padding-right: calc(var(--fds-space) * 5px); } .ml\:fds-pb-5 { padding-bottom: calc(var(--fds-space) * 5px); } .ml\:fds-pl-5 { padding-left: calc(var(--fds-space) * 5px); }.ml\:fds-px-5 { padding-left: calc(var(--fds-space) * 5px); padding-right: calc(var(--fds-space) * 5px); }.ml\:fds-py-5 { padding-top: calc(var(--fds-space) * 5px); padding-bottom: calc(var(--fds-space) * 5px); }
    .ml\:fds-p-6 { padding: calc(var(--fds-space) * 6px); }.ml\:fds-pt-6 { padding-top: calc(var(--fds-space) * 6px); } .ml\:fds-pr-6 { padding-right: calc(var(--fds-space) * 6px); } .ml\:fds-pb-6 { padding-bottom: calc(var(--fds-space) * 6px); } .ml\:fds-pl-6 { padding-left: calc(var(--fds-space) * 6px); }.ml\:fds-px-6 { padding-left: calc(var(--fds-space) * 6px); padding-right: calc(var(--fds-space) * 6px); }.ml\:fds-py-6 { padding-top: calc(var(--fds-space) * 6px); padding-bottom: calc(var(--fds-space) * 6px); }
    .ml\:fds-p-7 { padding: calc(var(--fds-space) * 7px); }.ml\:fds-pt-7 { padding-top: calc(var(--fds-space) * 7px); } .ml\:fds-pr-7 { padding-right: calc(var(--fds-space) * 7px); } .ml\:fds-pb-7 { padding-bottom: calc(var(--fds-space) * 7px); } .ml\:fds-pl-7 { padding-left: calc(var(--fds-space) * 7px); }.ml\:fds-px-7 { padding-left: calc(var(--fds-space) * 7px); padding-right: calc(var(--fds-space) * 7px); }.ml\:fds-py-7 { padding-top: calc(var(--fds-space) * 7px); padding-bottom: calc(var(--fds-space) * 7px); }
    .ml\:fds-p-8 { padding: calc(var(--fds-space) * 8px); }.ml\:fds-pt-8 { padding-top: calc(var(--fds-space) * 8px); } .ml\:fds-pr-8 { padding-right: calc(var(--fds-space) * 8px); } .ml\:fds-pb-8 { padding-bottom: calc(var(--fds-space) * 8px); } .ml\:fds-pl-8 { padding-left: calc(var(--fds-space) * 8px); }.ml\:fds-px-8 { padding-left: calc(var(--fds-space) * 8px); padding-right: calc(var(--fds-space) * 8px); }.ml\:fds-py-8 { padding-top: calc(var(--fds-space) * 8px); padding-bottom: calc(var(--fds-space) * 8px); }
    .ml\:fds-p-9 { padding: calc(var(--fds-space) * 9px); }.ml\:fds-pt-9 { padding-top: calc(var(--fds-space) * 9px); } .ml\:fds-pr-9 { padding-right: calc(var(--fds-space) * 9px); } .ml\:fds-pb-9 { padding-bottom: calc(var(--fds-space) * 9px); } .ml\:fds-pl-9 { padding-left: calc(var(--fds-space) * 9px); }.ml\:fds-px-9 { padding-left: calc(var(--fds-space) * 9px); padding-right: calc(var(--fds-space) * 9px); }.ml\:fds-py-9 { padding-top: calc(var(--fds-space) * 9px); padding-bottom: calc(var(--fds-space) * 9px); }
    .ml\:fds-p-10 { padding: calc(var(--fds-space) * 10px); }.ml\:fds-pt-10 { padding-top: calc(var(--fds-space) * 10px); } .ml\:fds-pr-10 { padding-right: calc(var(--fds-space) * 10px); } .ml\:fds-pb-10 { padding-bottom: calc(var(--fds-space) * 10px); } .ml\:fds-pl-10 { padding-left: calc(var(--fds-space) * 10px); }.ml\:fds-px-10 { padding-left: calc(var(--fds-space) * 10px); padding-right: calc(var(--fds-space) * 10px); }.ml\:fds-py-10 { padding-top: calc(var(--fds-space) * 10px); padding-bottom: calc(var(--fds-space) * 10px); }

    /* Margin */
    .ml\:fds-mx-auto { margin-left:auto; margin-right:auto }
    .ml\:fds-m-0 { margin: calc(var(--fds-space) * 0px); }.ml\:fds-mt-0 { margin-top: calc(var(--fds-space) * 0px); } .ml\:fds-mr-0 { margin-right: calc(var(--fds-space) * 0px); } .ml\:fds-mb-0 { margin-bottom: calc(var(--fds-space) * 0px); } 
    .ml\:fds-m-1 { margin: calc(var(--fds-space) * 1px); }.ml\:fds-mt-1 { margin-top: calc(var(--fds-space) * 1px); } .ml\:fds-mr-1 { margin-right: calc(var(--fds-space) * 1px); } .ml\:fds-mb-1 { margin-bottom: calc(var(--fds-space) * 1px); } .ml\:fds-ml-1 { margin-left: calc(var(--fds-space) * 1px); }.ml\:fds-mx-1 { margin-left: calc(var(--fds-space) * 1px); margin-right: calc(var(--fds-space) * 1px); }.ml\:fds-my-1 { margin-top: calc(var(--fds-space) * 1px); margin-bottom: calc(var(--fds-space) * 1px); }
    .ml\:fds-m-2 { margin: calc(var(--fds-space) * 2px); }.ml\:fds-mt-2 { margin-top: calc(var(--fds-space) * 2px); } .ml\:fds-mr-2 { margin-right: calc(var(--fds-space) * 2px); } .ml\:fds-mb-2 { margin-bottom: calc(var(--fds-space) * 2px); } .ml\:fds-ml-2 { margin-left: calc(var(--fds-space) * 2px); }.ml\:fds-mx-2 { margin-left: calc(var(--fds-space) * 2px); margin-right: calc(var(--fds-space) * 2px); }.ml\:fds-my-2 { margin-top: calc(var(--fds-space) * 2px); margin-bottom: calc(var(--fds-space) * 2px); }
    .ml\:fds-m-3 { margin: calc(var(--fds-space) * 3px); }.ml\:fds-mt-3 { margin-top: calc(var(--fds-space) * 3px); } .ml\:fds-mr-3 { margin-right: calc(var(--fds-space) * 3px); } .ml\:fds-mb-3 { margin-bottom: calc(var(--fds-space) * 3px); } .ml\:fds-ml-3 { margin-left: calc(var(--fds-space) * 3px); }.ml\:fds-mx-3 { margin-left: calc(var(--fds-space) * 3px); margin-right: calc(var(--fds-space) * 3px); }.ml\:fds-my-3 { margin-top: calc(var(--fds-space) * 3px); margin-bottom: calc(var(--fds-space) * 3px); }
    .ml\:fds-m-4 { margin: calc(var(--fds-space) * 4px); }.ml\:fds-mt-4 { margin-top: calc(var(--fds-space) * 4px); } .ml\:fds-mr-4 { margin-right: calc(var(--fds-space) * 4px); } .ml\:fds-mb-4 { margin-bottom: calc(var(--fds-space) * 4px); } .ml\:fds-ml-4 { margin-left: calc(var(--fds-space) * 4px); }.ml\:fds-mx-4 { margin-left: calc(var(--fds-space) * 4px); margin-right: calc(var(--fds-space) * 4px); }.ml\:fds-my-4 { margin-top: calc(var(--fds-space) * 4px); margin-bottom: calc(var(--fds-space) * 4px); }
    .ml\:fds-m-5 { margin: calc(var(--fds-space) * 5px); }.ml\:fds-mt-5 { margin-top: calc(var(--fds-space) * 5px); } .ml\:fds-mr-5 { margin-right: calc(var(--fds-space) * 5px); } .ml\:fds-mb-5 { margin-bottom: calc(var(--fds-space) * 5px); } .ml\:fds-ml-5 { margin-left: calc(var(--fds-space) * 5px); }.ml\:fds-mx-5 { margin-left: calc(var(--fds-space) * 5px); margin-right: calc(var(--fds-space) * 5px); }.ml\:fds-my-5 { margin-top: calc(var(--fds-space) * 5px); margin-bottom: calc(var(--fds-space) * 5px); }
    .ml\:fds-m-6 { margin: calc(var(--fds-space) * 6px); }.ml\:fds-mt-6 { margin-top: calc(var(--fds-space) * 6px); } .ml\:fds-mr-6 { margin-right: calc(var(--fds-space) * 6px); } .ml\:fds-mb-6 { margin-bottom: calc(var(--fds-space) * 6px); } .ml\:fds-ml-6 { margin-left: calc(var(--fds-space) * 6px); }.ml\:fds-mx-6 { margin-left: calc(var(--fds-space) * 6px); margin-right: calc(var(--fds-space) * 6px); }.ml\:fds-my-6 { margin-top: calc(var(--fds-space) * 6px); margin-bottom: calc(var(--fds-space) * 6px); }
    .ml\:fds-m-7 { margin: calc(var(--fds-space) * 7px); }.ml\:fds-mt-7 { margin-top: calc(var(--fds-space) * 7px); } .ml\:fds-mr-7 { margin-right: calc(var(--fds-space) * 7px); } .ml\:fds-mb-7 { margin-bottom: calc(var(--fds-space) * 7px); } .ml\:fds-ml-7 { margin-left: calc(var(--fds-space) * 7px); }.ml\:fds-mx-7 { margin-left: calc(var(--fds-space) * 7px); margin-right: calc(var(--fds-space) * 7px); }.ml\:fds-my-7 { margin-top: calc(var(--fds-space) * 7px); margin-bottom: calc(var(--fds-space) * 7px); }
    .ml\:fds-m-8 { margin: calc(var(--fds-space) * 8px); }.ml\:fds-mt-8 { margin-top: calc(var(--fds-space) * 8px); } .ml\:fds-mr-8 { margin-right: calc(var(--fds-space) * 8px); } .ml\:fds-mb-8 { margin-bottom: calc(var(--fds-space) * 8px); } .ml\:fds-ml-8 { margin-left: calc(var(--fds-space) * 8px); }.ml\:fds-mx-8 { margin-left: calc(var(--fds-space) * 8px); margin-right: calc(var(--fds-space) * 8px); }.ml\:fds-my-8 { margin-top: calc(var(--fds-space) * 8px); margin-bottom: calc(var(--fds-space) * 8px); }
    .ml\:fds-m-9 { margin: calc(var(--fds-space) * 9px); }.ml\:fds-mt-9 { margin-top: calc(var(--fds-space) * 9px); } .ml\:fds-mr-9 { margin-right: calc(var(--fds-space) * 9px); } .ml\:fds-mb-9 { margin-bottom: calc(var(--fds-space) * 9px); } .ml\:fds-ml-9 { margin-left: calc(var(--fds-space) * 9px); }.ml\:fds-mx-9 { margin-left: calc(var(--fds-space) * 9px); margin-right: calc(var(--fds-space) * 9px); }.ml\:fds-my-9 { margin-top: calc(var(--fds-space) * 9px); margin-bottom: calc(var(--fds-space) * 9px); }
    .ml\:fds-m-10 { margin: calc(var(--fds-space) * 10px); }.ml\:fds-mt-10 { margin-top: calc(var(--fds-space) * 10px); } .ml\:fds-mr-10 { margin-right: calc(var(--fds-space) * 10px); } .ml\:fds-mb-10 { margin-bottom: calc(var(--fds-space) * 10px); } .ml\:fds-ml-10 { margin-left: calc(var(--fds-space) * 10px); }.ml\:fds-mx-10 { margin-left: calc(var(--fds-space) * 10px); margin-right: calc(var(--fds-space) * 10px); }.ml\:fds-my-10 { margin-top: calc(var(--fds-space) * 10px); margin-bottom: calc(var(--fds-space) * 10px); }

    /* Flex */
    .ml\:fds-wrap {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    /* Grid */
    .ml\:fds-gap_none { grid-gap: 0px; }
    .ml\:fds-gap_column-none { column-gap: 0px; }

}

/* @media screen and (max-width: 573px) {
    .fds-text-heading_medium {
        font-size: 24px;
        line-height: 1.25;
    }
    .fds-text-subheading {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.38;
    }
    
} */


@media screen and (min-width: 376px) and (max-width: 1051px) {
    .md\:fds-text-size_12 { font-size: 12px; }
    .md\:fds-text-size_13 { font-size: 13px; }
    .md\:fds-text-size_14 { font-size: 14px; }
    .md\:fds-text-size_15 { font-size: 15px; }
    .md\:fds-text-size_16 { font-size: 16px; }
    .md\:fds-text-size_17 { font-size: 17px; }
    .md\:fds-text-size_18 { font-size: 18px; }
    .md\:fds-text-size_19 { font-size: 19px; }
    .md\:fds-text-size_20 { font-size: 20px; }
    .md\:fds-text-size_21 { font-size: 21px; }
    .md\:fds-text-size_22 { font-size: 22px; }
    .md\:fds-text-size_23 { font-size: 23px; }

    /* Padding */
    .md\:fds-p-0 { padding: calc(var(--fds-space) * 0px); }.md\:fds-pt-0 { padding-top: calc(var(--fds-space) * 0px); } .md\:fds-pr-0 { padding-right: calc(var(--fds-space) * 0px); } .md\:fds-pb-0 { padding-bottom: calc(var(--fds-space) * 0px); } .md\:fds-pl-0 { padding-left: calc(var(--fds-space) * 0px); }.md\:fds-px-0 { padding-left: calc(var(--fds-space) * 0px); padding-right: calc(var(--fds-space) * 0px); }.md\:fds-py-0 { padding-top: calc(var(--fds-space) * 0px); padding-bottom: calc(var(--fds-space) * 0px); }
    .md\:fds-p-1 { padding: calc(var(--fds-space) * 1px); }.md\:fds-pt-1 { padding-top: calc(var(--fds-space) * 1px); } .md\:fds-pr-1 { padding-right: calc(var(--fds-space) * 1px); } .md\:fds-pb-1 { padding-bottom: calc(var(--fds-space) * 1px); } .md\:fds-pl-1 { padding-left: calc(var(--fds-space) * 1px); }.md\:fds-px-1 { padding-left: calc(var(--fds-space) * 1px); padding-right: calc(var(--fds-space) * 1px); }.md\:fds-py-1 { padding-top: calc(var(--fds-space) * 1px); padding-bottom: calc(var(--fds-space) * 1px); }
    .md\:fds-p-2 { padding: calc(var(--fds-space) * 2px); }.md\:fds-pt-2 { padding-top: calc(var(--fds-space) * 2px); } .md\:fds-pr-2 { padding-right: calc(var(--fds-space) * 2px); } .md\:fds-pb-2 { padding-bottom: calc(var(--fds-space) * 2px); } .md\:fds-pl-2 { padding-left: calc(var(--fds-space) * 2px); }.md\:fds-px-2 { padding-left: calc(var(--fds-space) * 2px); padding-right: calc(var(--fds-space) * 2px); }.md\:fds-py-2 { padding-top: calc(var(--fds-space) * 2px); padding-bottom: calc(var(--fds-space) * 2px); }
    .md\:fds-p-3 { padding: calc(var(--fds-space) * 3px); }.md\:fds-pt-3 { padding-top: calc(var(--fds-space) * 3px); } .md\:fds-pr-3 { padding-right: calc(var(--fds-space) * 3px); } .md\:fds-pb-3 { padding-bottom: calc(var(--fds-space) * 3px); } .md\:fds-pl-3 { padding-left: calc(var(--fds-space) * 3px); }.md\:fds-px-3 { padding-left: calc(var(--fds-space) * 3px); padding-right: calc(var(--fds-space) * 3px); }.md\:fds-py-3 { padding-top: calc(var(--fds-space) * 3px); padding-bottom: calc(var(--fds-space) * 3px); }
    .md\:fds-p-4 { padding: calc(var(--fds-space) * 4px); }.md\:fds-pt-4 { padding-top: calc(var(--fds-space) * 4px); } .md\:fds-pr-4 { padding-right: calc(var(--fds-space) * 4px); } .md\:fds-pb-4 { padding-bottom: calc(var(--fds-space) * 4px); } .md\:fds-pl-4 { padding-left: calc(var(--fds-space) * 4px); }.md\:fds-px-4 { padding-left: calc(var(--fds-space) * 4px); padding-right: calc(var(--fds-space) * 4px); }.md\:fds-py-4 { padding-top: calc(var(--fds-space) * 4px); padding-bottom: calc(var(--fds-space) * 4px); }
    .md\:fds-p-5 { padding: calc(var(--fds-space) * 5px); }.md\:fds-pt-5 { padding-top: calc(var(--fds-space) * 5px); } .md\:fds-pr-5 { padding-right: calc(var(--fds-space) * 5px); } .md\:fds-pb-5 { padding-bottom: calc(var(--fds-space) * 5px); } .md\:fds-pl-5 { padding-left: calc(var(--fds-space) * 5px); }.md\:fds-px-5 { padding-left: calc(var(--fds-space) * 5px); padding-right: calc(var(--fds-space) * 5px); }.md\:fds-py-5 { padding-top: calc(var(--fds-space) * 5px); padding-bottom: calc(var(--fds-space) * 5px); }
    .md\:fds-p-6 { padding: calc(var(--fds-space) * 6px); }.md\:fds-pt-6 { padding-top: calc(var(--fds-space) * 6px); } .md\:fds-pr-6 { padding-right: calc(var(--fds-space) * 6px); } .md\:fds-pb-6 { padding-bottom: calc(var(--fds-space) * 6px); } .md\:fds-pl-6 { padding-left: calc(var(--fds-space) * 6px); }.md\:fds-px-6 { padding-left: calc(var(--fds-space) * 6px); padding-right: calc(var(--fds-space) * 6px); }.md\:fds-py-6 { padding-top: calc(var(--fds-space) * 6px); padding-bottom: calc(var(--fds-space) * 6px); }
    .md\:fds-p-7 { padding: calc(var(--fds-space) * 7px); }.md\:fds-pt-7 { padding-top: calc(var(--fds-space) * 7px); } .md\:fds-pr-7 { padding-right: calc(var(--fds-space) * 7px); } .md\:fds-pb-7 { padding-bottom: calc(var(--fds-space) * 7px); } .md\:fds-pl-7 { padding-left: calc(var(--fds-space) * 7px); }.md\:fds-px-7 { padding-left: calc(var(--fds-space) * 7px); padding-right: calc(var(--fds-space) * 7px); }.md\:fds-py-7 { padding-top: calc(var(--fds-space) * 7px); padding-bottom: calc(var(--fds-space) * 7px); }
    .md\:fds-p-8 { padding: calc(var(--fds-space) * 8px); }.md\:fds-pt-8 { padding-top: calc(var(--fds-space) * 8px); } .md\:fds-pr-8 { padding-right: calc(var(--fds-space) * 8px); } .md\:fds-pb-8 { padding-bottom: calc(var(--fds-space) * 8px); } .md\:fds-pl-8 { padding-left: calc(var(--fds-space) * 8px); }.md\:fds-px-8 { padding-left: calc(var(--fds-space) * 8px); padding-right: calc(var(--fds-space) * 8px); }.md\:fds-py-8 { padding-top: calc(var(--fds-space) * 8px); padding-bottom: calc(var(--fds-space) * 8px); }
    .md\:fds-p-9 { padding: calc(var(--fds-space) * 9px); }.md\:fds-pt-9 { padding-top: calc(var(--fds-space) * 9px); } .md\:fds-pr-9 { padding-right: calc(var(--fds-space) * 9px); } .md\:fds-pb-9 { padding-bottom: calc(var(--fds-space) * 9px); } .md\:fds-pl-9 { padding-left: calc(var(--fds-space) * 9px); }.md\:fds-px-9 { padding-left: calc(var(--fds-space) * 9px); padding-right: calc(var(--fds-space) * 9px); }.md\:fds-py-9 { padding-top: calc(var(--fds-space) * 9px); padding-bottom: calc(var(--fds-space) * 9px); }
    .md\:fds-p-10 { padding: calc(var(--fds-space) * 10px); }.md\:fds-pt-10 { padding-top: calc(var(--fds-space) * 10px); } .md\:fds-pr-10 { padding-right: calc(var(--fds-space) * 10px); } .md\:fds-pb-10 { padding-bottom: calc(var(--fds-space) * 10px); } .md\:fds-pl-10 { padding-left: calc(var(--fds-space) * 10px); }.md\:fds-px-10 { padding-left: calc(var(--fds-space) * 10px); padding-right: calc(var(--fds-space) * 10px); }.md\:fds-py-10 { padding-top: calc(var(--fds-space) * 10px); padding-bottom: calc(var(--fds-space) * 10px); }

    /* Margin */
    .md\:fds-m-0 { margin: calc(var(--fds-space) * 0px); }.md\:fds-mt-0 { margin-top: calc(var(--fds-space) * 0px); } .md\:fds-mr-0 { margin-right: calc(var(--fds-space) * 0px); } .md\:fds-mb-0 { margin-bottom: calc(var(--fds-space) * 0px); } .md\:fds-ml-0 { margin-left: calc(var(--fds-space) * 0px); }.md\:fds-mx-0 { margin-left: calc(var(--fds-space) * 0px); margin-right: calc(var(--fds-space) * 0px); }.md\:fds-my-0 { margin-top: calc(var(--fds-space) * 0px); margin-bottom: calc(var(--fds-space) * 0px); }
    .md\:fds-m-1 { margin: calc(var(--fds-space) * 1px); }.md\:fds-mt-1 { margin-top: calc(var(--fds-space) * 1px); } .md\:fds-mr-1 { margin-right: calc(var(--fds-space) * 1px); } .md\:fds-mb-1 { margin-bottom: calc(var(--fds-space) * 1px); } .md\:fds-ml-1 { margin-left: calc(var(--fds-space) * 1px); }.md\:fds-mx-1 { margin-left: calc(var(--fds-space) * 1px); margin-right: calc(var(--fds-space) * 1px); }.md\:fds-my-1 { margin-top: calc(var(--fds-space) * 1px); margin-bottom: calc(var(--fds-space) * 1px); }
    .md\:fds-m-2 { margin: calc(var(--fds-space) * 2px); }.md\:fds-mt-2 { margin-top: calc(var(--fds-space) * 2px); } .md\:fds-mr-2 { margin-right: calc(var(--fds-space) * 2px); } .md\:fds-mb-2 { margin-bottom: calc(var(--fds-space) * 2px); } .md\:fds-ml-2 { margin-left: calc(var(--fds-space) * 2px); }.md\:fds-mx-2 { margin-left: calc(var(--fds-space) * 2px); margin-right: calc(var(--fds-space) * 2px); }.md\:fds-my-2 { margin-top: calc(var(--fds-space) * 2px); margin-bottom: calc(var(--fds-space) * 2px); }
    .md\:fds-m-3 { margin: calc(var(--fds-space) * 3px); }.md\:fds-mt-3 { margin-top: calc(var(--fds-space) * 3px); } .md\:fds-mr-3 { margin-right: calc(var(--fds-space) * 3px); } .md\:fds-mb-3 { margin-bottom: calc(var(--fds-space) * 3px); } .md\:fds-ml-3 { margin-left: calc(var(--fds-space) * 3px); }.md\:fds-mx-3 { margin-left: calc(var(--fds-space) * 3px); margin-right: calc(var(--fds-space) * 3px); }.md\:fds-my-3 { margin-top: calc(var(--fds-space) * 3px); margin-bottom: calc(var(--fds-space) * 3px); }
    .md\:fds-m-4 { margin: calc(var(--fds-space) * 4px); }.md\:fds-mt-4 { margin-top: calc(var(--fds-space) * 4px); } .md\:fds-mr-4 { margin-right: calc(var(--fds-space) * 4px); } .md\:fds-mb-4 { margin-bottom: calc(var(--fds-space) * 4px); } .md\:fds-ml-4 { margin-left: calc(var(--fds-space) * 4px); }.md\:fds-mx-4 { margin-left: calc(var(--fds-space) * 4px); margin-right: calc(var(--fds-space) * 4px); }.md\:fds-my-4 { margin-top: calc(var(--fds-space) * 4px); margin-bottom: calc(var(--fds-space) * 4px); }
    .md\:fds-m-5 { margin: calc(var(--fds-space) * 5px); }.md\:fds-mt-5 { margin-top: calc(var(--fds-space) * 5px); } .md\:fds-mr-5 { margin-right: calc(var(--fds-space) * 5px); } .md\:fds-mb-5 { margin-bottom: calc(var(--fds-space) * 5px); } .md\:fds-ml-5 { margin-left: calc(var(--fds-space) * 5px); }.md\:fds-mx-5 { margin-left: calc(var(--fds-space) * 5px); margin-right: calc(var(--fds-space) * 5px); }.md\:fds-my-5 { margin-top: calc(var(--fds-space) * 5px); margin-bottom: calc(var(--fds-space) * 5px); }
    .md\:fds-m-6 { margin: calc(var(--fds-space) * 6px); }.md\:fds-mt-6 { margin-top: calc(var(--fds-space) * 6px); } .md\:fds-mr-6 { margin-right: calc(var(--fds-space) * 6px); } .md\:fds-mb-6 { margin-bottom: calc(var(--fds-space) * 6px); } .md\:fds-ml-6 { margin-left: calc(var(--fds-space) * 6px); }.md\:fds-mx-6 { margin-left: calc(var(--fds-space) * 6px); margin-right: calc(var(--fds-space) * 6px); }.md\:fds-my-6 { margin-top: calc(var(--fds-space) * 6px); margin-bottom: calc(var(--fds-space) * 6px); }
    .md\:fds-m-7 { margin: calc(var(--fds-space) * 7px); }.md\:fds-mt-7 { margin-top: calc(var(--fds-space) * 7px); } .md\:fds-mr-7 { margin-right: calc(var(--fds-space) * 7px); } .md\:fds-mb-7 { margin-bottom: calc(var(--fds-space) * 7px); } .md\:fds-ml-7 { margin-left: calc(var(--fds-space) * 7px); }.md\:fds-mx-7 { margin-left: calc(var(--fds-space) * 7px); margin-right: calc(var(--fds-space) * 7px); }.md\:fds-my-7 { margin-top: calc(var(--fds-space) * 7px); margin-bottom: calc(var(--fds-space) * 7px); }
    .md\:fds-m-8 { margin: calc(var(--fds-space) * 8px); }.md\:fds-mt-8 { margin-top: calc(var(--fds-space) * 8px); } .md\:fds-mr-8 { margin-right: calc(var(--fds-space) * 8px); } .md\:fds-mb-8 { margin-bottom: calc(var(--fds-space) * 8px); } .md\:fds-ml-8 { margin-left: calc(var(--fds-space) * 8px); }.md\:fds-mx-8 { margin-left: calc(var(--fds-space) * 8px); margin-right: calc(var(--fds-space) * 8px); }.md\:fds-my-8 { margin-top: calc(var(--fds-space) * 8px); margin-bottom: calc(var(--fds-space) * 8px); }
    .md\:fds-m-9 { margin: calc(var(--fds-space) * 9px); }.md\:fds-mt-9 { margin-top: calc(var(--fds-space) * 9px); } .md\:fds-mr-9 { margin-right: calc(var(--fds-space) * 9px); } .md\:fds-mb-9 { margin-bottom: calc(var(--fds-space) * 9px); } .md\:fds-ml-9 { margin-left: calc(var(--fds-space) * 9px); }.md\:fds-mx-9 { margin-left: calc(var(--fds-space) * 9px); margin-right: calc(var(--fds-space) * 9px); }.md\:fds-my-9 { margin-top: calc(var(--fds-space) * 9px); margin-bottom: calc(var(--fds-space) * 9px); }
    .md\:fds-m-10 { margin: calc(var(--fds-space) * 10px); }.md\:fds-mt-10 { margin-top: calc(var(--fds-space) * 10px); } .md\:fds-mr-10 { margin-right: calc(var(--fds-space) * 10px); } .md\:fds-mb-10 { margin-bottom: calc(var(--fds-space) * 10px); } .md\:fds-ml-10 { margin-left: calc(var(--fds-space) * 10px); }.md\:fds-mx-10 { margin-left: calc(var(--fds-space) * 10px); margin-right: calc(var(--fds-space) * 10px); }.md\:fds-my-10 { margin-top: calc(var(--fds-space) * 10px); margin-bottom: calc(var(--fds-space) * 10px); }

    .md\:fds-flex-gap_column-0 { column-gap: calc(var(--fds-space) * 0px); }
    .md\:fds-flex-gap_column-1 { column-gap: calc(var(--fds-space) * 1px); }
    .md\:fds-flex-gap_column-2 { column-gap: calc(var(--fds-space) * 2px); }
    .md\:fds-flex-gap_column-3 { column-gap: calc(var(--fds-space) * 3px); }
    .md\:fds-flex-gap_column-4 { column-gap: calc(var(--fds-space) * 4px); }
    .md\:fds-flex-gap_column-5 { column-gap: calc(var(--fds-space) * 5px); }
    .md\:fds-flex-gap_column-6 { column-gap: calc(var(--fds-space) * 6px); }
    .md\:fds-flex-gap_column-7 { column-gap: calc(var(--fds-space) * 7px); }
    .md\:fds-flex-gap_column-8 { column-gap: calc(var(--fds-space) * 8px); }
    .md\:fds-flex-gap_row-1 { row-gap: calc(var(--fds-space) * 1px); }
    .md\:fds-flex-gap_row-2 { row-gap: calc(var(--fds-space) * 2px); }
    .md\:fds-flex-gap_row-3 { row-gap: calc(var(--fds-space) * 3px); }
    .md\:fds-flex-gap_row-4 { row-gap: calc(var(--fds-space) * 4px); }
    .md\:fds-flex-gap_row-5 { row-gap: calc(var(--fds-space) * 5px); }
    .md\:fds-flex-gap_row-6 { row-gap: calc(var(--fds-space) * 6px); }
    .md\:fds-flex-gap_row-7 { row-gap: calc(var(--fds-space) * 7px); }
    .md\:fds-flex-gap_row-8 { row-gap: calc(var(--fds-space) * 8px); }
    .md\:fds-flex-gap-0 { gap: calc(var(--fds-space) * 0px); }
    .md\:fds-flex-gap-1 { gap: calc(var(--fds-space) * 1px); }
    .md\:fds-flex-gap-2 { gap: calc(var(--fds-space) * 2px); }
    .md\:fds-flex-gap-3 { gap: calc(var(--fds-space) * 3px); }
    .md\:fds-flex-gap-4 { gap: calc(var(--fds-space) * 4px); }
    .md\:fds-flex-gap-5 { gap: calc(var(--fds-space) * 5px); }
    .md\:fds-flex-gap-6 { gap: calc(var(--fds-space) * 6px); }
    .md\:fds-flex-gap-7 { gap: calc(var(--fds-space) * 7px); }
    .md\:fds-flex-gap-8 { gap: calc(var(--fds-space) * 8px); }

    /* Line Height */
    .md\:fds-lh-11 { line-height: calc(11 / var(--fds-line-height)) ; }
    .md\:fds-lh-12 { line-height: calc(12 / var(--fds-line-height)) ; }
    .md\:fds-lh-13 { line-height: calc(13 / var(--fds-line-height)) ; }
    .md\:fds-lh-14 { line-height: calc(14 / var(--fds-line-height)) ; }
    .md\:fds-lh-15 { line-height: calc(15 / var(--fds-line-height)) ; }

    /* Display */
    .md\:fds-flex {
        display: flex;
    }
    .md\:fds-wrap {
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .md\:fds-flex-align_justify-left {
        justify-content: left;
    }
    .md\:fds-flex-align_justify-flex-end {
        justify-content: flex-end;
    }
    .md\:fds-display_block {
        display: block;
    }
    .md\:fds-display_inline-block {
        display: inline-block;
    }
    .md\:fds-flex-no-stretch {
        align-content: baseline;
        align-items: baseline;
    }
    .md\:fds-flex-basis_auto { flex-basis: auto; }
    /* Grid */
    .md\:fds-gap_none { grid-gap: 0px; }
    .md\:fds-gap_column-none { column-gap: 0px; }
    .md\:fds-gap_column-3p {
        column-gap: 3%;
    }
    .md\:fds-column_count-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        column-gap: calc(var(--fds-space) * 5px);
    }

    /* Width */
    .md\:fds-w_100p {
        width: 100%;
    }
    .md\:fds-w_50p {
        width: 50%;
    }

    /* Alignment */
    .md\:fds-text-align_center {
        text-align: center;
    }
    .md\:fds-text-align_left {
        text-align: left;
    }
    .md\:fds-flex-align_justify-center {
        justify-content: center;
    }
}

@media screen and (max-width: 375px) {
    .ms\:fds-text-size_12 { font-size: 12px; }
    .ms\:fds-text-size_13 { font-size: 13px; }
    .ms\:fds-text-size_14 { font-size: 14px; }
    .ms\:fds-text-size_15 { font-size: 15px; }
    .ms\:fds-text-size_16 { font-size: 16px; }
    .ms\:fds-text-size_17 { font-size: 17px; }
    .ms\:fds-text-size_18 { font-size: 18px; }
    .ms\:fds-text-size_19 { font-size: 19px; }
    .ms\:fds-text-size_20 { font-size: 20px; }
    .ms\:fds-text-size_21 { font-size: 21px; }
    .ms\:fds-text-size_22 { font-size: 22px; }
    .ms\:fds-text-size_23 { font-size: 23px; }

    /* Padding */
    .ms\:fds-p-0 { padding: calc(var(--fds-space) * 0px); }.ms\:fds-pt-0 { padding-top: calc(var(--fds-space) * 0px); } .ms\:fds-pr-0 { padding-right: calc(var(--fds-space) * 0px); } .ms\:fds-pb-0 { padding-bottom: calc(var(--fds-space) * 0px); } .ms\:fds-pl-0 { padding-left: calc(var(--fds-space) * 0px); }.ms\:fds-px-0 { padding-left: calc(var(--fds-space) * 0px); padding-right: calc(var(--fds-space) * 0px); }.ms\:fds-py-0 { padding-top: calc(var(--fds-space) * 0px); padding-bottom: calc(var(--fds-space) * 0px); }
    .ms\:fds-p-1 { padding: calc(var(--fds-space) * 1px); }.ms\:fds-pt-1 { padding-top: calc(var(--fds-space) * 1px); } .ms\:fds-pr-1 { padding-right: calc(var(--fds-space) * 1px); } .ms\:fds-pb-1 { padding-bottom: calc(var(--fds-space) * 1px); } .ms\:fds-pl-1 { padding-left: calc(var(--fds-space) * 1px); }.ms\:fds-px-1 { padding-left: calc(var(--fds-space) * 1px); padding-right: calc(var(--fds-space) * 1px); }.ms\:fds-py-1 { padding-top: calc(var(--fds-space) * 1px); padding-bottom: calc(var(--fds-space) * 1px); }
    .ms\:fds-p-2 { padding: calc(var(--fds-space) * 2px); }.ms\:fds-pt-2 { padding-top: calc(var(--fds-space) * 2px); } .ms\:fds-pr-2 { padding-right: calc(var(--fds-space) * 2px); } .ms\:fds-pb-2 { padding-bottom: calc(var(--fds-space) * 2px); } .ms\:fds-pl-2 { padding-left: calc(var(--fds-space) * 2px); }.ms\:fds-px-2 { padding-left: calc(var(--fds-space) * 2px); padding-right: calc(var(--fds-space) * 2px); }.ms\:fds-py-2 { padding-top: calc(var(--fds-space) * 2px); padding-bottom: calc(var(--fds-space) * 2px); }
    .ms\:fds-p-3 { padding: calc(var(--fds-space) * 3px); }.ms\:fds-pt-3 { padding-top: calc(var(--fds-space) * 3px); } .ms\:fds-pr-3 { padding-right: calc(var(--fds-space) * 3px); } .ms\:fds-pb-3 { padding-bottom: calc(var(--fds-space) * 3px); } .ms\:fds-pl-3 { padding-left: calc(var(--fds-space) * 3px); }.ms\:fds-px-3 { padding-left: calc(var(--fds-space) * 3px); padding-right: calc(var(--fds-space) * 3px); }.ms\:fds-py-3 { padding-top: calc(var(--fds-space) * 3px); padding-bottom: calc(var(--fds-space) * 3px); }
    .ms\:fds-p-4 { padding: calc(var(--fds-space) * 4px); }.ms\:fds-pt-4 { padding-top: calc(var(--fds-space) * 4px); } .ms\:fds-pr-4 { padding-right: calc(var(--fds-space) * 4px); } .ms\:fds-pb-4 { padding-bottom: calc(var(--fds-space) * 4px); } .ms\:fds-pl-4 { padding-left: calc(var(--fds-space) * 4px); }.ms\:fds-px-4 { padding-left: calc(var(--fds-space) * 4px); padding-right: calc(var(--fds-space) * 4px); }.ms\:fds-py-4 { padding-top: calc(var(--fds-space) * 4px); padding-bottom: calc(var(--fds-space) * 4px); }
    .ms\:fds-p-5 { padding: calc(var(--fds-space) * 5px); }.ms\:fds-pt-5 { padding-top: calc(var(--fds-space) * 5px); } .ms\:fds-pr-5 { padding-right: calc(var(--fds-space) * 5px); } .ms\:fds-pb-5 { padding-bottom: calc(var(--fds-space) * 5px); } .ms\:fds-pl-5 { padding-left: calc(var(--fds-space) * 5px); }.ms\:fds-px-5 { padding-left: calc(var(--fds-space) * 5px); padding-right: calc(var(--fds-space) * 5px); }.ms\:fds-py-5 { padding-top: calc(var(--fds-space) * 5px); padding-bottom: calc(var(--fds-space) * 5px); }
    .ms\:fds-p-6 { padding: calc(var(--fds-space) * 6px); }.ms\:fds-pt-6 { padding-top: calc(var(--fds-space) * 6px); } .ms\:fds-pr-6 { padding-right: calc(var(--fds-space) * 6px); } .ms\:fds-pb-6 { padding-bottom: calc(var(--fds-space) * 6px); } .ms\:fds-pl-6 { padding-left: calc(var(--fds-space) * 6px); }.ms\:fds-px-6 { padding-left: calc(var(--fds-space) * 6px); padding-right: calc(var(--fds-space) * 6px); }.ms\:fds-py-6 { padding-top: calc(var(--fds-space) * 6px); padding-bottom: calc(var(--fds-space) * 6px); }
    .ms\:fds-p-7 { padding: calc(var(--fds-space) * 7px); }.ms\:fds-pt-7 { padding-top: calc(var(--fds-space) * 7px); } .ms\:fds-pr-7 { padding-right: calc(var(--fds-space) * 7px); } .ms\:fds-pb-7 { padding-bottom: calc(var(--fds-space) * 7px); } .ms\:fds-pl-7 { padding-left: calc(var(--fds-space) * 7px); }.ms\:fds-px-7 { padding-left: calc(var(--fds-space) * 7px); padding-right: calc(var(--fds-space) * 7px); }.ms\:fds-py-7 { padding-top: calc(var(--fds-space) * 7px); padding-bottom: calc(var(--fds-space) * 7px); }
    .ms\:fds-p-8 { padding: calc(var(--fds-space) * 8px); }.ms\:fds-pt-8 { padding-top: calc(var(--fds-space) * 8px); } .ms\:fds-pr-8 { padding-right: calc(var(--fds-space) * 8px); } .ms\:fds-pb-8 { padding-bottom: calc(var(--fds-space) * 8px); } .ms\:fds-pl-8 { padding-left: calc(var(--fds-space) * 8px); }.ms\:fds-px-8 { padding-left: calc(var(--fds-space) * 8px); padding-right: calc(var(--fds-space) * 8px); }.ms\:fds-py-8 { padding-top: calc(var(--fds-space) * 8px); padding-bottom: calc(var(--fds-space) * 8px); }
    .ms\:fds-p-9 { padding: calc(var(--fds-space) * 9px); }.ms\:fds-pt-9 { padding-top: calc(var(--fds-space) * 9px); } .ms\:fds-pr-9 { padding-right: calc(var(--fds-space) * 9px); } .ms\:fds-pb-9 { padding-bottom: calc(var(--fds-space) * 9px); } .ms\:fds-pl-9 { padding-left: calc(var(--fds-space) * 9px); }.ms\:fds-px-9 { padding-left: calc(var(--fds-space) * 9px); padding-right: calc(var(--fds-space) * 9px); }.ms\:fds-py-9 { padding-top: calc(var(--fds-space) * 9px); padding-bottom: calc(var(--fds-space) * 9px); }
    .ms\:fds-p-10 { padding: calc(var(--fds-space) * 10px); }.ms\:fds-pt-10 { padding-top: calc(var(--fds-space) * 10px); } .ms\:fds-pr-10 { padding-right: calc(var(--fds-space) * 10px); } .ms\:fds-pb-10 { padding-bottom: calc(var(--fds-space) * 10px); } .ms\:fds-pl-10 { padding-left: calc(var(--fds-space) * 10px); }.ms\:fds-px-10 { padding-left: calc(var(--fds-space) * 10px); padding-right: calc(var(--fds-space) * 10px); }.ms\:fds-py-10 { padding-top: calc(var(--fds-space) * 10px); padding-bottom: calc(var(--fds-space) * 10px); }
    .ms\:fds-p-11 { padding: calc(var(--fds-space) * 11px); }.ms\:fds-pt-11 { padding-top: calc(var(--fds-space) * 11px); } .ms\:fds-pr-11 { padding-right: calc(var(--fds-space) * 11px); } .ms\:fds-pb-11 { padding-bottom: calc(var(--fds-space) * 11px); } .ms\:fds-pl-11 { padding-left: calc(var(--fds-space) * 11px); }.ms\:fds-px-11 { padding-left: calc(var(--fds-space) * 11px); padding-right: calc(var(--fds-space) * 11px); }.ms\:fds-py-11 { padding-top: calc(var(--fds-space) * 11px); padding-bottom: calc(var(--fds-space) * 11px); }
    .ms\:fds-p-12 { padding: calc(var(--fds-space) * 12px); }.ms\:fds-pt-12 { padding-top: calc(var(--fds-space) * 12px); } .ms\:fds-pr-12 { padding-right: calc(var(--fds-space) * 12px); } .ms\:fds-pb-12 { padding-bottom: calc(var(--fds-space) * 12px); } .ms\:fds-pl-12 { padding-left: calc(var(--fds-space) * 12px); }.ms\:fds-px-12 { padding-left: calc(var(--fds-space) * 12px); padding-right: calc(var(--fds-space) * 12px); }.ms\:fds-py-12 { padding-top: calc(var(--fds-space) * 12px); padding-bottom: calc(var(--fds-space) * 12px); }
    .ms\:fds-p-13 { padding: calc(var(--fds-space) * 13px); }.ms\:fds-pt-13 { padding-top: calc(var(--fds-space) * 13px); } .ms\:fds-pr-13 { padding-right: calc(var(--fds-space) * 13px); } .ms\:fds-pb-13 { padding-bottom: calc(var(--fds-space) * 13px); } .ms\:fds-pl-13 { padding-left: calc(var(--fds-space) * 13px); }.ms\:fds-px-13 { padding-left: calc(var(--fds-space) * 13px); padding-right: calc(var(--fds-space) * 13px); }.ms\:fds-py-13 { padding-top: calc(var(--fds-space) * 13px); padding-bottom: calc(var(--fds-space) * 13px); }
    .ms\:fds-p-14 { padding: calc(var(--fds-space) * 14px); }.ms\:fds-pt-14 { padding-top: calc(var(--fds-space) * 14px); } .ms\:fds-pr-14 { padding-right: calc(var(--fds-space) * 14px); } .ms\:fds-pb-14 { padding-bottom: calc(var(--fds-space) * 14px); } .ms\:fds-pl-14 { padding-left: calc(var(--fds-space) * 14px); }.ms\:fds-px-14 { padding-left: calc(var(--fds-space) * 14px); padding-right: calc(var(--fds-space) * 14px); }.ms\:fds-py-14 { padding-top: calc(var(--fds-space) * 14px); padding-bottom: calc(var(--fds-space) * 14px); }

    /* Margin */
    .ms\:fds-m-0 { margin: calc(var(--fds-space) * 0px); }.ms\:fds-mt-0 { margin-top: calc(var(--fds-space) * 0px); } .ms\:fds-mr-0 { margin-right: calc(var(--fds-space) * 0px); } .ms\:fds-mb-0 { margin-bottom: calc(var(--fds-space) * 0px); } .ms\:fds-ml-0 { margin-left: calc(var(--fds-space) * 0px); }.ms\:fds-mx-0 { margin-left: calc(var(--fds-space) * 0px); margin-right: calc(var(--fds-space) * 0px); }.ms\:fds-my-0 { margin-top: calc(var(--fds-space) * 0px); margin-bottom: calc(var(--fds-space) * 0px); }
    .ms\:fds-m-1 { margin: calc(var(--fds-space) * 1px); }.ms\:fds-mt-1 { margin-top: calc(var(--fds-space) * 1px); } .ms\:fds-mr-1 { margin-right: calc(var(--fds-space) * 1px); } .ms\:fds-mb-1 { margin-bottom: calc(var(--fds-space) * 1px); } .ms\:fds-ml-1 { margin-left: calc(var(--fds-space) * 1px); }.ms\:fds-mx-1 { margin-left: calc(var(--fds-space) * 1px); margin-right: calc(var(--fds-space) * 1px); }.ms\:fds-my-1 { margin-top: calc(var(--fds-space) * 1px); margin-bottom: calc(var(--fds-space) * 1px); }
    .ms\:fds-m-2 { margin: calc(var(--fds-space) * 2px); }.ms\:fds-mt-2 { margin-top: calc(var(--fds-space) * 2px); } .ms\:fds-mr-2 { margin-right: calc(var(--fds-space) * 2px); } .ms\:fds-mb-2 { margin-bottom: calc(var(--fds-space) * 2px); } .ms\:fds-ml-2 { margin-left: calc(var(--fds-space) * 2px); }.ms\:fds-mx-2 { margin-left: calc(var(--fds-space) * 2px); margin-right: calc(var(--fds-space) * 2px); }.ms\:fds-my-2 { margin-top: calc(var(--fds-space) * 2px); margin-bottom: calc(var(--fds-space) * 2px); }
    .ms\:fds-m-3 { margin: calc(var(--fds-space) * 3px); }.ms\:fds-mt-3 { margin-top: calc(var(--fds-space) * 3px); } .ms\:fds-mr-3 { margin-right: calc(var(--fds-space) * 3px); } .ms\:fds-mb-3 { margin-bottom: calc(var(--fds-space) * 3px); } .ms\:fds-ml-3 { margin-left: calc(var(--fds-space) * 3px); }.ms\:fds-mx-3 { margin-left: calc(var(--fds-space) * 3px); margin-right: calc(var(--fds-space) * 3px); }.ms\:fds-my-3 { margin-top: calc(var(--fds-space) * 3px); margin-bottom: calc(var(--fds-space) * 3px); }
    .ms\:fds-m-4 { margin: calc(var(--fds-space) * 4px); }.ms\:fds-mt-4 { margin-top: calc(var(--fds-space) * 4px); } .ms\:fds-mr-4 { margin-right: calc(var(--fds-space) * 4px); } .ms\:fds-mb-4 { margin-bottom: calc(var(--fds-space) * 4px); } .ms\:fds-ml-4 { margin-left: calc(var(--fds-space) * 4px); }.ms\:fds-mx-4 { margin-left: calc(var(--fds-space) * 4px); margin-right: calc(var(--fds-space) * 4px); }.ms\:fds-my-4 { margin-top: calc(var(--fds-space) * 4px); margin-bottom: calc(var(--fds-space) * 4px); }
    .ms\:fds-m-5 { margin: calc(var(--fds-space) * 5px); }.ms\:fds-mt-5 { margin-top: calc(var(--fds-space) * 5px); } .ms\:fds-mr-5 { margin-right: calc(var(--fds-space) * 5px); } .ms\:fds-mb-5 { margin-bottom: calc(var(--fds-space) * 5px); } .ms\:fds-ml-5 { margin-left: calc(var(--fds-space) * 5px); }.ms\:fds-mx-5 { margin-left: calc(var(--fds-space) * 5px); margin-right: calc(var(--fds-space) * 5px); }.ms\:fds-my-5 { margin-top: calc(var(--fds-space) * 5px); margin-bottom: calc(var(--fds-space) * 5px); }
    .ms\:fds-m-6 { margin: calc(var(--fds-space) * 6px); }.ms\:fds-mt-6 { margin-top: calc(var(--fds-space) * 6px); } .ms\:fds-mr-6 { margin-right: calc(var(--fds-space) * 6px); } .ms\:fds-mb-6 { margin-bottom: calc(var(--fds-space) * 6px); } .ms\:fds-ml-6 { margin-left: calc(var(--fds-space) * 6px); }.ms\:fds-mx-6 { margin-left: calc(var(--fds-space) * 6px); margin-right: calc(var(--fds-space) * 6px); }.ms\:fds-my-6 { margin-top: calc(var(--fds-space) * 6px); margin-bottom: calc(var(--fds-space) * 6px); }
    .ms\:fds-m-7 { margin: calc(var(--fds-space) * 7px); }.ms\:fds-mt-7 { margin-top: calc(var(--fds-space) * 7px); } .ms\:fds-mr-7 { margin-right: calc(var(--fds-space) * 7px); } .ms\:fds-mb-7 { margin-bottom: calc(var(--fds-space) * 7px); } .ms\:fds-ml-7 { margin-left: calc(var(--fds-space) * 7px); }.ms\:fds-mx-7 { margin-left: calc(var(--fds-space) * 7px); margin-right: calc(var(--fds-space) * 7px); }.ms\:fds-my-7 { margin-top: calc(var(--fds-space) * 7px); margin-bottom: calc(var(--fds-space) * 7px); }
    .ms\:fds-m-8 { margin: calc(var(--fds-space) * 8px); }.ms\:fds-mt-8 { margin-top: calc(var(--fds-space) * 8px); } .ms\:fds-mr-8 { margin-right: calc(var(--fds-space) * 8px); } .ms\:fds-mb-8 { margin-bottom: calc(var(--fds-space) * 8px); } .ms\:fds-ml-8 { margin-left: calc(var(--fds-space) * 8px); }.ms\:fds-mx-8 { margin-left: calc(var(--fds-space) * 8px); margin-right: calc(var(--fds-space) * 8px); }.ms\:fds-my-8 { margin-top: calc(var(--fds-space) * 8px); margin-bottom: calc(var(--fds-space) * 8px); }
    .ms\:fds-m-9 { margin: calc(var(--fds-space) * 9px); }.ms\:fds-mt-9 { margin-top: calc(var(--fds-space) * 9px); } .ms\:fds-mr-9 { margin-right: calc(var(--fds-space) * 9px); } .ms\:fds-mb-9 { margin-bottom: calc(var(--fds-space) * 9px); } .ms\:fds-ml-9 { margin-left: calc(var(--fds-space) * 9px); }.ms\:fds-mx-9 { margin-left: calc(var(--fds-space) * 9px); margin-right: calc(var(--fds-space) * 9px); }.ms\:fds-my-9 { margin-top: calc(var(--fds-space) * 9px); margin-bottom: calc(var(--fds-space) * 9px); }
    .ms\:fds-m-10 { margin: calc(var(--fds-space) * 10px); }.ms\:fds-mt-10 { margin-top: calc(var(--fds-space) * 10px); } .ms\:fds-mr-10 { margin-right: calc(var(--fds-space) * 10px); } .ms\:fds-mb-10 { margin-bottom: calc(var(--fds-space) * 10px); } .ms\:fds-ml-10 { margin-left: calc(var(--fds-space) * 10px); }.ms\:fds-mx-10 { margin-left: calc(var(--fds-space) * 10px); margin-right: calc(var(--fds-space) * 10px); }.ms\:fds-my-10 { margin-top: calc(var(--fds-space) * 10px); margin-bottom: calc(var(--fds-space) * 10px); }
    
    .ms\:fds-flex-gap_column-0 { column-gap: calc(var(--fds-space) * 0px); }
    .ms\:fds-flex-gap_column-1 { column-gap: calc(var(--fds-space) * 1px); }
    .ms\:fds-flex-gap_column-2 { column-gap: calc(var(--fds-space) * 2px); }
    .ms\:fds-flex-gap_column-3 { column-gap: calc(var(--fds-space) * 3px); }
    .ms\:fds-flex-gap_column-4 { column-gap: calc(var(--fds-space) * 4px); }
    .ms\:fds-flex-gap_column-5 { column-gap: calc(var(--fds-space) * 5px); }
    .ms\:fds-flex-gap_column-6 { column-gap: calc(var(--fds-space) * 6px); }
    .ms\:fds-flex-gap_column-7 { column-gap: calc(var(--fds-space) * 7px); }
    .ms\:fds-flex-gap_column-8 { column-gap: calc(var(--fds-space) * 8px); }
    .ms\:fds-flex-gap_row-1 { row-gap: calc(var(--fds-space) * 1px); }
    .ms\:fds-flex-gap_row-2 { row-gap: calc(var(--fds-space) * 2px); }
    .ms\:fds-flex-gap_row-3 { row-gap: calc(var(--fds-space) * 3px); }
    .ms\:fds-flex-gap_row-4 { row-gap: calc(var(--fds-space) * 4px); }
    .ms\:fds-flex-gap_row-5 { row-gap: calc(var(--fds-space) * 5px); }
    .ms\:fds-flex-gap_row-6 { row-gap: calc(var(--fds-space) * 6px); }
    .ms\:fds-flex-gap_row-7 { row-gap: calc(var(--fds-space) * 7px); }
    .ms\:fds-flex-gap_row-8 { row-gap: calc(var(--fds-space) * 8px); }
    .ms\:fds-flex-gap-0 { gap: calc(var(--fds-space) * 0px); }
    .ms\:fds-flex-gap-1 { gap: calc(var(--fds-space) * 1px); }
    .ms\:fds-flex-gap-2 { gap: calc(var(--fds-space) * 2px); }
    .ms\:fds-flex-gap-3 { gap: calc(var(--fds-space) * 3px); }
    .ms\:fds-flex-gap-4 { gap: calc(var(--fds-space) * 4px); }
    .ms\:fds-flex-gap-5 { gap: calc(var(--fds-space) * 5px); }
    .ms\:fds-flex-gap-6 { gap: calc(var(--fds-space) * 6px); }
    .ms\:fds-flex-gap-7 { gap: calc(var(--fds-space) * 7px); }
    .ms\:fds-flex-gap-8 { gap: calc(var(--fds-space) * 8px); }

    /* Flex */
    .ms\:fds-wrap {
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .ms\:fds-flex-align_justify-left {
        justify-content: left;
    }
    .ms\:fds-flex-basis_auto { flex-basis: auto; }

    /* Line Height */
    .ms\:fds-lh-11 { line-height: calc(11 / var(--fds-line-height)) ; }
    .ms\:fds-lh-12 { line-height: calc(12 / var(--fds-line-height)) ; }
    .ms\:fds-lh-13 { line-height: calc(13 / var(--fds-line-height)) ; }
    .ms\:fds-lh-14 { line-height: calc(14 / var(--fds-line-height)) ; }
    .ms\:fds-lh-15 { line-height: calc(15 / var(--fds-line-height)) ; }

    /* Grid */
    .ms\:fds-gap_none { grid-gap: 0px; }
    .ms\:fds-gap_column-none { column-gap: 0px; }
    .ms\:fds-gap_column-3p {
        column-gap: 3%;
    }
    .ms\:fds-width_100 { width: 100%; }
    .ms\:fds-column_count-1 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        column-gap: calc(var(--fds-space) * 5px);
    }

    /* Width */
    .ms\:fds-w_100p {
        width: 100%;
    }
    .ms\:fds-w_50p {
        width: 50%;
    }

    /* Alignment */
    .ms\:fds-text-align_center {
        text-align: center;
    }
    .ms\:fds-text-align_left {
        text-align: left;
    }

    /* Fonts for MS */
    .fds-text-subheading {
        font-size: 16px;
        line-height: 1.38;
    }
    .fds-text-heading_medium {
        font-size: 24px;    /*28px in desktop*/
        line-height: 1.25;   /*1.21 in desktop*/
    }
    .fds-text-body_secondary {
        font-size: 16px;    /*18px in desktop*/
        line-height: 1.38;   /*1.33 in desktop*/
    }

    /* Component Specific */
    .fds-btn {
        width: 100%;
    }
    .fds-topic-icon {
        height: 81px;
        width: 81px;
    }
    .breadcrumb-topic {
        font-size: 16px;
        line-height: 1.38;
        min-height: 22px;
    }
    c-hubbl-sub-topics .fds-container {
        padding-right: 14px;
    }
    .fds-webform-submitted-icon-container {
        padding-bottom: 133.8px;
    }
    
    /* Button for MS */
    .fds-btn {
        padding: 8px 20px;
    }

    /* Display */
    .ms\:fds-display_block {
        display: block;
    }
    .ms\:fds-display_inline-block {
        display: inline-block;
    }
    .ms\:fds-flex-align_justify-center {
        justify-content: center;
    }

    .article lightning-formatted-rich-text img {
        width: 100%;
    }

}
/* Incident Banner */
@media screen and (max-width: 375px) {
    .incident-button {
        width: 160px !important;
    }
}

/* Topics */
@media screen and (max-width: 375px) {
    .hubbl-topics-wrapper {
        padding-top: 35px;
        padding-bottom: 37px;   
    }
    ul.hubbl-topics {
        row-gap: 14px;
        column-gap: 13px;
        justify-content: left;
    }
    ul.hubbl-topics li {
        width: 167px;
    }
    ul.hubbl-topics li a.topic {
        width: 167px;
        height: 150px;
        display: block;
        padding: 11px 2.7px 14.9px 2.7px;
        border-radius: 6.5px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
        border: solid 0.5px #dfdfe3;
    }
    .fds-topic-icon {
        height: 81px;
        width: 81px;
        margin: 0 auto;
    }
}


/* Popular Articles */
@media screen and (min-width: 696px) and (max-width: 1033px) {
    .popular-articles ul li.article-item.first-row:nth-child(3) c-hubbl-link a {
        border-top: none;
    }
}
@media screen and (max-width: 695px) {
    .popular-articles ul li.article-item.first-row:nth-child(2) c-hubbl-link a,
    .popular-articles ul li.article-item.first-row:nth-child(3) c-hubbl-link a {
        border-top: none;
    }
}
@media screen and (min-width: 376px) and (max-width: 1041px) {
    .popular-articles ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        column-gap: calc(var(--fds-space) * 5px);
    }
}
@media screen and (max-width: 375px) {
    .popular-articles ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        column-gap: 0;
    }
}

/* Contact Us */
@media screen and (max-width: 526px) {
    .contact-us-container {
        display: block;
    }
    .fds-live-chat-box, .fds-submit-enquiry-box {
        width: 100%;
    }
}

/* Topics and Sub-topics */
@media screen and (max-width: 671px) {
    .hubbl-topics-3-col { display: none; }
    .hubbl-topics-2-col { display: block; }
}
@media screen and (min-width: 670px) {
    .hubbl-topics-3-col { display: block; }
    .hubbl-topics-2-col { display: none; }
}
@media screen and (max-width: 1024px) {
    .breadcrumb-topics, .breadcrumb-topics > ul {
        display: block
    }
    .breadcrumb-topics > ul {
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .breadcrumb-topics > ul li {
        padding: 21px 0 20.5px;
        display: inline-block;
    }
    .breadcrumb-topics > ul li:not(:last-child) {
        margin-right: 21px;
    }
    /* .subtopics > ul li:not(:last-child) {
        margin-right: 7px;
    } */
    /* .hubbl-subtopics {
        background-color: var(--fds-color-white);
    }
    .hubbl-subtopics .fds-container {
        padding-right: 0px;
    }
    .subtopic {
        font-size: 13px;
        line-height: 1.31;
        color: #4b4f58;
        border: solid 1px #9f9f9f;
        border-radius: 18px;
        padding: 8px 14px 7px 14px;
    }
    .subtopic:hover,
    .subtopic:active,
    .subtopic:focus,
    .subtopic.active {
        color: #fff;
        text-decoration: none;
        border: solid 1px #ed1f3a;
        background-color: #ed1f3a;
    } */
    
}
@media screen and (max-width: 1170px) {
    .fds-header-container {
        width: 100%;
        padding: 0 14px;
    }
}
@media screen and (min-width: 351px) and (max-width: 450px) {
    .header-actions .login-btn {
        width: 109px;
    }
}
@media screen and (max-width: 350px) {
    .header-actions .login-btn {
        width: 100%;
    }
}
@media screen and (max-width: 350px) {
    .header-menu-list, .header-mobile-menu-list {
        width: 100%;
    }
}
@media screen and (min-width: 621px) {
    .header-mobile-menu-list {
        display: none;
    }
}
@media screen and (max-width: 620px) {
    .header-menu-links {
        display: none;
    }
    .header-icon {
        margin-right: 0px;
    }
    .header-mobile-menu {
        display: block;
    }
    .header-mobile-menu-list {
        display: block;
    }
}
@media screen and (min-width: 301px) and (max-width: 520px) {
    .community-header {
        height: 272px;
    }

    .community-header-title {
        font-size: 34px;
        margin-top: 37px;
        line-height: 2.06;  /*1.17 in desktop*/
        height: 65px;
        margin-bottom: 4px;
    }
    .fds-search-container {
        width: 251px;
    }
    .community-header-search-input {
        height: 41px;
        font-size: 16px;
        padding-left: 45px;
    }
}
@media screen and (max-width: 300px) {
    .fds-search-container {
        width: 100%;
    }
    .community-header-title {
        font-size: 30px;
        margin-top: 37px;
        line-height: 2.06;  /*1.17 in desktop*/
    }
}

/* Incident Banner */
@media screen and (max-width: 920px) {
    .fds-incident-banner {
        display: block;
    }
    .fds-incident-banner > div > div {
        padding: 13px 0;
    }
    .fds-incident-banner div.spacer {
        display: none;
    }
    .fds-incident-banner-message {
        max-width: 100%;
    }
    .fds-incident-banner .fds-btn {
        margin: 10px auto 0;
        display: block;
    }
}

/* Search */
@media screen and (max-width: 392px) {
    .fds-search-filter {
        width: 100%;
    }
}

/* Webform */
@media screen and (max-width: 810px) {
    .dynamic-webform-container {
        padding: 0;
    }
    .dynamic-webform {
        width: 100%;
    }
}

/* Footer */
@media screen and (max-width: 1051px) {
    .footer-hubbl-partners {
        box-shadow: none;
    }
    .footer-hubbl-about {
        border-top: 1px solid rgba(250, 250, 250, .2);
    }
}
@media screen and (min-width: 481px) and (max-width: 1051px) {
    .footer-hubbl-shop, .footer-hubbl-partners {
        width: 180px;
    }
}
@media screen and (max-width: 480px) {
    .footer-hubbl-shop, .footer-hubbl-partners {
        width: 50%;
    }
    .footer-hubbl-shop {
        padding-right: 10%;
    }
    .footer-hubbl-partners {
        padding-left: 10%;
    }
}

@media screen and (max-width: 375px) {
    .footer {
        padding-left: 7px; /*a total of 21px from Zeplin. so container(14px) + 7px*/
        padding-right: 7px; /*a total of 21px from Zeplin. so container(14px) + 7px*/
    }
}
@media screen and (min-width: 393px) and (max-width: 1051px) {
    .footer .fds-container {
        width: 375px;
    }
}

/* Chat */
@media screen and (max-width: 375px) {
    .forceCommunityEmbeddedServiceHelpButton .message,
    .sidebarMinimized .message {
        padding-left: 25.3px;
    }
}