/*----------------------------------------------------------------------

    [-----*** TABLE OF CONTENT ***-----]
    --Master Template 03/2023--

    1. General Layout
    2. Header
    3. Footer
    4. Banner
    5. Industry Solution Pages Icon Tabs Navigation
    6. Flex Box
    7. Heading & Paragraph
    8. Custom List
    9. Video Container & Video List
    10. FAQ
    11. Document
    12. Button Hover Effect
    13. Block Type
    14. Table
    15. Contact Box
    16. Img Box Shadow & Hover
    99. Old Template
-----------------------------------------------------------------------*/

/* ------------------------------

    [!!! Notes for z-index !!!]
    All because of the sidebar nav ~

    topcontrol (sroll top) => 100
    footer-v1 => 99
    fixedBreadcrumb (sticky 1) => 98
    fixedBreadcrumb (sticky 1) mobile => 101 to overwrite footer
    fixedBreadcrumb (sticky 2) => 97

----------------------------- */
/*#topcontrol {
    box-shadow: 0px 0px 2px 0px rgb(255 255 255);
}*/

/*Cookies Modal*/
.modal-header {
    border-bottom: 0px;
}

.modal-footer {
    border-top: 0px;
}

.modal-footer {
    text-align: center;
}

    .modal-footer .btn + .btn {
        margin-left: 25px;
    }

    .modal-footer button {
        margin-bottom: 10px !important;
    }

.modal .world-img {
    display: block;
    margin: 0 auto;
}

#cookiesModal, #selectLanguageModal {
    width: 100%;
    padding-right: 0px !important;
    top: auto;
}

    #cookiesModal .modal-dialog, #selectLanguageModal .modal-dialog {
        width: 100%;
        margin: 0px !important;
    }

    #cookiesModal .modal-content, #selectLanguageModal .modal-content {
        box-shadow: none;
        border: none;
        background-color: rgba(0,0,0,0.9);
        border-radius: 0;
    }

    #cookiesModal .modal-body, #selectLanguageModal .modal-body {
        display: inline-block;
    }

    #cookiesModal .modal-footer, #selectLanguageModal .modal-footer {
        display: inline-block;
    }

    #cookiesModal .modal-body p, #cookiesModal .modal-header h3, #selectLanguageModal .modal-body p, #selectLanguageModal .modal-header h3 {
        color: #fff !important;
    }

/*----------------------------------------------------
    
    [-----*** General Layout ***-----]

----------------------------------------------------*/
/* Added on 27/03/2023 MinEn*/
html, body {
    font-size: 100%;
    font-family: 'Archivo', sans-serif;
    color: #3c3c3c;
}

.wrapper {
    background-color: #fff;
}

.fc-container {
    max-width: 99rem;
    height: 100%;
    margin: 0 auto;
    padding: 0px 15px;
}

    .fc-container.fc-container-v2 {
        padding: 32px 15px 80px;
    }

@media (max-width: 1199px) {
    .fc-container, .fc-container.fc-container-v2 {
        padding: 0px;
    }
}

.h1, .h2, .h3, h1, h2, h3, h4, h5, h6, p {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin: 0px;
}

    b, .h1 b, .h2 b, .h3 b, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, p b {
        font-weight: 500 !important;
    }


.hidden-text a {
    color: transparent !important;
}

.mobile-hide {
    display: inline;
}

.desktop-hide {
    display: none !important;
}

.btn-mobile-hide, .inline-mobile-hide {
    display: inline-block;
}

.btn-desktop-hide, .inline-desktop-hide {
    display: none !important;
}

.table-mobile-hide {
    display: table;
}

.table-desktop-hide {
    display: none !important;
}

.table-cell-mobile-hide {
    display: table-cell;
}

.table-cell-desktop-hide {
    display: none !important;
}


@media(max-width: 991px) {
    .mobile-hide {
        display: none !important;
    }

    .desktop-hide {
        display: block !important;
    }

    .btn-mobile-hide, .inline-mobile-hide {
        display: none !important;
    }

    .btn-desktop-hide, .inline-desktop-hide {
        display: inline-block !important;
    }

    .table-mobile-hide {
        display: none !important;
    }

    .table-desktop-hide {
        display: table !important;
    }

    .table-cell-mobile-hide {
        display: none !important;
    }

    .table-cell-desktop-hide {
        display: table-cell !important;
    }
}

a:hover, a:focus, a:active {
    text-decoration: none;
}

.fc-mobile-hide {
    display: block;
}

.fc-desktop-hide {
    display: none;
}

.fc-inline-mobile-hide {
    display: inline-block;
}

.fc-inline-desktop-hide {
    display: none;
}

@media(max-width: 767px) {
    .fc-inline-mobile-hide {
        display: none;
    }

    .fc-inline-desktop-hide {
        display: inline-block;
    }

    .fc-mobile-hide {
        display: none;
    }

    .fc-desktop-hide {
        display: block;
    }
}

/* END Added on 27/03/2023 MinEn*/
/*Exclude Country for details*/
.fc-country-hide {
    display: none;
}

.fc-country-hide-block-show {
    display: block !important;
}

.fc-country-hide-flex-show {
    display: flex !important;
}
/*End - Exclude Country for details*/

/* Added on 18/12/2018 MinEn*/
/*body {
    font-family: 'Roboto', sans-serif !important;
}*/


/*.container {
    padding-left: 0px;
    padding-right: 0px;
}*/

.font-white h1, .font-white h2, .font-white h3, .font-white h4, .font-white h5, .font-white h6, .font-white p {
    color: white !important;
}

.font-white {
    color: #ffffff !important;
}

.content {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.main-container {
    /*background-color: white;
    padding: 0px;
    box-shadow: 0 0 20px 0px #bbb;*/
    background-color: transparent;
    padding: 0px;
    box-shadow: none;
}

    .main-container.full-width-layout {
        margin-bottom: 50px;
        padding-top: 35px;
    }

@media(max-width: 992px) {
    .main-container.full-width-layout {
        padding-top: 0px;
    }
}

.menu-content {
    /*background-color: #fff;*/
    padding: 0px;
}

/*#home .section {
    margin-bottom: 25px;
}*/

.layer3 > .section {
    padding: 15px 30px;
}

.section {
    background-color: #ffffff;
    padding: 30px;
}

.section-v2 {
    background-color: #ffffff;
    padding: 40px 30px;
}

.section-v2-block {
    padding: 30px 15px;
}

.section-v2-title {
    padding: 30px 30px 0px 30px;
}

    .section-v2-title h1.heading6, .section-v2-title h2.heading6 {
        padding-bottom: 0px;
    }

.section-v3 {
    background-color: #ffffff;
    padding: 60px 0px;
}

@media(max-width: 992px) {
    .section-v3 {
        padding: 60px 30px;
    }
}

@media (max-width: 540px) {
    .section-v3 {
        padding: 30px 15px;
    }
}

/*.bg-transparent {
    background-color: transparent !important;
    padding: 30px 0px !important
}

.bg-grey {
    background-color: #f7f7f7 !important;
}

.bg-grey2 {
    background-color: #cfcfcf !important;
    border: 0px !important;
}

.bg-grey3 {
    background-color: #ebebeb !important;
    border: 0px !important;
}

.bg-grey4 {
    background-color: #f7f7f7 !important;
    border: 0px !important;
}

.bg-grey5 {
    background-color: #424a57 !important;
    border: 0px !important;
}*/

.bg-grey5 .heading1, .bg-grey5 .heading2, .bg-grey5 .heading3, .bg-grey5 .heading4, .bg-grey5 .heading5, .bg-grey5 .heading6, .bg-grey5 .paragraph2 {
    color: #fff !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.section-no-horizontal-padding {
    background-color: #ffffff;
    padding: 30px 0px !important;
}

.section-no-padding {
    background-color: #ffffff;
    padding: 0px !important;
}

.section-no-vertical-padding {
    background-color: #ffffff;
    padding: 0px 30px !important;
}

.first-section {
    padding: 30px 30px 15px !important;
}

.last-section {
    padding: 15px 30px 30px !important;
}

.section > .bg-white.section:last-child {
    padding-bottom: 0px;
}

.bg-white + .section-divider {
    padding-top: 20px;
}

.section-spacing-top {
    margin-top: 25px !important;
}

.section-spacing-top-v2 {
    margin-top: 40px !important;
}

.section-spacing-bottom {
    margin-bottom: 25px !important;
}

.grey-section-spacing {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
}

@media(max-width: 992px) {
    .grey-section-spacing {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
}

.breadcrumbs > .container {
    padding-left: 0px;
    padding-right: 0px;
}

.breadcrumbs .breadcrumb {
    padding: 8px 30px;
    margin-bottom: 0px;
    top: 0px;
}

.whitebg-img img {
    background: white;
}


@media(min-width: 768px) {
    .breadcrumbs .breadcrumb {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.login-portal {
    padding: 5px !important;
    margin: 0px !important;
}

.right-sidebar {
    padding-left: 15px !important;
    padding-bottom: 25px;
}

    .right-sidebar .section {
        padding: 10px 30px 20px !important;
    }


.btnContainer {
    padding-top: 10px;
}

.color-theme, .underlined-theme {
    color: #166BFF !important;
}

.color-theme-2, .underlined-theme {
    color: #F8AC00 !important;
}

.partner-contact {
    color: #166BFF !important;
    cursor: pointer;
    text-decoration: underline;
}


.color-white {
    color: #ffffff !important;
}

.color-grey {
    color: #535051 !important;
}



@media(max-width: 992px) {
    .menu-content {
        /*background-color: #fff;*/
        /*padding: 15px 0px;*/
    }

    .mobile-column-reverse {
        flex-direction: column-reverse;
    }

    .btn-mobile-center {
        text-align: center;
    }

    .right-sidebar .section:first-child {
        margin-top: 30px;
    }

    /*Full-width version*/
    .section-v2 {
        padding: 30px 15px;
    }

    .section-v2-block {
        padding: 30px 0px;
    }

    .section-v2-title {
        padding: 30px 0px 0px;
    }

    .container-mobile {
        padding-left: 0px;
        padding-right: 0px;
    }

    .layer3 > .section {
        padding: 15px 30px;
    }

    .last-section {
        padding: 15px 30px 30px !important;
    }
}

@media (max-width: 1199px) {
    .main-container {
        box-shadow: none;
    }

    .section-v2 {
        padding: 30px 15px;
    }
}

@media(max-width: 768px) {
    .bg-transparent {
        background-color: transparent !important;
        padding: 25px 30px !important;
    }
}


@media(max-width: 425px) {
    .mobile-section-no-vertical-padding {
        padding: 0px 15px !important;
    }

    .mobile-section-no-padding {
        padding: 0px !important;
    }

    .mobile-section-no-horizontal-padding {
        padding: 30px 0px !important;
    }

    .mobile-section-no-top-padding {
        padding: 0px 15px 30px !important;
    }

    #product-video {
        background-color: #fff !important;
    }
}

#product-video {
    background-color: #2b3443;
}


/*Content align center with width*/
.content-center, .content-center-v2 {
    text-align: center;
    padding: 0px;
}

/*        .content-center p {
            width: 100%;
            margin: auto;
        }

    @media(max-width: 992px) {
        .content-center p {
            width: 100%;
        }
    }*/
/*END - Content align center with width*/
/*Content in Box*/
.img-box-shadow .flex-box {
    padding: 30px;
}
/*END Content in Box*/

/*Fix Centent Length*/
.fixContentLenght {
    display: -webkit-box;
    /*-webkit-line-clamp: 4; - self put on the page to fix the num. of line*/
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*Content Align Right*/
.align-right {
    text-align: right;
}

/*----------------------------------------------------

    [-----*** Header ***-----]

----------------------------------------------------*/

/*Added on 27/03/2023 MinEn*/
/*body.header-fixed-space-v2 {
    padding-top: 50px;
}*/

@media (max-width: 992px) {
    body.header-fixed-space, body.header-fixed-space-v2 {
        padding-top: 0px;
    }
}

#ffc-logo {
    height: 20px;
    width: auto;
    margin: 10px 0px;
}

.header-v8 {
    box-shadow: none;
    border-bottom: 1px solid #D9D9D9;
}

    .header-v8 .fc-container {
        padding: 0px;
    }

    .header-v8 .navbar-nav > li > a {
        color: #3c3c3c !important;
        font-size: 0.9375rem;
        font-family: 'Archivo', sans-serif;
        font-weight: 400;
        letter-spacing: 0.48px;
        text-transform: none;
    }

    .header-v8 .navbar-brand {
        height: 50px;
        padding: 5px 35px 5px 15px;
    }

@media (max-width: 1200px) {
    .header-v8 .navbar-brand {
        padding: 5px 15px;
    }
}

.header-v8 .nav.navbar-nav > li.dropdown > a, .header-v8 .nav.navbar-nav > li.icon-menu > a, .header-v8 .nav.navbar-nav > li.icon-menu > i {
    height: 50px;
    max-height: 50px;
}

.header-v8 .nav.navbar-nav > li.icon-menu > i {
    padding: 0px 20px 0px 25px;
}

.header-v8 .nav.navbar-nav > li.icon-menu > a {
    padding: 0px 20px;
}

.header-fixed .header-v8.header-sticky {
    position: sticky;
}

@media (max-width: 1200px) {
    .header-v8 .navbar-toggle {
        margin-right: 15px;
    }
}
/*Added on 27/03/2023 MinEn End*/


/*Right Side Icon Menu*/
li.icon-menu > a {
    display: flex;
    align-items: center;
}

li.icon-menu:hover .nav-icon path {
    stroke: #166BFF;
}
/*Language Dropdown*/
select#languageSelector {
    color: #fff;
    border: 0;
    margin-top: 40px;
    background-color: #444;
    padding: 5px;
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
    float: right;
}

.top-dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2;
    margin-top: 0;
    right: 10%;
}

    .dropdown-content a {
        color: black !important;
        text-align: center;
        padding: 5px;
        text-decoration: none;
        display: block;
        font-size: 12px;
    }

        .dropdown-content a:hover {
            background-color: #ddd;
        }

/*.top-dropdown:hover .dropdown-content {
    display: block;
}*/

.top-dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

/*Search Box*/

.topbar-list > li {
    font-size: 12px;
}

.topbar-list > li {
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: normal;
    letter-spacing: 0.25px;
    text-transform: none;
}

    .topbar-list > li:before {
        display: none;
    }

.topbar-list > .topbar-nav {
    transform: skewX(20deg);
    z-index: 2;
}

    .topbar-list > .topbar-nav:hover {
        background-color: #166BFF;
    }

.topbar-list .topbar-nav > a {
    display: inline-block;
    transform: skewX(-20deg);
    height: 25px;
    line-height: 25px;
}

@media (max-width: 992px) {
    .topbar-list {
        padding: 0px 15px;
        display: inline-flex;
        align-items: center;
        height: 100%;
    }

    .topbar_v2 {
        float: right;
        padding: 5px 0px;
        height: 50px;
    }

    .topbar-list > li {
        color: #333;
        font-size: 18px !important;
    }

        .topbar-list > li .fa {
            color: #3c3c3c;
        }

    .topbar_v2 .topbar-list > li {
        padding: 8px 15px;
    }

    .topbar-list li a:hover .fa, .topbar-list li a:active .fa {
        color: #3c3c3c;
    }
}

@media (max-width: 340px) {
    .topbar_v2 .topbar-list > li {
        padding: 6px 10px;
    }
}

.has-search {
    margin-bottom: 0px;
}

    .has-search .form-control {
        padding: 0px 0px 0px 30px;
        height: 25px;
        border-radius: 25px;
        max-width: 150px;
    }

    .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        pointer-events: none;
        color: #aaa;
        top: auto;
        right: auto;
        margin: 0px 5px;
    }

.topbar-list .search-open {
    margin-top: 10.5px;
}

/*Form*/
label.control-label {
    font-family: 'Archivo', sans-serif !important;
    font-size: 1rem;
    font-weight: 300;
    color: #666666;
    line-height: 22.4px;
    letter-spacing: 0.48px;
    padding-right: 16px;
    padding-left: 0px;
    /*margin-left: 7px;*/
}
/*Form*/

/*Login Form*/
.login-dropdown .dropdown-menu {
    padding: 20px;
    width: 300px;
    display: block;
}

.login-dropdown .portalLoginTitle {
    margin-top: 5px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    font-size: 16px;
    font-family: "Open Sans", Arial, sans-serif;
}

.login-dropdown .portalLink {
    text-align: center;
    margin-top: 10px;
}

    .login-dropdown .portalLink a {
        color: #337ab7;
    }

        .login-dropdown .portalLink a:hover {
            text-decoration: underline;
        }

.gsc-control-cse {
    padding: 0px !important;
    border-width: 0px !important;
}

form.gsc-search-box, table.gsc-search-box {
    margin-bottom: 0px !important;
}

.gsc-search-box .gsc-input {
    padding: 0px 4px 0px 6px !important;
}

#gsc-iw-id1, #gsc-iw-id2 {
    height: auto !important;
    padding: 0px !important;
    box-shadow: none !important;
}

#gs_tti50, #gs_tti51 {
    padding: 0px !important;
}

#gsc-i-id1, #gsc-i-id2 {
    height: 25px !important;
    padding: 0px !important;
    background: none !important;
    text-indent: 0px !important;
}

.gsib_b {
    display: none;
}

button.gsc-search-button {
    display: block;
    width: 13px !important;
    height: 13px !important;
    border-width: 0px !important;
    margin: 0px !important;
    padding: 10px 6px 10px 13px !important;
    outline: none;
    cursor: pointer;
    box-shadow: none !important;
    box-sizing: content-box !important;
}

.gsc-search-button-v2 svg {
    fill: #aaa !important;
}

.gsc-branding {
    display: none !important;
}

.gsc-control-cse, #gsc-iw-id1, #gsc-iw-id2 {
    background-color: transparent !important;
    border: none !important;
}

/* Changing placeholder color of search box */

#gsc-i-id1::-webkit-input-placeholder, #gsc-i-id2::-webkit-input-placeholder {
    /* Chrome */
    color: #aaa;
}

#gsc-i-id1:-ms-input-placeholder, #gsc-i-id2:-ms-input-placeholder {
    /* IE 10+ */
    color: #aaa;
}

#gsc-i-id1::-moz-placeholder, #gsc-i-id2::-moz-placeholder {
    /* Firefox 19+ */
    color: #aaa;
    opacity: 1;
}

#gsc-i-id1:-moz-placeholder, #gsc-i-id2:-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #aaa;
    opacity: 1;
}

#navbar-search-box {
    width: 150px;
    height: 25px;
    margin: 0 auto;
    background-color: #fff;
    padding: 0px 5px;
    border: 1px solid #ccc;
    /*box-shadow: 0px 0px 0px 2px #038860;*/
    border-radius: 40px;
    vertical-align: bottom;
    display: inline-block;
}

#gsc-i-id1, #gsc-i-id2 {
    color: #333;
    font-size: 14px;
}

button.gsc-search-button {
    padding: 0px 5px !important;
    background-color: transparent !important;
}
/*Right Side Icon Menu End*/
/*----------------------------------------------------

    [-----*** Footer ***-----]

----------------------------------------------------*/
#footer-v1 .fc-footer {
    padding-top: 48px;
    padding-bottom: 64px;
    display: flex;
}

    #footer-v1 .fc-footer .fc-footer-col1, #footer-v1 .fc-footer .fc-footer-col2, #footer-v1 .fc-footer .fc-footer-col3 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 calc(16.66%);
        -ms-flex: 1 1 calc(16.66%);
        flex: 1 1 calc(16.66%);
        padding-right: 64px;
    }

    #footer-v1 .fc-footer .fc-footer-col4 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 calc(49.99%);
        -ms-flex: 1 1 calc(49.99%);
        flex: 1 1 calc(49.99%);
    }

        #footer-v1 .fc-footer .fc-footer-col4 .fc-footer-content {
            display: flex;
        }

        #footer-v1 .fc-footer .fc-footer-col4 .fc-footer-right-col {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(33.33%);
            -ms-flex: 1 1 calc(33.33%);
            flex: 1 1 calc(33.33%);
            padding-right: 64px;
        }

    #footer-v1 .fc-footer .fc-footer-title {
        font-family: 'Archivo', sans-serif !important;
        font-size: 0.875rem;
        font-weight: 500;
        color: #323232;
        line-height: 19.6px;
        letter-spacing: 0.72px;
        padding-bottom: 20px;
    }

    #footer-v1 .fc-footer .fc-footer-paragraph {
        font-family: 'Archivo', sans-serif !important;
        font-size: 0.875rem;
        font-weight: 300;
        color: #666666;
        line-height: 19.6px;
        letter-spacing: 0.28px;
        padding-bottom: 12px;
    }

        #footer-v1 .fc-footer .fc-footer-paragraph:hover a, #footer-v1 .fc-footer .fc-footer-paragraph:focus a {
            color: #166BFF;
            text-decoration: underline;
        }

#footer-v1 .fc-footer-info {
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid #D9D9D9;
    display: flex;
    justify-content: space-between;
}

    #footer-v1 .fc-footer-info .fc-footer-copyright {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 calc(50%);
        -ms-flex: 1 1 calc(50%);
        flex: 1 1 calc(50%);
        display: flex;
    }

        #footer-v1 .fc-footer-info .fc-footer-copyright .fc-footer-copyright-right {
            display: flex;
            flex-direction: row;
        }

    #footer-v1 .fc-footer-info .fc-footer-sns {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 calc(50%);
        -ms-flex: 1 1 calc(50%);
        flex: 1 1 calc(50%);
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    #footer-v1 .fc-footer-info .fc-footer-content-text {
        font-family: 'Archivo', sans-serif !important;
        font-size: 0.875rem;
        font-weight: 300;
        color: #666666;
        line-height: 33.6px;
        letter-spacing: 0.28px;
        padding-right: 20px;
    }

        #footer-v1 .fc-footer-info .fc-footer-content-text:last-child {
            padding-right: 0px;
        }

    #footer-v1 .fc-footer-info .fc-footer-copyright-left {
        padding-right: 20px;
    }

    #footer-v1 .fc-footer-info .fc-footer-content-text:hover a, #footer-v1 .fc-footer-info .fc-footer-content-text:focus a {
        color: #166BFF;
        text-decoration: underline;
    }

@media (max-width: 1200px) {
    #footer-v1 .fc-footer {
        flex-wrap: wrap;
        padding-top: 32px;
        padding-left: 33px;
        padding-right: 33px;
        padding-bottom: 32px;
    }

        #footer-v1 .fc-footer .fc-footer-col4 {
            padding-top: 32px;
        }

    #footer-v1 .fc-footer-info {
        padding-top: 16px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
        border-top: 1px solid #D9D9D9;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

        #footer-v1 .fc-footer-info .fc-footer-sns {
            justify-content: flex-start;
        }
}

@media (max-width: 767px) {
    #footer-v1 .fc-footer {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 32px;
        flex-wrap: wrap;
        padding-top: 32px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 32px;
    }

        #footer-v1 .fc-footer .fc-footer-col1, #footer-v1 .fc-footer .fc-footer-col2, #footer-v1 .fc-footer .fc-footer-col3 {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
            padding-right: 0px;
        }



        #footer-v1 .fc-footer .fc-footer-col4 {
            padding-top: 0px;
        }

            #footer-v1 .fc-footer .fc-footer-col4 .fc-footer-content {
                display: flex;
                flex-wrap: wrap;
            }

                #footer-v1 .fc-footer .fc-footer-col4 .fc-footer-content .fc-footer-right-col {
                    -webkit-box-flex: 1;
                    -webkit-flex: 1 1 calc(50%);
                    -ms-flex: 1 1 calc(50%);
                    flex: 1 1 calc(50%);
                    padding-right: 0px;
                }

        #footer-v1 .fc-footer .fc-footer-content-row {
            display: flex;
            flex-direction: row;
        }

            #footer-v1 .fc-footer .fc-footer-content-row .fc-footer-content-col {
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 50%;
                -ms-flex: 1 1 50%;
                flex: 1 1 50%;
                padding-right: 0px;
            }

    #footer-v1 .fc-footer-info {
        padding-top: 16px;
        padding-bottom: 10px;
        padding-left: 16px;
        padding-right: 16px;
        border-top: 1px solid #D9D9D9;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

        #footer-v1 .fc-footer-info .fc-footer-copyright {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(100%);
            -ms-flex: 1 1 calc(100%);
            flex: 1 1 calc(100%);
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

        #footer-v1 .fc-footer-info .fc-footer-sns {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(100%);
            -ms-flex: 1 1 calc(100%);
            flex: 1 1 calc(100%);
            display: flex;
            justify-content: flex-start;
            width: 100%;
        }
}
/*----------------------------------------------------
    
    [-----*** Flex Box ***-----]
    flex-box : 50% 50% center
    flex-box-top :50% 50% top
    flex-box-1 : 40% 60%
    flex-box-2 : 60% 40%
    flex-box-3 : 25% * 4
    flex-box-4 : 33.33% * 3
    flex-box-5 : 35% 65%
    flex-box-6 : 65% 35%
    flex-box-7 : 50% 25% 25%
    flex-box-8 : 30% 70%
    flex-box-9 : 70% 30%
    flex-box-10: 75% 25%
    flex-box-11: 25% 75%
    flex-box-12 : 20% * 5
    flex-box-13 : 16.66% * 6
    flex-box-14 : 10% 90%
    related-product-container : 10% 80% 10%
    single-video-container: 65% box
----------------------------------------------------*/
.flex-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    margin-left: -15px;
    margin-right: -15px;
}

.flex-box-start {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    -ms-grid-row-align: start;
    align-items: start;
}

.flex-box > div, .flex-box-top > div {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
    /*margin-bottom: 15px;
         margin-top: 15px;*/
}
/*TODO Revert, use new class*/
/*Children = <a> tag version*/
.flex-box-top > a:first-child {
    width: 25%;
}

.flex-box-top > a:last-child {
    width: 75%;
}

/*        .flex-box > div:first-child, .flex-box-top > div:first-child {
            padding-left: 15px;
            padding-right: 15px;
            width: 50%;
            margin-bottom: 15px;
         margin-top: 15px;
        }*/

/*.flex-box > div:last-child, .flex-box-top > div:last-child {
            padding-left: 15px;
            padding-right: 15px;
            width: 100%;*/
/*margin-bottom: 15px;
         margin-top: 15px;*/
/*}*/

.flex-box > div > img, .flex-box-top > div > img {
    margin: 0px auto !important;
}



.flex-box-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
    margin-left: -15px;
    margin-right: -15px;
}

    .flex-box > .flex-box, .flex-box-top > .flex-box, .flex-box > .flex-box-top, .flex-box-top > .flex-box-top {
        margin-top: 0px !important;
    }


/*related Product Layout*/
.related-product-container {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

    .related-product-container > div:first-child, .related-product-container > div:last-child {
        width: 50px;
        align-self: center;
    }

    .related-product-container > div:last-child {
        text-align: right;
    }

    .related-product-container .sliderGallery {
        width: calc(100% - 100px);
        max-height: 250px;
    }

@media(min-width: 992px) {
    .flex-box > div, .flex-box-top > div {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        width: 50%;
    }

    /*Ratio 2:3*/
    .flex-box-1 > div:first-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        width: 40%;
    }

    .flex-box-1 > div:last-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        width: 60%;
        padding-left: 15px;
    }

    /*Ratio 3:2*/
    .flex-box-2 > div:first-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        width: 60%;
        padding-right: 15px;
    }

    .flex-box-2 > div:last-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        width: 40%;
        padding-left: 45px;
    }

    .flex-box-3 > div {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 calc(25% - 25px);
        -ms-flex: 1 1 calc(25% - 25px);
        flex: 1 1 calc(25% - 25px);
        width: 25% !important;
    }

    .flex-box-4 > div {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        width: 33.33% !important;
    }

    /*Ratio 3:7*/
    .flex-box-5 > div:first-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        width: 35%;
        padding-right: 15px;
    }

    .flex-box-5 > div:last-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        width: 65%;
        padding-left: 15px;
    }

    /*Ratio 7:3*/
    .flex-box-6 > div:first-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        width: 65%;
        padding-right: 15px;
    }

    .flex-box-6 > div:last-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        width: 35%;
        padding-left: 15px;
    }

    .flex-box-7 > div:first-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        width: 50%;
        padding-right: 30px;
        border-right: 1px solid #E4E3E3;
    }

    .flex-box-7 > div {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        width: 25%;
        padding: 0px 30px;
        border-right: 1px solid #E4E3E3;
    }

        .flex-box-7 > div:last-child {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 25%;
            -ms-flex: 1 1 25%;
            flex: 1 1 25%;
            width: 25%;
            padding-left: 30px;
            border-right: none;
        }

    .flex-box-8 > div:first-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        width: 30%;
        padding-right: 15px;
    }

    .flex-box-8 > div:last-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        width: 70%;
        padding-left: 15px;
    }

    .flex-box-9 > div:first-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        width: 70%;
        padding-right: 15px;
    }

    .flex-box-9 > div:last-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        width: 30%;
        padding-left: 15px;
    }

    .flex-box-10 > div:first-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        width: 75%;
        padding-right: 15px;
    }

    .flex-box-10 > div:last-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        width: 25%;
        padding-left: 15px;
    }

    .flex-box-11 > div:first-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        width: 25%;
        padding-right: 15px;
    }

    .flex-box-11 > div:last-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        width: 75%;
        padding-left: 15px;
    }

    .flex-box > div > img, .flex-box-top > div > img {
        height: auto;
        width: auto;
        margin: 0px auto;
    }

    .flex-box-12 > div {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    }

    .flex-box-13 > div {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 16.66%;
        -ms-flex: 1 1 16.66%;
        flex: 1 1 16.66%;
        width: 16.66% !important;
    }

    /*Ratio 1:9*/
    .flex-box-14 > div:first-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        width: 10%;
        padding-right: 5px;
    }

    .flex-box14 > div:last-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        width: 90%;
        padding-left: 5px;
        /*Ratio 1:9 but for the case where both children are <a> tags*/
        .flex-box-14 > a:first-child

{
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    width: 10%;
    padding-right: 5px;
}

.flex-box14 > a:last-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    -ms-flex: 1 1 90%;
    flex: 1 1 90%;
    width: 90%;
    padding-left: 5px;
}

}
}


@media(max-width: 992px) {
    .flex-box > div, .flex-box-top > div {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

        .flex-box > div:not(:last-child), .flex-box-top > div:not(:last-child) {
            margin-bottom: 25px;
        }

    .flex-box.mobile-column-reverse > div:first-child, .flex-box-top.mobile-column-reverse > div:first-child {
        margin-bottom: 0px;
    }

    .flex-box.mobile-column-reverse > div:last-child, .flex-box-top.mobile-column-reverse > div:last-child {
        margin-bottom: 25px;
    }
}

.single-video-container {
    /*width: 60%;*/
    width: 100%;
    margin: 0px auto;
}

@media(max-width: 425px) {
    .single-video-container {
        width: 100%;
        margin: 0px auto;
    }
}

@media (max-width:992px) {
    .flex-box-mobile {
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

        .flex-box-mobile > div {
            margin-bottom: 0px !important;
        }
}


/*Navigation Bar Part*/

/*----------------------------------------------------
    
    [-----*** Full Image Content ***-----]

----------------------------------------------------*/

.full-image-section {
    padding: 0px;
}

    .full-image-section .flex-box {
        margin: 0px;
    }

.full-image-content {
    padding: 30px !important;
}

@media (max-width:992px) {
    .full-image-content {
        padding: 30px 15px !important;
        margin-bottom: 0px !important;
    }
}


/*----------------------------------------------------
    
    [-----*** Heading & Paragraph ***-----]

----------------------------------------------------*/

.heading1 {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 27px !important;
    color: #2E2A2B;
    line-height: 1.2 !important;
    margin: 0;
    padding-bottom: 10px;
    letter-spacing: -0.25px;
    word-spacing: -1px;
}

.heading2 {
    font-family: 'Work Sans', sans-serif !important;
    font-size: 20px !important;
    color: #323232;
    margin-bottom: 0.5em;
    font-weight: 500;
    letter-spacing: -0.25px;
}

.heading3 {
    font-family: 'Work Sans', sans-serif !important;
    font-size: 17px !important;
    /*color: #3a3637;*/
    color: #2E2A2B;
    /*margin-bottom: 0.5em;*/
    font-weight: 500;
    letter-spacing: -0.5px;
}

.heading4 {
    font-family: 'Work Sans', sans-serif !important;
    font-size: 15px !important;
    /*color: #3a3637;*/
    color: #2E2A2B;
    margin-bottom: 0.5em;
    font-weight: 500;
    letter-spacing: -0.5px;
}

.heading5 {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 300 !important;
    font-size: 32px !important;
    color: #2E2A2B;
    line-height: 1.1 !important;
    margin: 0;
    padding-bottom: 15px;
    letter-spacing: -0.25px;
}

.heading6 {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 32px !important;
    color: #323232;
    line-height: 1.2 !important;
    margin: 0;
    padding-bottom: 15px;
    letter-spacing: -1px;
    word-spacing: 0;
}

.heading7 {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 23px !important;
    color: #2E2A2B;
    line-height: 1.3 !important;
    margin: 0;
    padding-bottom: 10px;
    letter-spacing: -0.5px;
    word-spacing: -1px;
}

.heading8 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    color: #3A3637;
    line-height: 1.4;
    letter-spacing: 0.25px;
}

.heading9 {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 40px !important;
    color: #323232;
    line-height: 1.3 !important;
    margin: 0;
    padding-bottom: 15px;
    letter-spacing: -1px;
    word-spacing: -1px;
}



@media(max-width: 768px) {
    .heading6-withoutbg {
        background-color: transparent !important;
        padding: 0px 30px 10px 30px !important;
    }
}

.paragraph1 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500;
    color: #3a3637;
    letter-spacing: 0.25px;
    line-height: 1.4 !important;
}

.paragraph2 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px !important;
    font-weight: normal;
    color: #535051 !important;
    line-height: 1.4 !important;
    margin: 0;
    margin-bottom: 15px;
    letter-spacing: 0.25px;
}

.paragraph3 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500;
    color: #166BFF;
    letter-spacing: 0.25px;
    line-height: 1.4 !important;
}

.paragraph4 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400;
    color: #666666 !important;
    line-height: 1.5 !important;
    margin: 0;
    margin-bottom: 10px;
    letter-spacing: 0.25px;
    word-spacing: 0.5px;
}

.paragraph5 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px !important;
    font-weight: 500;
    color: #2E2A2B !important;
    line-height: 1.5 !important;
    margin: 0;
    margin-bottom: 10px;
    letter-spacing: 0.25px;
    word-spacing: 0.5px;
}


@media(max-width: 992px) {
    .heading1 {
        font-size: 25px !important;
        line-height: 1.2 !important;
    }

    .heading6 {
        font-size: 30px !important;
    }

    .heading7 {
        font-size: 20px !important;
    }

    .paragraph4 {
        font-size: 14px !important;
    }

    h2.heading6 {
        font-size: 25px !important;
    }

    .heading9 {
        font-size: 34px !important;
    }
}

.heading1 + .heading4 {
    margin-top: -7px;
}

.heading-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

    .heading-container .heading1 {
        padding-bottom: 0px;
    }


/*    .full-width-layout h2.heading6, p.paragraph4 {
        font-weight: 400 !important;
    }*/

.full-width-layout p.paragraph4 {
    margin-bottom: 20px !important;
}

@media(max-width: 992px) {
    .full-width-layout h2.heading6 {
        font-size: 25px !important;
        font-weight: 500 !important;
    }

    p.paragraph4.no-btn-bottom {
        margin-bottom: 0px !important;
    }

    .custom-bullet.no-btn-bottom {
        margin-bottom: 0px;
    }

    .full-width-layout .heading-container {
        flex-direction: column;
        text-align: center;
    }

        .full-width-layout .heading-container h2.heading1 {
            padding-bottom: 15px;
        }
}

.bold-text {
    font-weight: 500 !important;
}

/*Reseller Profile Foreign Language*/
.foreign-lang {
    color: #2E2A2B !important;
    font-weight: 500 !important;
    opacity: 1;
}

/*----------------------------------------------------
    
    [-----*** Sub Nav Bar ***-----]

----------------------------------------------------*/
.fc-subnavbar {
    top: 50px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 998;
    position: fixed;
    background-color: #F7F7F7;
    font-family: 'Archivo', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #3c3c3c;
    letter-spacing: 0.48px;
    text-transform: none;
}

    .fc-subnavbar .navbar-collapse {
        padding: 0px;
    }

    .fc-subnavbar .fc-subnavbar-brand.navbar-brand {
        display: none;
    }

    .fc-subnavbar .navbar-nav #fc-subnavbar-title-tab {
        background-color: #1B1B1B;
        height: 50px;
    }

        .fc-subnavbar .navbar-nav #fc-subnavbar-title-tab a {
            color: #fff;
            align-items: center;
            font-family: 'Archivo', sans-serif !important;
            font-size: 0.9375rem;
            font-weight: normal;
            letter-spacing: 0.45px;
            font-size: 0.9375rem;
        }

    .fc-subnavbar .navbar-nav, .fc-subnavbar .navbar-nav li {
        margin: 0px;
        height: 50px;
    }

    .fc-subnavbar .nav > li.fc-subnavbar-title > a:focus, .fc-subnavbar .nav > li.fc-subnavbar-title > a:hover, .fc-subnavbar .nav > li#fc-subnavbar-title-tab > a:focus, .fc-subnavbar .nav > li#fc-subnavbar-title-tab > a:hover {
        background-color: #1B1B1B;
        color: #fff;
    }

    .fc-subnavbar li > a {
        font-family: 'Archivo', sans-serif !important;
        font-size: 0.9375rem;
        font-weight: 300;
        color: #3c3c3c;
        letter-spacing: 0.45px;
    }

    .fc-subnavbar .nav > li > a {
        line-height: 50px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .fc-subnavbar .nav.navbar-nav > li.dropdown > a, .fc-subnavbar .navbar-nav > li > a {
        height: 50px !important;
    }

    .fc-subnavbar .nav .open > a, .fc-subnavbar .nav .open > a:focus, .fc-subnavbar .nav .open > a:hover {
        background-color: #D9D9D9;
    }

    .fc-subnavbar .nav > li:not(#fc-subnavbar-title-tab):focus > a, .fc-subnavbar .nav > li:not(#fc-subnavbar-title-tab):hover > a {
        background-color: #D9D9D9;
        color: #3c3c3c !important;
    }

    .fc-subnavbar .nav > li.active {
        border-bottom: 3px solid #166BFF;
    }

        .fc-subnavbar .nav > li.active > a {
            padding-bottom: 0;
            line-height: 50px;
            background-color: transparent;
        }

    .fc-subnavbar .custom-dropdownmenu {
        padding: 0px !important;
        border: none;
        min-width: 200px;
    }

        .fc-subnavbar .custom-dropdownmenu > li {
            padding: 0px !important;
            border-bottom: 1px solid #D9D9D9;
        }

            .fc-subnavbar .custom-dropdownmenu > li > a {
                padding: 15px !important;
                background-color: #F7F7F7;
            }

            .fc-subnavbar .custom-dropdownmenu > li:hover > a, .fc-subnavbar .custom-dropdownmenu > li:focus > a {
                background-color: #EDEDED !important;
                color: #3c3c3c !important;
            }

    .fc-subnavbar .dropdown-menu > .active > a, .fc-subnavbar .dropdown-menu > .active > a:focus, .fc-subnavbar .dropdown-menu > .active > a:hover {
        background-color: #EDEDED;
        color: #3c3c3c !important;
    }

.fc-subnavbar-bottom.fc-sticky-subnavbar {
    position: fixed;
    top: 50px;
    z-index: 1;
}

/*@media (min-width: 768px) and (max-width:992px) {
    .fc-subnavbar {
        position: static;
        top: 0px;
        min-height: 50px;
        height: 100%;
    }
}*/

@media (max-width: 991px) {
    .fc-subnavbar {
        position: relative;
        top: 0;
        height: auto;
    }

        .fc-subnavbar > .fc-container > .res-container {
            width: 100%;
            height: 50px;
            display: flex;
            flex-direction: row-reverse;
            background-color: #1b1b1b;
            border-bottom: 3px solid #166BFF;
        }

        .fc-subnavbar .fc-subnavbar-brand.navbar-brand {
            background-color: #1B1B1B;
            display: flex;
            height: 47px;
            width: 100%;
            align-items: center;
        }

            .fc-subnavbar .fc-subnavbar-brand.navbar-brand.active {
                border-bottom: none;
            }

        .fc-subnavbar .fc-subnavbar-title {
            color: #fff;
            background-color: #1B1B1B;
            display: flex;
            /*margin-left: 15px;*/
            /*margin-right: 15px;*/
            /*border-bottom: 4px solid #166BFF;*/
            align-items: center;
            font-size: 0.9375rem;
        }

            .fc-subnavbar .fc-subnavbar-title a {
                color: #fff;
            }

        .fc-subnavbar .navbar-toggle {
            padding: 9px 0px;
            margin-top: 5px;
        }

            .fc-subnavbar .navbar-toggle .icon-bar {
                display: block;
                width: 22px;
                height: 2px;
                border-radius: 1px;
                height: 1px;
                width: 30px;
                font-size: 20px;
                background: #333;
                margin-bottom: 7px;
            }

        .fc-subnavbar .navbar-collapse {
            width: 100%;
            overflow: hidden;
        }

        .fc-subnavbar .navbar-nav {
            margin: 0px;
            height: 100%;
        }

            .fc-subnavbar .navbar-nav #fc-subnavbar-title-tab {
                background-color: transparent;
            }

                .fc-subnavbar .navbar-nav #fc-subnavbar-title-tab a {
                    font-family: 'Archivo', sans-serif !important;
                    font-size: 0.9375rem;
                    font-weight: 300;
                    color: #3c3c3c;
                    letter-spacing: 0.45px;
                }

            .fc-subnavbar .navbar-nav li {
                border-bottom: 1px solid #D9D9D9;
                height: 100%;
            }

                .fc-subnavbar .navbar-nav li .dropdown-toggle {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    align-items: center;
                }

                .fc-subnavbar .navbar-nav li .custom-dropdownmenu li {
                    border-bottom: none;
                }

        .fc-subnavbar .nav > li.active {
            border-bottom: 1px solid #D9D9D9;
            background-color: #D9D9D9 !important;
        }

        .fc-subnavbar .nav > li.fc-subnavbar-title > a:focus, .fc-subnavbar .nav > li.fc-subnavbar-title > a:hover, .fc-subnavbar .nav > li#fc-subnavbar-title-tab > a:focus, .fc-subnavbar .nav > li#fc-subnavbar-title-tab > a:hover, .fc-subnavbar .nav > li:focus > a, .fc-subnavbar .nav > li:hover > a {
            background-color: #D9D9D9;
            color: #3c3c3c !important;
        }

        .fc-subnavbar .navbar-nav,
        .fc-subnavbar .navbar-nav > li {
            float: none;
        }

        .fc-subnavbar .navbar-collapse.navbar-responsive-collapse.collapse {
            display: none !important;
        }

            .fc-subnavbar .navbar-collapse.navbar-responsive-collapse.collapse.in {
                display: block !important;
            }
}


/*fc-subnavbar-bottom*/
.fc-subnavbar-bottom {
    /*top: 55px;
    left: 0;*/
    width: 100%;
    height: auto;
    /*z-index: 998;*/
    /*position: fixed;*/
    background-color: #F7F7F7;
    font-family: 'Archivo', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #3c3c3c;
    letter-spacing: 0.48px;
    text-transform: none;
}

    .fc-subnavbar-bottom .fc-container {
        padding: 20px 15px 0px 15px;
    }

    .fc-subnavbar-bottom .navbar-collapse {
        padding: 0px;
    }

    .fc-subnavbar-bottom .fc-subnavbar-brand.navbar-brand {
        display: none;
    }

    .fc-subnavbar-bottom .navbar-nav #fc-subnavbar-title-tab {
        background-color: #1B1B1B;
        height: 50px;
    }

        .fc-subnavbar-bottom .navbar-nav #fc-subnavbar-title-tab a {
            color: #fff;
            align-items: center;
            font-family: 'Archivo', sans-serif !important;
            font-size: 0.9375rem;
            font-weight: normal;
            letter-spacing: 0.45px;
            font-size: 0.9375rem;
        }

    .fc-subnavbar-bottom .navbar-nav, .fc-subnavbar-bottom .navbar-nav li {
        margin: 0px;
        height: 50px;
    }

    .fc-subnavbar-bottom .nav > li.fc-subnavbar-title > a:focus, .fc-subnavbar-bottom .nav > li.fc-subnavbar-title > a:hover, .fc-subnavbar-bottom .nav > li#fc-subnavbar-title-tab > a:focus, .fc-subnavbar-bottom .nav > li#fc-subnavbar-title-tab > a:hover {
        background-color: #1B1B1B;
        color: #fff;
    }

    .fc-subnavbar-bottom li > a {
        font-family: 'Archivo', sans-serif !important;
        font-size: 0.9375rem;
        font-weight: 300;
        color: #3c3c3c;
        letter-spacing: 0.45px;
    }

    .fc-subnavbar-bottom .nav > li > a {
        line-height: 50px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .fc-subnavbar-bottom .nav.navbar-nav > li.dropdown > a, .fc-subnavbar .navbar-nav > li > a {
        height: 50px !important;
    }

    .fc-subnavbar-bottom .nav .open > a, .fc-subnavbar-bottom .nav .open > a:focus, .fc-subnavbar-bottom .nav .open > a:hover {
        background-color: #D9D9D9;
    }

    .fc-subnavbar-bottom .nav > li:not(#fc-subnavbar-title-tab):focus > a, .fc-subnavbar-bottom .nav > li:not(#fc-subnavbar-title-tab):hover > a {
        background-color: #D9D9D9;
        color: #3c3c3c !important;
    }

    .fc-subnavbar-bottom .nav > li.active {
        border-bottom: 3px solid #166BFF;
    }

        .fc-subnavbar-bottom .nav > li.active > a {
            padding-bottom: 0;
            line-height: 50px;
            background-color: transparent;
        }

    .fc-subnavbar-bottom .custom-dropdownmenu {
        padding: 0px !important;
        border: none;
        min-width: 200px;
    }

        .fc-subnavbar-bottom .custom-dropdownmenu > li {
            padding: 0px !important;
            border-bottom: 1px solid #D9D9D9;
        }

            .fc-subnavbar-bottom .custom-dropdownmenu > li > a {
                padding: 15px !important;
                background-color: #F7F7F7;
            }

            .fc-subnavbar-bottom .custom-dropdownmenu > li:hover > a, .fc-subnavbar-bottom .custom-dropdownmenu > li:focus > a {
                background-color: #EDEDED !important;
                color: #3c3c3c !important;
            }

    .fc-subnavbar-bottom .dropdown-menu > .active > a, .fc-subnavbar-bottom .dropdown-menu > .active > a:focus, .fc-subnavbar-bottom .dropdown-menu > .active > a:hover {
        background-color: #EDEDED;
        color: #3c3c3c !important;
    }

@media (min-width: 768px) and (max-width:992px) {
    .fc-subnavbar-bottom {
        position: static;
        top: 0px;
        min-height: 50px;
        height: 100%;
    }
}

@media (max-width: 767px) {
    .fc-subnavbar-bottom {
        background-color: #F0F1F4;
    }

        .fc-subnavbar-bottom .fc-container {
            padding: 0px;
        }

        .fc-subnavbar-bottom > .fc-container > .res-container {
            width: 100%;
            height: 50px;
            display: flex;
            flex-direction: row-reverse;
            /*background-color: #F7F7F7;*/
            background-color: #F0F1F4;
        }

        .fc-subnavbar-bottom .fc-subnavbar-brand.navbar-brand {
            align-items: center;
            background-color: #F0F1F4;
            /*background-color: #F7F7F7;*/
            display: flex;
            height: 50px;
            width: 100%;
        }

            .fc-subnavbar-bottom .fc-subnavbar-brand.navbar-brand.active {
                border-bottom: none;
            }

        .fc-subnavbar-bottom .fc-subnavbar-title {
            color: #1B1B1B;
            background-color: #F0F1F4;
            /*background-color: #F7F7F7;*/
            display: flex;
            align-items: center;
            font-size: 0.9375rem;
        }

    .fc-subnavbar-title a {
        color: #1B1B1B;
    }

    .fc-subnavbar-bottom .navbar-toggle {
        padding: 9px 0px;
        margin-top: 5px;
    }

        .fc-subnavbar-bottom .navbar-toggle .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px;
            height: 1px;
            width: 30px;
            font-size: 20px;
            background: #333;
            margin-bottom: 7px;
        }

    .fc-subnavbar-bottom .navbar-collapse {
        width: 100%;
        overflow: hidden;
    }

    .fc-subnavbar-bottom .navbar-nav {
        margin: 0px;
        height: 100%;
    }

        /*.navbar-nav #fc-subnavbar-title-tab {
        background-color: transparent;
    }

    .navbar-nav #fc-subnavbar-title-tab a {
        font-family: 'Archivo', sans-serif !important;
        font-size: 0.9375rem;
        font-weight: 300;
        color: #3c3c3c;
        letter-spacing: 0.45px;
    }*/

        .fc-subnavbar-bottom .navbar-nav li {
            border-bottom: 1px solid #D9D9D9;
            height: 100%;
        }

            .fc-subnavbar-bottom .navbar-nav li .dropdown-toggle {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }

            .fc-subnavbar-bottom .navbar-nav li .custom-dropdownmenu li {
                border-bottom: none;
            }

    .fc-subnavbar-bottom .nav > li.active {
        border-bottom: 1px solid #D9D9D9;
        background-color: #D9D9D9 !important;
    }

    .fc-subnavbar-bottom .nav > li.fc-subnavbar-title > a:focus, .fc-subnavbar-bottom .nav > li.fc-subnavbar-title > a:hover, .fc-subnavbar-bottom .nav > li#fc-subnavbar-title-tab > a:focus, .fc-subnavbar-bottom .nav > li#fc-subnavbar-title-tab > a:hover, .fc-subnavbar-bottom .nav > li:focus > a, .fc-subnavbar-bottom .nav > li:hover > a {
        background-color: #D9D9D9;
        color: #3c3c3c !important;
    }
}

/*----------------------------------------------------
    
    [-----*** Banner ***-----]

----------------------------------------------------*/
.fc-banner {
    height: 560px;
    background: url(../../Content/img/ffc-corporate-img/Home/ffc-home-banner.jpg) no-repeat center center;
    background-size: cover;
    margin-top: 49px;
}

    .fc-banner.fc-banner-v2 {
        height: 300px;
    }


    .fc-banner.fc-banner-mt0 {
        margin-top: 0px !important;
    }

.fc-banner-container {
    display: flex;
    height: 100%;
    align-items: center;
}

    .fc-banner-container > .fc-banner-image {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    }

    .fc-banner-container > .fc-banner-space {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    }

.fc-banner-content {
    flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    color: #323232;
    padding: 32px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

    .fc-banner-content .fc-banner-title {
        font-family: 'Archivo', sans-serif !important;
        font-weight: 200;
        font-size: 3.625rem;
        color: #323232;
        line-height: 72px;
        margin: 0;
        padding-bottom: 10px;
        letter-spacing: 1.74px;
        /*word-spacing: -1px;*/
    }

    .fc-banner-content .fc-banner-title-v2 {
        font-family: 'Bitter', serif !important;
        font-size: 3.625rem;
        font-weight: 300;
        color: #323232;
        line-height: 72px;
        letter-spacing: 0;
        /*word-spacing: -1px;*/
    }

    .fc-banner-content .fc-banner-paragraph {
        font-family: 'Archivo', sans-serif !important;
        font-size: 1.5rem;
        font-weight: 300;
        color: #666666;
        line-height: 33.6px;
        margin: 0px 64px 0px 0px;
        padding-bottom: 32px;
        letter-spacing: 0.72px;
    }

    .fc-banner-content .fc-banner-icon-list {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 16px;
        padding-bottom: 32px;
    }

        .fc-banner-content .fc-banner-icon-list .fc-banner-icon {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 16px;
        }

    .fc-banner-content .fc-banner-btn-container {
        display: flex;
        flex-direction: row;
    }

        .fc-banner-content .fc-banner-btn-container a, .fc-banner-content .fc-banner-btn-container .fc-btn {
            margin-right: 24px;
        }

@media (max-width: 1200px) {
    .fc-banner-container {
        display: block;
        height: 100%;
        align-items: center;
    }

        .fc-banner-container > .fc-banner-image {
            /*display: none;*/
        }

            .fc-banner-container > .fc-banner-image img {
                width: 100%;
            }

        .fc-banner-container > .fc-banner-space {
            display: none;
        }

        .fc-banner-container > .fc-banner-content {
            padding: 32px 33px 0px 33px;
            display: block;
            width: 100%;
        }

    .fc-banner-content > .fc-banner-title-container {
        padding-bottom: 55px;
    }

    .fc-banner-content > .fc-banner-title {
        font-family: 'Archivo', sans-serif !important;
        font-weight: 200;
        font-size: 2rem;
        color: #323232;
        line-height: 43px;
        margin: 0;
        padding-bottom: 55px;
        letter-spacing: 0.96px;
        /*word-spacing: -1px;*/
    }

    .fc-banner-content .fc-banner-title-v2 {
        font-family: 'Bitter', serif !important;
        font-size: 3.625rem;
        font-weight: 300;
        color: #323232;
        line-height: 72px;
        letter-spacing: 0;
        /*word-spacing: -1px;*/
    }

    .fc-banner-content .fc-banner-icon-list .fc-banner-icon svg {
        max-height: 30px;
    }

    .fc-banner-content .fc-banner-paragraph {
        font-family: 'Archivo', sans-serif !important;
        font-size: 1.125rem;
        font-weight: 300;
        color: #666666;
        line-height: 28px;
        margin: 0;
        padding-bottom: 32px;
        letter-spacing: 0.54px;
    }

    .fc-banner-content .fc-banner-btn-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding-bottom: 16px;
    }

        .fc-banner-content .fc-banner-btn-container a, .fc-banner-content .fc-banner-btn-container .fc-btn {
            margin-right: 0px;
        }
}

@media (max-width: 767px) {
    .fc-banner {
        height: 746px;
        background: url(../../Content/img/ffc-corporate-img/home/ffc-home-banner-mobile.png) no-repeat left bottom;
        background-size: contain;
        margin-top: 0;
    }

    .fc-banner-container {
        display: block;
        height: 100%;
        align-items: center;
    }

        .fc-banner-container > .fc-banner-image {
            /*display: none;*/
        }

            .fc-banner-container > .fc-banner-image img {
                width: 100%;
            }

        .fc-banner-container > .fc-banner-space {
            display: none;
        }

        .fc-banner-container > .fc-banner-content {
            padding: 20px 16px 0px 16px;
            display: block;
            width: 100%;
        }

    .fc-banner-v2 .fc-banner-container > .fc-banner-content {
        padding: 20px 16px;
        display: block;
        width: 100%;
    }

    .fc-banner-content > .fc-banner-title {
        font-family: 'Archivo', sans-serif !important;
        font-weight: 200;
        font-size: 2rem;
        color: #323232;
        line-height: 43px;
        margin: 0;
        padding-bottom: 55px;
        letter-spacing: 0.96px;
        /*word-spacing: -1px;*/
    }

    .fc-banner-content .fc-banner-title-v2 {
        font-family: 'Bitter', serif !important;
        font-weight: 300;
        color: #323232;
        font-size: 2rem;
        line-height: 43px;
        letter-spacing: 0;
        /*word-spacing: -1px;*/
    }

    .fc-banner-content > .fc-banner-title-container > .fc-banner-title {
        font-size: 2rem;
        line-height: 32px;
    }

    .fc-banner-content > .fc-banner-title-container > .fc-header-1 {
        font-size: 1.25rem;
        line-height: 32px;
    }

    .fc-banner-content .fc-banner-icon-list .fc-banner-icon span.fc-paragraph-2 {
        font-size: 1rem;
    }

    .fc-banner-content > .fc-banner-title-container {
        padding-bottom: 55px;
    }

    .fc-banner-content .fc-banner-paragraph {
        font-family: 'Archivo', sans-serif !important;
        font-size: 1.125rem;
        font-weight: 300;
        color: #666666;
        line-height: 28px;
        margin: 0;
        padding-bottom: 32px;
        letter-spacing: 0.54px;
    }

    .fc-banner-content .fc-banner-icon-list {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 0px;
        padding-bottom: 32px;
    }

        .fc-banner-content .fc-banner-icon-list .fc-banner-icon {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 10px;
        }

            .fc-banner-content .fc-banner-icon-list .fc-banner-icon svg {
                margin-top: 5px;
                max-height: 20px;
            }

    .fc-banner-content .fc-banner-btn-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

        .fc-banner-content .fc-banner-btn-container a, .fc-banner-content .fc-banner-btn-container .fc-btn {
            margin-right: 0px;
        }
}


/*----------------------------------------------------
    
    [-----*** General Item ***-----]

----------------------------------------------------*/
/*Header*/
.fc-header-1 {
    font-family: 'Archivo', sans-serif !important;
    font-size: 2rem;
    font-weight: 300;
    color: #323232;
    line-height: 38.4px;
    letter-spacing: 0.96px;
}

.fc-header-2 {
    font-family: 'Bitter', serif !important;
    font-size: 1.5rem;
    font-weight: 300;
    color: #323232;
    line-height: 33.6px;
    letter-spacing: 0;
}

.fc-header-3 {
    font-family: 'Archivo', sans-serif !important;
    font-size: 1.5rem;
    font-weight: 600;
    color: #323232;
    line-height: 33.6px;
    letter-spacing: 0.72px;
}

.fc-header-4 {
    font-family: 'Archivo', sans-serif !important;
    font-size: 1rem;
    font-weight: 300;
    color: #666666;
    line-height: 22.4px;
    letter-spacing: 0.48px;
}

.fc-header-5 {
    font-family: 'Archivo', sans-serif !important;
    font-size: 1rem;
    font-weight: 500;
    color: #323232;
    line-height: 22.4px;
    letter-spacing: 0.48px;
}

.fc-header-6 {
    font-family: 'Archivo', sans-serif !important;
    font-size: 1rem;
    font-weight: normal;
    color: #323232;
    line-height: 22.4px;
    letter-spacing: 0.48px;
}

.fc-header-7 {
    font-family: 'Archivo', sans-serif !important;
    font-size: 3.625rem;
    font-weight: 200;
    color: #323232;
    line-height: 72px;
    letter-spacing: 1.74px;
}

.fc-header-8 {
    font-family: 'Bitter', serif !important;
    font-size: 2rem;
    font-weight: 300;
    color: #323232;
    line-height: 38.4px;
    letter-spacing: 0;
    /*letter-spacing: 0.96px;*/
}

.fc-header-9 {
    font-family: 'Bitter', serif !important;
    font-size: 2rem;
    font-weight: 200;
    color: #323232;
    line-height: 38.4px;
    letter-spacing: 0;
}

.fc-header-10 {
    font-family: 'Archivo', serif !important;
    font-size: 1.5rem;
    font-weight: 300;
    color: #323232;
    line-height: 33.6px;
    letter-spacing: 0.48px;
}

.fc-header-11 {
    font-family: 'Bitter', serif !important;
    font-size: 3.625rem;
    font-weight: 300;
    color: #323232;
    line-height: 72px;
    letter-spacing: 0;
}

@media (max-width: 767px) {
    .fc-header-1 {
        font-size: 1.75rem;
        line-height: 38px;
        letter-spacing: 0.84px;
    }

    .fc-header-2 {
        font-size: 1.25rem;
        line-height: 30px;
        letter-spacing: 0;
    }

    .fc-header-3 {
    }

    .fc-header-4 {
        font-size: 0.9375rem;
        line-height: 22.4px;
        letter-spacing: 0.45px;
    }

    .fc-header-5 {
        font-size: 0.9375rem;
        line-height: 22.4px;
        letter-spacing: 0.45px;
    }

    .fc-header-6 {
        font-size: 0.9375rem;
        line-height: 16.32px;
        letter-spacing: 0.45px;
    }

    .fc-header-7 {
        font-size: 2rem;
        line-height: 43px;
        letter-spacing: 0.96px;
    }

    .fc-header-8 {
        font-size: 1.75rem;
        line-height: 38.4px;
        letter-spacing: 0;
    }

    .fc-header-9 {
        font-size: 1.75rem;
        line-height: 38.4px;
        letter-spacing: 0;
    }

    .fc-header-10 {
        font-size: 1.25rem;
        line-height: 33.6px;
        letter-spacing: 0.6px;
    }

    .fc-header-11 {
        font-size: 2rem;
        line-height: 43px;
        letter-spacing: 0.96px;
    }
}

/*Paragraph*/
.fc-paragraph-1 {
    font-family: 'Archivo', sans-serif !important;
    font-size: 1rem;
    font-weight: 300;
    color: #666666;
    line-height: 22.4px;
    letter-spacing: 0.48px;
}

.fc-paragraph-2 {
    font-family: 'Archivo', sans-serif !important;
    font-size: 1.5rem;
    font-weight: 300;
    color: #323232;
    line-height: 33.6px;
    letter-spacing: 0.72px;
}

.fc-paragraph-3 {
    font-family: 'Archivo', sans-serif !important;
    font-size: 0.9rem;
    font-weight: 300;
    color: #666666;
    line-height: 19.6px;
    letter-spacing: 0.32px;
}

.fc-paragraph-4 {
    font-family: 'Archivo', sans-serif !important;
    font-size: 1rem;
    font-weight: 500;
    color: #323232;
    line-height: 19.6px;
    letter-spacing: 0.32px;
}

.fc-paragraph-5 {
    font-family: 'Archivo', sans-serif !important;
    font-size: 0.9rem;
    font-weight: 500;
    color: #323232;
    line-height: 20px;
    letter-spacing: 0.5px;
}

@media (max-width: 767px) {
    .fc-paragraph-1 {
        font-size: 0.9375rem;
        line-height: 25px;
        letter-spacing: 0.45px;
    }

    .fc-paragraph-2 {
        font-size: 1.25rem;
        line-height: 30px;
        letter-spacing: 0.72px;
    }

    .fc-paragraph-3 {
        font-family: 'Archivo', sans-serif !important;
        font-size: 0.9rem;
        font-weight: 300;
        color: #666666;
        line-height: 19.6px;
        letter-spacing: 0.32px;
    }
}

/*Link*/
.fc-link-1 {
    font-family: 'Archivo', sans-serif !important;
    font-size: 1rem;
    font-weight: 300;
    color: #166BFF;
    line-height: 22.4px;
    letter-spacing: 0.48px;
    display: flex;
    align-items: center;
    position: relative;
    width: fit-content;
}

    .fc-link-1:hover, .fc-link-1:focus {
        color: #166BFF;
        cursor: pointer;
    }

    .fc-link-1 > span {
        padding-right: 10px;
    }

    .fc-link-1:after {
        content: '';
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        height: 2px;
        bottom: -3px;
        left: 0;
        background-color: #166BFF;
        transform-origin: bottom left;
        transition: transform 0.25s ease-out;
    }

    .fc-link-1:hover::after, .fc-link-1:focus::after {
        transform: scaleX(1);
        transform-origin: bottom left;
    }

.fc-link-2 {
    font-family: 'Archivo', sans-serif !important;
    font-size: 1rem;
    font-weight: 300;
    color: #166BFF;
    line-height: 22.4px;
    letter-spacing: 0.48px;
    display: flex;
    align-items: center;
    position: relative;
    width: fit-content;
}

    .fc-link-2:hover, .fc-link-2:focus {
        color: #166BFF;
        cursor: pointer;
    }

    .fc-link-2 > span {
        padding-right: 10px;
    }

.fc-link-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
}

    .fc-link-container > .fc-link-1 {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
    }

.fc-link-3 {
    text-decoration: underline;
    text-underline-position: under;
}

    .fc-link-3:hover, .fc-link-3:focus {
        color: #166BFF;
        cursor: pointer;
    }

/*End fc-link*/

@media (max-width: 767px) {
    .fc-link-1 {
        font-family: 'Archivo', sans-serif !important;
        font-size: 0.9375rem;
        line-height: 33.6px;
        letter-spacing: 0.45px;
    }

    .fc-link-2 {
        font-family: 'Archivo', sans-serif !important;
        font-size: 0.9375rem;
        line-height: 33.6px;
        letter-spacing: 0.45px;
    }
}


/*Caption*/
.fc-caption-1 {
    font-family: 'Archivo', sans-serif !important;
    font-size: 0.875rem;
    font-weight: 300;
    color: #666666;
    line-height: 33.6px;
    letter-spacing: 0.42px;
}

@media (max-width: 767px) {
    .fc-caption-1 {
        font-size: 0.75rem;
        line-height: 24px;
        letter-spacing: 0.36px;
    }
}

/*fc-video-modal*/
#fc-video-modal.modal {
    text-align: center;
    padding: 0 !important;
}

    #fc-video-modal.modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

#fc-video-modal .modal-dialog {
    width: 45%;
    margin: 30px auto;
    transition: transform 0.3s ease-out;
    transform: none;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

#fc-video-modal .modal-body {
    position: relative;
    padding: 0px;
}

#fc-video-modal .close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}

#fc-video-modal #fc-video-container {
    border-radius: 3px;
}

@media (max-width: 767px) {
    #fc-video-modal .modal-dialog {
        width: 95%;
    }

    #fc-video-modal .close {
        right: 0;
        top: -40px;
    }

    #fc-video-modal #fc-video-container {
        padding-bottom: 55.25%;
        border-radius: 3px;
    }
}
/*End fc-video-modal*/

/*fc-filter*/
.fc-filter-no-result {
    height: 500px;
    display: none;
}

/*Number Icon*/
.fc-number-icon {
    background-color: #E7E7E7;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-right: 8px;
    border-radius: 4px;
    font-family: 'Archivo', sans-serif !important;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 19.6px;
    letter-spacing: 0.42px;
}

h3.fc-header-9 > span.fc-number-icon {
    vertical-align: super;
}

@media (max-width: 767px) {
    h3.fc-header-9 > span.fc-number-icon {
        vertical-align: middle;
    }
}


/*Button*/
.fc-btn {
    font-family: 'Archivo', sans-serif !important;
    font-size: 1rem;
    font-weight: 300;
    line-height: 22.4px;
    letter-spacing: 0.48px;
    width: fit-content;
    max-width: 300px;
    border-radius: 0px;
    padding: 13px 15px 11px 15px;
    display: flex;
    align-items: center;
}

    .fc-btn > span {
        margin-right: 16px;
    }

.fc-btn-primary {
    background-color: #166BFF;
    color: #ffffff;
}

    .fc-btn-primary:hover, .fc-btn-primary:focus {
        background-color: #0353e9;
        color: #ffffff;
    }

    .fc-btn-primary > svg circle, .fc-btn-primary > svg path {
        stroke: #ffffff !important;
    }

    .fc-btn-primary:hover > svg circle, .fc-btn-primary:hover > svg path, .fc-btn-primary:focus > svg circle, .fc-btn-primary:focus > svg path {
        stroke: #ffffff !important;
    }

.fc-btn-primary-outline {
    background-color: transparent;
    border: 1px solid #166BFF;
    color: #166BFF;
}

    .fc-btn-primary-outline:hover, .fc-btn-primary-outline:focus {
        background-color: #0353e9;
        border: 1px solid #166BFF;
        color: #ffffff;
    }

    .fc-btn-primary-outline > svg circle, .fc-btn-primary-outline > svg path {
        stroke: #166BFF !important;
    }

    .fc-btn-primary-outline:hover > svg circle, .fc-btn-primary-outline:hover > svg path, .fc-btn-primary-outline:focus > svg circle, .fc-btn-primary-outline:focus > svg path {
        stroke: #ffffff !important;
    }

.fc-btn-secondary {
    background-color: #ffffff;
    color: #323232;
}

    .fc-btn-secondary:hover, .fc-btn-secondary:focus {
        background-color: #e7e7e7;
        color: #323232;
    }

    .fc-btn-secondary > svg circle, .fc-btn-secondary > svg path {
        stroke: #323232 !important;
    }

    .fc-btn-secondary:hover > svg circle, .fc-btn-secondary:hover > svg path, .fc-btn-secondary:focus > svg circle, .fc-btn-secondary:focus > svg path {
        stroke: #323232 !important;
    }

.fc-btn-secondary-outline {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}

    .fc-btn-secondary-outline:hover, .fc-btn-secondary-outline:focus {
        background-color: #ffffff;
        color: #323232;
    }

    .fc-btn-secondary-outline > svg circle, .fc-btn-secondary-outline > svg path {
        stroke: #ffffff !important;
    }

    .fc-btn-secondary-outline:hover > svg circle, .fc-btn-secondary-outline:hover > svg path, .fc-btn-secondary-outline:focus > svg circle, .fc-btn-secondary-outline:focus > svg path {
        stroke: #323232 !important;
    }

.fc-video-wrapper {
    position: relative;
    cursor: pointer;
}

    .fc-video-wrapper > .fc-btn-play {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 15px;
        right: 15px;
        background-color: transparent;
        cursor: pointer;
        display: flex;
        align-items: center;
        text-align: center;
    }

        .fc-video-wrapper > .fc-btn-play > svg {
            margin: 0 auto;
            transition-duration: .2s;
        }

            .fc-video-wrapper > .fc-btn-play > svg > circle {
                fill: #166BFF;
            }

        .fc-video-wrapper > .fc-btn-play:hover > svg > circle, .fc-video-wrapper > .fc-btn-play:focus > svg > circle {
            fill: #1C52EE;
        }

.fc-btn-float {
    position: fixed;
    bottom: 40px;
    right: 40px;
    background-color: #166BFF;
    border-radius: 38px;
    color: #ffffff;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
    z-index: 100;
}

    .fc-btn-float:hover, .fc-btn-float:focus {
        background-color: #1C52EE;
        color: #ffffff;
    }

.fc-alert {
    position: fixed;
    /*bottom: 90px;*/
    /*bottom: 10px;
right: 40px;*/
    /*bottom: 75px;*/
    bottom: 10px;
    right: 16px;
    background-color: #ffffff;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    width: 260px;
    box-shadow: -1px 4px 12px rgba(0,0,0,0.15);
    z-index: 100;
}

    .fc-alert .fc-alert-title {
        padding-bottom: 16px;
    }

    .fc-alert .close {
        top: 0px;
        right: 0px;
    }

.fc-comp-filter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.fc-single-filter {
    display: flex;
    flex-wrap: nowrap;
}

    .fc-single-filter label {
        font-family: 'Archivo', sans-serif !important;
        font-size: 0.875rem;
        font-weight: 300;
        color: #666666;
        line-height: 22px;
        letter-spacing: 0.42px;
        margin-bottom: 0px;
    }

.fc-single-filter-input[type=checkbox] {
    position: relative;
    border: 2px solid #323232;
    border-radius: 2px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .8em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 18px;
    width: 18px;
    -webkit-appearance: none;
    opacity: .5;
}

    .fc-single-filter-input[type=checkbox]:hover {
        opacity: 1;
    }

    .fc-single-filter-input[type=checkbox]:focus {
        outline: none;
        outline-offset: unset;
    }

    .fc-single-filter-input[type=checkbox]:checked {
        background-color: #323232;
        opacity: 1;
    }

        .fc-single-filter-input[type=checkbox]:checked:before {
            border: solid #FFF;
            border-width: 0 2px 2px 0;
        }



    .fc-single-filter-input[type=checkbox]:before {
        content: '';
        position: absolute;
        right: 50%;
        top: 50%;
        width: 4px;
        height: 10px;
        border: none;
        border-width: unset;
        margin: -1px -1px 0 -1px;
        transform: rotate(45deg) translate(-50%, -50%);
        z-index: 2;
    }

@media (max-width: 1200px) {
    .fc-video-wrapper .img-responsive {
        width: -webkit-fill-available;
    }
}

@media (max-width: 767px) {
    .fc-video-wrapper .img-responsive {
        width: -webkit-fill-available;
    }
}

/*----------------------------------------------------
    
    [-----*** Component ***-----]
    
----------------------------------------------------*/
.bg-grey {
    background-color: #F0F1F4;
}

.bg-lightgrey {
    background-color: #F7F7F9;
}

.bg-blue {
    background-color: #F0F6FF;
}

.bg-lightblue {
    background-color: #E5F6FF;
}

.bg-blue-gradient {
    background: linear-gradient(to right,#1E69EC 0,#004BCE 100%) !important;
}

.bg-darkblue-gradient {
    background: linear-gradient(0deg, #09183D 0%, #09183D 100%), #F0F1F4;
}

.bg-black {
    background-color: #1B1B1B;
}

.bg-footer-banner {
    height: 560px;
    background: url(../../Content/img/ffc-corporate-img/Home/FooterBackground.jpg) no-repeat center center;
    /*background-size: cover;*/
    margin-top: 50px;
}

@media (max-width: 767px) {
    .bg-footer-banner {
        height: 100%;
        background: url(../../Content/img/ffc-corporate-img/Home/FooterBanner_MobileView.png) no-repeat left center;
        background-size: cover;
        margin-top: 50px;
    }
}

.fc-font-white {
    color: #FFFFFF !important;
}

.fc-content-container {
    display: flex;
    flex-direction: row;
    /*gap: 122px;*/
}

@media (min-width: 767px) {
    .fc-content-container.fc-content-container-full .fc-section {
        width: 100%;
    }
}

.fc-content-left {
    flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    padding-right: 110px;
}

    .fc-content-left.fc-content-left-60 {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        padding-right: 110px;
        border-right: solid 1px #D9D9D9;
    }

    .fc-content-left .navbar-toggle .icon-bar {
        height: 1px;
        width: 30px;
        font-size: 20px;
        background: #333;
        margin-bottom: 7px;
    }

        .fc-content-left .navbar-toggle .icon-bar:last-child {
            margin-bottom: 0;
        }

    .fc-content-left .res-container {
        display: none;
    }

    .fc-content-left .fc-sticky-left-sidebar {
        padding-top: 32px;
        padding-left: 0;
        position: -webkit-sticky;
        position: sticky;
        top: 100px;
        padding-bottom: 32px;
    }

        .fc-content-left .fc-sticky-left-sidebar > .fc-sticky-left-sidebar-link {
            border-left: 4px solid #D9D9D9;
            cursor: pointer;
        }

            .fc-content-left .fc-sticky-left-sidebar > .fc-sticky-left-sidebar-link p {
                padding-top: 12px;
                padding-bottom: 12px;
                padding-left: 16px;
                font-family: 'Archivo', sans-serif !important;
                font-size: 1rem;
                font-weight: 300;
                color: #666666;
                line-height: 22.4px;
                letter-spacing: 0.32px;
            }

            .fc-content-left .fc-sticky-left-sidebar > .fc-sticky-left-sidebar-link:hover, .fc-content-left .fc-sticky-left-sidebar > .fc-sticky-left-sidebar-link:focus, .fc-content-left .fc-sticky-left-sidebar > .fc-sticky-left-sidebar-link.active {
                border-left: 4px solid #166BFF;
            }

                .fc-content-left .fc-sticky-left-sidebar > .fc-sticky-left-sidebar-link:hover p, .fc-content-left .fc-sticky-left-sidebar > .fc-sticky-left-sidebar-link:focus p, .fc-content-left .fc-sticky-left-sidebar > .fc-sticky-left-sidebar-link.active p {
                    color: #323232;
                    font-weight: 400;
                }

.fc-content-right {
    flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
}

    .fc-content-right.fc-content-right-40 {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        padding-left: 60px;
    }

.fc-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 0px 80px;
    gap: 32px;
}

.fc-content-left > .fc-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 0px 0px;
    gap: 16px;
}

.fc-content-left.fc-content-left-60 > .fc-content-left-60-container > .fc-section {
    padding: 0px 0px 80px;
}

.fc-content-right.fc-content-right-40 > .fc-content-right-40-container > .fc-section {
    padding: 0px;
}

.fc-content-right > .fc-section.fc-section-lg, .fc-section.fc-section-lg {
    gap: 64px;
}

    .fc-section.fc-section-container, .fc-section.fc-section-lg.fc-section-container {
        padding: 80px 0px;
    }

        .fc-section.fc-section-container .fc-paragraph-2, .fc-section.fc-section-lg.fc-section-container .fc-paragraph-2 {
            color: #666666;
        }

.fc-content-left .fc-sticky-left-filter {
    padding-top: 32px;
    padding-left: 0;
    padding-bottom: 32px;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}

    .fc-content-left .fc-sticky-left-filter .fc-sticky-left-filter-title-container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        width: 100%;
    }

        .fc-content-left .fc-sticky-left-filter .fc-sticky-left-filter-title-container .fc-sticky-left-filter-title {
            font-family: 'Archivo';
            font-style: normal;
            font-weight: 300;
            font-size: 0.875rem;
            line-height: 22px;
            letter-spacing: 0.42px;
            color: #323232;
        }

        .fc-content-left .fc-sticky-left-filter .fc-sticky-left-filter-title-container .fc-clear-filter-btn {
            font-family: 'Archivo';
            font-style: normal;
            font-weight: 300;
            font-size: 0.875rem;
            line-height: 22px;
            letter-spacing: 0.42px;
            color: #166BFF;
            cursor: pointer;
        }

.fc-content-right {
    width: 70%;
}

@media (max-width: 1200px) {
    .fc-content-container {
        display: flex;
        flex-direction: column;
    }

    .fc-section {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 32px 33px 56px;
        gap: 32px;
    }



    .fc-content-left {
        width: 100%;
        padding-right: 0px;
    }

        .fc-content-left.fc-content-left-60 {
            width: 100%;
            padding: 0px;
            border-right: none;
            border-bottom: solid 1px #D9D9D9;
        }

        .fc-content-left > .fc-section {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 32px 33px;
            gap: 16px;
        }

    .fc-content-right {
        width: 100%;
    }

    .fc-content-left.fc-content-left-60 > .fc-content-left-60-container > .fc-section {
        padding: 32px 0px 56px;
    }


    .fc-content-right.fc-content-right-40 {
        width: 100%;
        padding: 0px;
    }

    .fc-content-right .fc-section {
        padding: 0px 33px 56px;
        gap: 32px;
    }

    .fc-content-right.fc-content-right-40 > .fc-content-right-40-container > .fc-section {
        padding: 0px 0px 56px;
        gap: 56px;
    }

    .fc-content-right .fc-section-lg, .fc-section.fc-section-lg {
        padding: 0px 33px 56px;
        gap: 56px;
    }

        .fc-section.fc-section-container, .fc-section.fc-section-lg.fc-section-container {
            padding: 80px 33px;
        }
}

@media (max-width: 991px) {
    .fc-content-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 16px;
        padding-right: 16px;
        gap: 32px;
    }

    .fc-container-v2 > .fc-content-container {
        gap: 56px;
    }

    .fc-content-left {
        width: 100%;
        padding: 0px;
        position: static;
        top: 0px;
    }

        .fc-content-left.fc-content-left-60 > .fc-content-left-60-container > .fc-section {
            padding: 32px 0px 56px;
        }

        .fc-content-left.fc-mobile-sticky-sidebar {
            position: fixed;
            top: 50px;
            z-index: 1;
        }

            .fc-content-left.fc-mobile-sticky-sidebar .navbar-toggle {
                margin-right: 35px;
            }


    .fc-content-right.fc-content-right-40 {
        width: 100%;
        padding-left: 0px;
    }

    .fc-section {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 32px 0px 56px;
        gap: 32px;
        width: 100%;
    }

    .fc-content-left > .fc-section {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 32px 0px 0px;
        gap: 16px;
    }

    .fc-content-right .fc-section {
        padding: 0px 0px 56px;
        gap: 32px;
    }

    .fc-content-right.fc-content-right-40 > .fc-content-right-40-container > .fc-section {
        padding: 0px 0px 56px;
        gap: 56px;
    }

    .fc-content-right .fc-section-lg, .fc-section.fc-section-lg {
        padding: 0px 0px 56px;
        gap: 56px;
    }

        .fc-section.fc-section-container, .fc-section.fc-section-lg.fc-section-container {
            padding: 56px 0px;
        }

    .fc-section.fc-section-lg {
        width: 100%;
    }

    .fc-content-left .res-container {
        display: flex;
        flex-direction: row-reverse;
        margin-left: -16px;
        margin-right: -16px;
        background-color: #F0F1F4;
    }

    .fc-content-left .fc-subnavbar-brand.navbar-brand {
        align-items: center;
        background-color: #F0F1F4;
        display: flex;
        height: 50px;
        width: 100%
    }

        .fc-content-left .fc-subnavbar-brand.navbar-brand .fc-subnavbar-title {
            color: #1B1B1B;
            background-color: #F0F1F4;
            display: flex;
            align-items: center;
            font-size: 0.9375rem;
        }

    .fc-content-left .fc-sticky-left-sidebar {
        padding-top: 0px;
        position: relative;
        top: 0px;
        margin-left: -16px;
        margin-right: -16px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        background-color: #ffffff;
    }

        .fc-content-left .fc-sticky-left-sidebar > .fc-sticky-left-sidebar-link {
            border-left: none;
            border-bottom: 1px solid #D9D9D9;
        }

            .fc-content-left .fc-sticky-left-sidebar > .fc-sticky-left-sidebar-link:hover, .fc-content-left .fc-sticky-left-sidebar > .fc-sticky-left-sidebar-link:focus, .fc-content-left .fc-sticky-left-sidebar > .fc-sticky-left-sidebar-link.active {
                border-left: none;
                background-color: #D9D9D9;
                font-weight: 300;
            }

    .fc-content-left .fc-sticky-left-filter {
        position: relative;
        top: 0px;
        padding-top: 15px;
        padding-bottom: 0px;
    }

    .navbar-toggle {
        display: initial;
    }

    .fc-sticky-left-sidebar.navbar-collapse.navbar-responsive-collapse.collapse {
        display: none !important;
    }

        .fc-sticky-left-sidebar.navbar-collapse.navbar-responsive-collapse.collapse.in {
            display: block !important;
        }
}
/*fc-comp-1*/
.fc-comp-1 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 175px;
    min-height: 238px;
}

    .fc-comp-1 .fc-comp-1-left {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .fc-comp-1 .fc-comp-1-right {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        /*padding-left: 15px;*/
    }

@media (max-width: 1200px) {
    .fc-comp-1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 32px;
    }

        .fc-comp-1 .fc-comp-1-left {
            width: 100%;
            gap: 16px;
        }

        .fc-comp-1 .fc-comp-1-right {
            width: 100%;
        }
}

@media (max-width: 767px) {
    .fc-comp-1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 32px;
    }

        .fc-comp-1 .fc-comp-1-left {
            width: 100%;
            gap: 16px;
        }

        .fc-comp-1 .fc-comp-1-right {
            width: 100%;
        }
}
/*End fc-comp-1*/

/*fc-comp-1-box*/
.fc-comp-1-box {
    padding: 32px;
}

.fc-comp-1-content-box {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 64px;
    min-height: 238px;
}


.fc-comp-1-box .fc-comp-1-left {
    flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.fc-comp-1-box .fc-comp-1-right {
    flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    /*padding-left: 15px;*/
}

@media (max-width: 1200px) {
    .fc-comp-1-box {
        padding: 32px 33px;
    }

    .fc-comp-1-content-box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 32px;
    }

    .fc-comp-1-box .fc-comp-1-left {
        width: 100%;
        gap: 16px;
    }

    .fc-comp-1-box .fc-comp-1-right {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .fc-comp-1-box {
        padding: 16px;
    }

    .fc-comp-1-content-box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 32px;
    }

    .fc-comp-1-box .fc-comp-1-left {
        width: 100%;
        gap: 16px;
    }

    .fc-comp-1-box .fc-comp-1-right {
        width: 100%;
    }
}
/*End fc-comp-1-box*/

/*fc-comp-2*/
.fc-comp-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

    .fc-comp-2 > .fc-comp-2-row {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        padding: 0px;
        gap: 16px;
    }

        .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 33.33%;
            -ms-flex: 1 1 33.33%;
            flex: 1 1 33.33%;
            /*height:100%;*/
        }

            .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col > .fc-comp-2-col-content-link {
                height: 100%;
            }

            .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col .fc-comp-2-col-content {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding: 32px;
                height: 100%;
                background-color: #ffffff;
            }

                .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col .fc-comp-2-col-content > .fc-comp-2-bottom {
                    display: flex;
                    flex-direction: column;
                    gap: 8px;
                }

            .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col:hover > .fc-comp-2-col-content-link > .fc-comp-2-col-content, .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col:focus > .fc-comp-2-col-content-link > .fc-comp-2-col-content {
                background-color: #F7F7F9;
            }


            .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col .fc-comp-2-logo {
                padding-bottom: 6px;
            }

                .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col .fc-comp-2-logo > img {
                    margin: 0px auto;
                    width: 75px;
                }

            .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col .fc-comp-2-title {
                text-align: center;
                padding-bottom: 8px;
            }

            .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col .fc-comp-2-description {
                text-align: center;
                padding-bottom: 8px;
            }

            .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col .fc-comp-2-img > img {
                margin: 0px auto;
            }

            .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col .fc-comp-2-link {
            }



@media (max-width: 1200px) {
    .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col .fc-comp-2-col-content {
        padding: 16px;
    }
}

@media (max-width: 767px) {
    .fc-comp-2 {
    }

        .fc-comp-2 > .fc-comp-2-row {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 16px;
            width: 100%;
        }

            .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col {
                width: 100%;
            }

                .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col .fc-comp-2-col-content {
                    padding: 25px 14px;
                }

                .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col .fc-comp-2-logo {
                    padding-bottom: 10px;
                }

                .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col .fc-comp-2-title {
                    text-align: center;
                    padding-bottom: 10px;
                }

                .fc-comp-2 > .fc-comp-2-row > .fc-comp-2-col .fc-comp-2-description {
                    text-align: center;
                    padding-bottom: 10px;
                }
}
/*End fc-comp-2*/

/*fc-comp-3*/
.fc-comp-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

    .fc-comp-3 > .fc-comp-3-row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: stretch;
        padding: 0px;
        --fc-comp-3-gap: 16px;
        gap: var(--fc-comp-3-gap);
    }

        .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-1 {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(33.33% - 16px);
            -ms-flex: 1 1 calc(33.33% - 16px);
            flex: 1 1 calc(33.33% - 16px);
        }

        .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-2 {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(66.66% - 8px);
            -ms-flex: 1 1 calc(66.66% - 8px);
            flex: 1 1 calc(66.66% - 8px);
        }

        .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-3 {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
        }

        .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-4 {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(25% - 16px);
            -ms-flex: 1 1 calc(25% - 16px);
            flex: 1 1 calc(25% - 16px);
        }

        .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-empty {
        }

        .fc-comp-3 > .fc-comp-3-row .fc-comp-3-col-content {
            background-color: #F0F1F4;
            height: 100%;
        }

        .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-1:hover > .fc-comp-3-col-link > .fc-comp-3-col-content, .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-2:hover > .fc-comp-3-col-link > .fc-comp-3-col-content, .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-3:hover > .fc-comp-3-col-link > .fc-comp-3-col-content, .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-1:focus > .fc-comp-3-col-link > .fc-comp-3-col-content, .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-2:focus > .fc-comp-3-col-link > .fc-comp-3-col-content, .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-3:focus > .fc-comp-3-col-link > .fc-comp-3-col-content, .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-1 > a:hover > .fc-comp-3-col-content, .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-4 > a:hover > .fc-comp-3-col-content {
            background-color: #E4E6EC;
        }

        .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-1:first-child, .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-2:first-child {
            margin-left: 0px;
        }

        .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-1:last-child, .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-2:last-child {
            margin-right: 0px;
        }

        .fc-comp-3 > .fc-comp-3-row .fc-comp-3-top {
            height: 240px;
            width: 100%;
        }

            .fc-comp-3 > .fc-comp-3-row .fc-comp-3-top > .fc-comp-3-img {
                height: 100%;
                width: 100%;
            }

        .fc-comp-3 > .fc-comp-3-row .fc-comp-3-bottom {
            padding: 16px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: calc(100% - 240px);
        }

            .fc-comp-3 > .fc-comp-3-row .fc-comp-3-bottom > .fc-comp-3-content > .fc-comp-3-title {
                padding-bottom: 16px;
            }

            .fc-comp-3 > .fc-comp-3-row .fc-comp-3-bottom > .fc-comp-3-content > .fc-comp-3-description {
                padding-bottom: 16px;
            }

            .fc-comp-3 > .fc-comp-3-row .fc-comp-3-bottom > .fc-comp-3-btn-container {
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
            }

@media (max-width: 1200px) {
    .fc-comp-3 > .fc-comp-3-row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: stretch;
        padding: 0px;
        gap: 16px;
    }

        .fc-comp-3 > .fc-comp-3-row .fc-comp-3-top {
            height: auto;
            width: 100%;
        }

        .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-1 {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(50% - 16px);
            -ms-flex: 1 1 calc(50% - 16px);
            flex: 1 1 calc(50% - 16px);
        }

        .fc-comp-3 > .fc-comp-3-row .fc-comp-3-bottom {
            height: auto;
        }
}

@media (max-width: 767px) {
    .fc-comp-3 {
    }

        .fc-comp-3 > .fc-comp-3-row {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 16px;
        }

            .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-1 {
                width: 100%;
            }

            .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-2 {
                width: 100%;
            }

            .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-3 {
                width: 100%;
            }

            .fc-comp-3 > .fc-comp-3-row > .fc-comp-3-col-4 {
                width: 100%;
            }
}
/*End fc-comp-3*/

/*fc-comp-4*/
.fc-comp-4 {
    width: 100%;
}

    .fc-comp-4 > .fc-comp-4-row {
        display: flex;
        border-bottom: 1px solid #D9D9D9;
        padding-top: 16px;
        padding-bottom: 16px;
        --fc-comp-4-gap: 0;
        gap: var(--fc-comp-4-gap);
    }

.fc-comp-slide-wrapper > .fc-comp-4-row.fc-comp-slide-row {
    border-bottom: none;
}

.fc-comp-4 > .fc-comp-4-row.bg-grey, .fc-comp-4 > .fc-comp-4-row.bg-blue {
    border-bottom: 2px solid #FFFFFF;
    padding-top: 0px;
    padding-bottom: 0px;
}

.fc-comp-4 > .fc-comp-4-row.bg-white {
    border-bottom: 2px solid #F0F1F4;
    padding-top: 0px;
    padding-bottom: 0px;
}

.fc-comp-4 > .fc-comp-4-row:first-child {
    padding-top: 0px;
}

.fc-comp-4 > .fc-comp-4-row:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

.fc-comp-4 > .fc-comp-4-row > .fc-comp-4-col {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
}

.fc-comp-4 > .fc-comp-4-row.bg-grey > .fc-comp-4-col, .fc-comp-4 > .fc-comp-4-row.bg-blue > .fc-comp-4-col {
    border-right: 2px solid #FFFFFF;
}

.fc-comp-4 > .fc-comp-4-row.bg-white > .fc-comp-4-col {
    border-right: 2px solid #F0F1F4;
}

.fc-comp-4 > .fc-comp-4-row.bg-grey > .fc-comp-4-col:last-child, .fc-comp-4 > .fc-comp-4-row.bg-blue > .fc-comp-4-col:last-child {
    border-right: 2px solid #FFFFFF;
}

.fc-comp-4 > .fc-comp-4-row.bg-white > .fc-comp-4-col:last-child {
    border-right: 2px solid #F0F1F4;
}

.fc-comp-4 > .fc-comp-4-row.bg-grey > .fc-comp-4-col:last-child {
    border-right: none;
}

.fc-comp-4 > .fc-comp-4-row > .fc-comp-4-col .fc-comp-4-col-content {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.fc-comp-4 > .fc-comp-4-row.bg-grey > .fc-comp-4-col:hover > .fc-comp-4-col-content-link > .fc-comp-4-col-content, .fc-comp-4 > .fc-comp-4-row.bg-grey > .fc-comp-4-col:focus > .fc-comp-4-col-content-link > .fc-comp-4-col-content, .fc-comp-4 > .fc-comp-4-row.bg-grey > .fc-comp-4-col > a:hover > .fc-comp-4-col-content {
    background-color: #F7F7F9;
}

.fc-comp-4 > .fc-comp-4-row.bg-white > .fc-comp-4-col:hover > .fc-comp-4-col-content-link > .fc-comp-4-col-content, .fc-comp-4 > .fc-comp-4-row.bg-white > .fc-comp-4-col:focus > .fc-comp-4-col-content-link > .fc-comp-4-col-content, .fc-comp-4 > .fc-comp-4-row.bg-white > .fc-comp-4-col > a:hover > .fc-comp-4-col-content {
    background-color: #F7F7F9;
}

.fc-comp-4 > .fc-comp-4-row.bg-blue > .fc-comp-4-col:hover > .fc-comp-4-col-content-link > .fc-comp-4-col-content, .fc-comp-4 > .fc-comp-4-row.bg-blue > .fc-comp-4-col:focus > .fc-comp-4-col-content-link > .fc-comp-4-col-content {
    background-color: #DBEAFF;
}

.fc-comp-4 > .fc-comp-4-row > .fc-comp-4-col .fc-comp-4-img {
    margin-bottom: 8px;
}

.fc-comp-4 > .fc-comp-4-row > .fc-comp-4-col .fc-comp-4-bottom {
    /*margin-right:80px;
            padding-bottom:16px;*/
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    grid-gap: 16px;
}

.fc-comp-4 > .fc-comp-4-row > .fc-comp-4-col.fc-comp-4-col-empty {
    border: none;
    background-color: transparent;
}

@media (max-width: 1200px) {
    .fc-comp-4 > .fc-comp-4-row > .fc-comp-4-col .fc-comp-4-img {
        max-width: fit-content;
    }
}

@media (max-width: 767px) {
    .fc-comp-4 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

        .fc-comp-4 > .fc-comp-4-row {
            display: block;
            border-bottom: none;
            width: 100%;
            padding: 0px;
        }

            .fc-comp-4 > .fc-comp-4-row.bg-grey, .fc-comp-4 > .fc-comp-4-row.bg-blue {
                border-bottom: none;
            }

            .fc-comp-4 > .fc-comp-4-row:last-child {
                border-bottom: none;
            }

            .fc-comp-4 > .fc-comp-4-row > .fc-comp-4-col {
                width: 100%;
                border-bottom: 1px solid #D9D9D9;
            }

    .fc-comp-slide-wrapper > .fc-comp-4-row.fc-comp-slide-row > .fc-comp-4-col {
        border-bottom: none;
    }

    .fc-comp-4 > .fc-comp-4-row.bg-grey > .fc-comp-4-col, .fc-comp-4 > .fc-comp-4-row.bg-blue > .fc-comp-4-col {
        border-right: none;
        border-bottom: 2px solid #FFFFFF;
    }

        .fc-comp-4 > .fc-comp-4-row.bg-grey > .fc-comp-4-col:last-child, .fc-comp-4 > .fc-comp-4-row.bg-blue > .fc-comp-4-col:last-child {
            border-right: none;
        }

    .fc-comp-4 > .fc-comp-4-row > .fc-comp-4-col .fc-comp-4-col-content {
        padding-top: 22px;
        padding-bottom: 22px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .fc-comp-4 > .fc-comp-4-row.bg-white > .fc-comp-4-col .fc-comp-4-col-content {
        padding-top: 22px;
        padding-bottom: 22px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .fc-comp-4 > .fc-comp-4-row.bg-grey > .fc-comp-4-col .fc-comp-4-col-content, .fc-comp-4 > .fc-comp-4-row.bg-blue > .fc-comp-4-col .fc-comp-4-col-content {
        padding-left: 16px;
        padding-right: 16px;
    }
}
/*End fc-comp-4*/

/*fc-comp-5*/
.fc-comp-5 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 64px;
}

    /*65:35*/
    .fc-comp-5 .fc-comp-5-left.l-65-r-35 {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    }

    .fc-comp-5 .fc-comp-5-right.l-65-r-35 {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    /*35:65*/
    .fc-comp-5 .fc-comp-5-left.l-35-r-65 {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .fc-comp-5 .fc-comp-5-right.l-35-r-65 {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    }

    /*60:40*/
    .fc-comp-5 .fc-comp-5-left.l-60-r-40 {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    }

    .fc-comp-5 .fc-comp-5-right.l-60-r-40 {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    /*40:60*/
    .fc-comp-5 .fc-comp-5-left.l-40-r-60 {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .fc-comp-5 .fc-comp-5-right.l-40-r-60 {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    }

    .fc-comp-5 .fc-comp-5-img {
        height: auto;
        width: 100%
    }

    .fc-comp-5 .fc-comp-5-left .fc-comp-5-img {
        margin-left: 0px;
        margin-right: auto;
    }

    .fc-comp-5 .fc-comp-5-right .fc-comp-5-img {
        margin-left: auto;
        margin-right: 0px;
    }

    /*fc-comp-5-container*/
    .fc-comp-5 > .fc-comp-5-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 64px;
    }

        .fc-comp-5 > .fc-comp-5-container .fc-comp-5-content-icon {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 13px;
        }

            .fc-comp-5 > .fc-comp-5-container .fc-comp-5-content-icon > .fc-comp-5-content-icon-img > .fc-comp-5-icon-link > img {
                -webkit-transition-property: all;
                -webkit-transition-duration: 0.3s;
                -webkit-transition-timing-function: ease;
            }

            .fc-comp-5 > .fc-comp-5-container .fc-comp-5-content-icon > .fc-comp-5-content-icon-img:hover > .fc-comp-5-icon-link > img, .fc-comp-5 > .fc-comp-5-container .fc-comp-5-content-icon > .fc-comp-5-content-icon-img:focus > .fc-comp-5-icon-link > img {
                transform: scale(1.2);
            }

        /*40:60*/
        .fc-comp-5 > .fc-comp-5-container .fc-comp-5-left.l-40-r-60 p {
            margin-right: 64px;
        }

@media (max-width: 1200px) {
    .fc-comp-5 {
        flex-direction: column;
    }

        .fc-comp-5 > .fc-comp-5-container {
            flex-direction: column;
            gap: 32px;
        }

            .fc-comp-5 > .fc-comp-5-container.fc-comp-reverse, .fc-comp-5.fc-comp-reverse {
                flex-direction: column-reverse;
            }
}

@media (max-width: 767px) {
    .fc-comp-5 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

        .fc-comp-5.fc-comp-5-box {
            padding: 16px 16px 22px;
        }

            .fc-comp-5.fc-comp-5-box:last-child {
                margin-bottom: 56px;
            }

        /*mobile 65:35*/
        .fc-comp-5 .fc-comp-5-left.l-65-r-35 {
            width: 100%;
        }

        .fc-comp-5 .fc-comp-5-right.l-65-r-35 {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
        }

        /*mobile 35:65*/
        .fc-comp-5 .fc-comp-5-left.l-35-r-65 {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
        }

        .fc-comp-5 .fc-comp-5-right.l-35-r-65 {
            width: 100%;
        }

        /*mobile 60:40*/
        .fc-comp-5 .fc-comp-5-left.l-60-r-40 {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
        }

        .fc-comp-5 .fc-comp-5-right.l-60-r-40 {
            width: 100%;
        }

        /*mobile 40:60*/
        .fc-comp-5 .fc-comp-5-left.l-40-r-60 {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
        }

        .fc-comp-5 .fc-comp-5-right.l-40-r-60 {
            width: 100%;
        }

        /*fc-comp-5-container*/
        .fc-comp-5 > .fc-comp-5-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
        }

            .fc-comp-5 > .fc-comp-5-container.fc-comp-reverse, .fc-comp-5.fc-comp-reverse {
                flex-direction: column-reverse;
            }

            /*40:60*/
            .fc-comp-5 > .fc-comp-5-container .fc-comp-5-left.l-40-r-60 p {
                margin-right: 0px;
            }
}
/*End fc-comp-5*/

/*fc-comp-6*/
.fc-comp-6 {
    display: flex;
    flex-direction: column;
    gap: 64px;
}

    .fc-comp-6 > .fc-comp-6-row {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        padding: 0px;
        gap: 32px;
    }

        .fc-comp-6 > .fc-comp-6-row > .fc-comp-6-col {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(33.33% - 32px);
            -ms-flex: 1 1 calc(33.33% - 32px);
            flex: 1 1 calc(33.33% - 32px);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 24px;
        }

        .fc-comp-6 > .fc-comp-6-row > .fc-comp-6-col-2 {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(50% - 32px);
            -ms-flex: 1 1 calc(50% - 32px);
            flex: 1 1 calc(50% - 32px);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 24px;
        }

        .fc-comp-6 > .fc-comp-6-row .fc-comp-6-bottom {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            gap: 24px;
        }

            .fc-comp-6 > .fc-comp-6-row .fc-comp-6-bottom > .fc-comp-6-content {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                gap: 24px;
            }

        .fc-comp-6 > .fc-comp-6-row > .fc-comp-6-col-2 > .fc-comp-6-bottom > .fc-comp-6-content > .fc-comp-6-img {
            height: 308px;
            width: 100%;
        }

        .fc-comp-6 > .fc-comp-6-row .fc-comp-6-bottom > .fc-comp-6-content > .fc-comp-6-img {
            height: 200px;
            width: 100%;
        }

@media (max-width: 1200px) {
    .fc-comp-6 > .fc-comp-6-row .fc-comp-6-bottom > .fc-comp-6-content > .fc-comp-6-img {
        height: auto;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .fc-comp-6 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 56px;
    }

        .fc-comp-6 > .fc-comp-6-row {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 56px;
        }

            .fc-comp-6 > .fc-comp-6-row > .fc-comp-6-col {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 16px;
            }

            .fc-comp-6 > .fc-comp-6-row > .fc-comp-6-col-2 {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 16px;
            }

            .fc-comp-6 > .fc-comp-6-row .fc-comp-6-bottom > .fc-comp-6-content > .fc-comp-6-img {
                height: 200px;
                width: 100%;
            }

            .fc-comp-6 > .fc-comp-6-row > .fc-comp-6-col-2 > .fc-comp-6-bottom > .fc-comp-6-content > .fc-comp-6-img {
                height: auto;
                width: 100%;
            }

            .fc-comp-6 > .fc-comp-6-row .fc-comp-6-bottom {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 16px;
            }

                .fc-comp-6 > .fc-comp-6-row .fc-comp-6-bottom > .fc-comp-6-content {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 16px;
                }
}
/*End fc-comp-6*/

/*fc-comp-7*/
.fc-comp-7 {
    width: 100%;
}

    .fc-comp-7 .fc-comp-7-title {
        padding-bottom: 48px;
    }

    .fc-comp-7 > .fc-comp-7-row {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        padding: 0px;
        gap: 37px;
    }


        .fc-comp-7 > .fc-comp-7-row > .fc-comp-7-col {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(20% - 37px);
            -ms-flex: 1 1 calc(20% - 37px);
            flex: 1 1 calc(20% - 37px);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

@media (max-width: 767px) {
    .fc-comp-7 {
    }

        .fc-comp-7 .fc-comp-7-title {
            padding-bottom: 48px;
        }

        .fc-comp-7 > .fc-comp-7-row {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            align-items: stretch;
            padding: 0px;
            gap: 24px;
        }

            .fc-comp-7 > .fc-comp-7-row > .fc-comp-7-col {
                max-width: calc(50% - 12px);
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 calc(50% - 12px);
                -ms-flex: 1 1 calc(50% - 12px);
                flex: 1 1 calc(50% - 12px);
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }

    /*.fc-comp-7 > .fc-comp-7-row > .fc-comp-7-col > .fc-comp-7-img {
        padding-bottom: 15px;
    }*/
}
/*End fc-comp-7*/

/*fc-comp-8*/
.fc-comp-8 {
    width: 100%;
}

    .fc-comp-8 > .fc-comp-8-row {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        padding: 0px;
        --fc-comp-8-gap: 0px;
        gap: var(--fc-comp-8-gap);
    }

        .fc-comp-8 > .fc-comp-8-row.bg-grey {
            gap: 0;
        }

        .fc-comp-8 > .fc-comp-8-row > .fc-comp-8-col {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(33.33% - 21.33px);
            -ms-flex: 1 1 calc(33.33% - 21.33px);
            flex: 1 1 calc(33.33% - 21.33px);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 24px;
        }

        .fc-comp-8 > .fc-comp-8-row > .fc-comp-8-col-4 {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 25%;
            -ms-flex: 1 1 25%;
            flex: 1 1 25%;
        }

        .fc-comp-8 > .fc-comp-8-row .fc-comp-8-container {
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 24px;
        }

        .fc-comp-8 > .fc-comp-8-row.bg-grey .fc-comp-8-container {
            padding: 16px;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
        }

        .fc-comp-8 > .fc-comp-8-row.bg-grey > .fc-comp-8-col-4:not(:last-child), .fc-comp-slide-wrapper > .fc-comp-slide-row > .fc-comp-8-col-4.bg-grey:not(:last-child) {
            border-right: 2px solid #FFFFFF;
        }


.fc-comp-slide-wrapper > .fc-comp-slide-row > .fc-comp-8-col-4.bg-grey {
    padding: 15px;
}

    .fc-comp-slide-wrapper > .fc-comp-slide-row > .fc-comp-8-col-4.bg-grey .fc-comp-8-container {
        justify-content: space-between;
    }


    .fc-comp-8 > .fc-comp-8-row.bg-grey > .fc-comp-8-col-4:hover > .fc-comp-8-col-content-link > .fc-comp-8-container, .fc-comp-8 > .fc-comp-8-row.bg-grey > .fc-comp-8-col-4:focus > .fc-comp-8-col-content-link > .fc-comp-8-container, .fc-comp-slide-wrapper > .fc-comp-slide-row > .fc-comp-8-col-4.bg-grey:hover, .fc-comp-slide-wrapper > .fc-comp-slide-row > .fc-comp-8-col-4.bg-grey:focus {
        background-color: #E4E6EC;
    }

.fc-comp-8 > .fc-comp-8-row .fc-comp-8-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 24px;
}

    .fc-comp-8 > .fc-comp-8-row .fc-comp-8-bottom > .fc-comp-8-content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 24px;
    }


.fc-comp-8 > .fc-comp-8-row .fc-comp-8-content-icon > h3 {
    font-family: 'Archivo', sans-serif !important;
    font-size: 5rem;
    font-weight: 300;
    color: #323232;
    line-height: 60px;
    letter-spacing: 2.4px;
}

.fc-comp-8 > .fc-comp-8-row .fc-comp-8-bottom > .fc-comp-8-content > .fc-comp-8-content-icon > img {
    width: auto;
    height: auto;
}

@media (max-width: 1200px) {
    .fc-comp-8 > .fc-comp-8-row {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .fc-comp-8 {
    }

        .fc-comp-8 > .fc-comp-8-row {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 56px;
        }

            .fc-comp-8 > .fc-comp-8-row.bg-grey {
                border-bottom: none;
            }

            .fc-comp-8 > .fc-comp-8-row:last-child {
                border-bottom: none;
            }

            .fc-comp-8 > .fc-comp-8-row > .fc-comp-8-col-4 {
                width: 100%;
            }

            .fc-comp-8 > .fc-comp-8-row.bg-grey > .fc-comp-8-col-4 {
                border-right: none;
                border-bottom: 2px solid #FFFFFF;
            }

                .fc-comp-8 > .fc-comp-8-row.bg-grey > .fc-comp-8-col-4:last-child {
                    border-right: none;
                }

            .fc-comp-8 > .fc-comp-8-row > .fc-comp-8-col {
                width: 100%;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding: 0px;
                gap: 16px;
            }

            .fc-comp-8 > .fc-comp-8-row .fc-comp-8-bottom {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding: 0px;
                gap: 16px;
            }

                .fc-comp-8 > .fc-comp-8-row .fc-comp-8-bottom > .fc-comp-8-content {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    padding: 0px;
                    gap: 16px;
                }

            .fc-comp-8 > .fc-comp-8-row .fc-comp-8-content-icon > h3 {
                font-family: 'Archivo', sans-serif !important;
                font-size: 3.625rem;
                font-weight: 300;
                color: #323232;
                line-height: 60px;
                letter-spacing: 2.4px;
            }
}
/*End fc-comp-8*/

/*fc-comp-9*/
.fc-comp-9 {
    /*min-height: 500px;*/
    /*padding-top: 32px;
    padding-bottom: 80px;*/
}

    .fc-comp-9:focus > .fc-comp-9-content-box-link .bg-black, .fc-comp-9:hover > .fc-comp-9-content-box-link .bg-black {
        background-color: #2E2E2E;
    }

    .fc-comp-9:focus > .fc-comp-9-content-box-link .bg-lightblue, .fc-comp-9:hover > .fc-comp-9-content-box-link .bg-lightblue {
        background-color: #DBEAFF;
    }

    .fc-comp-9:focus > .fc-comp-9-content-box-link .bg-lightgrey, .fc-comp-9:hover > .fc-comp-9-content-box-link .bg-lightgrey {
        background-color: #E4E6EC;
    }

    .fc-comp-9 .fc-comp-9-content-box {
        display: flex;
        height: 100%;
    }

    .fc-comp-9 .fc-comp-9-left {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        /*padding-right: 175px;*/
    }

    .fc-comp-9 .fc-comp-9-right {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        /*padding-left: 15px;*/
    }

    .fc-comp-9 .fc-comp-9-content {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 32px;
    }

    .fc-comp-9 .fc-comp-9-content-top {
        padding-bottom: 64px;
    }

    .fc-comp-9 .fc-comp-9-left .fc-comp-9-title {
        padding-bottom: 32px;
    }

    .fc-comp-9 .fc-comp-9-left .fc-comp-9-subheader {
        padding-bottom: 32px;
    }

    .fc-comp-9 .fc-comp-9-right .fc-comp-9-img {
        width: 100%;
        height: 100%
    }

    .fc-comp-9 .bg-black .fc-comp-9-title {
        color: #ffffff;
    }

    .fc-comp-9 .bg-black .fc-comp-9-subheader {
        color: #ffffff;
    }

    .fc-comp-9 .bg-black .fc-comp-9-description {
        color: #ffffff;
    }

    .fc-comp-9 .bg-black .fc-comp-9-link, .fc-comp-9 .bg-black .fc-comp-9-link:hover, .fc-comp-9 .bg-black .fc-comp-9-link:focus {
        color: #ffffff;
    }

        .fc-comp-9 .bg-black .fc-comp-9-link:after {
            background-color: #ffffff;
        }

        .fc-comp-9 .bg-black .fc-comp-9-link svg path {
            stroke: #ffffff;
        }

@media (max-width: 1200px) {
    .fc-comp-9 .fc-comp-9-content-box {
        display: flex;
        height: 100%;
        flex-direction: column-reverse;
    }

        .fc-comp-9 .fc-comp-9-content-box.mobile-column-reverse {
            flex-direction: column;
        }
}


@media (max-width: 767px) {
    .fc-comp-9 {
        padding-top: 0px;
        padding-bottom: 0px; /* 60px*/
    }

        .fc-comp-9 .fc-comp-9-content-box {
            flex-direction: column-reverse;
            height: 100%;
        }

        .fc-comp-9 .fc-comp-9-left {
            flex: 1;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
            /*padding-right: 175px;*/
        }

        .fc-comp-9 .fc-comp-9-right {
            flex: 1;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
            /*padding-left: 15px;*/
        }

        .fc-comp-9 .fc-comp-9-content {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 32px 18px; /*Need confirm with YY*/
        }

        .fc-comp-9 .fc-comp-9-content-top {
            padding-bottom: 40px;
        }

        .fc-comp-9 .fc-comp-9-left .fc-comp-9-title {
            padding-bottom: 22px;
        }

        .fc-comp-9 .fc-comp-9-left .fc-comp-9-subheader {
            padding-bottom: 22px;
        }
}
/*End fc-comp-9*/

/*fc-comp-10*/
.fc-comp-10 {
    width: 65%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.fc-comp-10-full {
    width: 100%;
}

@media (max-width: 1200px) {
    .fc-comp-10 {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .fc-comp-10 {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    /*.fc-comp-10 .fc-comp-10-smalltitle {
        padding-bottom: 8px;
    }*/
}
/*End fc-comp-10*/
/*fc-comp-10-box*/
.fc-comp-10-box {
    padding: 32px;
    width: 100%;
}

@media (max-width: 1200px) {
    .fc-comp-10-box {
        padding: 32px 16px;
    }
}
/*END fc-comp-10-box*/
/*fc-comp-11*/
.fc-comp-11 {
    /*padding-top: 32px;
    padding-bottom: 80px;*/
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    --fc-comp-11-gap: 16px;
    gap: var(--fc-comp-11-gap);
    width: 100%;
}

.fc-comp-11-title-link {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
}

.fc-comp-11 > .fc-comp-11-row, .fc-comp-11 > .resellerSection > .fc-comp-11-row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

.fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 calc(33.33% - 16px);
    -ms-flex: 1 1 calc(33.33% - 16px);
    flex: 1 1 calc(33.33% - 16px);
    flex-shrink: 0;
    flex-grow: 0;
}

.fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 calc(66.66% - 8px);
    -ms-flex: 1 1 calc(66.66% - 8px);
    flex: 1 1 calc(66.66% - 8px);
    flex-shrink: 0;
    flex-grow: 0;
}

.fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-3 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    flex-shrink: 0;
    flex-grow: 0;
}

/*bg-white*/
.fc-comp-11 .fc-comp-11-row .fc-comp-11-col-content {
    background-color: #FFFFFF;
    height: 100%;
}

/*bg-white:hover*/
.fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-1:hover > .fc-comp-11-col-link > .fc-comp-11-col-content > .fc-comp-11-bottom, .fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-2:hover > .fc-comp-11-col-link > .fc-comp-11-col-content > .fc-comp-11-bottom, .fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-3:hover > .fc-comp-11-col-link > .fc-comp-11-col-content > .fc-comp-11-bottom, .fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-1:focus > .fc-comp-11-col-link > .fc-comp-11-col-content > .fc-comp-11-bottom, .fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-2:focus > .fc-comp-11-col-link > .fc-comp-11-col-content > .fc-comp-11-bottom, .fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-3:focus > .fc-comp-11-col-link > .fc-comp-11-col-content > .fc-comp-11-bottom {
    background-color: #F7F7F9;
}

.fc-comp-11 .fc-comp-11-row .fc-comp-11-bottom .fc-comp-11-tag {
    padding: 8px;
    background-color: #F0F1F4;
    border-radius: 4px;
    width: fit-content;
}

/*bg-lightgrey*/
.fc-comp-11 .fc-comp-11-row .fc-comp-11-col-content.bg-lightgrey {
    background-color: #EAECF0;
}

/*bg-lightgrey:hover*/
.fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-1:hover > .fc-comp-11-col-link > .fc-comp-11-col-content.bg-lightgrey > .fc-comp-11-bottom, .fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-2:hover > .fc-comp-11-col-link > .fc-comp-11-col-content.bg-lightgrey > .fc-comp-11-bottom, .fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-3:hover > .fc-comp-11-col-link > .fc-comp-11-col-content.bg-lightgrey > .fc-comp-11-bottom, .fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-1:focus > .fc-comp-11-col-link > .fc-comp-11-col-content.bg-lightgrey > .fc-comp-11-bottom, .fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-2:focus > .fc-comp-11-col-link > .fc-comp-11-col-content.bg-lightgrey > .fc-comp-11-bottom, .fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-3:focus > .fc-comp-11-col-link > .fc-comp-11-col-content.bg-lightgrey > .fc-comp-11-bottom {
    background-color: #F0F1F4;
}

/*bg-lightgrey tag*/
.fc-comp-11 .fc-comp-11-row .fc-comp-11-col-content.bg-lightgrey .fc-comp-11-bottom .fc-comp-11-tag {
    padding: 8px;
    background-color: #FFFFFF;
    border-radius: 4px;
    width: fit-content;
}

.fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-1:first-child, .fc-comp-11 > .fc-comp-11-row > .fc-comp-11-col-2:first-child {
    margin-left: 0px;
}

.fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-1:last-child, .fc-comp-11 > .fc-comp-11-row > .fc-comp-11-col-2:last-child {
    margin-right: 0px;
}

.fc-comp-11 .fc-comp-11-row .fc-comp-11-top {
    height: 180px;
    width: 100%;
    /*padding-top: 30.6px;
    padding-right: 55px;
    padding-bottom: 13.7px;
    padding-left: 55px;*/
}

.fc-comp-11 > .fc-comp-11-row .fc-comp-11-top > .fc-comp-11-img {
    height: 100%;
    width: 100%;
}

.fc-comp-11 .fc-comp-11-row .fc-comp-11-bottom {
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    height: calc(100% - 180px);
}

    .fc-comp-11 .fc-comp-11-row .fc-comp-11-bottom .fc-comp-11-tag-container {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 10px;
    }

    .fc-comp-11 .fc-comp-11-row .fc-comp-11-bottom .fc-comp-11-btn-container {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

@media (max-width: 1200px) {
    .fc-comp-11 > .fc-comp-11-row, .fc-comp-11 > .resellerSection > .fc-comp-11-row {
        justify-content: space-between;
    }

    .fc-comp-11 .fc-comp-11-row > .fc-comp-11-col-1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 calc(50% - 16px);
        -ms-flex: 1 1 calc(50% - 16px);
        flex: 1 1 calc(50% - 16px);
        flex-shrink: 0;
        flex-grow: 0;
    }
}

@media (max-width: 767px) {
    .fc-comp-11 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;
    }

    .fc-comp-11-title-link {
        align-items: center;
    }

    .fc-comp-11 > .fc-comp-11-row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;
    }

        .fc-comp-11 > .fc-comp-11-row > .fc-comp-11-col-1, .fc-comp-11 > .fc-comp-11-row > .fc-comp-11-col-2, .fc-comp-11 > .fc-comp-11-row > .fc-comp-11-col-3 {
            width: 100%;
        }

        .fc-comp-11 > .fc-comp-11-row .fc-comp-11-top {
            height: 180px;
            width: 100%;
            /*padding-top: 24.71px;
        padding-right: 53.69px;
        padding-bottom: 22.29px;
        padding-left: 45.6px;*/
        }

        .fc-comp-11 > .fc-comp-11-row .fc-comp-11-bottom {
            padding: 15px 10px 22px 16px;
        }
}
/*End fc-comp-11*/

/*fc-comp-12*/
.fc-comp-12 {
    /*padding-top: 32px;
    padding-bottom: 80px;*/
}

    .fc-comp-12 > .fc-comp-12-row {
        display: flex;
    }

        .fc-comp-12 > .fc-comp-12-row > .fc-comp-12-col {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(33.33%);
            -ms-flex: 1 1 calc(33.33%);
            flex: 1 1 calc(33.33%);
        }

            .fc-comp-12 > .fc-comp-12-row > .fc-comp-12-col + .fc-comp-12-col {
                border-left: 2px solid #ffffff;
            }

            .fc-comp-12 > .fc-comp-12-row > .fc-comp-12-col > .fc-comp-12-content-link {
                height: 100%;
            }

            .fc-comp-12 > .fc-comp-12-row > .fc-comp-12-col .fc-comp-12-content {
                padding-left: 16px;
                padding-right: 16px;
                padding-top: 16px;
                padding-bottom: 16px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                height: 100%;
            }

            .fc-comp-12 > .fc-comp-12-row > .fc-comp-12-col:hover > .fc-comp-12-content-link > .fc-comp-12-content, .fc-comp-12 > .fc-comp-12-row > .fc-comp-12-col:focus > .fc-comp-12-content-link > .fc-comp-12-content {
                background-color: #E4E6EC;
            }

            .fc-comp-12 > .fc-comp-12-row > .fc-comp-12-col > a .fc-comp-12-content .fc-comp-12-content-top {
                padding-bottom: 16px;
            }

            .fc-comp-12 > .fc-comp-12-row > .fc-comp-12-col > a .fc-comp-12-content .fc-comp-12-description {
                padding-bottom: 64px;
            }

@media (max-width: 767px) {
    .fc-comp-12 {
    }

        .fc-comp-12 > .fc-comp-12-row {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

            .fc-comp-12 > .fc-comp-12-row > .fc-comp-12-col {
                width: 100%;
                border-bottom: 2px solid #ffffff;
            }

                .fc-comp-12 > .fc-comp-12-row > .fc-comp-12-col + .fc-comp-12-col {
                    border-left: none;
                }

                .fc-comp-12 > .fc-comp-12-row > .fc-comp-12-col .fc-comp-12-content {
                    padding-left: 16px;
                    padding-right: 16px;
                    padding-top: 16px;
                    padding-bottom: 16px;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    height: 100%;
                }

                .fc-comp-12 > .fc-comp-12-row > .fc-comp-12-col > a .fc-comp-12-content .fc-comp-12-content-top {
                    padding-bottom: 16px;
                }

                .fc-comp-12 > .fc-comp-12-row > .fc-comp-12-col > a .fc-comp-12-content .fc-comp-12-description {
                    padding-bottom: 64px;
                }
}
/*End fc-comp-12*/

/*fc-comp-13*/
.fc-comp-13 {
}

    .fc-comp-13 > .fc-comp-13-row {
        display: flex;
        /*border-bottom: 1px solid #D9D9D9;*/
    }

    .fc-comp-13 > .fc-comp-13-row {
        border-bottom: 2px solid #FFFFFF;
    }

        .fc-comp-13 > .fc-comp-13-row:last-child {
            border-bottom: none;
        }

        .fc-comp-13 > .fc-comp-13-row > .fc-comp-13-col {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 33.33%;
            -ms-flex: 1 1 33.33%;
            flex: 1 1 33.33%;
        }

        .fc-comp-13 > .fc-comp-13-row > .fc-comp-13-col {
            border-right: 2px solid #FFFFFF;
            background-color: #F0F1F4;
        }

            .fc-comp-13 > .fc-comp-13-row > .fc-comp-13-col:last-child {
                border-right: 2px solid #FFFFFF;
                background-color: #F0F1F4;
            }

                .fc-comp-13 > .fc-comp-13-row > .fc-comp-13-col.fc-comp-13-col-empty, .fc-comp-13 > .fc-comp-13-row > .fc-comp-13-col:last-child.fc-comp-13-col-empty {
                    background-color: transparent;
                }

            .fc-comp-13 > .fc-comp-13-row > .fc-comp-13-col:first-child {
                margin-left: 0px;
            }

            .fc-comp-13 > .fc-comp-13-row > .fc-comp-13-col:last-child {
                margin-right: 0px;
            }

        .fc-comp-13 > .fc-comp-13-row.bg-grey > .fc-comp-13-col:last-child {
            border-right: none;
        }

        .fc-comp-13 > .fc-comp-13-row > .fc-comp-13-col .fc-comp-13-col-content {
            padding-left: 16px;
            padding-right: 16px;
            padding-top: 16px;
            padding-bottom: 16px;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
        }

        .fc-comp-13 > .fc-comp-13-row > .fc-comp-13-col:hover > .fc-comp-13-col-content-link > .fc-comp-13-col-content, .fc-comp-13 > .fc-comp-13-row > .fc-comp-13-col:focus > .fc-comp-13-col-content-link > .fc-comp-13-col-content {
            background-color: #E4E6EC;
        }

        .fc-comp-13 > .fc-comp-13-row > .fc-comp-13-col .fc-comp-13-img {
            margin-bottom: 32px;
        }

        .fc-comp-13 > .fc-comp-13-row > .fc-comp-13-col .fc-comp-13-bottom {
            margin-right: 80px;
        }

@media (max-width: 767px) {
    .fc-comp-13 > .fc-comp-13-row {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap;
        border-bottom: none;
    }

        .fc-comp-13 > .fc-comp-13-row > .fc-comp-13-col {
            width: 100%;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
            border-bottom: 2px solid #FFFFFF;
            border-right: none;
        }

            .fc-comp-13 > .fc-comp-13-row > .fc-comp-13-col.fc-comp-13-col-empty {
                display: none;
            }

            .fc-comp-13 > .fc-comp-13-row > .fc-comp-13-col .fc-comp-13-col-content {
                padding-left: 16px;
                padding-right: 16px;
                padding-top: 16px;
                padding-bottom: 16px;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 16px;
            }
}
/*End fc-comp-13*/

/*fc-comp-14*/
.fc-comp-14 {
}

    .fc-comp-14 > .fc-comp-14-row {
        display: flex;
        border-bottom: 1px solid #D7D7D7;
    }

        .fc-comp-14 > .fc-comp-14-row:first-child {
            border-top: 1px solid #D7D7D7;
        }

        .fc-comp-14 > .fc-comp-14-row:last-child {
            border-bottom: 1px solid #D7D7D7;
        }

        .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 33.33%;
            -ms-flex: 1 1 33.33%;
            flex: 1 1 33.33%;
        }

        .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col {
            border-right: 1px solid #D7D7D7;
            background-color: #FFFFFF;
        }

            .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col:last-child {
                border-right: 1px solid #D7D7D7;
                background-color: #FFFFFF;
            }

            .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col:first-child {
                border-left: 1px solid #D7D7D7;
                background-color: #FFFFFF;
            }

            .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col.fc-comp-14-col-empty, .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col:last-child.fc-comp-14-col-empty {
                background-color: transparent;
            }

            .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col:first-child {
                margin-left: 0px;
            }

            .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col:last-child {
                margin-right: 0px;
            }

        .fc-comp-14 > .fc-comp-14-row.bg-grey > .fc-comp-14-col:last-child {
            border-right: none;
        }

        .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col .fc-comp-14-col-content {
            padding-left: 32px;
            padding-right: 32px;
            padding-top: 32px;
            padding-bottom: 32px;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
        }

        .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col:hover > .fc-comp-14-col-content-link > .fc-comp-14-col-content, .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col:focus > .fc-comp-14-col-content-link > .fc-comp-14-col-content {
            background-color: #F7F7F9;
        }

        .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col .fc-comp-14-img {
            margin-bottom: 32px;
        }

        .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col .fc-comp-14-bottom {
            margin-right: 80px;
        }

        .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col .fc-comp-14-col-content > .fc-comp-14-top {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col .fc-comp-14-col-content > .fc-comp-14-top > p {
                text-align: center;
            }

@media (max-width: 767px) {
    .fc-comp-14 > .fc-comp-14-row {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap;
        border-bottom: none;
    }

        .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col {
            width: 100%;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
            border-left: 1px solid #D7D7D7;
            border-bottom: 1px solid #D7D7D7;
        }

        .fc-comp-14 > .fc-comp-14-row:last-child {
            border-bottom: none;
        }

        .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col.fc-comp-14-col-empty {
            display: none;
        }

        .fc-comp-14 > .fc-comp-14-row > .fc-comp-14-col .fc-comp-14-col-content {
            padding-left: 16px;
            padding-right: 16px;
            padding-top: 25px;
            padding-bottom: 25px;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 16px;
        }
}
/*End fc-comp-14*/

/*fc-comp-15*/
.fc-comp-15 {
    width: 100%;
}

    .fc-comp-15 > .fc-comp-15-content-box {
        display: flex;
        height: 100%;
    }

        .fc-comp-15 > .fc-comp-15-content-box > .fc-comp-15-left {
            flex: 1;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 40%;
            -ms-flex: 1 1 40%;
            flex: 1 1 40%;
            /*padding-right: 175px;*/
        }

        .fc-comp-15 > .fc-comp-15-content-box > .fc-comp-15-right {
            flex: 1;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 60%;
            -ms-flex: 1 1 60%;
            flex: 1 1 60%;
            /*padding-left: 15px;*/
        }

    .fc-comp-15 .fc-comp-15-content-box .fc-comp-15-content {
        height: 100%;
        padding: 32px;
    }

        .fc-comp-15 .fc-comp-15-content-box .fc-comp-15-content .fc-comp-15-description {
            padding-bottom: 4px;
        }


    .fc-comp-15 > .fc-comp-15-content-box > .fc-comp-15-left > .fc-comp-15-content > .fc-comp-15-content-top {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 32px;
        gap: 16px;
        border-bottom: 1px solid #D9D9D9;
    }

    .fc-comp-15 > .fc-comp-15-content-box > .fc-comp-15-left > .fc-comp-15-content > .fc-comp-15-content-bottom {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-top: 32px;
        gap: 24px;
    }

    .fc-comp-15 > .fc-comp-15-content-box > .fc-comp-15-left > .fc-comp-15-content > .fc-comp-15-content-combined {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .fc-comp-15 > .fc-comp-15-content-box > .fc-comp-15-left > .fc-comp-15-content > .fc-comp-15-content-top > .fc-comp-15-title {
        padding-bottom: 0;
    }

    .fc-comp-15 > .fc-comp-15-content-box > .fc-comp-15-left > .fc-comp-15-content > .fc-comp-15-content-top > .fc-comp-15-price sup {
        top: -0.3em;
    }

    .fc-comp-15 .fc-comp-15-left .fc-comp-15-price h3.fc-header-7 {
        font-weight: 300;
    }

    .fc-comp-15 > .fc-comp-15-content-box > .fc-comp-15-left > .fc-comp-15-content .fc-comp-list {
        font-size: 0.9rem;
    }

    .fc-comp-15 > .fc-comp-15-content-box > .fc-comp-15-right > .fc-comp-15-content > .fc-comp-15-img {
        width: 100%;
    }

.fc-comp-15-content > a > .fc-comp-15-img {
    margin: auto;
}

.fc-comp-15-content > a:hover > .fc-comp-15-img {
    opacity: 0.75;
}


@media (max-width: 1200px) {
    .fc-comp-15 > .fc-comp-15-content-box {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .fc-comp-15 > .fc-comp-15-content-box {
        flex-direction: column;
        height: 100%;
    }

        .fc-comp-15 > .fc-comp-15-content-box > .fc-comp-15-left {
            flex: 1;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
        }

        .fc-comp-15 > .fc-comp-15-content-box > .fc-comp-15-right {
            flex: 1;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
        }

            .fc-comp-15 > .fc-comp-15-content-box > .fc-comp-15-right > .fc-comp-15-content {
                padding: 0px 16px 32px;
            }

        .fc-comp-15 > .fc-comp-15-content-box > .fc-comp-15-left > .fc-comp-15-content > .fc-comp-15-content-bottom {
            gap: 16px;
        }

    .fc-comp-15 .fc-comp-15-content-box .fc-comp-15-content {
        height: 100%;
        padding: 32px 16px;
    }

    .fc-comp-15 > .fc-comp-15-content-box > .fc-comp-15-left > .fc-comp-15-content-top {
        padding-bottom: 40px;
    }

    .fc-comp-15 > .fc-comp-15-content-box > .fc-comp-15-left > .fc-comp-15-content .fc-comp-15-price h3.fc-header-7 {
        line-height: 40px;
    }
}
/*End fc-comp-15*/
/*fc-comp-16*/
.fc-comp-16 {
    display: flex;
    flex-direction: column;
    padding: 0px;
}

    .fc-comp-16 > .fc-comp-16-box-container .fc-comp-16-box {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        border: 1px solid #D9D9D9;
        padding: 32px;
        gap: 32px;
    }

    .fc-comp-16 > .fc-comp-16-box-container:not(:first-child) .fc-comp-16-box {
        border-top: none;
    }

    .fc-comp-16 > .fc-comp-16-box-container:hover .fc-comp-16-box, .fc-comp-16 > .fc-comp-16-box-container:focus .fc-comp-16-box {
        background-color: #F7F7F9;
    }


    .fc-comp-16 > .fc-comp-16-box-container .fc-comp-16-box > .fc-comp-16-left.l-65-r-35 {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    }

    .fc-comp-16 > .fc-comp-16-box-container .fc-comp-16-box > .fc-comp-16-right.l-65-r-35 {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    }

        .fc-comp-16 > .fc-comp-16-box-container .fc-comp-16-box > .fc-comp-16-right.l-65-r-35 > .fc-comp-16-box-content {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
        }

            .fc-comp-16 > .fc-comp-16-box-container .fc-comp-16-box > .fc-comp-16-right.l-65-r-35 > .fc-comp-16-box-content > .fc-comp-16-box-content-top {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                padding: 0px;
                gap: 16px;
            }


    .fc-comp-16 > .fc-comp-16-box-container .fc-comp-16-box .fc-comp-16-box-content > .fc-comp-16-box-content-top > .fc-comp-16-tag {
        padding: 2px 10px;
        width: fit-content;
    }


    .fc-comp-16 > .fc-comp-16-box-container .fc-comp-16-box .fc-comp-16-box-content > .fc-comp-16-box-content-bottom > .fc-comp-16-btn-container {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

@media (max-width: 1200px) {
    .fc-comp-16 > .fc-comp-16-box-container .fc-comp-16-box {
        display: flex;
        flex-direction: column;
        padding: 24px;
        gap: 32px;
    }
}

@media (max-width: 767px) {
    .fc-comp-16 > .fc-comp-16-box-container .fc-comp-16-box {
        display: flex;
        flex-direction: column;
        padding: 24px 16px;
        gap: 32px;
    }

        .fc-comp-16 > .fc-comp-16-box-container .fc-comp-16-box > .fc-comp-16-right.l-65-r-35 > .fc-comp-16-box-content {
            gap: 16px;
        }

        .fc-comp-16 > .fc-comp-16-box-container .fc-comp-16-box > .fc-comp-16-left.l-65-r-35 {
            width: 100%
        }

        .fc-comp-16 > .fc-comp-16-box-container .fc-comp-16-box > .fc-comp-16-right.l-65-r-35 {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
        }
}
/*End fc-comp-16*/

/*fc-comp-17*/
.fc-comp-17 .fc-comp-17-content-box {
    display: flex;
    padding: 32px;
    align-items: flex-start;
    gap: 64px;
    align-self: stretch;
}

.fc-comp-17 > .fc-comp-17-content-box > .fc-comp-17-left {
    flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
}

    .fc-comp-17 > .fc-comp-17-content-box > .fc-comp-17-left > .fc-comp-17-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        flex: 1 0 0;
        align-self: stretch;
    }

.fc-comp-17 > .fc-comp-17-content-box > .fc-comp-17-right {
    flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
}

    .fc-comp-17 > .fc-comp-17-content-box > .fc-comp-17-right > .fc-comp-17-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }

.fc-comp-17 .fc-comp-17-content-box .fc-comp-17-content-icon {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 13px;
}

    .fc-comp-17 .fc-comp-17-content-box .fc-comp-17-content-icon > .fc-comp-17-content-icon-img > .fc-comp-17-icon-link > img {
        -webkit-transition-property: all;
        -webkit-transition-duration: 0.3s;
        -webkit-transition-timing-function: ease;
    }

    .fc-comp-17 .fc-comp-17-content-box .fc-comp-17-content-icon > .fc-comp-17-content-icon-img:hover > a.fc-comp-17-icon-link > img, .fc-comp-17 .fc-comp-17-content-box .fc-comp-17-content-icon > .fc-comp-17-content-icon-img:focus > a.fc-comp-17-icon-link > img {
        transform: scale(1.2);
    }

@media (max-width: 1200px) {
    .fc-comp-17 .fc-comp-17-content-box {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .fc-comp-17 {
        padding-top: 0px;
        padding-bottom: 0px; /* 60px*/
    }

    .fc-comp-17 {
        padding-bottom: 0px;
    }

        .fc-comp-17 .fc-comp-17-content-box {
            display: flex;
            padding: 16px;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: 24px;
            align-self: stretch;
            box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.13);
        }


        .fc-comp-17 > .fc-comp-17-content-box > .fc-comp-17-left {
            flex: 1;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
        }

            .fc-comp-17 > .fc-comp-17-content-box > .fc-comp-17-left > .fc-comp-17-content {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 16px;
                align-self: stretch;
            }

                .fc-comp-17 > .fc-comp-17-content-box > .fc-comp-17-left > .fc-comp-17-content h3.fc-header-9 {
                    font-size: 1.25rem;
                    font-weight: 300;
                }

        .fc-comp-17 > .fc-comp-17-content-box > .fc-comp-17-right {
            flex: 1;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
        }

            .fc-comp-17 > .fc-comp-17-content-box > .fc-comp-17-right > .fc-comp-17-content {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 16px;
                align-self: stretch;
            }
}
/*End fc-comp-17*/

/*fc-comp-18 (ratio 5:5)*/
.fc-comp-18 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 32px;
}

    /*50:50*/
    .fc-comp-18 .fc-comp-18-left.l-50-r-50 {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .fc-comp-18 .fc-comp-18-right.l-50-r-50 {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .fc-comp-18 .fc-comp-18-img {
        height: auto;
        width: 100%
    }

    .fc-comp-18 .fc-comp-18-left .fc-comp-18-img {
        margin-left: 0px;
        margin-right: auto;
    }

    .fc-comp-18 .fc-comp-18-right .fc-comp-18-img {
        margin-left: auto;
        margin-right: 0px;
    }



@media (max-width: 767px) {
    .fc-comp-18 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

        /*50:50*/
        .fc-comp-18 .fc-comp-18-left.l-50-r-50, .fc-comp-18 .fc-comp-18-right.l-50-r-50 {
            width: 100%;
        }
}

/*End fc-comp-18 (ratio 5:5)*/

/*fc-comp-19*/
.fc-comp-19 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
}

    .fc-comp-19 > .fc-comp-19-row {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        flex-wrap: wrap;
        padding: 0px;
        gap: 16px;
        width: 100%;
    }

        .fc-comp-19 > .fc-comp-19-row > .fc-comp-19-col-6 {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(16.66% - 16px);
            -ms-flex: 1 1 calc(16.66% - 16px);
            flex: 1 1 calc(16.66% - 16px);
            flex-shrink: 0;
            flex-grow: 0;
        }

            .fc-comp-19 > .fc-comp-19-row > .fc-comp-19-col-6:first-child {
                margin-left: 0px;
            }

            .fc-comp-19 > .fc-comp-19-row > .fc-comp-19-col-6 > .fc-comp-19-top > img {
                margin: auto;
            }

            .fc-comp-19 > .fc-comp-19-row > .fc-comp-19-col-6 > .fc-comp-19-bottom {
                padding: 16px;
            }

@media (max-width: 1200px) {
    .fc-comp-19-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .fc-comp-19 > .fc-comp-19-row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: stretch;
        padding: 0px;
    }

        .fc-comp-19 > .fc-comp-19-row > .fc-comp-19-col-6 {
            max-width: calc(33.33% - 12px);
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(33.33% - 12px);
            -ms-flex: 1 1 calc(33.33% - 12px);
            flex: 1 1 calc(33.33% - 12px);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
}

@media (max-width: 767px) {
    .fc-comp-19-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .fc-comp-19 > .fc-comp-19-row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: stretch;
        padding: 0px;
    }

        .fc-comp-19 > .fc-comp-19-row > .fc-comp-19-col-6 {
            max-width: calc(50% - 12px);
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(50% - 12px);
            -ms-flex: 1 1 calc(50% - 12px);
            flex: 1 1 calc(50% - 12px);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
}
/*End fc-comp-19*/
/*fc-comp-20*/
.fc-comp-20 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

    .fc-comp-20 > .fc-comp-20-row {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        padding: 0px;
        --fc-comp-20-gap: 16px;
        gap: var(--fc-comp-20-gap);
    }

        .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(33.33% - 21.33px);
            -ms-flex: 1 1 calc(33.33% - 21.33px);
            flex: 1 1 calc(33.33% - 21.33px);
            padding: 16px;
        }

            .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col.fc-comp-20-col-empty:hover {
                background-color: transparent;
            }



            .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col:hover {
                background-color: #E4E6EC;
            }

        .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col-4 {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(25% - 21.33px);
            -ms-flex: 1 1 calc(25% - 21.33px);
            flex: 1 1 calc(25% - 21.33px);
            padding: 16px;
        }

            .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col .fc-comp-20-content, .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col-4 .fc-comp-20-content {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                height: 100%;
                gap: 16px;
            }

                .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col .fc-comp-20-content > .fc-comp-20-content-top, .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col-4 .fc-comp-20-content > .fc-comp-20-content-top {
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                    gap: 16px;
                }

                .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col .fc-comp-20-content > .fc-comp-20-content-bottom, .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col-4 .fc-comp-20-content > .fc-comp-20-content-bottom {
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                    gap: 64px;
                }

                    .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col-4 .fc-comp-20-content > .fc-comp-20-content-bottom .fc-btn {
                        width: 100%;
                        max-width: inherit;
                        justify-content: space-between;
                    }

                .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col-4 .fc-comp-20-content .fc-comp-15-price sup {
                    top: -0.3em;
                }

                .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col-4 .fc-comp-20-content .fc-comp-15-price h3.fc-header-7 {
                    font-weight: 300;
                }

@media (max-width: 1200px) {
    .fc-comp-20 > .fc-comp-20-row {
        flex-wrap: wrap;
    }

        .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col-4 {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(50% - 21.33px);
            -ms-flex: 1 1 calc(50% - 21.33px);
            flex: 1 1 calc(50% - 21.33px);
            padding: 16px;
        }
}

@media (max-width: 767px) {
    .fc-comp-20 > .fc-comp-20-row {
        flex-direction: column;
    }

        .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col .fc-comp-20-content > .fc-comp-20-content-bottom, .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col-4 .fc-comp-20-content > .fc-comp-20-content-bottom {
            gap: 32px;
        }

        .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col-4 .fc-comp-20-content .fc-comp-15-price h3.fc-header-7 {
            line-height: 40px;
        }



        .fc-comp-20 > .fc-comp-20-row > .fc-comp-20-col.fc-comp-20-col-empty {
            display: none;
        }
}


/*End fc-comp-20*/
/*fc-comp-21*/
.fc-comp-21 {
    width: 100%;
}

    .fc-comp-21 .fc-comp-21-content-box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 32px;
        gap: 24px;
    }

    .fc-comp-21 > a:hover > .fc-comp-21-content-box {
        background-color: #E4E6EC;
    }

    .fc-comp-21 .fc-comp-21-content-box .fc-comp-21-title {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        align-items: center;
        gap: 16px;
    }

    .fc-comp-21 .fc-comp-21-content-box .fc-comp-21-img-box {
        display: flex;
        flex-direction: row;
        width: max-content;
        gap: 16px;
    }

@media (max-width: 1200px) {
    .fc-comp-21 .fc-comp-21-content-box .fc-comp-21-img-box {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

        .fc-comp-21 .fc-comp-21-content-box .fc-comp-21-img-box img {
            width: 100%;
            margin: auto;
        }
}

@media (max-width: 767px) {
    .fc-comp-21 .fc-comp-21-content-box {
        padding: 16px;
        gap: 24px;
    }

        .fc-comp-21 .fc-comp-21-content-box .fc-comp-21-img-box {
            display: flex;
            flex-direction: column;
            width: 100%;
        }
}

/*End fc-comp-21*/
/*fc-comp-22*/
.fc-comp-22 {
    /*padding-top: 32px;
    padding-bottom: 80px;*/
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

.fc-comp-22-title-link {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
}

.fc-comp-22 > .fc-comp-22-row, .fc-comp-22 > .resellerSection > .fc-comp-22-row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 0px;
    --fc-comp-22-gap: 16px;
    gap: var(--fc-comp-22-gap);
    width: 100%;
}

.fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 calc(33.33% - 16px);
    -ms-flex: 1 1 calc(33.33% - 16px);
    flex: 1 1 calc(33.33% - 16px);
    flex-shrink: 0;
    flex-grow: 0;
}

.fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 calc(66.66% - 8px);
    -ms-flex: 1 1 calc(66.66% - 8px);
    flex: 1 1 calc(66.66% - 8px);
    flex-shrink: 0;
    flex-grow: 0;
}

.fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-3 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    flex-shrink: 0;
    flex-grow: 0;
}

/*bg-white*/
.fc-comp-22 .fc-comp-22-row .fc-comp-22-col-content {
    background-color: #FFFFFF;
    height: 100%;
}

/*bg-white:hover*/
.fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-1:hover > .fc-comp-22-col-link > .fc-comp-22-col-content > .fc-comp-22-bottom, .fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-2:hover > .fc-comp-22-col-link > .fc-comp-22-col-content > .fc-comp-22-bottom, .fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-3:hover > .fc-comp-22-col-link > .fc-comp-22-col-content > .fc-comp-22-bottom, .fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-1:focus > .fc-comp-22-col-link > .fc-comp-22-col-content > .fc-comp-22-bottom, .fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-2:focus > .fc-comp-22-col-link > .fc-comp-22-col-content > .fc-comp-22-bottom, .fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-3:focus > .fc-comp-22-col-link > .fc-comp-22-col-content > .fc-comp-22-bottom {
    background-color: #F7F7F9;
}

.fc-comp-22 .fc-comp-22-row .fc-comp-22-bottom .fc-comp-22-tag {
    padding: 8px;
    background-color: #F0F1F4;
    border-radius: 4px;
    width: fit-content;
}

/*bg-lightgrey*/
.fc-comp-22 .fc-comp-22-row .fc-comp-22-col-content.bg-lightgrey {
    background-color: #EAECF0;
}

/*bg-lightgrey:hover*/
.fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-1:hover > .fc-comp-22-col-link > .fc-comp-22-col-content.bg-lightgrey > .fc-comp-22-bottom, .fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-2:hover > .fc-comp-22-col-link > .fc-comp-22-col-content.bg-lightgrey > .fc-comp-22-bottom, .fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-3:hover > .fc-comp-22-col-link > .fc-comp-22-col-content.bg-lightgrey > .fc-comp-22-bottom, .fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-1:focus > .fc-comp-22-col-link > .fc-comp-22-col-content.bg-lightgrey > .fc-comp-22-bottom, .fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-2:focus > .fc-comp-22-col-link > .fc-comp-22-col-content.bg-lightgrey > .fc-comp-22-bottom, .fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-3:focus > .fc-comp-22-col-link > .fc-comp-22-col-content.bg-lightgrey > .fc-comp-22-bottom {
    background-color: #F0F1F4;
}

/*bg-lightgrey tag*/
.fc-comp-22 .fc-comp-22-row .fc-comp-22-col-content.bg-lightgrey .fc-comp-22-bottom .fc-comp-22-tag {
    padding: 8px;
    background-color: #FFFFFF;
    border-radius: 4px;
    width: fit-content;
}

.fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-1:first-child, .fc-comp-22 > .fc-comp-22-row > .fc-comp-22-col-2:first-child {
    margin-left: 0px;
}

.fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-1:last-child, .fc-comp-22 > .fc-comp-22-row > .fc-comp-22-col-2:last-child {
    margin-right: 0px;
}

.fc-comp-22 .fc-comp-22-row .fc-comp-22-top {
    /*height: 209px;*/
    width: 100%;
    /*padding-top: 30.6px;
    padding-right: 55px;
    padding-bottom: 13.7px;
    padding-left: 55px;*/
}

.fc-comp-22 > .fc-comp-22-row .fc-comp-22-top > .fc-comp-22-img {
    height: 100%;
    width: auto;
    margin: auto;
}

.fc-comp-22 .fc-comp-22-row .fc-comp-22-bottom {
    padding: 16px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    height: calc(100% - 209px);
}

    .fc-comp-22 .fc-comp-22-row .fc-comp-22-bottom .fc-comp-22-tag-container {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 10px;
    }

    .fc-comp-22 .fc-comp-22-row .fc-comp-22-bottom .fc-comp-22-btn-container {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

@media (max-width: 1200px) {
    .fc-comp-22 > .fc-comp-22-row, .fc-comp-22 > .resellerSection > .fc-comp-22-row {
        justify-content: space-between;
    }

    .fc-comp-22 .fc-comp-22-row > .fc-comp-22-col-1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 calc(50% - 16px);
        -ms-flex: 1 1 calc(50% - 16px);
        flex: 1 1 calc(50% - 16px);
        flex-shrink: 0;
        flex-grow: 0;
    }

    .fc-comp-22 .fc-comp-22-row .fc-comp-22-top {
        /*height: 411px;*/
        width: 100%;
    }

    .fc-comp-22 > .fc-comp-22-row .fc-comp-22-top > .fc-comp-22-img {
        height: 100%;
        width: auto;
        margin: auto;
    }

    .fc-comp-22 .fc-comp-22-row .fc-comp-22-bottom {
        height: calc(100% - 411px);
    }
}

@media (max-width: 767px) {
    .fc-comp-22 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;
    }

    .fc-comp-22-title-link {
        align-items: center;
    }

    .fc-comp-22 > .fc-comp-22-row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;
    }

        .fc-comp-22 > .fc-comp-22-row > .fc-comp-22-col-1, .fc-comp-22 > .fc-comp-22-row > .fc-comp-22-col-2, .fc-comp-22 > .fc-comp-22-row > .fc-comp-22-col-3 {
            width: 100%;
        }

        .fc-comp-22 > .fc-comp-22-row .fc-comp-22-top {
            /*height: 200px;*/
            width: 100%;
            /*padding-top: 24.71px;
        padding-right: 53.69px;
        padding-bottom: 22.29px;
        padding-left: 45.6px;*/
        }

        .fc-comp-22 > .fc-comp-22-row .fc-comp-22-bottom {
            padding: 15px 0px 22px 0px;
        }
}
/*End fc-comp-22*/
/*fc-comp-23*/
.fc-comp-23 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

    .fc-comp-23 > .fc-comp-23-row {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        padding: 0px;
        gap: 32px;
    }

        .fc-comp-23 > .fc-comp-23-row > .fc-comp-23-col .fc-comp-23-container {
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-between;
            align-items: stretch;
            padding: 32px;
            gap: 16px;
            background-size: cover !important;
        }


        .fc-comp-23 > .fc-comp-23-row > .fc-comp-23-col-3 {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 calc(33.33% - 32px);
            -ms-flex: 1 1 calc(33.33% - 32px);
            flex: 1 1 calc(33.33% - 32px);
            display: flex;
        }


        .fc-comp-23 > .fc-comp-23-row > .fc-comp-23-col a:hover .fc-comp-23-container {
            border: none;
            background-blend-mode: overlay;
            background-color: rgb(111 111 111 / 40%) !important;
        }

@media (max-width: 767px) {
    .fc-comp-23 > .fc-comp-23-row {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 0px;
        gap: 32px;
    }

        .fc-comp-23 > .fc-comp-23-row:last-child {
            border-bottom: none;
        }

        .fc-comp-23 > .fc-comp-23-row > .fc-comp-23-col {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 0px;
            gap: 16px;
        }
}

/*End fc-comp-23*/
/*fc-comp-24*/
.fc-comp-24 {
    width: 100%;
}

    .fc-comp-24 > .fc-comp-24-row {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        padding: 0px;
        gap: 16px;
    }

        .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col {
            display: flex;
            flex-direction: column;
            align-items: stretch;
        }

        .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col-2 {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 50%;
            -ms-flex: 1 1 50%;
            flex: 1 1 50%;
        }

        .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col-3 {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 33.33%;
            -ms-flex: 1 1 33.33%;
            flex: 1 1 33.33%;
        }

        .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col-4 {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 25%;
            -ms-flex: 1 1 25%;
            flex: 1 1 25%;
        }

        .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col .fc-comp-24-container {
            height: 100%;
            display: flex;
            flex-direction: column;
            padding: 16px;
            gap: 16px;
            border: 1px solid #D9D9D9;
            justify-content: space-between;
        }

            .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col .fc-comp-24-container .fc-comp-24-list-container {
                display: flex;
                flex-direction: column;
            }

            .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col .fc-comp-24-container > .fc-comp-24-list-container > .fc-comp-24-list {
                display: flex;
                flex-direction: row;
                gap: 8px;
                padding: 4px 0px;
                align-items: center;
            }

                .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col .fc-comp-24-container > .fc-comp-24-list-container > .fc-comp-24-list a.fc-link-3 {
                    text-decoration-color: #d9d9d9;
                }

                    .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col .fc-comp-24-container > .fc-comp-24-list-container > .fc-comp-24-list a.fc-link-3:hover {
                        text-decoration: underline;
                        text-underline-position: under;
                        color: #166BFF;
                    }

            .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col .fc-comp-24-container > .fc-comp-24-content-top {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                gap: 16px;
            }

            .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col .fc-comp-24-container > .fc-comp-24-content .fc-comp-24-content-bottom {
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
            }

        .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col > a:hover.fc-comp-24-container-link {
            background-color: #F7F7F9;
        }

        .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col.bg-grey .fc-comp-24-content, .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col .fc-comp-24-content.bg-grey {
            padding: 16px;
        }

        .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col .fc-comp-24-content {
            display: flex;
            flex-direction: column;
            gap: 16px;
            height: 100%;
        }

            .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col.bg-grey .fc-comp-24-content .fc-comp-24-title, .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col .fc-comp-24-content.bg-grey .fc-comp-24-title {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                gap: 16px;
            }

        .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col.bg-grey:hover {
            background-color: #E4E6EC;
            cursor: pointer;
        }


@media (max-width: 767px) {
    .fc-comp-24 > .fc-comp-24-row {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col .fc-comp-24-container {
            height: 100%;
            display: flex;
            flex-direction: column;
            padding: 16px 0px;
            gap: 16px;
            border-top: none;
            border-right: none;
            border-left: none;
            border-bottom: 1px 0px solid #D9D9D9;
            justify-content: space-between;
        }

            .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col .fc-comp-24-container > .fc-comp-24-list-container > .fc-comp-24-list {
                padding: 8px 0px;
            }

        .fc-comp-24 > .fc-comp-24-row > .fc-comp-24-col > a:hover.fc-comp-24-container-link {
            background-color: transparent;
        }
}
/*End fc-comp-24*/
/*fc-comp-25*/
.fc-comp-25 {
    padding: 0px 0px 64px 0px;
    border-bottom: 1px solid #D9D9D9;
}

    .fc-comp-25:last-child {
        border-bottom: none;
        padding-bottom: 0px;
    }

    .fc-comp-25 > .fc-comp-25-container {
        display: flex;
        flex-direction: row;
        gap: 32px;
    }

        .fc-comp-25 > .fc-comp-25-container > .fc-comp-25-left.l-65-r-35 {
            flex: 1;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 65%;
            -ms-flex: 1 1 65%;
            flex: 1 1 65%;
        }

        .fc-comp-25 > .fc-comp-25-container > .fc-comp-25-right.l-65-r-35 {
            flex: 1;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 35%;
            -ms-flex: 1 1 35%;
            flex: 1 1 35%;
        }

            .fc-comp-25 > .fc-comp-25-container > .fc-comp-25-right.l-65-r-35 > .fc-comp-25-content-container {
                display: flex;
                flex-direction: column;
                gap: 24px;
            }

                .fc-comp-25 > .fc-comp-25-container > .fc-comp-25-right.l-65-r-35 > .fc-comp-25-content-container .fc-comp-25-content {
                    display: flex;
                    flex-direction: column;
                    gap: 16px;
                }

                .fc-comp-25 > .fc-comp-25-container > .fc-comp-25-right.l-65-r-35 > .fc-comp-25-content-container > .fc-comp-25-btn-container {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    gap: 10px;
                }

                    .fc-comp-25 > .fc-comp-25-container > .fc-comp-25-right.l-65-r-35 > .fc-comp-25-content-container > .fc-comp-25-btn-container > img {
                        max-height: 50px;
                    }

@media (max-width: 1024px) {
    .fc-comp-25 > .fc-comp-25-container {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }
}

/*End fc-comp-25*/
/*fc-comp-26*/
.fc-comp-26 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}


    .fc-comp-26 .fc-comp-26-content > .fc-comp-26-single {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding-top: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #D7D7D7;
    }

        .fc-comp-26 .fc-comp-26-content > .fc-comp-26-single:first-child {
            border-top: 1px solid #D7D7D7;
        }

        .fc-comp-26 .fc-comp-26-content > .fc-comp-26-single > .fc-comp-26-description {
            width: 65%;
        }



@media (max-width: 767px) {
    .fc-comp-26 .fc-comp-26-content > .fc-comp-26-single > .fc-comp-26-description {
        width: 100%;
    }
}
/*End fc-comp-26*/
/*fc-comp-27*/
.fc-comp-27 {
    display: flex;
    flex-direction: row;
    width: 100%;
}

    .fc-comp-27 > .fc-comp-27-left {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    }

        .fc-comp-27 > .fc-comp-27-left.fc-comp-box {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 32px;
            border: 1px solid #D9D9D9;
        }

        .fc-comp-27 > .fc-comp-27-left > .fc-comp-27-content-top {
            display: flex;
            flex-direction: column;
            gap: 32px;
        }

            .fc-comp-27 > .fc-comp-27-left > .fc-comp-27-content-top img.fc-comp-27-content-icon {
                max-width: 40px;
            }

        .fc-comp-27 > .fc-comp-27-left .fc-comp-27-content {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .fc-comp-27 > .fc-comp-27-left > .fc-comp-27-content-bottom {
            border-top: 1px solid #D9D9D9;
            padding-top: 32px;
        }

    .fc-comp-27 > .fc-comp-27-right {
        display: flex;
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        flex-direction: column;
        gap: 32px;
    }

        .fc-comp-27 > .fc-comp-27-right > .fc-comp-27-content {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

    .fc-comp-27 .fc-comp-27-content > .fc-comop-27-list-content > .fc-comp-list {
        margin-bottom: 0px;
    }

@media (max-width: 767px) {
    .fc-comp-27 {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

        .fc-comp-27 > .fc-comp-27-left {
            width: 100%;
        }

        .fc-comp-27 > .fc-comp-27-right {
            width: 100%;
        }
}

    /*END fc-comp-27*/
    /*fc-comp-table (table)*/
    .fc-container > .fc-comp-table {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 32px 0px 80px;
        gap: 24px;
    }

    .fc-content-right .fc-comp-table {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        width: 100%;
    }

    .fc-comp-table .fc-comp-table-content {
        width: 100%;
    }

    .fc-comp-table > .fc-comp-table-content > .fc-table {
        width: 100%;
    }

    .fc-table > tbody > tr > td, .fc-table > tbody > tr > th, .fc-table > tfoot > tr > td, .fc-table > tfoot > tr > th {
        vertical-align: top;
        border-bottom: 1px solid #ddd;
        padding: 12px;
    }

        .fc-table > tbody > tr > td:first-child p {
            padding-right: 80px;
        }

    @media (max-width: 767px) {
        .fc-table > tbody > tr > td:first-child p {
            padding-right: 0px;
        }
    }

    /*.fc-table > tbody > tr:last-child, .fc-table > tfoot > tr:last-child {
    border-bottom: 1px solid #ddd;
}*/

    .fc-table > thead > tr > td, .fc-table > thead > tr > th {
        vertical-align: top;
        padding: 16px 12px 32px;
    }

    .fc-table-content-center {
        vertical-align: middle !important;
        text-align: center;
    }


    @media (max-width: 1200px) {
        .fc-container > .fc-comp-table {
            padding: 32px 33px 56px;
        }
    }


    @media (max-width: 767px) {
        .fc-container > .fc-comp-table {
            flex-direction: column;
            align-items: flex-start;
            padding: 32px 16px 56px;
            gap: 32px;
        }

        .fc-comp-table .fc-comp-table-content {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 24px;
            overflow: auto;
        }
    }

    /*End fc-table*/

    /*fc-flex*/
    .fc-flex {
        width: 100%;
    }

        .fc-flex > .fc-flex-row {
            display: flex;
            margin-bottom: 16px;
        }

            .fc-flex > .fc-flex-row.fc-comp-margin-b-0 {
                margin-bottom: 0px;
            }

            .fc-flex > .fc-flex-row > .fc-flex-col-1 {
                -webkit-box-flex: 1;
                flex: 1 1 100%;
            }

            .fc-flex > .fc-flex-row > .fc-flex-col-2 {
                -webkit-box-flex: 1;
                flex: 1 1 50%;
            }

            .fc-flex > .fc-flex-row > .fc-flex-col-3 {
                -webkit-box-flex: 1;
                flex: 1 1 33.33%;
            }

            .fc-flex > .fc-flex-row > .fc-flex-col-4 {
                -webkit-box-flex: 1;
                flex: 1 1 25%;
            }

            .fc-flex > .fc-flex-row > .fc-flex-col-5 {
                -webkit-box-flex: 1;
                flex: 1 1 20%;
            }

            .fc-flex > .fc-flex-row > .fc-flex-col-6 {
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 16.66%;
                -ms-flex: 1 1 16.66%;
                flex: 1 1 16.66%;
                width: 16.66% !important;
            }

            .fc-flex > .fc-flex-row > .fc-flex-col-10 {
                -webkit-box-flex: 1;
                flex: 1 1 10%;
            }

    .fc-flex-col-content .fc-flex-img {
        padding: 18px;
    }

    .fc-flex-col-content .fc-flex-text {
        text-align: center;
    }

    @media (max-width: 767px) {
    }
    /*End fc-flex*/

    /*fc-flex-gap*/
    .fc-flex-gap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 32px 0px;
        gap: 26px;
    }

        .fc-flex-gap .fc-flex-gap-col {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 16px;
        }
    /*End fc-gap*/
    /*fc-breadcrumbs*/
    .fc-container > .fc-content-container > .fc-breadcrumb-container {
        overflow: hidden;
        padding-top: 32px;
    }

    .fc-content-right > .fc-section > .fc-breadcrumb-container {
        overflow: hidden;
    }

    .fc-breadcrumb-container > .fc-breadcrumb {
        padding-left: 0px;
        list-style: none;
    }

    .fc-breadcrumb > li {
        display: inline-block;
        color: #166BFF;
    }

        .fc-breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "\203A" !important;
        }

    .fc-breadcrumb-container > .fc-breadcrumb > li > a.fc-link-1, .fc-breadcrumb-container > .fc-breadcrumb > li {
        display: inline-block;
        color: #3C3C3C;
    }

        .fc-breadcrumb-container > .fc-breadcrumb > li > a.fc-link-1:hover, .fc-breadcrumb-container > .fc-breadcrumb > li > a.fc-link-1:focus, .fc-breadcrumb-container > .fc-breadcrumb > li.active {
            color: #166BFF;
        }


    /*End fc-breadcrumbs*/
    /*fc-comp-video*/
    .fc-comp-video {
        width: 65%;
        /*padding-top: 32px;
    padding-bottom: 80px;*/
    }

        .fc-comp-video video, video {
            clip-path: inset(1px 1px);
        }

    @media (max-width: 1200px) {
        .fc-comp-video {
            width: 100%;
            /*padding-top: 0px;
        padding-bottom: 60px;*/
        }
    }
    /*fc-comp-video*/
    /*fc-comp-yt-video*/
    .fc-comp-yt-video {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
    }

        .fc-comp-yt-video iframe, .fc-comp-yt-video object, .fc-comp-yt-video embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    /*End fc-comp-yt-video*/

    /*fc-comp-download*/
    .fc-comp.fc-comp-download {
        width: 60%;
        padding-top: 0px;
    }

    .fc-comp-download {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 24px;
        padding: 32px 0px 16px;
    }

        .fc-comp-download > .fc-comp-download-title {
            padding: 0px 16px;
        }

        .fc-comp-download > .fc-comp-download-content > .fc-comp-single-download {
            border-bottom: 1px solid #D9D9D9;
            padding: 16px;
        }

            .fc-comp-download > .fc-comp-download-content > .fc-comp-single-download:hover {
                background-color: #F7F7F9;
            }

            .fc-comp-download > .fc-comp-download-content > .fc-comp-single-download:first-child {
                border-top: 1px solid #D9D9D9;
            }

            .fc-comp-download > .fc-comp-download-content > .fc-comp-single-download > .fc-comp-single-download-link {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                width: 100%;
            }



    .fc-comp-single-download > .fc-comp-single-download-link .fc-comp-single-download-icon {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 16px;
    }

    @media (max-width: 767px) {
        .fc-comp.fc-comp-download {
            width: 100%;
        }

        .fc-content-right.fc-content-right-40 > .fc-content-right-40-container .fc-comp-download {
            width: 100%;
            padding: 0px 0px 16px;
        }

            .fc-content-right.fc-content-right-40 > .fc-content-right-40-container .fc-comp-download .fc-comp-download-title {
                padding: 0px;
            }

        .fc-comp-download > .fc-comp-download-title {
            padding: 0px 0px 16px;
        }

        .fc-comp-download > .fc-comp-download-content > .fc-comp-single-download {
            padding: 16px 0px;
        }
    }

    /*fc-comp-list*/
    .fc-comp-list {
        font-family: 'Archivo', sans-serif !important;
        font-size: 1rem;
        font-weight: 300;
        color: #666666;
        line-height: 22.4px;
        letter-spacing: 0.48px;
        padding-left: 24px;
    }

    .fc-comp-11 .fc-comp-11-bottom .fc-comp-list {
        font-size: 0.9rem;
    }

    .fc-comp-list.fc-comp-list-b-24 > li:not(:last-child) {
        padding-bottom: 24px;
    }

    .fc-comp-list.fc-comp-list-b-16 > li:not(:last-child) {
        padding-bottom: 16px;
    }


    @media (max-width: 767px) {
        .fc-comp-list {
            font-size: 0.9375rem;
            line-height: 25px;
            letter-spacing: 0.45px;
        }

            .fc-comp-list.fc-comp-list-b-24 > li:not(:last-child) {
                padding-bottom: 16px;
            }
    }
    /*End fc-comp-list*/

    /*fc-comp-tabs*/
    .fc-comp-tabs {
        position: relative;
        width: 100%;
    }

        .fc-comp-tabs > .fc-tabs-title {
            padding-bottom: 32px;
        }

        .fc-comp-tabs > .fc-tabs-header {
            display: flex;
            flex-wrap: nowrap;
            margin-bottom: 64px;
            overflow-x: auto;
        }

            .fc-comp-tabs > .fc-tabs-header::-webkit-scrollbar {
                display: none;
            }

            .fc-comp-tabs > .fc-tabs-header > .fc-single-tab {
                margin-left: 0px;
                margin-right: 34px;
                font-size: 14px;
                color: #323232;
                font-weight: 300;
                line-height: 33.6px;
                letter-spacing: 0.45px;
                padding-top: 8px;
                padding-bottom: 11px;
                cursor: pointer;
                flex-shrink: 0;
            }

                .fc-comp-tabs > .fc-tabs-header > .fc-single-tab:hover, .fc-comp-tabs > .fc-tabs-header > .fc-single-tab:focus {
                    border-bottom: 2px solid #1E69EC;
                    padding-top: 8px;
                    padding-bottom: 8px;
                }

                .fc-comp-tabs > .fc-tabs-header > .fc-single-tab.is_active {
                    font-weight: 500;
                    border-bottom: 2px solid #1E69EC;
                    padding-top: 8px;
                    padding-bottom: 8px;
                }
        /*.fc-comp-tabs > .fc-tabs-header > .fc-single-tab:first-child {
        margin-left: 0px;
    }

    .fc-comp-tabs > .fc-tabs-header > .fc-single-tab:last-child {
        margin-right: 0px;
    }*/
        .fc-comp-tabs > .fc-tabs-content > .fc-single-content {
            display: none;
        }

        .fc-comp-tabs > .fc-comp-tab-header-nav {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            position: absolute;
            top: 73px;
            width: 100%;
            pointer-events: none;
        }

            .fc-comp-tabs > .fc-comp-tab-header-nav > .fc-tab-nav-left {
                margin-left: -10px;
                padding-right: 30px;
                background-color: transparent;
                background-image: linear-gradient(to left, #00000000 0%, #ffffff 30%);
                height: 50px;
                display: flex;
                align-items: center;
                cursor: pointer;
                pointer-events: auto;
            }

            .fc-comp-tabs > .fc-comp-tab-header-nav > .fc-tab-nav-right {
                margin-right: -10px;
                padding-left: 30px;
                background-color: transparent;
                background-image: linear-gradient(to right, #00000000 0%, #ffffff 30%);
                height: 50px;
                display: flex;
                align-items: center;
                cursor: pointer;
                pointer-events: auto;
            }

        .fc-comp-tabs > .fc-tabs-content > .fc-single-content.fc-show-content {
            display: block;
        }

        .fc-comp-tabs > .fc-tabs-content > .fc-single-content > div {
            padding-top: 0px;
            padding-bottom: 0px;
        }

    @media (max-width: 767px) {
        .fc-comp-tabs {
        }

            .fc-comp-tabs > .fc-tabs-title {
                padding-bottom: 22px;
            }

            .fc-comp-tabs > .fc-tabs-header {
                display: flex;
                flex-wrap: nowrap;
                padding-bottom: 22px;
            }

            .fc-comp-tabs > .fc-comp-tab-header-nav {
                top: 98px;
            }

        /*.fc-comp-tabs > .fc-tabs-header > .fc-single-tab {
        margin-left: 0px;
        margin-right: 34px;
        font-size: 14px;
        color: #323232;
        font-weight: 300;
        line-height: 33.6px;
        letter-spacing: 0.45px;
        padding-top: 8px;
        padding-bottom: 11px;
        cursor: pointer;
    }

    .fc-comp-tabs > .fc-tabs-header > .fc-single-tab:hover, .fc-comp-tabs > .fc-tabs-header > .fc-single-tab:focus {
        border-bottom: 2px solid #1E69EC;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .fc-comp-tabs > .fc-tabs-header > .fc-single-tab.is_active {
        font-weight: 500;
        border-bottom: 2px solid #1E69EC;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .fc-comp-tabs > .fc-tabs-header > .fc-single-tab:first-child {
        margin-left: 0px;
    }

    .fc-comp-tabs > .fc-tabs-header > .fc-single-tab:last-child {
        margin-right: 0px;
    }

    .fc-comp-tabs > .fc-tabs-content > .fc-single-content {
        display:none;
    }

    .fc-comp-tabs > .fc-tabs-content > .fc-single-content.fc-show-content {
        display:block;
    }

    .fc-comp-tabs > .fc-tabs-content > .fc-single-content > div {
        padding-top:0px;
        padding-bottom:0px;
    }*/
    }
    /*End fc-comp-tabs*/

    /*fc-comp-tabs mobile transformation*/
    @media (min-width:992px) {
        /*fc-comp-tabs in desktop view*/
        /*Hide the headers*/
        .fc-single-content-mobile-header {
            display: none !important;
        }
    }

    @media (max-width: 991px) {
        /*fc-comp-tabs in mobile view*/
        /*Hide the desktop tabs*/
        .fc-tabs-header-mobile .fc-tabs-header,
        .fc-tabs-header-mobile .fc-comp-tab-header-nav {
            display: none !important;
        }
        /*Show all tabs by default (only headers will show, content will be hidden)*/
        .fc-single-content-mobile {
            display: block !important;
        }

        /*Compensate for the gap lost between the two elements of fc-comp-5*/
        .fc-comp-5.fc-comp-mobile .fc-comp-5-right {
            padding-top: 16px;
        }
        /*Hide every tab content and provide 24px of vertical padding*/
        .fc-tabs-content .fc-comp-mobile {
            padding: 24px 0 !important;
            display: none;
        }
        /*Show only the first tab*/
        .fc-tabs-content .fc-show-content .fc-comp-mobile {
            display: block;
        }
        /*Headers*/
        .fc-single-content-mobile-header {
            display: flex !important;
            flex-wrap: nowrap;
            height: 60px;
            align-items: center;
            border-bottom: 1px solid #D9D9D9;
        }

            .fc-single-content-mobile-header img {
                width: 40px;
                margin-right: 10px;
            }

            .fc-single-content-mobile-header h4 {
                color: #323232;
                font-size: 15px;
                font-family: Archivo;
                font-weight: 300;
                line-height: 19.6px;
                letter-spacing: 0.45px;
            }

            .fc-single-content-mobile-header svg {
                margin-left: auto;
            }
                /*SVG for the rotation effect*/
                .fc-single-content-mobile-header svg.rotate-180 {
                    transform: rotate(180deg);
                    transition: transform 0.3s ease;
                }

            .fc-single-content-mobile-header svg {
                transition: transform 0.3s ease;
            }
    }
    /*End fc-comp-tabs mobile transformation*/

    /*fc-comp-tabs-with-icon*/
    .fc-comp-tabs-with-icon {
        position: relative;
        width: 100%;
    }

        .fc-comp-tabs-with-icon > .fc-tabs-title {
            padding-bottom: 32px;
        }

        .fc-comp-tabs-with-icon > .fc-tabs-header {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 16px;
            align-self: stretch;
            margin-bottom: 32px;
            overflow-x: auto;
        }

            .fc-comp-tabs-with-icon > .fc-tabs-header::-webkit-scrollbar {
                display: none;
            }

            .fc-comp-tabs-with-icon > .fc-tabs-header > .fc-single-tab {
                cursor: pointer;
                flex-shrink: 0;
                display: flex;
                padding: 8px;
                flex-direction: column;
                align-items: center;
                gap: 16px;
                flex: 1 0 0;
                align-self: stretch;
            }



                .fc-comp-tabs-with-icon > .fc-tabs-header > .fc-single-tab > .fc-comp-tabs-with-icon-box > p {
                    font-weight: 500;
                }


                /*fc-comp-tabs-with-icon > tab :hover*/
                .fc-comp-tabs-with-icon > .fc-tabs-header > .fc-single-tab:hover, .fc-comp-tabs-with-icon > .fc-tabs-header > .fc-single-tab:focus {
                    padding-top: 8px;
                    padding-bottom: 8px;
                    border-radius: 24px;
                    background-color: #EDEDED;
                }

                /*fc-comp-tabs-with-icon > tab :active*/
                .fc-comp-tabs-with-icon > .fc-tabs-header > .fc-single-tab.is_active {
                    border-radius: 24px;
                    background-color: #EDEDED;
                }

                /*fc-comp-tabs-withicon > img*/
                .fc-comp-tabs-with-icon > .fc-tabs-header > .fc-single-tab > .fc-comp-tabs-with-icon-box > img {
                    -webkit-transition-property: all;
                    -webkit-transition-duration: 0.3s;
                    -webkit-transition-timing-function: ease;
                }

                /*fc-comp-tabs-with-icon > img :hover*/
                .fc-comp-tabs-with-icon > .fc-tabs-header > .fc-single-tab:hover > .fc-comp-tabs-with-icon-box > img, .fc-comp-tabs-with-icon > .fc-tabs-header > .fc-single-tab:focus > .fc-comp-tabs-with-icon-box > img {
                    transform: scale(1.1);
                }

        .fc-comp-tabs-with-icon > .fc-comp-tab-header-nav {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            position: absolute;
            top: 73px;
            width: 100%;
            pointer-events: none;
        }

            .fc-comp-tabs-with-icon > .fc-comp-tab-header-nav > .fc-tab-nav-left {
                margin-left: -10px;
                padding-right: 30px;
                background-color: transparent;
                background-image: linear-gradient(to left, #00000000 0%, #ffffff 30%);
                height: 50px;
                display: flex;
                align-items: center;
                cursor: pointer;
                pointer-events: auto;
            }

            .fc-comp-tabs-with-icon > .fc-comp-tab-header-nav > .fc-tab-nav-right {
                margin-right: -10px;
                padding-left: 30px;
                background-color: transparent;
                background-image: linear-gradient(to right, #00000000 0%, #ffffff 30%);
                height: 50px;
                display: flex;
                align-items: center;
                cursor: pointer;
                pointer-events: auto;
            }

        .fc-comp-tabs-with-icon > .fc-tabs-content > .fc-single-content {
            display: none;
        }

            .fc-comp-tabs-with-icon > .fc-tabs-content > .fc-single-content.fc-show-content {
                display: block;
            }

            .fc-comp-tabs-with-icon > .fc-tabs-content > .fc-single-content > div {
                padding-top: 0px;
                padding-bottom: 0px;
            }

    @media (max-width: 767px) {
        .fc-comp-tabs-with-icon {
            position: relative;
            width: 100%;
        }

            .fc-comp-tabs-with-icon > .fc-tabs-title {
                padding-bottom: 22px;
            }

            .fc-comp-tabs-with-icon > .fc-tabs-header {
                display: flex;
                flex-wrap: nowrap;
                padding-bottom: 22px;
            }

            .fc-comp-tabs-with-icon > .fc-comp-tab-header-nav {
                top: 98px;
            }

        .fc-comp-tabs > .fc-tabs-content > .fc-single-content {
            display: none;
        }
    }
    /*End fc-comp-tabs-with-icon*/

    /*fc-comp-faqs*/
    .fc-comp-faqs {
        /*padding-top: 32px;
    padding-bottom: 80px;*/
        width: 100%;
    }

        .fc-comp-faqs .fc-comp-single-faq {
            padding-top: 24px;
            padding-bottom: 24px;
            padding-left: 16px;
            padding-right: 16px;
            border-bottom: 1px solid #D7D7D7;
            cursor: pointer;
        }

            .fc-comp-faqs .fc-comp-single-faq .fc-comp-faq-question {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

                .fc-comp-faqs .fc-comp-single-faq .fc-comp-faq-question p {
                    font-family: 'Archivo', sans-serif !important;
                    font-size: 0.875rem;
                    font-weight: 400;
                    color: #323232;
                    line-height: 19.6px;
                    letter-spacing: 0.28px;
                }

                .fc-comp-faqs .fc-comp-single-faq .fc-comp-faq-question span {
                    padding-left: 10px;
                    padding-right: 10px;
                }

            .fc-comp-faqs .fc-comp-single-faq:not(.fc-comp-faq-expanded) .fc-comp-faq-answer {
                display: none;
            }

            .fc-comp-faqs .fc-comp-single-faq.fc-comp-faq-expanded .fc-comp-faq-answer {
                display: block;
            }

            .fc-comp-faqs .fc-comp-single-faq .fc-comp-faq-answer {
                padding-top: 24px;
                padding-right: 36px;
                font-family: 'Archivo', sans-serif !important;
                font-size: 0.875rem;
                font-weight: 300;
                color: #666666;
                line-height: 19.6px;
                letter-spacing: 0.28px;
            }

    .fc-comp-faqs-search {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 16px;
        width: 100%;
    }


    @media (max-width: 767px) {
        .fc-comp-faqs .fc-comp-single-faq {
            padding-left: 0px;
            padding-right: 0px;
        }
    }
    /*End fc-comp-faqs*/

    /*fc-footer-banner*/
    .fc-footer-banner {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        /*padding-left:15px;
    padding-right:15px;*/
    }

        .fc-footer-banner > .fc-footer-banner-title {
            padding-top: 32px;
            padding-bottom: 17px;
        }

        .fc-footer-banner > .fc-footer-banner-row {
            display: flex;
        }

            .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col {
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 calc(25%);
                -ms-flex: 1 1 calc(25%);
                flex: 1 1 calc(25%);
                /*display:flex;
        flex-direction:column;
        justify-content:space-between;
        padding:16px;
        background-color:#ECEDF1;*/
                border-right: none;
                height: 100%;
            }

            .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-empty {
                background-color: transparent;
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 calc(25%);
                -ms-flex: 1 1 calc(25%);
                flex: 1 1 calc(25%);
            }

            .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col + .fc-footer-banner-col {
                border-left: 2px solid #ffffff;
            }

            .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col.bg-black + .fc-footer-banner-col.bg-black {
                border-left: 2px solid #000000;
            }

            .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col > .fc-footer-banner-content-link {
                height: 100%;
            }

            .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col .fc-footer-banner-content {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding: 16px;
                background-color: #EAECF0;
                height: 100%;
                min-height: 278px;
            }

            /*bg-grey:hover*/
            .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col:hover > .fc-footer-banner-content-link > .fc-footer-banner-content, .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col:focus > .fc-footer-banner-content-link > .fc-footer-banner-content {
                background-color: #E1E4EA;
            }

            /*bg-black*/
            .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col.bg-black .fc-footer-banner-content.bg-black {
                background-color: #323232;
            }

            /*bg-black:hover*/
            .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col.bg-black:hover > .fc-footer-banner-content-link > .fc-footer-banner-content.bg-black, .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col.bg-black:focus > .fc-footer-banner-content-link > .fc-footer-banner-content.bg-black {
                background-color: #2E2E2E;
            }


            /*bg-blue*/
            .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col.bg-blue .fc-footer-banner-content.bg-blue {
                background-color: #F0F6FF;
            }

            /*bg-blue:hover*/
            .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col.bg-blue:hover > .fc-footer-banner-content-link > .fc-footer-banner-content.bg-blue, .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col.bg-blue:focus > .fc-footer-banner-content-link > .fc-footer-banner-content.bg-blue {
                background-color: #DBEAFF;
            }

            .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col .fc-footer-banner-content > .fc-footer-banner-content-top {
                padding-bottom: 64px;
            }

                .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col .fc-footer-banner-content > .fc-footer-banner-content-top > .fc-footer-banner-content-title {
                    padding-bottom: 16px;
                }

            .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col .fc-footer-banner-content > .fc-footer-banner-content-bottom {
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
            }

    @media (max-width: 1200px) {
        .fc-footer-banner > .fc-footer-banner-title {
            padding: 32px 33px 17px;
        }

        .fc-footer-banner > .fc-footer-banner-row {
            display: flex;
            flex-wrap: wrap;
        }

            .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col {
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 calc(50%);
                -ms-flex: 1 1 calc(50%);
                flex: 1 1 calc(50%);
                border-right: none;
                border-bottom: 2px solid #ffffff;
            }

                .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col .fc-footer-banner-content {
                    padding: 16px 33px;
                }
    }


    @media (max-width: 767px) {
        .fc-footer-banner {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
            padding-left: 0px;
            padding-right: 0px;
            background-color: #f7f7f9;
        }

            .fc-footer-banner > .fc-footer-banner-title {
                padding-top: 32px;
                padding-bottom: 69px;
                padding-left: 20px;
                padding-right: 20px;
            }

            .fc-footer-banner > .fc-footer-banner-row {
                display: flex;
                flex-wrap: wrap;
            }

                .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col {
                    -webkit-box-flex: 1;
                    -webkit-flex: 1 1 calc(100%);
                    -ms-flex: 1 1 calc(100%);
                    flex: 1 1 calc(100%);
                    border-right: none;
                    border-bottom: 2px solid #ffffff;
                    height: fit-content;
                }

                .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-empty {
                    display: none;
                }

                .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col + .fc-footer-banner-col {
                    border-left: none;
                }

                .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col > .fc-footer-banner-content-link {
                    height: 100%;
                }

                .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col .fc-footer-banner-content {
                    padding: 16px;
                    height: 100%;
                    min-height: inherit;
                }

                    .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col .fc-footer-banner-content > .fc-footer-banner-content-top {
                        padding-bottom: 47px;
                    }

                        .fc-footer-banner > .fc-footer-banner-row > .fc-footer-banner-col .fc-footer-banner-content > .fc-footer-banner-content-top > .fc-footer-banner-content-title {
                            padding-bottom: 22px;
                        }
    }
    /*End fc-footer-banner*/

    /*fc-page-breaker*/
    .fc-page-breaker {
        display: flex;
        align-items: center;
        padding: 48px 0px;
    }

        .fc-page-breaker.fc-content {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 48px 0px 80px;
            gap: 101px;
        }

        .fc-page-breaker > .fc-page-breaker-left {
            display: flex;
            flex-direction: column;
            flex: 1;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 80%;
            -ms-flex: 1 1 80%;
            flex: 1 1 80%;
        }

        .fc-page-breaker > .fc-page-breaker-right {
            display: flex;
            flex-direction: column;
            flex: 1;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 20%;
            -ms-flex: 1 1 20%;
            flex: 1 1 20%;
        }

        .fc-page-breaker > .fc-page-breaker-left > .fc-page-breaker-text {
            font-family: 'Archivo', -serif !important;
            font-size: 2rem;
            font-weight: 300;
            color: #ffffff;
            line-height: 38.4px;
            letter-spacing: 0.96px;
            margin-right: 170px;
        }

    .bg-blue .fc-page-breaker > .fc-page-breaker-left > .fc-page-breaker-text, .bg-grey .fc-page-breaker > .fc-page-breaker-left > .fc-page-breaker-text, .bg-lightgrey .fc-page-breaker > .fc-page-breaker-left > .fc-page-breaker-text {
        color: #323232;
    }

    .fc-page-breaker > .fc-page-breaker-right > .fc-btn {
        width: 100%;
        justify-content: space-between;
    }

    .fc-page-breaker.fc-content > .fc-page-breaker-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
    }

    @media (max-width: 1200px) {
        .fc-page-breaker {
            padding: 32px 33px;
        }

            .fc-page-breaker, .fc-page-breaker.fc-content {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                gap: 24px;
            }
    }

    @media (max-width: 767px) {
        .fc-page-breaker, .fc-page-breaker.fc-content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 32px 20px;
            gap: 24px;
        }

            .fc-page-breaker > .fc-page-breaker-left {
                width: 100%;
            }

            .fc-page-breaker > .fc-page-breaker-right {
                width: 100%;
            }

            .fc-page-breaker.fc-content > .fc-page-breaker-right > img {
                margin: auto;
            }

            .fc-page-breaker > .fc-page-breaker-left > .fc-page-breaker-text {
                font-family: 'Archivo', -serif !important;
                font-size: 1.75rem;
                font-weight: 300;
                color: #ffffff;
                line-height: 38.4px;
                letter-spacing: 0.84px;
                margin-right: 0px;
            }

        .bg-blue .fc-page-breaker > .fc-page-breaker-left > .fc-page-breaker-text {
            color: #323232;
        }

        .fc-page-breaker > .fc-page-breaker-right > .fc-btn {
            width: 100%;
            justify-content: space-between;
        }
    }
    /*end fc-page-breaker*/
    /*fc-page-breaker-2*/
    .fc-container > .fc-page-breaker-2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 24px;
        padding-top: 48px;
        padding-bottom: 80px;
    }

    .fc-page-breaker-2 .fc-page-breaker-text {
        margin-right: 145px;
    }

    .fc-page-breaker-2 > .fc-btn {
        width: fit-content;
        justify-content: space-between;
    }

    @media (max-width: 1200px) {
        .fc-container > .fc-page-breaker-2 {
            padding: 32px 33px;
        }

        .fc-page-breaker-2 .fc-page-breaker-text {
            margin-right: 0px;
        }
    }

    @media (max-width: 767px) {
        .fc-container > .fc-page-breaker-2 {
            padding: 32px 20px;
        }

        .fc-page-breaker-2 .fc-page-breaker-text {
            margin-right: 0px;
        }

        .fc-page-breaker-2 > .fc-btn {
            width: 100%;
            justify-content: space-between;
        }
    }
    /*end fc-page-breaker-2*/
    /*fc-page-breaker-3*/
    .fc-container .fc-page-breaker-3 {
        display: flex;
        flex-direction: column;
        padding: 32px 0px;
        gap: 32px;
    }

    .fc-container > .fc-section > .fc-page-breaker-3 {
        padding: 0px;
    }

    .fc-page-breaker-3 .fc-page-breaker-3-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

        .fc-page-breaker-3 .fc-page-breaker-3-container .fc-page-breaker-3-row {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 32px;
        }

            .fc-page-breaker-3 .fc-page-breaker-3-container .fc-page-breaker-3-row.fc-page-breaker-3-row-auto {
                flex-wrap: wrap;
                justify-content: center;
                gap: 16px 32px;
            }

            .fc-page-breaker-3 .fc-page-breaker-3-container .fc-page-breaker-3-row .fc-page-breaker-3-col .fc-page-breaker-3-content {
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 0px;
            }

                .fc-page-breaker-3 .fc-page-breaker-3-container .fc-page-breaker-3-row .fc-page-breaker-3-col .fc-page-breaker-3-content p, .fc-page-breaker-3 > .fc-page-breaker-text > a.fc-link-1, .fc-page-breaker-3 > .fc-page-breaker-text > a.fc-link-1 svg {
                    color: #323232;
                    width: min-content;
                }

            .fc-page-breaker-3 .fc-page-breaker-3-container .fc-page-breaker-3-row .fc-page-breaker-3-col:hover .fc-page-breaker-3-content p, .fc-page-breaker-3 .fc-page-breaker-text a.fc-link-1:hover {
                color: #166BFF !important;
            }

                .fc-page-breaker-3 .fc-page-breaker-3-container .fc-page-breaker-3-row .fc-page-breaker-3-col:hover .fc-page-breaker-3-content p:after, .fc-page-breaker-3 .fc-page-breaker-3-container .fc-page-breaker-3-row .fc-page-breaker-3-col:focus .fc-page-breaker-3-content .fc-link-1:after {
                    transform: scaleX(1);
                    transform-origin: bottom left;
                }

    @media (max-width: 1200px) {
        .fc-container .fc-page-breaker-3 {
            padding: 32px 0px;
        }

        .bg-grey .fc-container .fc-page-breaker-3 {
            padding: 32px 33px;
        }

        .fc-page-breaker-3 .fc-page-breaker-3-container .fc-page-breaker-3-row {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 24px;
            flex-wrap: wrap;
            justify-content: center;
        }

            .fc-page-breaker-3 .fc-page-breaker-3-container .fc-page-breaker-3-row > .fc-page-breaker-3-col {
                max-width: calc(33.33% - 24px);
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 calc(33.33% - 24px);
                -ms-flex: 1 1 calc(33.33% - 24px);
                flex: 1 1 calc(33.33% - 24px);
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }
    }


    @media (max-width: 767px) {
        .fc-page-breaker-3 .fc-page-breaker-3-container .fc-page-breaker-3-row {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            align-items: stretch;
            padding: 0px;
            gap: 16px;
        }

            .fc-page-breaker-3 .fc-page-breaker-3-container .fc-page-breaker-3-row.fc-page-breaker-3-row-auto {
                gap: 16px;
            }

            .fc-page-breaker-3 .fc-page-breaker-3-container .fc-page-breaker-3-row .fc-page-breaker-3-col {
                max-width: calc(50% - 12px);
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 calc(50% - 12px);
                -ms-flex: 1 1 calc(50% - 12px);
                flex: 1 1 calc(50% - 12px);
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }

                .fc-page-breaker-3 .fc-page-breaker-3-container .fc-page-breaker-3-row .fc-page-breaker-3-col .fc-page-breaker-3-content p, .fc-page-breaker-3 > .fc-page-breaker-text > a.fc-link-1, .fc-page-breaker-3 > .fc-page-breaker-text > a.fc-link-1 svg {
                    width: fit-content;
                }
    }
    /*end fc-page-breaker-3*/

    /*fc-page-breaker-4*/
    .fc-page-breaker-4-container {
        padding: 32px 0px;
    }

    .fc-content-right > .fc-section > .fc-page-breaker-4-container {
        padding: 32px;
        width: 100%;
    }

    .fc-page-breaker-4 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 64px;
    }

        .fc-page-breaker-4 > .fc-page-breaker-4-content {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
        }

        .fc-page-breaker-4 > .fc-page-breaker-4-top {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 24px;
        }

        .fc-page-breaker-4 > .fc-page-breaker-4-bottom {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 24px;
        }

    @media (max-width: 1200px) {
        .fc-page-breaker-4-container {
            padding: 32px 33px;
        }
    }

    @media (max-width: 767px) {
        .fc-page-breaker-4-container {
            padding: 32px 16px;
        }
    }
    /*END fc-page-breaker-4*/
    /*fc-content-banner*/
    .fc-content-banner {
        min-height: 560px;
    }

        .fc-content-banner .fc-content-banner-container {
            width: 45%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 32px 0px;
            gap: 24px;
        }

    .fc-content-banner-container .fc-banner-btn-container {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 16px;
    }

        .fc-content-banner-container .fc-banner-btn-container a {
            margin-right: 0px;
        }

    @media (max-width: 1200px) {
        .fc-content-banner .fc-content-banner-container {
            width: 100%;
            height: 100%;
            padding: 32px 33px;
        }

        .fc-content-banner .fc-content-banner-image img {
            width: 100%;
        }
    }

    @media (max-width: 767px) {
        .fc-content-banner {
            background: none;
        }

            .fc-content-banner .fc-content-banner-container {
                width: 100%;
                height: 100%;
                padding: 32px 15px;
            }

            .fc-content-banner .fc-content-banner-image img {
                width: 100%;
            }
    }
    /*fc-content-banner*/
    /*fc-content-banner-v2*/
    .fc-content-banner-v2 {
        height: 100%;
        margin-bottom: 64px;
    }

        .fc-content-banner-v2 .fc-content-banner-v2-container {
            min-height: 368px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .fc-content-banner-v2 .fc-content-banner-v2-container .fc-content-banner-v2-content {
                width: 40%;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 24px;
                text-align: center;
            }

                .fc-content-banner-v2 .fc-content-banner-v2-container .fc-content-banner-v2-content .fc-banner-btn-container {
                    display: flex;
                    flex-direction: row;
                    gap: 16px;
                }

    @media (max-width: 1200px) {
        .fc-content-banner-v2 > .fc-content-banner-v2-container > .fc-content-banner-v2-content {
            width: 100%;
            height: 100%;
        }

        .fc-content-banner-v2 > .fc-content-banner-v2-container > .fc-content-banner-v2-image img {
            width: 100%;
        }
    }

    @media (max-width: 767px) {
        .fc-content-banner-v2 {
            height: 100%;
            padding-top: 32px;
        }

            .fc-content-banner-v2 .fc-content-banner-v2-container {
                background: none !important;
            }

            .fc-content-banner-v2 > .fc-content-banner-v2-container > .fc-content-banner-v2-content {
                width: 100%;
                height: 100%;
                padding: 0px 16px;
            }

            .fc-content-banner-v2 > .fc-content-banner-v2-container > .fc-content-banner-v2-image {
                width: 100%;
            }
    }
    /*fc-content-banner*/
    /*Industry Menu*/
    /*--- Desktop only ---*/
    @media(min-width: 992px) {
        #industryMenu .flex-box > div > img, #industryMenu .flex-box-top > div > img {
            /* margin: 0px auto !important; */
            margin-right: 0px !important;
        }
    }
    /*--- Mobile only ---*/
    @media (max-width: 991px) {
        #industryMenu .flex-box-14 {
            flex-wrap: nowrap;
        }

        #industryMenu .flex-box-top.flex-box-3 > div:last-child {
            padding-left: 30px;
            padding-right: 0;
        }
        /*Children = <a> tag version*/
        #industryMenu .flex-box-top.flex-box-3 > a:last-child {
            padding-left: 30px;
            padding-right: 0;
        }

        #industryMenu .flex-box-14 > div:first-child {
            width: 15%;
            padding: 5px;
        }

        #industryMenu .flex-box-14 > div:last-child {
            padding-left: 5px;
        }

        /*version for when the childen are <a> tags*/
        #industryMenu .flex-box-14 > a:first-child {
            width: 15%;
            padding: 5px;
        }

        #industryMenu .flex-box-14 > a:last-child {
            padding-left: 5px;
        }

        #industryMenu .flex-box-14 .menu-sm-title {
            padding-left: 0px;
        }

        #industryMenu .flex-box-top.flex-box-3 > div:first-child, #industryMenu .flex-box-top.flex-box-3 > div:not(:last-child) {
            margin-bottom: 0px;
        }
        /*Children = <a> tag version*/
        #industryMenu .flex-box-top.flex-box-3 > div:first-child, #industryMenu .flex-box-top.flex-box-3 > a:not(:last-child) {
            margin-bottom: 0px;
        }

        #industryMenu .flex-box-top.flex-box-3 {
            margin-top: 0px;
        }
    }
    /*Product & Industry Menu End*/ /*end fc-page-breaker-2*/

    /*Sample Slider*/
    .fc-comp-slider {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .lSSlideWrapper {
        max-width: 1165px !important;
    }



    .fc-comp-slider-content {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    /*End - Sample Slider*/

    /*Slideshow with fc-comp-3, fc-comp-4, fc-comp-8-col-4, fc-comp-11, fc-comp-20, fc-comp-22*/
    /*Slideshow on Desktop*/
    /*Special for Type 2 Slideshow*/
    .fc-comp-slide-type-2 {
        position: relative;
    }

    .fc-comp-slide-wrapper {
        width: 100%;
    }

    .fc-comp-slide-row {
        width: 100%; 
    }

    @media (min-width: 992px) {
        .fc-comp-slide-wrapper .fc-comp-3-row {
            /*max-width: 1165.5px;*/
            width: calc(100% - 2 * var(--fc-comp-3-gap)); /*There are 2 gaps which can be seen between the flex items when 3 slides is displayed*/
        }

        .fc-comp-slide-wrapper .fc-comp-4-row {
            /*max-width: 1245.75px;*/
            width: calc(100% - 2 * var(--fc-comp-4-gap)); /*Number of slides per page = 3*/
        }

        .fc-comp-slide-wrapper .fc-comp-8-row {
            /*max-width: 1554px;*/
            width: calc(100% - 3 * var(--fc-comp-8-gap)); /*Number of slides per page = 4*/
        }

        .fc-comp-slide-wrapper .fc-comp-11-row {
            /*max-width: 1165.5px;*/
            width: calc(100% - 2 * var(--fc-comp-11-gap)) /*Number of slides per page = 3*/
        }

        .fc-comp-slide-wrapper.fc-comp-slide-wrapper-full .fc-comp-11-row {
            /*max-width: 1553px;*/
            width: calc(100% - 2 * var(--fc-comp-11-gap)) /*Number of slides per page = 3*/
        }

        .fc-comp-slide-wrapper .fc-comp-20-row {
            /*max-width: 1165.5px;*/
            width: calc(100% - 2 * var(--fc-comp-20-gap)) /*Number of slides per page = 3*/
        }

        .fc-comp-slide-wrapper .fc-comp-22-row {
            /*max-width: 1553px;*/
            width: calc(100% - 3 * var(--fc-comp-22-gap)) /*Number of slides per page = 4*/
        }

        .fc-comp-slide-wrapper {
            overflow: hidden;
            gap: 0 !important;
        }

            .fc-comp-slide-wrapper > .fc-comp-show-1-slide,
            .fc-comp-slide-wrapper > .fc-comp-show-3-slides,
            .fc-comp-slide-wrapper > .fc-comp-show-4-slides {
                position: relative;
                display: flex;
                transition: 0.5s;
                flex-wrap: nowrap !important;
                /*gap: 0 !important;*/
            }

            .fc-comp-slide-wrapper > .fc-comp-show-1-slide {
                gap: 0 !important;
            }

        /*Will need to add more if another format, e.g. 2 slides per show is added*/
        .fc-comp-show-3-slides > * {
            flex: 1 0 33.34% !important;
        }

        .fc-comp-show-4-slides > * {
            flex: 1 0 25% !important;
        }

        .fc-comp-show-3-slides .fc-comp-3-col-1,
        .fc-comp-show-3-slides .fc-comp-4-col,
        .fc-comp-show-3-slides .fc-comp-11-col-1,
        .fc-comp-show-3-slides .fc-comp-20-col-slide,
        .fc-comp-show-3-slides .fc-comp-22-col-1 {
            /*padding-right: 16px;*/
        }

        .fc-comp-show-4-slides .fc-comp-3-col-1,
        .fc-comp-show-4-slides .fc-comp-4-col,
        .fc-comp-show-4-slides .fc-comp-11-col-1,
        .fc-comp-show-4-slides .fc-comp-20-col-slide,
        .fc-comp-show-4-slides .fc-comp-22-col-1 {
            /*padding-right: 16px;*/
        }
        /*fc-comp-20 needs an extra styling because a wrapper "fc-comp-20-col-slide" is applied*/
        .fc-comp-20-col-slide .fc-comp-20-col {
            height: 100%;
            padding: 16px;
        }

        .fc-comp-20-col-slide .fc-comp-20-content {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
            gap: 16px;
        }

        .fc-comp-20-col-slide .fc-comp-20-content-top {
            display: flex;
            justify-content: flex-start;
            gap: 16px;
        }

        .fc-comp-20-col-slide .fc-comp-20-content-bottom {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            gap: 64px;
        }
        /*Adjust the positioning of the button containers.*/
        /*margin-right: padding of the slides, align the button to the right edge of the last slide*/
        .fc-comp-3 .fc-comp-slide-button-container,
        .fc-comp-11 .fc-comp-slide-button-container,
        .fc-comp-20 .fc-comp-slide-button-container,
        .fc-comp-22 .fc-comp-slide-button-container {
            /*margin-right: 16px;*/
        }

        .fc-comp-8 .fc-comp-slide-button-container {
            margin-right: 2px;
        }
    }
    /*End Slideshow on Desktop*/
    /*Slideshow on Mobile*/
    @media (max-width:991px) {
        .fc-comp-slide-wrapper {
            overflow: hidden;
           /* max-width: calc(100vw - 32px);*/
        }

            .fc-comp-slide-wrapper > .fc-comp-show-1-slide,
            .fc-comp-slide-wrapper > .fc-comp-show-3-slides,
            .fc-comp-slide-wrapper > .fc-comp-show-4-slides {
                position: relative;
                display: flex !important;
                flex-direction: row !important;
                transition: 0.5s;
                flex-wrap: nowrap !important;
                gap: 0 !important;
                align-items: stretch;
            }

        .fc-comp-show-3-slides > *, .fc-comp-show-4-slides > * {
            flex: 1 0 calc(100%) !important;
        }
        /*fc-comp-20 needs an extra styling because a wrapper "fc-comp-20-col-slide" is applied*/
        .fc-comp-20-col-slide .fc-comp-20-col {
            height: 100%;
            padding: 16px;
        }

        .fc-comp-20-col-slide .fc-comp-20-content {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
            gap: 16px;
        }

        .fc-comp-20-col-slide .fc-comp-20-content-top {
            display: flex;
            justify-content: flex-start;
            gap: 16px;
        }

        .fc-comp-20-col-slide .fc-comp-20-content-bottom {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            gap: 64px;
        }
    }
    /*End Slideshow on Mobile*/

    /*Slide Prev Next Button*/
    /*Display is set to "none" by default but the JQuery function will set it to flex if there are enough items for a slide show*/
    .fc-comp-slide-button-container {
        margin-top: 16px;
        display: none;
        justify-content: flex-end;
        place-self: end;
        gap: 8px;
        height: 47px;
    }

    .fc-comp-prev-slide, .fc-comp-next-slide {
        width: 47px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0;
        background-color: #166BFF;
    }

        .fc-comp-prev-slide > svg, .fc-comp-next-slide > svg {
            fill: white;
        }

    .fc-comp-slide-numbers {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 8px;
    }

        .fc-comp-slide-numbers p {
            color: #323232;
            text-align: center;
            font-family: Archivo;
            font-size: 16px;
            font-style: normal;
            font-weight: 300;
            line-height: 22.4px;
            letter-spacing: 0.48px;
            min-width: 50px;
        }

    .fc-comp-slide-button-disable {
        background-color: #D9D9D9;
        pointer-events: none;
    }

        .fc-comp-slide-button-disable > svg {
            fill: #B3B3B3;
        }

    /*Type 2*/
    .fc-comp-slide-type-2.fc-comp-5-left.fc-comp-slide-wrapper {
        max-width: 735px;
    }

    .fc-comp-slide-type-2 .fc-comp-slide-button-container {
        margin-top: 0;
        justify-content: space-between;
        gap: 0;
        position: absolute;
        top: calc(50% - 55px / 2);
        width: 100%;
    }

        .fc-comp-slide-type-2 .fc-comp-slide-button-container .fc-comp-slide-numbers {
            display: none;
        }

    .fc-comp-slide-type-2 .fc-comp-prev-slide,
    .fc-comp-slide-type-2 .fc-comp-next-slide {
        width: initial;
        background-color: initial;
        padding: 0;
    }

        .fc-comp-slide-type-2 .fc-comp-prev-slide > svg,
        .fc-comp-slide-type-2 .fc-comp-next-slide > svg {
            fill: none;
        }

        .fc-comp-slide-type-2 .fc-comp-prev-slide > .fc-comp-prev-slide-hovered,
        .fc-comp-slide-type-2 .fc-comp-next-slide > .fc-comp-next-slide-hovered {
            display: none;
        }
    /*Hovering is only for desktop view*/
    @media (min-width:991px) {
        .fc-comp-slide-type-2 .fc-comp-prev-slide:hover > .fc-comp-prev-slide-default,
        .fc-comp-slide-type-2 .fc-comp-next-slide:hover > .fc-comp-next-slide-default {
            display: none;
        }

        .fc-comp-slide-type-2 .fc-comp-prev-slide:hover > .fc-comp-prev-slide-hovered,
        .fc-comp-slide-type-2 .fc-comp-next-slide:hover > .fc-comp-next-slide-hovered {
            display: block;
        }
    }
    /*End Slide Prev Next Button*/
    /*End Slideshow with fc-comp-3, fc-comp-4, fc-comp-8-col-4, fc-comp-11, fc-comp-20, fc-comp-22*/


    /*----------------------------------------------------

    [-----*** fc-comp: mix & match  ***-----]

----------------------------------------------------*/

    /*fc-comp-text + fc-comp-width-65*/
    .fc-comp-text, .fc-comp-width-65 {
        width: 65%;
    }

    @media (max-width: 767px) {
        .fc-comp-text, .fc-comp-width-65 {
            width: 100%;
        }
    }

    .fc-comp-text-center {
        text-align: center;
    }


    /*fc-img-border*/
    img.fc-img-border, video.fc-img-border {
        border: 1px solid #F1F1F1;
    }

    /*fc-comp-margin*/
    .fc-comp-margin-r-64 {
        margin-right: 64px;
    }

    .fc-comp-margin-b-0 {
        margin-bottom: 0px;
    }

    .fc-comp-margin-l-0 {
        margin-left: 20px;
    }

    @media (max-width: 767px) {
        .fc-comp-margin-r-64 {
            margin-right: 0px;
        }
    }

    /*fc-comp-padding*/
    .fc-comp-padding-0 {
        padding: 0px !important;
    }

    .fc-comp-padding-r-64 {
        padding-right: 64px;
    }

    .fc-comp-padding-t-64 {
        padding-top: 64px;
    }

    .fc-comp-padding-b-64 {
        padding-bottom: 64px;
    }

    .fc-comp-padding-b-32 {
        padding-bottom: 32px;
    }

    .fc-comp-padding-b-24 {
        padding-bottom: 24px;
    }

    .fc-comp-padding-b-16 {
        padding-bottom: 16px;
    }

    .fc-comp-padding-t-80-b-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }


    @media (max-width: 1200px) {
        .fc-comp-padding-r-64 {
            padding-right: 0px;
        }
    }

    /*fc-comp-border*/
    .fc-comp-border-bottom {
        border-bottom: 1px solid #D9D9D9;
    }

    /*fc-comp-gap*/
    .fc-comp-gap-10 {
        gap: 10px;
    }

    .fc-comp-gap-16 {
        gap: 16px;
    }

    .fc-comp-gap-24 {
        gap: 24px;
    }

    .fc-comp-gap-64 {
        gap: 64px !important;
    }

    /*fc-comp-tag*/
    .fc-comp-tag-container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        gap: 10px;
    }

        .fc-comp-tag-container .fc-comp-tag {
            padding: 8px;
            /*background-color: #FFFFFF;*/
            border-radius: 4px;
            width: fit-content;
        }

    /*fc-comp-btn (-> bottom left)*/
    .fc-comp-btn-container-b-l {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    /*fc-comp-btn (-> center)*/
    .fc-comp-btn-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    /*fc-comp-btn (-> bottom right)*/
    .fc-comp-btn-container-b-r {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }



    /*fc-comp-box*/
    .fc-comp-box {
        padding: 32px;
    }

    /*fc-comp-box-shadow*/
    .fc-comp-box-shadow {
        box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.13);
    }

    /*fc-comp-icon-title*/
    .fc-comp-icon-title-container {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px 0px 15px 0px;
        gap: 15px;
    }

    .fc-comp-icon-title-container-v2 {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 8px;
    }


    @media (max-width: 767px) {
        .fc-comp-icon-title-container-v2 {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 8px;
        }
    }

    /*fc-comp-icon-link*/
    .fc-comp-icon-link-container {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 13px;
    }

        .fc-comp-icon-link-container > .fc-comp-icon-link-content > .fc-comp-icon-link > .fc-comp-icon-link-img {
            -webkit-transition-property: all;
            -webkit-transition-duration: 0.3s;
            -webkit-transition-timing-function: ease;
        }

        .fc-comp-icon-link-container > .fc-comp-icon-link-content:hover > .fc-comp-icon-link > .fc-comp-icon-link-img, .fc-comp-icon-link-container > .fc-comp-icon-link-content:focus > .fc-comp-icon-link > .fc-comp-icon-link-img {
            transform: scale(1.2);
        }

    /*fc-comp-align-center*/
    .fc-comp-align-items-center {
        align-items: center;
    }

    /*fc-comp-align-top*/
    .fc-comp-justify-content-top {
        justify-content: flex-start !important;
    }

    /*fc-comp-align-top*/
    .fc-comp-justify-content-center {
        justify-content: center !important;
    }

    /*fc-comp-justify-content-spacebetween*/
    .fc-comp-justify-content-spacebetween {
        justify-content: space-between !important;
    }

    .fc-comp-space-50 {
        padding-bottom: 50px;
    }
    /* ===== END fc-comp: mix & match ===== */