/*PM-XXX Page Menu*/
.product-special-container {
    background-color: #f9f9f9;
    margin-right: -15px;
    margin-left: -15px;
}


body {
    /*font-family: Thongterm-Roman;*/
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #5a5a5a;
}

.container--content {
    max-width: 1170px;
    margin: auto; 
}


.bg-menu-tab {
    box-shadow: 0 5px 6px 0 rgba(90, 90, 90, .05);
}

.d-none {
    /*display: none !important;*/
}

.pb-80px-all {
    padding-bottom: 80px;
}

.pb-80px-all-i {
    padding-bottom: 80px !important;
}

@media screen and (min-width: 1200px) {
    .pb-80px-xl {
        padding-bottom: 80px;
    }

    .pb-80px-xl-i {
        padding-bottom: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-80px-lg {
        padding-bottom: 80px;
    }

    .pb-80px-lg-i {
        padding-bottom: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-80px-md {
        padding-bottom: 80px;
    }

    .pb-80px-md-i {
        padding-bottom: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-80px-sm {
        padding-bottom: 80px;
    }

    .pb-80px-sm-i {
        padding-bottom: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-80px-xs {
        padding-bottom: 80px;
    }

    .pb-80px-xs-i {
        padding-bottom: 80px !important;
    }
}

.bg-menu-tab {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #fff;
    box-shadow: 0 1px 6px 0 rgba(90, 90, 90, .2);
    position: relative;
}

.mutualfund .card-menu {
    height: 128px;
    border-radius: 3px;
    background-color: #fff;
    border-top: 8px solid #ffd400;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
    padding: 24px 16px;
}

.mutualfund .mutualfund-card {
    display: flex;
}

.mutualfund #groupMenu .card-menu.active {
    background-color: #ffd400;
}

.mutualfund #groupMenu .card-menu:hover {
    background-color: #ffd400;
}

.mutualfund .card-menu .ai-center {
    align-items: center;
}

.mutualfund .row {
    text-align: unset !important;
    margin-bottom: auto !important;
}

.img-56 {
    width: 56px;
    height: 56px;
}

img {
    vertical-align: middle;
    border-style: none;
}

.mutualfund .card-menu .text-menu {
    color: #222;
    font-family: "Krungsri-Condensed-Bold"; 
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.pm-006 .card-menu .text-menu {
    color: #222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px !important;
    letter-spacing: 0;
    line-height: 30px;
}

@media(max-width:768px) {
    .mutualfund .card-menu .text-menu {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }

    .mutualfund .mutualfund-card {
        display: flex;
        justify-content: left;
        align-items: center;
    }
}

/*#region PM-005*/
.pm-005 .container--content {
    max-width: 1170px;
    margin: auto;
    margin-top: 40px;
    /*margin-bottom: 80px;*/
}

/*#endregion PM-005*/

/*#region PM-006*/
.pm-006 .download-card {
    margin-top: 25px;
}
/*#endregion PM-006*/


/*#region PM-008*/
/*.pm-008 .research-tab-group-block {
    padding: 0 15px;
}*/

.pm-008 .card-list {
    display: inline-block;
    border-radius: 3px;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
    background-color: #FFFFFF;
    width: 100%;
    margin-bottom: 16px;
}

.pm-008 .content {
    padding: 16px;
    height: 150px;
}

.pm-008 .card-list .image {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
 

@media (max-width: 768px) {
    .pm-008 .research-tab-group-block-mb {
        padding: 0 15px;
        /*border-bottom: 4px solid #f0efef;*/
        /*border-bottom: transparent;*/
        min-height: 134px;
        height: auto;
    }

    .pm-008 .research-tab-group-item-mb {
        position: relative;
        top: 7px;
        display: table-cell;
        width: 100%;
        /*height: 134px;*/
        background: transparent;
        position: relative;
        overflow: hidden;
    }

    .pm-008 .research-tab-group-item-mb:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: #F0EFEE;
        transition: .3s cubic-bezier(.445,.05,.55,.95);

    }

        .pm-008 .research-tab-group-item-mb.active {
            border-bottom: 4px solid #ffd400;
            margin-top: 3px;
            width: 390px;
        }

            .pm-008 .research-tab-group-item-mb.active::after {
                background: none;
            }

        .pm-008 .research-tab-group-item-mb h3 {
            font-family: Thongterm-Roman;
            font-size: 14px;
            line-height: 30px;
            color: #949494;
        }

            .pm-008 .research-tab-group-item-mb.active h3 {
                font-family: Thongterm-Bold;
                font-size: 14px;
                line-height: 30px;
                color: #222;
            }

        
}

/*#end region End PM-008*/

/*End Page Menu*/


/*THE COACH*/
.bg-menu-tab {
    box-shadow: 0px 8px 6px 0px #0000000f;
}

.ml-2per {
    margin-left: -2%;
}

.float-r {
    float: right;
}

#top1 {
    justify-content: space-between;
}

#tab-area {
    text-align: left;
}

#search-area {
    text-align: right;
}

#search-area .input-group-append {
    cursor: pointer;
}

#sec-recommend-editor-picks .main-item .card-content-type {
    font-size: 14px !important;
}

#tab-selected .tab-title-text>a.border-line {
    height: 45px;
    padding-top: 12px;
    vertical-align: top;
    /*/*font-family: "Krungsri-Condensed-Bold";*/
    */ font-size: 16px;
    line-height: 24px;
    color: #5A5A5A;
}

#tab-selected .tab-title-text>a.border-line.active,
#owl-tab-selected-mobile .tab-title-text a.border-line.active {
    color: #222222;
}

#tab-selected .tab-title-text>a.border-line:hover {
    color: #222222;
}

#mainnav .tab-title-text {
    padding: 0 15px;
}

#main-content-rpt .box-podcast .card-content {
    display: block;
    height: 100%;
}

/*#main-content-rpt .box-podcast .card-content .card-content-img {
    width: 100%;
    height: 100%;
    min-height: var(--card-min-height);
}*/

#main-content-rpt .box-podcast .box-text {
    padding: 10px 20px;
}

#main-content-rpt .item .box-podcast {
    padding-bottom: 30px;
}

#main-content-rpt .item .card-content-title {
    min-height: 60px;
}

#main-content-rpt .item h2 {
    color: #222222; 
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 0;
}

#main-content-rpt .main-item i.far.fa-play-circle {
    top: 50%;
    left: 33%;
}

#main-content-rpt .item i.far.fa-play-circle {
    top: 35%;
    left: 50%;
} 

@media(max-width:768px) {
    .container--header {
        margin-top: 0;
    }

    .container--header p {
        font-size: 14px;
        color: #000000;
    }

    .nav-menu-mobile {
        margin: 0px;
        padding: 0px;
    }

    .nav-menu-mobile .btn-secondary-menu {
        width: 100%;
    }

    .container--content {
        margin: 8px 0 16px 0;
    }

    #owl-tab-selected-mobile .tab-title-text a.tab-scoll {
        font-size: 16px;
        color: #5A5A5A;
        height: auto;
    }

    #owl-tab-selected-mobile .tab-title-text a.tab-scoll {
        padding-bottom: 4px;
    }

    #owl-tab-selected-mobile .tab-title-text a.tab-scoll:hover,
    #owl-tab-selected-mobile .tab-title-text a.tab-scoll.active {
        color: #222222;
    }

    #main-content-rpt .item .box-podcast {
        padding-bottom: 0px;
    }

    #main-content-rpt .item .box-podcast .card-content {
        display: flex;
        height: 110px;
    }

    #main-content-rpt .item .box-podcast .card-content .card-content-img {
        width: 110px;
        height: var(--card-height);
        min-height: var(--card-min-height-mobile);
    }

    #main-content-rpt .item .box-podcast .box-text {
        padding: 4px 8px;
        width: 100%;
    } 
} 

#main-content-rpt .item .card-content-title {
    min-height: 48px;
    margin-bottom: 4px !important;
}

#main-content-rpt .main-item h2 {
    font-size: 18px;
    line-height: 30px;
    color: #222222;
    /*font-family: "Krungsri-Condensed-Bold";*/
}

#main-content-rpt .item h2 {
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    /*font-family: "Krungsri-Condensed-Bold";*/
}

#main-content-rpt .main-item i.far.fa-play-circle {
    top: 35%;
    left: 50%;
}

#main-content-rpt .item i.far.fa-play-circle {
    top: 50%;
    left: 17%;
}

}

/* .container-editor #sec-recommend-editor-picks  */
.container--content.container-editor {
    margin-bottom: 80px !important;
}

#sec-recommend-editor-picks .title h2 {
    margin-bottom: 24px;
}

#sec-recommend-editor-picks .box-podcast .card-content {
    filter: drop-shadow(1px 2px 10px rgba(35, 19, 18, 0.1));
}

#sec-recommend-editor-picks .main-item .box-podcast {
    margin-bottom: 30px !important;
}

#sec-recommend-editor-picks .main-item .box-podcast .card-content {
    border-top: none;
    min-height: unset;
    height: auto;
    display: flex;
    border-radius: 3px;
    background-color: #fff;
}

#sec-recommend-editor-picks .main-item .card-content-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    min-height: unset;
    border-radius: 3px 3px 0px 0px;
    ;
}

#sec-recommend-editor-picks .main-item .box-podcast .box-text {
    border-top: 5px solid #FDD200;
    max-width: 34.3%;
    position: relative;
    padding: 24px 24px 16px;
}

#sec-recommend-editor-picks .main-item .card-content-type {
    margin-bottom: 10px;
}

#sec-recommend-editor-picks .main-item .card-content-title {
    margin-bottom: 10px;
}

#sec-recommend-editor-picks .main-item .card-readmore {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

#sec-recommend-editor-picks .main-item a#btnShare {
    position: absolute;
    right: 50px;
    bottom: 4px;
}

#sec-recommend-editor-picks .item a#btnShare img {
    margin-top: -7px;
}

#sec-recommend-editor-picks .main-item .card-content-type {
    font-size: 12px;
    line-height: 30px;
}

#sec-recommend-editor-picks .card-content-readmore {
    font-size: 14px;
    line-height: 30px;
}

.icon-editor {
    margin-right: 8px;
}

/* #sec-recommend-yt */
.container--content.container-yt {
    margin-bottom: 40px;
}

#sec-recommend-yt .title {
    margin-bottom: 16px !important;
}

#sec-recommend-yt .title.youtube-tab-playlist {
    margin-bottom: 0px !important;
}

#sec-recommend-editor-picks .main-item .card-content-title h4 {
    color: #222222;
    /*font-family: "Krungsri-Condensed-Bold";*/
    font-size: 24px;
    letter-spacing: 0;
    line-height: 36px;
    margin-bottom: 0;
    height: unset;
}

#sec-recommend-editor-picks .item:not(.main-item) .card-content-detail {
    display: none;
}

/*.container-plearn #sec-recommend-plearn */
.container--content.container-plearn {
    margin-bottom: 40px;
}

#sec-recommend-plearn .title h2 {
    margin-bottom: 24px;
}

#sec-recommend-plearn .title-txt h3 {
    font-family: 'Krungsri-Condensed-bold';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #FDD200;
}

#sec-recommend-plearn .title-more {
    font-family: 'Thongterm';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
}

#sec-recommend-plearn .title-more:hover {
    color: #F76F00;
}

.box-podcast:last-child {
    margin-bottom: 0px !important;
}

#sec-recommend-plearn .title-type {
    margin-bottom: 20px;
}

.box-podcast .card-content {
    border-top: none;
    min-height: unset;
    /*height: 130px;*/
    display: flex;
    border-radius: 3px;
    background-color: #fff;
}

.card-content-img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    min-height: unset;
    border-radius: 3px 3px 0px 0px;
}

.card-content-type {
    font-family: 'Thongterm';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    color: #5A5A5A;
}

.box-podcast .box-text {
    padding: 10px;
}

.card-content-name {
    display: none;
}

.card-content-title h4 {
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-content-title h4 {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
}

.card-content-readmore {
    font-family: 'Thongterm';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    width: 100%;
    position: relative;
}

.box-text img.icon-clock {
    width: 12px;
    height: 12px;
    bottom: 3px;
    margin-right: 0px;
    position: relative;
}

.box-text img#shareImageIcon {
    width: 11px;
    height: 12px;
}

.default.text.item-select .item {
    font-family: 'Krungsri-Condensed-bold';
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    color: #222222;
}

.ui.dropdown.the-coach-dropdown-mobile>.text {
    font-family: 'Krungsri-Condensed-bold';
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    color: #222222 !important;
}

.ui.selection.dropdown.the-coach-dropdown-mobile .menu>.item {
    font-family: 'Thongterm';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    color: #5A5A5A;
    height: 44px;
    padding: 8px 20px 8px 16px !important;
}

.ui.dropdown.the-coach-dropdown-mobile .menu .active.item {
    font-family: 'Krungsri-Condensed-bold';
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    color: #222222;
    background-color: #FDD200;
    height: 44px;
    padding: 8px 20px 8px 16px !important;
}

.ui.fluid.dropdown.the-coach-dropdown-mobile {
    display: block;
    width: 100%;
    min-width: 0em;
    height: 44px;
    padding: 8px 20px 8px 16px;
}

/*yt*/
.youtube-container.youtube-gallery {
    position: relative;
}

.youtube-gradient:after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    height: 83px;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, #F9F9F9 100%);
    z-index: 1;
}

.youtube-container.youtube-gallery .card-content:last-child {
    position: relative;
    z-index: 5;
}

/*.youtube-container.youtube-gallery {
  overflow: scroll;
}*/
.container--content .card-info .content.ytContent {
    padding-left: 16px;
}

@media screen and (max-width:768px) {
    body {
        padding-top: 56px;
    }

    /*sec-1*/
    .container--content.container-editor {
        margin-bottom: 40px !important;
    }

    #sec-recommend-editor-picks .title h2 {
        margin-bottom: 16px;
    }

    #sec-recommend-editor-picks .main-item .box-podcast {
        margin-bottom: 16px !important;
    }

    #sec-recommend-editor-picks .item .box-podcast {
        margin-bottom: 16px !important;
    }

    #sec-recommend-editor-picks .main-item .box-podcast .card-content {
        border-top: none;
        min-height: unset;
        height: auto;
        display: block;
    }

    #sec-recommend-editor-picks .main-item .box-podcast .box-text {
        border-top: unset;
        max-width: unset;
        position: relative;
        padding: 8px 10px 10px;
    }

    #sec-recommend-editor-picks .main-item .card-content-type {
        margin-bottom: 1px;
    }

    #sec-recommend-editor-picks .main-item .card-content-title {
        margin-bottom: 0;
    }

    .card-content-detail {
        display: none;
    }

    #sec-recommend-editor-picks .main-item .card-readmore {
        position: relative;
        bottom: 0;
        width: 100%;
    }

    #sec-recommend-editor-picks .main-item a#btnShare {
        position: relative;
        right: unset;
        bottom: 3px;
    }

    #sec-recommend-editor-picks .item a#btnShare img {
        margin-top: -6px;
    }

    #sec-recommend-editor-picks .main-item .card-content-title h2 {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }

    #sec-recommend-editor-picks .main-item .card-content-type {
        font-size: 14px;
        line-height: 30px;
    }

    #sec-recommend-editor-picks .card-content-readmore {
        font-size: 12px;
        line-height: 26px;
    }

    #sec-recommend-editor-picks .main-item .card-content-readmore {
        font-size: 14px;
        line-height: 30px;
    }

    /*sec3*/

    #sec-recommend-plearn .title h2 {
        margin-bottom: 24px;
    }

    #sec-recommend-plearn .title-type {
        margin-bottom: 16px;
    }

    .container--content.container-plearn {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    /*#sec-recommend-editor-picks .item .box-podcast:last-child{
    margin-bottom: 24px !important;
  }*/
    #sec-recommend-plearn .title .title-txt h3 {
        font-size: 18px;
    }

    #sec-recommend-plearn .title .title-more {
        font-size: 14px;
    }

    .box-podcast .card-content {
        height: 110px;
    }

    .card-content-img {
        width: 110px;
        height: 110px;
        object-fit: cover;
        min-height: unset;
        border-radius: 3px 3px 0px 0px;
    }

    .card-content-type {
        font-size: 12px;
        line-height: 26px;
    }

    .card-content-title h4 {
        color: #222222;
        font-family: Thongterm-Bold;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0;
    }

    .box-podcast .box-text {
        padding: 3px 10px 4px 10px;
    }

    .box-text img.icon-clock {
        width: 14px;
        height: 14px;
        bottom: 3px;
    }

    .card-content-readmore {
        font-size: 12px;
        line-height: 26px;
    }

    .box-podcast:last-child {
        margin-bottom: 16px !important;
    }

    /*yt*/
    .container--content.container-yt {
        margin-top: 16px;
        margin-bottom: 8px;
    }

    #sec-recommend-yt .title.youtube-tab-playlist {
        margin-bottom: 16px !important;
    }

    .youtube-gradient:after {
        content: none;
    }

    .container--content .card-info .image.ytImage {
        margin-left: 16px;
    }

    .container--content .youtube-session.ot-001 .card-info .image.ytImage {
        margin-left: 0;
    }

    .container--content .card-info .content.ytContent {
        padding-left: 16px;
        padding-right: 16px;
    }

    .youtube-gallery {
        width: 100%;
        height: 400px;
        margin: auto;
        overflow: initial;
        margin-top: 12px;
    }
}


.card-info {
    cursor: pointer;
}

i.far.fa-play-circle {
    font-size: 56px;
    position: absolute;
    color: rgba(255, 255, 255, .9);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

.modal-content {
    margin: 0 auto;
    border: 0px;
}

#vdomodal button.close span {
    right: -30px;
    top: 20px;
    position: relative;
}

.close {
    color: #fff;
    text-shadow: none;
    opacity: 1;
    font-size: 26px;
    text-align: right;
}

.close:focus {
    outline: 0px !important;
}

@media screen and (min-width: 768px) {
    .modal-content {
        /*background-color: transparent;*/
        box-shadow: none;
        border: none;
    }
}

@media screen and (max-width: 991px) {
    #vdomodal button.close span {
        right: inherit;
        top: -15px;
        position: relative;
    }
}

@media only screen and (max-width: 767px) {
    #vdomodal .modal-content {
        background-color: transparent;
        max-height: 300px;
    }
}


@media screen and (min-width: 768px) {
    .img-youtube .image::after {
        content: ' ';
        height: 100%;
        width: 100%;
        background: linear-gradient(180deg, rgba(90, 90, 90, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
        position: absolute;
        bottom: 0;
        z-index: 1;
        left: 0;
        right: 0;
        margin: auto;
    }
}

@media screen and (max-width: 768px) {
    .img-youtube .image::after {
        content: ' ';
        height: 110px;
        width: 100%;
        background: linear-gradient(180deg, rgba(90, 90, 90, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
        position: absolute;
        bottom: 0;
        z-index: 1;
        left: 0;
        right: 0;
        margin: auto;
    }
}


button.btn.btn-krugsri-1 {
    height: auto !important;
    line-height: 1.5 !important
}

span#p_lt_ctl06_pageplaceholder_p_lt_ctl03_BoardingCard_lblDate {
    color: #000 !important
}

#lblTitle {
    color: black
}

.krugsri-tabs .krugsri-tabs-content .exchage-rate {
    background-color: #ffe57b !important
}

.exchage-rate #p_lt_ctl06_pageplaceholder_p_lt_ctl03_BoardingCard_lblDate {
    padding: 10px 20px;
    display: block;
    width: 100%;
    text-align: right
}

.btn-krugsri {
    height: auto !important;
    line-height: 1.5 !important
}

div#v-pills-home .card {
    padding: 0
}

.table.b__step-table tbody tr:nth-of-type(odd) {
    background: transparent
}

.table.b__step-table tbody tr {
    background: transparent
}

#topbg {
    position: relative
}

.m-t50 {
    margin-top: 50px
}

body {
    overflow-x: hidden
}

a {
    color: black
}

a:hover {
    color: black
}

.preview-area {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f4f5f0;
    z-index: 2500;
    position: fixed
}

.spinner {
    width: 60px;
    height: 60px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%)
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #412c64;
    opacity: .9;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-bounce {

    0%,
    100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {

    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.loader {
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 5em;
    height: 5em;
    border-radius: 50%;
    background: #ffcd00;
    background: -moz-linear-gradient(left, #ffcd00 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #ffcd00 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #ffcd00 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #ffcd00 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #ffcd00 10%, rgba(255, 255, 255, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.loader:before {
    width: 50%;
    height: 50%;
    background: #ffcd00;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ''
}

.loader:after {
    background: #f4f5f0;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.quick-block {
    padding-left: 7.5px;
    padding-right: 7.5px
}

.quick-block-l {
    padding-left: 7.5px
}

.quick-block-r {
    padding-right: 7.5px
}

.quick-block-l-0 {
    padding-left: 0
}

.quick-block-r-0 {
    padding-right: 0
}

.btn-krugsri {
    color: #554242 !important;
    background-color: #ffd400 !important;
    border-color: #ffd400 !important;
    padding: 10px 30px;
    font-size: 18px
}

.btn-krugsri:hover {
    color: #554242 !important;
    background-color: #ffd400 !important;
    border-color: #ffd400
}

.btn-krugsri-bg {
    color: #554242 !important;
    background-color: #ffd400 !important;
    border-color: #ffd400 !important
}

.btn-krugsri-bg:hover {
    color: #554242 !important;
    background-color: #ffd400 !important;
    border-color: #ffd400
}

.btn-krugsri-1 {
    color: black;
    background-color: transparent;
    border-color: transparent;
    padding: 10px 30px;
    font-size: 18px;
    width: 100%
}

.krugsri-owl .btn-krugsri-1.active,
.btn-krugsri-1.active {
    background-color: #ffce07;
    border-color: #ffce07
}

.btn-krugsri-1:hover {
    color: #fff;
    background-color: #ffce07;
    border-color: #ffce07
}

.krugsri-carousel .carousel-inner {
    overflow: visible
}

.krugsri-carousel .carousel-indicators {
    text-align: right;
    float: right;
    right: 1% !important;
    left: inherit;
    margin-left: 15px;
    margin-right: 15px;
    width: auto
}

.krugsri-carousel .carousel-indicators li {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: white;
    margin-right: 5px;
    margin-left: 5px
}

.krugsri-carousel .carousel-indicators li.active {
    background-color: #ffc107
}

.krugsri-carousel .krugsri-ctrl-01 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -50px
}

.krugsri-carousel .krugsri-ctrl-02 {
    position: absolute;
    left: 38%;
    -webkit-transform: translateX(-40%);
    transform: translateX(-50%);
    bottom: 0
}

.krugsri-carousel .krugsri-ctrl-text {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-40%);
    transform: translateX(-50%);
    top: 10%
}

.krugsri-carousel .krugsri-ctrl-text p {
    color: white;
    text-align: center;
    font-size: 36px;
    margin-bottom: 0;
    line-height: 36px
}

.krugsri-carousel .krugsri-ctrl-text p small {
    color: #ffda01;
    font-size: 50%
}

.krugsri-tabs {
    position: relative;
    margin-top: 100px
}

.krugsri-tabs .nav-item {
    margin: 0 3px
}

.krugsri-tabs .nav-item a {
    font-size: 18px;
    color: black;
    padding: .5rem 1rem
}

.krugsri-tabs .nav-item a:hover {
    border-bottom: 5px solid #ffc107;
    background-color: unset
}

.krugsri-tabs .nav-item a.active {
    border-bottom: 5px solid #ffc107;
    background-color: unset
}

.krugsri-tabs .krugsri-tabs-content {
    margin-top: 50px;
    margin-bottom: 50px
}

.krugsri-tabs .krugsri-tabs-content .dropdown-menu {
    border: 0 solid rgba(0, 0, 0, .15);
    margin: 0;
    left: -30px !important
}

.krugsri-tabs .krugsri-tabs-content .dropdown-item {
    font-size: 14px
}

.krugsri-tabs .krugsri-tabs-content .exchage-card {
    background-color: #ffce07;
    width: 100%;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px
}

.krugsri-tabs .krugsri-tabs-content .exchage-card h2 {
    font-size: 18px
}

.krugsri-tabs .krugsri-tabs-content .exchage-card p {
    font-size: 14px
}

.krugsri-tabs .krugsri-tabs-content .exchage-rate {
    background-color: #756862;
    width: 100%;
    height: auto;
    border-radius: 8px;
    padding-bottom: 0;
    margin-top: 15px
}

.krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate {
    background-color: #ffe57b
}

.krugsri-tabs .krugsri-tabs-content .exchage-rate h2 {
    padding: 30px 30px 15px 30px;
    font-size: 16px;
    color: white
}

.krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate h2 {
    color: black;
    background-color: #ffe57b;
    border-radius: 8px 8px 0 0
}

.krugsri-tabs .krugsri-tabs-content .exchage-rate h2 p {
    margin: 0
}

.krugsri-tabs .krugsri-tabs-content .exchage-rate table {
    padding: 30px 30px 30px 30px;
    color: white;
    font-size: 16px;
    margin-bottom: 15px
}

.krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate table {
    color: black
}

.krugsri-tabs .krugsri-tabs-content .exchage-rate table img {
    padding: 0 5px 0 5px
}

.table-krugsri,
.table-krugsri>td,
.table-krugsri>th {
    background-color: rgba(255, 255, 255, .1)
}

.table-krugsri .table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    font-weight: normal;
    font-size: 14px
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege {
    position: relative;
    background-color: #fff4d4;
    width: 100%;
    border-radius: 8px;
    padding: 30px;
    min-height: 320px;
    margin-bottom: 15px
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
    position: absolute;
    right: 50px;
    z-index: 0;
    top: 60px;
    opacity: .1
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right img {
    margin-right: 30px
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right .text h2 {
    font-size: 20px;
    color: #000
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right .text p {
    font-size: 14px;
    color: #000
}

.krugsri-tabs .krugsri-tabs-content .krugsri-qr {
    position: relative;
    background-color: #756762;
    border-radius: 0 0 5px 5px;
    margin-bottom: 15px;
    width: 100%;
    -webkit-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
    -moz-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
    box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
    padding: 0 15px 15px 15px;
    min-height: 200px
}

.krugsri-tabs .krugsri-tabs-content .krugsri-line {
    border: 1px dotted #c3b9a9;
    border-top: none;
    min-height: 180px
}

.krugsri-tabs .krugsri-tabs-content .krugsri-qr img {
    border-radius: 5px
}

.krugsri-tabs .krugsri-tabs-content .krugsri-qr h3 {
    font-size: 20px;
    padding: 25px 25px 0 25px;
    color: white
}

.krugsri-tabs .krugsri-tabs-content .krugsri-qr p {
    font-size: 14px;
    padding: 0 25px 0 25px;
    color: #d7ceca
}

.krugsri-promotion {
    margin-bottom: 20px
}

.krugsri-promotion .tabs {
    font-size: 15px;
    padding: 0;
    list-style: none;
    background: #736762;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    display: inline-block;
    border-radius: 50px;
    position: relative;
    height: 40px;
    float: right;
    margin-bottom: 50px
}

.krugsri-promotion .tabs a {
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    padding: 10px 20px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition-duration: .6s
}

.krugsri-promotion .tabs a.active {
    color: black
}

.krugsri-promotion .tabs a i {
    margin-right: 5px
}

.krugsri-promotion .tabs .selector {
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 50px;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    background: #ffcd00
}

.krugsri-product {
    margin-bottom: 0
}

.krugsri-product .nav {
    width: 100%;
    border-radius: 8px;
    background-color: #e9e8e7;
    margin-bottom: 15px;
    margin-top: 15px
}

.krugsri-product .nav-pills .nav-link {
    background-color: #e9e8e7;
    padding: 20px 40px;
    border-radius: 8px
}

.krugsri-product .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #ffcd00;
    color: black
}

.krugsri-product .card {
    width: 100%;
    border: 0;
    border-radius: 8px;
    margin-bottom: 15px;
    -webkit-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .1);
    box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .1);
    background-color: #eee
}

.krugsri-product .card.none-shadow {
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
}

.krugsri-product .card h5 {
    padding: 40px;
    background-color: #ffcd00;
    border-radius: 8px 8px 0 0
}

.krugsri-product .tab-content>.active {
    margin-top: 15px
}

.krugsri-product .card h6 {
    padding: 40px
}

.krugsri-product .card .card-content {
    padding: 0 40px 40px 40px;
    color: #756762
}

.krugsri-product .card .card-content p {
    margin-bottom: 0
}

.krugsri-product .card .card-content .card-img {
    min-height: 120px
}

.krugsri-product .tabs1 {
    font-size: 15px;
    padding: 0;
    list-style: none;
    background: #736762;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    display: table;
    border-radius: 50px;
    position: relative;
    height: 40px;
    margin: 20px auto
}

.krugsri-product .tabs1 a {
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    padding: 10px 20px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition-duration: .6s
}

.krugsri-product .tabs1 a.active {
    color: black
}

.krugsri-product .tabs1 a i {
    margin-right: 5px
}

.krugsri-product .tabs1 .selector1 {
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 50px;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    background: #ffcd00
}

.krugsri-table td,
.krugsri-table th {
    padding: 1.4rem;
    border-top: 1px solid white
}

.krugsri-how-to {
    margin-bottom: 50px
}

.krugsri-how-to h5 {
    margin: 40px 0 0 0;
    color: white
}

.krugsri-how-to .how-to-head {
    background-color: #ffe57b;
    width: 100%;
    position: relative
}

.krugsri-how-to .how-to-sub {
    background-color: #736762;
    width: 100%;
    padding: 30px 50px;
    position: relative
}

.krugsri-how-to .title {
    padding: 40px
}

.krugsri-how-to .nav-pills .nav-link {
    border-radius: 0
}

.krugsri-how-to .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: black;
    font-size: 18px;
    background-color: #ffcd00
}

.krugsri-how-to .nav-pills .nav-link {
    padding: 15px 40px 15px 40px;
    border-bottom: 1px solid #e8d070
}

.bg-krugsri td,
.bg-krugsri th,
.bg-krugsri thead th {
    background-color: #ffe57b
}

.bg-krugsri1 td,
.bg-krugsri1 th,
.bg-krugsri1 thead th {
    background-color: #fff0b1
}

.bg-krugsri2 td,
.bg-krugsri2 th,
.bg-krugsri2 thead th {
    background-color: #e2d7d2
}

.bg-krugsri3 td,
.bg-krugsri3 th,
.bg-krugsri3 thead th {
    background-color: #f1efee
}

.krugsri-product .krugsri-info {
    margin: 40px 0
}

.krugsri-faq .tabs2 {
    font-size: 15px;
    padding: 0;
    list-style: none;
    background: #736762;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    display: table;
    border-radius: 50px;
    position: relative;
    height: 40px;
    margin: 20px auto 10px;
    width: fit-content
}

.krugsri-faq .tabs2 a {
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    padding: 10px 20px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition-duration: .6s
}

.krugsri-faq .tabs2 a.active {
    color: black
}

.krugsri-faq .tabs2 a i {
    margin-right: 5px
}

.krugsri-faq .tabs2 .selector2 {
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 50px;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    background: #ffcd00
}
  
.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev-icon {
    background-image: url('/getmedia/a482ee33-80f2-402a-80f6-2016f74ddef9/prev.png.aspx');
    width: 32px;
    height: 32px
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next-icon {
    background-image: url('/getmedia/9fd23a53-124a-4dc6-bae5-dc42631293c1/next.png.aspx');
    width: 32px;
    height: 32px
}

.deals__regis .deals__regis-col {
    padding: 0 8px
}

.deals__regis .deals__regis-col .deals__regis-boxr {
    border-radius: 4px;
    overflow: hidden;
    height: 100%;
    border: 1px dotted white;
    min-height: 650px
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxr .title {
    padding: 20px;
    background-color: #efefef
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxr .title .app-logo {
    width: 64px;
    margin-right: 20px
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxr .title .media-body {
    font-size: 18px;
    color: #777;
    line-height: 24px;
    margin: 0
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxr .title .media-body h5 {
    font-size: 24px;
    color: #000;
    line-height: 30px;
    margin: 0 0 5px
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxr .b__step-box {
    padding: 20px 0
}

.b__step-table {
    margin: 0 auto;
    width: 100%
}

.b__step-table.table tr {
    cursor: pointer
}

.b__step-table.table tr:last-child td {
    border-bottom: 1px solid transparent
}

.b__step-table.table td {
    vertical-align: middle;
    border-top: 0;
    border-bottom: 1px solid #908682;
    padding: 8px .75rem
}

.b__step-table.table td:first-child {
    border-bottom: 1px solid transparent
}

.b__step-table .num p {
    width: 40px;
    border-radius: 50%;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    background-color: #dbdbdb;
    text-align: center;
    margin: 0 auto;
    color: #999
}

.b__step-table h5 {
    font-size: 18px;
    color: #999;
    line-height: 24px;
    margin: 0
}

.b__step-table tr.active .num p,
.b__step-table tr:hover .num p {
    background-color: #ffda00;
    color: #000
}

.b__step-table tr.active h5,
.b__step-table tr:hover h5 {
    color: white
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #f1e9c8;
    border: none;
    border-radius: 10px;
    max-width: 10px
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-indicators .active {
    background-color: #ffd300
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev {
    background-image: url(/getmedia/a482ee33-80f2-402a-80f6-2016f74ddef9/prev.png.aspx);
    width: 32px;
    height: 32px
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next {
    background-image: url(/getmedia/9fd23a53-124a-4dc6-bae5-dc42631293c1/next.png.aspx);
    width: 32px;
    height: 32px
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next,
.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev {
    opacity: 1;
    top: 46%
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next:focus,
.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next:hover,
.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev:focus,
.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev:hover {
    opacity: 1
}

.krugsri-widget {
    position: relative;
    min-height: 400px
}

.krugsri-widget img {
    margin-top: 120px
}

.krugsri-widget .text {
    margin-top: 150px
}

.krugsri-widget .ticket {
    position: absolute;
    bottom: 0;
    right: 50px
}

.menu-tabs-mobile {
    padding-top: 120px;
    padding-bottom: 25px;
    background: #f4e7bd;
    background: linear-gradient(180deg, rgba(244, 231, 189, 1) 0%, rgba(244, 229, 181, 1) 35%, rgba(247, 217, 118, 1) 100%)
}

.menu-tabs-mobile .btn {
    width: 400px
}

.airplan {
    position: absolute;
    z-index: 1;
    bottom: 150px;
    right: 134px
}
 
.max-width-1200 {
    max-width: 1200px;
    margin: auto
}

input.btn,
button.btn {
    width: -webkit-fill-available
}

@media(max-width: 1199.98px) {
    .krugsri-carousel .krugsri-ctrl-text p {
        font-size: 30px
    }

    .krugsri-carousel .krugsri-ctrl-text p small {
        font-size: 80%
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
        width: 250px
    }

    .airplan {
        right: 118px
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 12px !important
    }
}

@media(max-width: 991.98px) {
    .krugsri-widget img {
        margin-top: 80px
    }

    .airplan {
        bottom: 180px;
        right: 157px
    }

    .owl-carousel .owl-item img {
        padding: 15px 15px 0 15px
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
        position: absolute;
        top: 10%
    }

    .krugsri-tabs .krugsri-tabs-content .krugsri-qr {
        -webkit-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, 0);
        -moz-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, 0);
        box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, 0);
        padding: 0 15px 15px 15px
    }

    .krugsri-tabs .krugsri-tabs-content .krugsri-qr {
        width: auto;
        margin: 0 15px
    }

    .krugsri-faq .faq-body {
        margin: 0
    }

    .krugsri-tabs .krugsri-tabs-content {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .krugsri-tabs {
        margin-top: 20px
    }

    .krugsri-carousel .krugsri-ctrl-01 {
        width: 80%
    }

    .krugsri-carousel .krugsri-ctrl-02 {
        left: 40%;
        bottom: -150px
    }

    .krugsri-tabs .nav-item {
        width: 100%;
        margin-bottom: 15px;
        min-height: 50px
    }

    .krugsri-carousel .krugsri-ctrl-text {
        width: 100%
    }

    .quick-block {
        padding-left: 15px;
        padding-right: 15px
    }

    .quick-block-l {
        padding-left: 15px
    }

    .quick-block-r {
        padding-right: 15px
    }

    .quick-block-l-0 {
        padding-left: 15px
    }

    .quick-block-r-0 {
        padding-right: 15px
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 11px !important
    }
}

@media(max-width: 767.98px) {
    .exchage-rate {
        width: 100% !important
    }

    .z-content .krugsri-tabs.qr {
        margin-top: 20px !important
    }

    .z-content .krugsri-tabs.qr .krugsri-owl {
        padding-top: 0
    }

    .m-t50 {
        margin-top: 0
    }

    .krugsri-carousel .carousel-indicators {
        display: none
    }

    .airplan {
        bottom: 150px;
        right: 120px
    }

    .krugsri-widget img {
        margin-top: 50px
    }
}

@media(max-width: 575.98px) {
    .airplan {
        bottom: 110px;
        right: 85px
    }
}

@media(max-width: 480px) {
    .airplan {
        bottom: 80px;
        right: 55px
    }
}

< !-- Header -->.navbar {
    padding: 0;
}

.navbar-collapse {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    -ms-flex-align: unset;
    align-items: unset
}

.navbar-collapse.collapse .navbar-nav {
    flex-direction: unset
}

.navbar.navbar-static-top {
    padding: 0
}

.navbar-nav>li>a {
    font-size: small !important;
    color: inherit
}

.navbar>.container,
.navbar>.container-fluid {
    padding: 0;
    color: #554242
}

.navbar-nav .dropdown-menu {
    position: absolute
}

a.dropdown-toggle::after {
    content: unset
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: .75rem;
    border-top: 0;
    border-bottom: 0
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    line-height: 1.5
}

.pull-right.lgtop {
    display: none !important
}

.krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate .exchage-rate {
    background-color: #ffe57b;
    margin-top: 0;
    width: 100% !important
}

.exchage-rate tbody tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, .1)
}

.krugsri-product .product-body {
    padding: 0 100px
}

.krugsri-product .table>tbody>tr>td,
.krugsri-product .table>tbody>tr>th {
    padding: 1.4rem;
    border-top: 1px solid white;
    font-size: 16px
}

body,
form {
    background-color: #fff
}

.table>tbody>tr.active>td {
    background-color: unset
}

.krugsri-product .tab-content>.active.in,
#promotion .tab-content>.active.in,
#faq .tab-content>.active.in {
    opacity: 1
}

.owl-carousel.tab-pane.fade {
    display: none;
    opacity: 0
}

.owl-carousel.tab-pane.fade.in.active {
    display: block;
    opacity: 1
}

#tab1 {
    width: 100%
}

.krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate {
    margin-top: 0
}

.box-right .media {
    overflow: visible
}

#product .tab-content {
    width: 100%
}

#product #v-pills-tab img {
    opacity: .3
}

#product #v-pills-tab a.active img {
    opacity: 1
}

.exchage-rate #p_lt_ctl19_ksP_p_lt_ctl03_BoardingCard_lblDate,
.exchage-rate #p_lt_ctl19_ksP_p_lt_ctl04_BoardingCard_lblDate {
    display: block;
    padding-top: 10px;
    text-align: right;
    padding-right: 20px;
    color: #000 !important
}

.krugsri-how-to .carousel-indicators {
    margin: 0 auto -15px
}

#RegisCard .table>tbody>tr>th,
#UsageLimit>tbody>tr>th {
    width: 45%
}

.krugsri-product #UsingCard .table>tbody>tr>th,
.krugsri-product #UsingCard .table>tbody>tr>td {
    width: 50%;
    background-color: unset
}

.krugsri-product #UsingCard .table>tbody>tr:nth-child(odd) {
    background-color: #ffe57b
}

.krugsri-product #UsingCard .table>tbody>tr:nth-child(even) {
    background-color: #fff0b1
}

.krugsri-faq .btn-link {
    line-height: 1.7
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxl {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege img {
    margin-right: 30px;
    z-index: 1
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 {
    font-size: 24px;
    color: #fff;
    line-height: 1.7
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege p {
    color: #fff
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right-1 {
    position: absolute;
    right: 50px;
    z-index: 0;
    opacity: .5;
    bottom: 40px
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege h2.black,
.krugsri-tabs .krugsri-tabs-content .exchage-privilege p.black {
    color: #746661
}

.exchage-privilege h2 {
    font-size: 24px
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege.min-box {
    min-height: 625px
}

.krugsri-tabs .krugsri-tabs-content .krugsri-qr a {
    color: inherit
}

.krugsri-tabs .krugsri-tabs-content .krugsri-qr a:hover {
    text-decoration: none
}

.air-x {
    position: absolute;
    z-index: 99;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 12px
}

.air-x img {
    width: 16px
}

.krugsri-modal {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.krugsri-modal img {
    position: relative;
    border-radius: 4px 4px 0 0;
    bottom: -1px;
    z-index: 1
}

.krugsri-modal .krugsri-qr-modal {
    position: relative;
    background-color: #756762;
    border-radius: 4px;
    width: 100%;
    -webkit-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
    -moz-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
    box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
    padding: 0 15px 15px 15px
}

.krugsri-modal .modal-content {
    background-color: transparent
}

.krugsri-modal .krugsri-line-modal {
    padding: 40px;
    border: 1px dotted #c3b9a9;
    min-height: 180px
}

.krugsri-modal .modal-content h3 {
    font-size: 30px;
    color: #ffce07;
    margin-bottom: 20px
}

.krugsri-modal .modal-content h5 {
    font-size: 16px;
    color: white;
    margin-top: 30px
}

.krugsri-modal .modal-content p {
    font-size: 16px;
    color: white;
    margin-bottom: 20px
}

.krugsri-modal .modal-content h4 {
    font-size: 16px;
    color: #ffce07;
    margin: 30px 0
}

.krugsri-modal .modal-content ol {
    font-size: 16px;
    color: white;
    padding: 0 15px
}

.krugsri-modal .modal-content ol li {
    font-size: 16px;
    color: white;
    margin-bottom: 15px
}

.krugsri-modal .modal-content h5 span {
    color: #ffce07
}

.krugsri-modal .card-header {
    background-color: #8e807c;
    border-bottom: 1px solid #a5a3a3
}

.krugsri-modal .btn-link {
    color: #ffce07 !important
}

.krugsri-modal .air-x {
    bottom: 7px
}

.krugsri-modal .close {
    position: absolute;
    z-index: 5;
    right: 30px
}

.krugsri-modal a {
    color: #ffce07
}

.krugsri-line-modal .card-header h2 {
    padding-top: 0
}

.krugsri-carousel .krugsri-ctrl-05 {
    position: absolute;
    left: 80%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 40px
}

.krugsri-carousel .krugsri-ctrl-04 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -80px
}

.krugsri-carousel .krugsri-ctrl-text2 {
    position: absolute;
    right: 80px;
    top: 25%;
    margin: 15px
}

.krugsri-carousel .krugsri-ctrl-text2 p {
    color: white;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 0
}

.krugsri-carousel .krugsri-ctrl-text2 p small span {
    color: #ffda01
}

.krugsri-carousel .krugsri-ctrl-text p.bf-fix {
    font-size: 38px
}

.krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate thead tr {
    background-color: #ffce07
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background-color: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #fecd07
}

.krugsri-carousel .krugsri-ctrl-text2 h1,
.krugsri-carousel .krugsri-ctrl-text2 h2 {
    /*font-family: "Krungsri-Condensed-Bold";*/
    word-break: break-all;
    color: white;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 0
}

.zonebanner,
.z-content,
.exchage-rate table {
    font-family: 'Thongterm-Roman' !important
}

.kma-color1 {
    color: #746661 !important
}

.krugsri-carousel .title-01 {
    position: absolute;
    bottom: 50px;
    left: 80px
}

.krugsri-carousel .title-01 p {
    color: white;
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 0;
    color: white
}

.krugsri-carousel .title-01 p span {
    color: #ffda01;
    margin-right: 15px
}

.krugsri-carousel .title-01 h1 small {
    color: white
}

.krugsri-carousel .title-logo {
    position: absolute;
    bottom: 50px;
    right: 50px
}

.krugsri-carousel .title-02 {
    position: absolute;
    top: 50px;
    left: 50px
}

.krugsri-carousel .title-02 h1 {
    word-break: break-all;
    color: white;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 0;
    padding: 0 15px 15px 15px
}

.krugsri-carousel .title-02 h1 small {
    color: white
}

.krugsri-ctrl-text2.animated.fadeIn.delay-1s h1 small {
    color: inherit
}

.sub-menu-mobile .btn-krugsri-1,
.krugsri-tabs.qr .btn-krugsri-1 {
    background-color: #fff0b1;
    border-color: #fff0b1;
    box-shadow: none
}

.menu-tabs-mobile .btn {
    width: 350px
}

.krugsri-tabs.qr {
    position: relative;
    margin-top: 80px !important
}

qr. div#privilege>.col-12 {
    padding: 0 7.5px
}

.krugsri-product .table>tbody>tr>td,
.krugsri-product .table>tbody>tr>th {
    padding: 1rem
}

.krugsri-tabs .krugsri-tabs-content .btn-group {
    display: flex !important
}

.krugsri-tabs .krugsri-tabs-content .dropdown-menu.show {
    width: 100% !important
}

.krugsri-tabs-content {
    margin-top: 30px
}

.krugsri-product .krugsri-info {
    margin-bottom: 0
}

.krugsri-tabs {
    margin-top: 30px
}

.krugsri-table td,
.krugsri-table th {
    padding: 1rem !important
}

.krugsri-carousel .krugsri-ctrl-text2 h1 {
    color: #ffda01;
    font-size: 36px;
    margin-bottom: 20px
}

.zonebanner {
    position: relative
}

/*.container--breadcrumb {
    color: #fff !important;
    position: absolute;
    top: 20px;
    padding-left: 15px;
    z-index: 999
}

    .container--breadcrumb a {
        color: inherit
    }*/

.info-list {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 10px
}

.info-list .list-left {
    width: auto;
    padding-right: 20px;
    float: left
}

.info-list .list-right {
    width: 80%
}

@media screen and (min-width: 576px) {
    .navbar .container {
        max-width: unset
    }
}

@media screen and (min-width: 768px) {

    .navbar .container,
    .container {
        max-width: 720px
    }

    .navbar .container {
        max-width: unset
    }

    .container .row {
        padding: 0
    }
}

@media screen and (min-width: 992px) {

    .navbar .container,
    .container {
        max-width: 960px
    }
}

@media screen and (min-width: 1200px) {

    .container,
    .navbar .container {
        max-width: 1140px
    }
}

@media screen and (max-width: 1500px) {
    .krugsri-carousel .title-02 h1 {
        font-size: 30px;
        line-height: 48px
    }
}

@media screen and (max-width: 1033px) {
    .topmenub {
        margin-top: -138px !important;
        right: 0 !important
    }
}

@media screen and (max-width: 1024px) {
    .krugsri-carousel .carousel-inner {
        overflow: hidden
    }

    .carousel-item {
        padding-bottom: 50px
    }

    .krugsri-carousel .krugsri-ctrl-01 {
        bottom: 0
    }

    .krugsri-carousel .krugsri-ctrl-02 {
        left: 34%
    }

    .airplan {
        right: 96px;
        bottom: 120px
    }

    .krugsri-carousel .carousel-indicators {
        bottom: 0
    }

    .krugsri-carousel .krugsri-ctrl-text {
        width: 100%
    }

    .krugsri-carousel .krugsri-ctrl-04 {
        bottom: 0
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege.min-box {
        min-height: 600px
    }

    .air-x {
        bottom: 8px
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 br {
        display: none
    }

    .krugsri-carousel .krugsri-ctrl-text2 {
        right: 30px;
        top: 10%
    }

    .container--breadcrumb {
        left: 2%
    }
}

@media(max-width: 991.98px) {
    .krugsri-product .product-body {
        padding: 0
    }

    .krugsri-carousel .krugsri-ctrl-01 {
        bottom: 0
    }

    .krugsri-carousel .krugsri-ctrl-02 {
        left: 34.2%;
        bottom: 100px
    }

    .menu-tabs-mobile {
        margin-top: -100px
    }

    .krugsri-carousel .carousel-indicators {
        bottom: 50px
    }

    .airplan {
        right: 20%;
        bottom: 35%
    }

    #v-pills-tabContent .btn-group.show,
    #promotion .btn-group.show,
    #faq .btn-group.show {
        display: inline-block !important
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege,
    .krugsri-tabs .krugsri-tabs-content .exchage-privilege.min-box {
        min-height: 640px
    }

    .krugsri-tabs.qr .krugsri-owl {
        padding-top: 140px
    }
}

@media screen and (max-width: 768px) {
    .container {
        width: 100% !important
    }

    .navbar>.container,
    .navbar>.container-fluid {
        display: block
    }

    .pull-right.topmenub {
        display: table-cell !important;
        right: 0 !important
    }

    .navbar-default .navbar-collapse {
        width: 100%
    }

    .sec-lang {
        position: absolute !important;
        left: 0
    }

    .krugsri-carousel .krugsri-ctrl-02 {
        left: 28.8%;
        bottom: 50px
    }

    .logoBay {
        background: unset
    }

    .py-md-0 {
        padding-left: 0;
        padding-right: 0
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
        min-height: 550px !important
    }

    .krugsri-carousel .krugsri-ctrl-text2 {
        right: 50px;
        top: 18%
    }
}

@media screen and (max-width: 767px) {
    .pull-right.topmenub {
        right: 0 !important
    }

    .exchage-rate .exchage-rate {
        width: 100% !important
    }

    .zone-content .row {
        padding: 0
    }

    .navbar-default .hidden-xs {
        display: none !important
    }

    .navbar-default .visible-xs {
        display: block !important
    }

    .navbar-default .visible-xs.pull-right {
        margin-top: -40px !important;
        margin-right: 0 !important
    }

    .visible-xs.lgtop {
        margin-top: -40px !important;
        margin-right: 15px !important
    }

    .menu-tabs-mobile .btn {
        width: 320px
    }

    .container .row {
        padding: 0
    }

    .krugsri-product .card .card-content {
        padding: 0 20px 20px 20px
    }

    .card-content center {
        margin-bottom: 30px
    }

    .krugsri-product .card .card-content .card-img {
        min-height: unset;
        margin-bottom: 10px
    }

    .krugsri-product .card h5,
    .krugsri-product .card h6 {
        padding: 20px 15px
    }

    .card-body img {
        margin: 0 auto;
        margin-bottom: 10px
    }

    .krugsri-product #p-chanel-register .card-content {
        padding: 0 5px
    }

    #p-chanel-register .card-content .card-body {
        padding: 0;
        margin: 20px 0
    }

    .krugsri-product .tabs1 {
        margin: 10px auto;
        display: none
    }

    #homefooter [class*=col-] {
        padding: 0
    }

    #homefooter .kfooterMenu {
        width: 50%
    }

    .table-responsive::-webkit-scrollbar {
        height: 10px;
        background-color: #fff
    }

    .table-responsive::-webkit-scrollbar-thumb {
        background-color: #ddd5d5;
        border-radius: 6px
    }

    #v-pills-tabContent .btn-krugsri {
        padding: 10px 15px
    }

    #RegisCard .table-responsive .hand_touch {
        margin-top: 25px !important
    }

    .m-block-center {
        width: 100%;
        text-align: center
    }
     
    .krugsri-carousel .krugsri-ctrl-02 {
        left: 32%
    }

    .krugsri-carousel .krugsri-ctrl-02 img {
        width: 85% !important
    }

    .airplan {
        right: 19%
    }

    .exchage-card .align-middle img {
        margin-bottom: 15px
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
        width: 280px
    }

    .owl-carousel .owl-item img {
        padding: 15px 15px 0
    }

    .krugsri-tabs .krugsri-tabs-content .krugsri-qr {
        margin: 0
    }

    .krugsri-how-to {
        margin-top: 10px
    }

    .krugsri-product h4 {
        margin-top: 20px
    }

    .krugsri-product .krugsri-info {
        margin: 20px 0
    }

    .py-xs-0 {
        padding-left: 0;
        padding-right: 0
    }

    .mb-xs-0 {
        margin-bottom: 0
    }

    .b__step-table h5 {
        font-size: 16px
    }

    .krugsri-how-to .carousel-item {
        padding-bottom: 0
    }

    .deals__regis .deals__regis-col .deals__regis-boxr .boxl {
        padding: 0
    }

    .krugsri-product {
        margin-bottom: 0
    }

    .krugsri-promotion {
        margin-bottom: 35px
    }

    .krugsri-carousel .krugsri-ctrl-text2 {
        right: 50px;
        top: 12%;
        left: 0;
        width: 100%
    }

    .krugsri-carousel .krugsri-ctrl-text p small,
    .krugsri-carousel .krugsri-ctrl-text2 p small {
        font-size: 60%
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege center img {
        margin-right: 0;
        margin: 0 auto
    }

    .krugsri-tabs .krugsri-tabs-content .krugsri-line {
        min-height: 240px
    }

    .air-x {
        bottom: 0;
        left: 45%
    }

    #promotion .krugsri-tabs-content .krugsri-qr {
        margin: 0
    }

    #promotion .owl-carousel .owl-item img {
        padding: 20px 0 0
    }

    .krugsri-carousel .krugsri-ctrl-text2 p {
        line-height: 1.2;
        font-size: 28px
    }

    .krugsri-carousel .krugsri-ctrl-text2 p br {
        display: none
    }

    .krugsri-modal .krugsri-line-modal {
        padding: 20px
    }

    .krugsri-modal {
        padding-right: 0 !important
    }

    .krugsri-modal .krugsri-line-modal {
        padding: 20px
    }

    .krugsri-carousel .krugsri-ctrl-text p.bf-fix {
        font-size: 28px
    }

    .carousel-item {
        padding-bottom: 0
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
        min-height: 590px !important
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege.l-en {
        min-height: 720px !important
    }

    .owl-carousel .owl-item img {
        padding: 0
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 {
        line-height: 1.7
    }

    .withdraw-atm>.row,
    .Redeem-money>.row {
        padding: 0 15px
    }

    .container--breadcrumb {
        display: none
    }

    .info-list {
        width: 100%;
        padding: 0 15px
    }

    .dropdown-menu.show {
        width: 100%
    }

    .modal-dialog {
        padding: .5rem;
        position: relative
    }

    .modal-dialog .modal-content {
        margin-top: 50px;
        top: 12px;
        position: absolute;
        right: 0;
        left: 0;
        padding: 15px
    }

    .krugsri-modal .close {
        right: 10px
    }

    h4,
    h5 {
        padding: 10px 0
    }

    #v-pills-home .btn-group,
    #faq .btn-group,
    #faq .dropdown-menu.show {
        width: 100%
    }

    #v-pills-tabContent .btn-group.show,
    #promotion .btn-group.show,
    #faq .btn-group.show {
        display: flex !important
    }

    .krugsri-tabs .krugsri-tabs-content .dropdown-menu {
        left: 0 !important
    }

    .krugsri-modal .modal-content h5 {
        font-size: 14px;
        line-height: 20px
    }

    .sub-menu-mobile .btn-krugsri-1:hover,
    .krugsri-tabs.qr .btn-krugsri-1:hover {
        color: #fff;
        background-color: #ffce07;
        border-color: #ffce07
    }

    .krugsri-how-to h5 {
        line-height: 1.7
    }
}

@media screen and (max-width: 480px) {
    .krugsri-carousel .krugsri-ctrl-02 {
        left: 33%;
        bottom: 25px
    }

    .airplan {
        right: 17%
    }

    .tnavsearchth {
        text-indent: -9999px
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 {
        font-size: 20px
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 br {
        display: none
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
        min-height: 600px
    }

    .krugsri-carousel .krugsri-ctrl-text2 h1 {
        font-size: 24px
    }

    .menu-tabs-mobile .btn {
        width: 270px
    }
}

@media screen and (max-width: 425px) {
    .krugsri-carousel .krugsri-ctrl-text2 img {
        width: 80px !important;
        margin-right: 20px !important
    }

    .krugsri-carousel .krugsri-ctrl-text2 h2 {
        font-size: 20px;
        line-height: 26px
    }

    .krugsri-info>.row>.col-2 {
        padding: 0
    }

    .krugsri-carousel .krugsri-ctrl-text2 h1 {
        font-size: 26px;
        line-height: 1.3;
        margin-bottom: 5px
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
        min-height: 587px !important
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege.l-en {
        min-height: 712px !important
    }

    .krugsri-widget {
        min-height: 350px
    }

    .krugsri-widget img {
        margin-top: 15px
    }
}

@media screen and (max-width: 375px) {
    .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
        right: 10px
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right img {
        margin-right: 15px;
        margin-left: 10px
    }

    .krugsri-carousel .krugsri-ctrl-text2 {
        padding-right: 20px
    }

    .krugsri-carousel .krugsri-ctrl-text2 h2 {
        font-size: 18px;
        line-height: 26px
    }

    .krugsri-carousel .krugsri-ctrl-text2 p {
        line-height: 1.2;
        font-size: 24px
    }
}

@media screen and (max-width: 340px) {
    .navtop {
        right: 35px
    }

    .navbar-toggle {
        padding-left: 25px;
        margin-left: 0
    }

    .langselector a {
        padding-left: 18px
    }

    .hwcCustomization .zoneMyKrungsriButton {
        padding-right: 10px
    }

    .krugsri-carousel .krugsri-ctrl-text {
        top: 15%
    }

    .krugsri-carousel .krugsri-ctrl-text p,
    .krugsri-carousel .krugsri-ctrl-text2 p {
        font-size: 24px
    }

    .krugsri-carousel .krugsri-ctrl-text2 p small {
        font-size: 60%
    }

    .carousel-control-prev {
        left: -10px
    }

    .carousel-control-next {
        right: -10px
    }

    .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev {
        left: 3px
    }

    .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next {
        right: 3px
    }

    .krugsri-carousel .krugsri-ctrl-text p.bf-fix {
        font-size: 28px
    }

    .krugsri-carousel .krugsri-ctrl-text2 h1 {
        font-size: 22px
    }
}

@media screen and (max-width: 320px) {
    .krugsri-tabs .krugsri-tabs-content .exchage-privilege.l-en {
        min-height: 736px !important
    }

    .pr-xs-1 {
        padding-left: 0
    }

    .krugsri-carousel .krugsri-ctrl-text2 {
        top: 3%
    }
} 

/* PM 010 */
@media (min-width:1200px) {
    .menu-tab .container {
        max-width: 1170px;
    }
}


.tab-title-text .sub {
    min-width: 328px;
}

.tab-title-text .sub li a {
    padding: 0px;
}

/*.tab-title-text .sub li.dropdown-submenu .dropdown-menu-lv2 a:focus {
    background-color: #FFD400 !important;
}*/

.tab-title-text .sub li.dropdown-submenu .dropdown-menu-lv2 li {
    padding: 0;
}

.tab-title-text .sub li.dropdown-submenu .dropdown-menu-lv2 li a {
    padding: 4px 32px;
}

.sub .dropdown-menu.show {
    box-shadow: unset;
}

.sub li.dropdown-submenu-multi {
    padding: 0;
}

.sub .dropdown-submenu-multi a.dropdown-item {
    padding: 4px 16px;
}

.sub .dropdown-item:hover,
.sub .dropdown-item.active,
.sub .dropdown-item:active,
.sub .dropdown-menu.show .dropdown-item:hover {
    background-color: transparent;
}

.sub .dropdown-menu.show .dropdown-item {
    font-size: 16px;
    font-weight: normal;
    font-family: "Thongterm-roman";
}

.sub ul.dropdown-menu li:hover {
    background-color: transparent;
}

.sub ul.dropdown-menu.dropdown-menu-lv2 {
    float: initial;
    margin-top: 0px;
}

.sub .dropdown-menu.show .dropdown-item.dropdown-multi::after {
    content: "\f106";
}

.main.active .list-group-item-action {
    background-color: #FFD400;
}

@media (max-width:768px) {
    .open-sub .sub-item.lv2-list-group-item.lv2-list-group-item-action.arrow::after {
        font-family: "Font Awesome 5 Pro";
        font-size: 16px;
        content: "\f106";
        float: right;
        position: absolute;
        right: 16px;
        color: #5b5b5b;
    }

    .open-sub.active .sub-item.lv2-list-group-item.lv2-list-group-item-action {
        background-color: #FFD400;
    }

    .open-sub.active .sub-item.lv2-list-group-item.lv2-list-group-item-action.arrow::after {
        transform: rotateX(360deg);
    }

    .lv1 .lv2 .sub-item {
        padding-left: 50px;
    }

    .lv1 .lv2 .sub-item:focus,
    .lv1 .lv2 .sub-item:hover {
        background-color: #FFD400;
        border-left: 0px;
    }

    .sub-item.lv2-list-group-item.lv2-list-group-item-action {
        border-left: 0px;
        margin-left: 0;
        padding-left: 32px;
        font-family: Thongterm-Roman;
    }

    .open-sub .sub-item.active.lv2-list-group-item.lv2-list-group-item-action.arrow::after {
        content: "\f106" !important;
    }

    .sub.lv2 .sub-item.active {
        background-color: #FFD400;
        border-left: 0;
        font-family: "Thongterm-roman";
        margin-left: 0;
    }
}

/*End PM 010 */


/* #region CM_006_BE_SUBSCRIPTION_FORM */
.cm-006 {
    margin-left:-15px;
    margin-right:-15px; 
}
.cm-006 .subscribe-block,
.cm-006 .subscibe-section {
    position: relative;
    overflow: hidden;
}

.cm-006 .subscribe-block {
    padding: 60px 0;
}

.cm-006 .subscribe-image-banner {
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
}

.cm-006 .subscribe-image-banner img {
    display: block;
    margin: auto;
}

.cm-006 .subscribe-block .description,
.cm-006 .subscribe-block h1 {
    color: #5a5a5a;
}

    .cm-006 .subscribe-block .description .view-condition {
        color: #5a5a5a;
        font-size: 18px;
        line-height: 38px;
        cursor: pointer;
    }

.cm-006 .subscribe-block .NewsletterSubscription {
    overflow: hidden;
    clear: both;
    margin: 20px 0;
}

.cm-006 .NewsletterSubscription .form-horizontal>.form-group {
    float: left;
    margin: 0;
}

.cm-006 .subscribe-block .NewsletterSubscription .editing-form-label-cell {
    display: none;
}

.cm-006 .subscribe-block .NewsletterSubscription .form-group:first-child .editing-form-value-cell {
    width: 290px;
}

.cm-006 .NewsletterSubscription .form-horizontal>.form-group-submit input.btn.btn-primary {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.cm-006 .subscribe-block .NewsletterSubscription .form-group:first-child .editing-form-value-cell input.form-control {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    font-family: 'Krungsri-Condensed-Bold';
}

.cm-006 .subscribe-block .NewsletterSubscription .form-group:first-child .editing-form-value-cell input.form-control:focus {
    border: 0;
}

.cm-006 #collapsesubscribe {
    padding: 40px 0;
}

.cm-006 #collapsesubscribe .subscribetitle {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 42px;
}

.cm-006 #collapsesubscribe .subscribedeatil {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
}

.cm-006 .subscribe-form {
    background: unset
}

@media (max-width: 768px) {
    .cm-006 .subscibe-section {
        min-height: 320px;
    }

    .cm-006 .subscribe-block .NewsletterSubscription {
        text-align: center;
        margin: 15px 0;
        margin-bottom: 0px;
    }

    .cm-006 .subscribe-block .NewsletterSubscription .form-horizontal {
        display: inline-block;
    }

    .cm-006 .subscibe-section {
        min-height: 320px;
    }

    .cm-006 .subscribe-block .description,
    .cm-006 .subscribe-block h1 {
        color: #fff;
        text-align: center;
        text-shadow: 1px 2px 0 rgba(0, 0, 0, .2);
    }

    .cm-006 .subscribe-block {
        padding: 50px 15px 15px;
        height: 320px;
    }

    .cm-006 .subscribe-block .text1-footer-mobile {
        font-size: 24px;
        line-height: 36px;
    }

    .cm-006 .subscribe-block .description {
        font-size: 18px;
        line-height: 28px;
        margin-top: 10px;
        font-family: 'Krungsri-Condensed-Bold';
    }

    .cm-006 .subscribe-block .NewsletterSubscription .form-group:first-child .editing-form-value-cell input.form-control {
        font-family: 'Krungsri-Condensed';
        font-size: 16px;
        line-height: 29px;
        text-align: center;
    }

    .cm-006 .NewsletterSubscription .form-horizontal>.form-group {
        width: 270px;
        float: none;
    }

    .cm-006 .subscribe-block .NewsletterSubscription .form-group:first-child .editing-form-value-cell {
        width: 270px;
    }

    .cm-006 .NewsletterSubscription .form-horizontal>.form-group-submit input.btn.btn-primary {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        width: 100%;
    }

    .cm-006 .NewsletterSubscription .form-horizontal>.form-group-submit {
        margin-top: 16px;
    }

    .cm-006 .subscribe-block .description .view-condition {
        color: #5a5a5a;
        font-family: Thongterm-Roman;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 30px;
        text-align: center;
        text-shadow: none;
        margin-top: -20px;
        display: block;
    }

    .cm-006 #collapsesubscribe {
        padding: 20px 15px;
    }

    .cm-006 #collapsesubscribe .subscribetitle {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 36px;
    }
}

/* #endregion End - CM_006_BE_SUBSCRIPTION_FORM */



/* #region CI-047 : Page card list-3 */

.ci-047 .pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.ci-047 .float-left {
    float: left !important;
}

.ci-047 .float-right {
    float: right !important;
}

.ci-047 .Text-link-small,
.Text-link-small a {
    color: #F76F00;
    /*font-family: Thongterm-Roman;*/
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
}

.ci-047 .clearfix {
    clear: both;
    overflow: hidden;
}

.ci-047 .row {
    text-align: unset !important;
    margin-bottom: auto !important;
}

.ci-047 .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media screen and (min-width: 1200px) {
    .ci-047 .mt-40px-xl {
        margin-top: 40px;
    }
}

.ci-047 .col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.ci-047 .knowledge-zone {
    padding:0;
}

.ci-047 .w-100 {
    width: 100% !important;
}

.ci-047 .item {
    display: inline-block;
    border-radius: 3px;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
    background-color: #FFFFFF;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
}

.ci-047 .card-info .image {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.ci-047 .knowledge-zone .content {
    height: 122px !important;
    padding: 16px !important;
}

.ci-047 .card-info .content {
    padding: 16px;
    height: 112px;
    position: relative;
}

.ci-047 a {
    color: #222222;
    text-decoration: none;
    background-color: transparent;
}

.ci-047 .h2 {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 36px;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .ci-047 .content {
        height: 70px;
    }

    .ci-047 #knowledge-slide .image {
        width: auto;
        float: none;
    }

    .ci-047 #knowledge-slide .content {
        width: 100%;
        float: none;
        min-height: 64px;
    }

    .ci-047 .knowledge-bock .item .header {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
    }
}


.ci-047 .swiper-container .image img {
    width: 100%;
    height: auto;
}

.ci-047 .knowledge-bock .item .header {
    color: #222222;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 27px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}

@media screen and (min-width: 768px) {
    .ci-047 .image img {
        /*width: 370px !important;
        height: 270px !important;*/
        width: 100% !important;
        height: auto !important;
    }
}

@media screen and (max-width: 767px) {
    .ci-047 .image img {
        width: auto !important;       
        max-height: 122px !important;
    }
}

/* #endregion End CI-047*/


/*CB-003*/
.ci018 .text-top {
    height: 410px;
}

.ci018 .text-centermb {
    height: 315px;
}

.ci018 .text-bottom {
    padding-bottom: 10%;
}

.ci018 .page-title {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 40px;
    letter-spacing: 0;
    line-height: 48px;
    margin-bottom: 0;
}

/*CB-003*/

/*CB-003-2*/
@media (max-width: 768px) {
    .cb003 .swiper-pagination {
        bottom: 0 !important;
    }
}

.cb003 .swiper-pagination {
    position: absolute;
    width: 100%;
    bottom: 52px;
}

/*CB-003-2*/


/*region CB-002*/

.cb002 {
    overflow: hidden;
} 

.cb002 .container--banner.banner-text .block-banner .cover-content-wrapper .banner-content .description {
    color: #222;
    font-family: Thongterm-Bold;
    font-size: 24px;
    line-height: 12px;
}

@media (max-width: 767px) {
    .cb002 .container--banner.banner-height-360px .block-banner .banner-content .h1 {
        color: #fff;
        font-size: 24px;
        line-height: 42px;
        margin-bottom: 4px !important;
    }

    .cb002 .container--banner.banner-height-360px .block-banner .banner-content .description {
        color: #fff;
        font-size: 18px !important;
        line-height: 36px !important;
    }

    .cb002 .css-description-banner {
/*        margin-top: 30px;*/
    }
}

/*.cb002 .text-top {
    height: 0px;
}*/

/*.cb002 .text-centermb {
    margin-top: 132px;
}*/

.cb002 .text-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 300px;
}

.cb022 .cb002 .text-bottom {
    margin-bottom: 33px !important;
}
.cb022 .cb002 .hb-text-bottom {
    margin-bottom: 40px !important;
}
.cb022 .cb002 .btn-yellow {
    height: 44px;
    width: 175px;
    border-radius: 5px;
    background-color: #ffd400;
    border: unset;
    color: #554242;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    padding-top: 1%;
    margin-top: 27px;
}
.cb022 .cb002 .btn-brown {
    height: 44px;
    width: 175px !important;
    border-radius: 5px;
    background-color: #6F5F5E;
    border: unset;
    color: #ffd400;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    padding-top: 0.5%;
    margin-top: 27px;
}
cb002 .page-title {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 40px;
    letter-spacing: 0;
    line-height: 48px;
    margin-bottom: 0;
}

.cb002 .hb-text-top {
    margin-bottom: 90px !important;
}


@media (max-width: 767px) {
    .cb002 .text-moongry-all {
        color: #554242;
    }
}

@media (max-width: 767px) {
    .cb002 .btn-yellow {
        background-color: #ffd400;
        font-family: Krungsri-Condensed-Bold;
        font-size: 16px;
        line-height: 27px;
        text-shadow: none;
        height: 44px !important;
        padding: 7px !important;
        width: 170px;
        margin-top: 27px;
        text-align: center;
        border-radius: 5px;
    }
}

.cb002 .text-moongry-all {
    color: #554242;
}

.cb002 .btn-yellow {
    background-color: #ffd400;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    width: 194px !important;
    margin-top: 27px;
    text-align: center;
}

@media (max-width: 767px) {
    .cb002 .cb .container--banner .swiper-pagination {
        bottom: 40px !important;
    }
}

.cb002 .cb .swiper-pagination {
    position: absolute;
    width: 100%;
    bottom: 40px !important;
}

.cb002 .cb .hb-text-bottom {
    margin-top: 33% !important;
}
@media screen and (max-width: 767px) {
    .cb002 .cover-content-wrapper {
        height: unset !important;
    }

    .cb002 .banner-content {
        top: auto !important;
    }
} 
/*endregion CB-002*/


/*CM-007*/
.cm007 button#mockBtn {
    cursor: pointer;
    color: #3c3a3a;
    border: none;
    border-radius: 0 3px 3px 0;
    background: #ffd400 !important;
    width: 52px !important;
    height: 44px;
    min-width: auto;
    float: right;
    text-align: center;
    display: inline-block;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
}

.cm007 button,
select {
    text-transform: none;
}

.cm007 button,
input {
    overflow: visible;
}

.cm007 button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.cm007 button {
    border-radius: 0;
}


/*#region CI-021*/
.ci-021 .calculation-title {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    margin-top: 48px;
    margin-bottom: 16px;
    line-height: 36px;
}

@media (max-width: 768px) {
    .ci-021 .calculation-title {
        margin-top: 0;
        margin-bottom: 18px;
    }
}

.ci-021 .item {
    box-shadow: none;
    background-color: none;
}

/*.ci-021 .item>div {
    padding: 15px 0;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
}*/

.ci-021 .item>div>img {
    background-color: #fff;
    display: block;
    width: 100%;
}

.ci-021 .img-fluid {
    max-width: 100%;
    height: auto;
}

.ci-021 .swiper-pagination {
    position: relative;
    bottom: 0;
    top: 0;
    margin-top: 10px;
}

.ci-021 .swiper-pagination .swiper-pagination-bullet {
    margin: 5px 7px 5px 7px;
    background: transparent;
    display: inline-block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    height: 12px;
    width: 12px;
    /*border: 1px solid #8f8f8f;*/
     border: 1px solid #d6d6d6;
    opacity: 1;


}

.ci-021 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffd400;
    border: 0 !important;
}

@media screen and (max-width: 767px) {
    .ci-021 .divWidgetCI0212 .item {
        display: inline-block;
        border-radius: 3px;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
        background-color: #FFFFFF;
        width: 100%;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .ci-021 .item {
        margin-bottom: 6px;
    }

    .ci-021>.d-block.d-sm-none {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 40px;
    }

    .ci-021 .item .item-wrapper {
        padding: 0;
    }

    .ci-021 .item .item-inside img {
        max-height: 101.37px;
    }
}

/*#endregion CI-021*/


/*CI-049*/
.ci-049 .card-readmore.d-flex.justify-content-between.align-middle a {
    position: relative;
    right: unset;
    bottom: 6px;
}
.ci-049 .card-content-title {
    color: #222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 18px;
    font-weight: bold;
    height: auto;
    white-space: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

.ci-049 .container--content {
    max-width: 1170px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

.ci-049 .mb-30px-all {
    margin-bottom: 30px;
}

.ci-049 .card-content {
    border-top: none;
    min-height: unset;
    height: auto;
    display: block;
    border-radius: 3px;
    background-color: #fff;
    filter: drop-shadow(1px 2px 10px rgba(35, 19, 18, 0.1));
}

.ci-049 .ar-text-content2 {
    color: #222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 24px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}

.ci-049 a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.ci-049 .card-content-title h4 {
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 60px;
    margin-bottom: 16px;
}

.ci-049 h4 {
    color: #222222;
    font-family: Thongterm-Bold;
    font-size: 16px;
    line-height: 30px;
}

.ci-049 .justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.ci-049 .container--header {
    margin-bottom: 16px;
}

.ci-049 .content-header {
    margin-bottom: 40px;
}

.ci-049 .recommend-zone-custom {
    margin-bottom: 50px;
}

/*1910*/
.ci-049 .container--content .image {
    position: relative;
    overflow: hidden;
    height: 270px;
}

.ci-049 .container--content .image img {
    height: 270px;
    width: auto;
    position: absolute;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
}

/*1910*/
@media screen and (max-width: 768px) {
    .ci-049 .description {
        /*position:absolute;*/
        bottom: 0;
        font-size: 14px;
    }

    /*1910*/
    .ci-049 .container--content .image {
        position: relative;
        overflow: hidden;
        height: 110px;
    }

    .ci-049 .container--content .image img {
        height: 110px;
        width: auto;
        position: absolute;
        margin: auto;
        min-height: 100%;
        min-width: 100%;
        left: -100%;
        right: -100%;
        top: -100%;
        bottom: -100%;
    }

    /*1910*/
    .ci-049 .text-ellipsis-1line {
        display: -webkit-box;
        overflow: hidden;
        white-space: normal;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    .ci-049 .recommend-zone-custom {
        margin-bottom: 24px;
    }

    .ci-049 .container--header-custom {
        margin-bottom: 32px;
    }

    .ci-049 .content-header {
        margin-bottom: 24px;
    }

    .ci-049 .container--content {
        padding-top: 0px;
    }

    .ci-049 .px-m-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .ci-049 .card-info .header {
        padding-bottom: 8px;
    }
}

.ci-049 .container--content#content-thecoach {
    margin-top: 20px;
    margin-bottom: 40px;
}

.ci-049 .container--content#content-relatedarticle {
    margin-bottom: 40px;
}

.ci-049 .background-light-gray {
    background: #F9F9F9;
}

.ci-049 .ar-top {
    margin-top: 0px;
}

.ci-049 .title-type {
    background: #FDD200;
    border-radius: 3px;
    padding: 0px 10px;
    font-family: 'Thongterm-roman';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    color: #222;
}

.ci-049 .ar-share-img {
    height: 32px;
    width: 32px;
    cursor: pointer;
}

/*.ar-share-img.icon-line {
  height: auto;
  width: 38px;
  cursor: pointer;
}*/
.ci-049 .ar-card {
    padding: 0px;
}

.ci-049 .ar-text-title {
    border: unset;
    padding-left: 0;
}

.ci-049 .ar-text-post {
    font-size: 14px;
    color: #949494;
    font-family: 'Thongterm';
}

.ci-049 .ar-profile-name {
    color: #F76F00;
    font-family: "Thongterm-Roman";
    font-family: 'Thongterm';
    font-size: 14px;
    vertical-align: middle;
    margin-left: 8px;
    font-weight: 700;
    font-style: normal;
}

.ci-049 img.icon-access-time {
    position: relative;
    bottom: 3px;
}

.ci-049 .ar-pd-rm {
    padding-right: 15px;
    padding-left: 15px;
}

.ci-049 .ar-tag-footer {
    padding: 4px 8px;
}

.ci-049 .ar-box-title {
    line-height: 48px;
    border-left: 6px solid #fdd200;
    margin-top: 27px;
    margin-bottom: 18px;
    padding-left: 10px;
}
 
/* rcm-product */
.ci-049 #rcm-product .card-content {
    display: inline-block;
    border-radius: 3px;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
    background-color: #FFFFFF;
    width: 100%;
}

.ci-049 #rcm-product img.card-content-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    min-height: unset;
}

.ci-049 #rcm-product .box-text {
    padding: 14px 16px 16px 16px;
}

.ci-049 #rcm-product .card-content-text {
    font-family: "Krungsri-Condensed-Bold";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 60px;
}

/* end #rcm-product */
.ci-049 .text-right.tag-footer {
    display: flex;
    justify-content: space-between !important;
    position: relative;
    padding-top: 12px;
}

.ci-049 #rcm-article .card-content {
    border-top: none;
    min-height: unset;
    height: auto;
    display: block;
    border-radius: 3px;
    background-color: #fff;
    filter: drop-shadow(1px 2px 10px rgba(35, 19, 18, 0.1));
}

.ci-049 #rcm-article .box-img img.card-content-img {
    width: 100%;
    height: auto;
    height: 270px;
    object-fit: cover;
    min-height: unset;
    border-radius: 3px 0px 0px 3px;
}

.ci-049 #rcm-article .box-text {
    border-top: unset;
    max-width: unset;
    position: relative;
    padding: 10px 20px 10px 20px;
}

.ci-049 #rcm-article .card-content-type {
    font-family: 'Thongterm';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    color: #5A5A5A;
}

.ci-049 #rcm-article .card-content-title h4 {
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 60px;
    margin-bottom: 16px;
}

.ci-049 #rcm-article .card-content-detail {
    display: none;
}

.ci-049 #rcm-article .card-content-name {
    display: none;
}

.ci-049 #rcm-article .card-content-readmore {
    font-family: 'Thongterm';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    width: 100%;
    position: relative;
}

.ci-049 #rcm-article .card-readmore img.icon-clock {
    margin-right: 0px;
    position: relative;
    width: 14px;
    height: 14px;
    bottom: 3px;
}

.ci-049 #rcm-article .card-readmore a#btnShare {
    position: relative;
    right: unset;
    bottom: 4px;
}

.ci-049 #rcm-article .card-readmore img#shareImageIcon {
    width: 11px;
    height: 12px;
}

.ci-049 div#content-right {
    z-index: 9;
}

@media screen and (min-width: 1199.5px) {
    .ci-049 div#content-right.fixbox .box-product {
        position: fixed;
        float: right;
        top: 24px;
        right: unset;
        max-width: 270px;
    }
}

@media screen and (max-width: 1198.9px) and (min-width: 767.9px) {
    .ci-049 div#content-right.fixbox .box-product {
        position: fixed;
        float: right;
        top: 24px;
        right: 0px;
    }
}

.ci-049 .fix-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    z-index: 10;
}

.ci-049 .zone-breadcrumb {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
}

.ci-049 .container--breadcrumb {
    min-height: 64px;
}

.ci-049 button.btn.btn-link.btn-ar-drop {
    padding: 0;
}

.ci-049 div#heading26012 {
    padding: 10px 0px 10px 20px;
    max-height: 50px;
    min-height: unset;
    border-left: unset;
}


.ci-049 ul.ar-ul {
    font-family: 'Thongterm';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #222222;
}

.ci-049 ul.ar-ul li {
    list-style: none;
}

@media screen and (max-width: 768px) {
    .ci-049 .background-light-gray-xs {
        background: #F9F9F9;
    }

    .ci-049 .container--content#content-thecoach {
        margin-bottom: 0px;
        margin-top: 24px;
    }

    .ci-049 .container--content#content-relatedarticle {
        margin-bottom: 80px;
        margin-top: 8px;
    }

    .ci-049 .title-type {
        font-size: 12px;
        line-height: 26px;
    }

    .ci-049 .ar-text-post {
        font-size: 12px;
        color: #949494;
    }

    .ci-049 .ar-profile-name {
        color: #F76F00;
        font-size: 12px;
    }

    .ci-049 .text-right.tag-footer {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .ci-049 .ar-text-title {
        line-height: 38px;
    }

    .ci-049 .ar-pd-rm {
        padding-right: 16px;
        padding-left: 16px;
    }

    .ci-049 .ar-box-title {
        margin-top: 24px;
        margin-bottom: 16px;
    }

    .ci-049 #rcm-product .card-content {
        border-top: none;
        min-height: unset;
        height: 110px;
        display: flex;
        border-radius: 3px;
        background-color: #fff;
        border: 1px solid #F3F3F3;
        filter: drop-shadow(1px 2px 10px rgba(35, 19, 18, 0.1));
        width: 100%;
    }

    .ci-049 #rcm-product img.card-content-img {
        width: 110px;
        height: 110px;
        object-fit: cover;
        min-height: unset;
        border-radius: 3px 0px 0px 3px;
    }

    .ci-049 #rcm-product .card-content a {
        display: flex;
    }

    .ci-049 #rcm-product .box-text {
        padding: 15px 8px 14px 8px;
        border-bottom: 3px solid #FDD200;
        height: 110px;
    }

    .ci-049 #rcm-product.open-bar .box-text {
        padding: 8px 15px 15px 8px;
        border-bottom: unset;
    }

    .ci-049 #rcm-article .card-content {
        display: flex;
        border-radius: 3px;
        background-color: #fff;
    }

    .ci-049 #rcm-article .card-readmore a#btnShare {
        bottom: 6px;
    }

    .ci-049 #rcm-article .box-img img.card-content-img {
        width: 110px;
        height: 110px;
        object-fit: cover;
        min-height: unset;
        border-radius: 3px 0px 0px 3px;
    }

    .ci-049 #rcm-article .box-text {
        border-top: unset;
        max-width: unset;
        position: relative;
        padding: 5px 8px 0px 8px;
    }

    .ci-049 #rcm-article .card-content-type {
        font-size: 12px;
        line-height: 26px;
    }

    .ci-049 #rcm-article .card-content-title h4 {
        min-height: 46px;
        margin-bottom: 0;
        line-height: 24px;
        padding:unset
    }

    .ci-049 #rcm-article .card-content-readmore {
        font-size: 12px;
        line-height: 26px;
        height: 26px;
    }

    .ci-049 #rcm-product .card-content-text {
        font-size: 18px;
        line-height: 30px;
    }

    .ci-049 div#ar-drop {
        padding-bottom: 24px;
    }

    .ci-049 div#heading26012 {
        padding: 10px 16px 10px 16px;
        max-height: 50px;
        min-height: unset;
        border-left: unset;
    }

    .ci-049 #ar-category .card-body {
        font-family: 'Thongterm';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 30px;
        color: #222222;
        padding-inline-start: 8px;
    }

    .ci-049 ul.ar-ul {
        font-family: 'Thongterm';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        color: #222222;
        padding-inline-start: 10px;
    }

    .ci-049 #content-right {
        z-index: 10;
    }

    .ci-049 #content-left {
        z-index: 11;
    }
}

@media (min-width: 768px) {
    .ci-049 .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

.ci-049 .mb-40px-all {
    margin-bottom: 40px;
}

.ci-049 .pagination {
    align-content: center;
    justify-content: center;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

.ci-049 dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

.ci-049 .page-link {
    padding: 2px 8px;
    background-color: inherit;
}

.ci-049 .pagination .page-item {
    padding-right: 2.5px;
}

.ci-049 .pagination .page-item .page-link {
    font-family: Thongterm-Bold;
    font-size: 16px;
    /* line-height: 26px; */
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    border: 0px;
    color: #545454;
    border-radius: 50%;
}

.ci-049 .pagination .page-item.active .page-link {
    background-color: #ffd400;
    padding: 2px 7px;
    width: 25px;
    height: 25px;
}

/*CI-049*/


/*IB-001 img480*/
.ib_001 .container--banner.container--banner--hero .cover-content-wrapper .banner-content .application-list {
    padding-top: 23px;
    margin-bottom: 6%;
}

@media(max-width:767px) {
    .ib_001 .text-top {
        display: flex !important;
        height: 480px;
        align-items: flex-start;
    }

    .ib_001 .text-centermb {
        display: flex !important;
        height: 480px;
        align-items: center;
    }

    .ib_001 .text-bottom {
        display: flex !important;
        height: 480px;
        align-items: flex-end;
    }
}

.ib_001 .page-title {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 40px;
    letter-spacing: 0;
    line-height: 48px;
    margin-bottom: 0;
}

.ib_001 .btn-brown {
    background-color: #554242;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    max-width: 194px;
    width: auto;
    margin-top: 27px;
    text-align: center;
    border-radius: 5px;
}

.ib_001 .btn-MaroonGrey {
    background-color: #554242;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    max-width: 194px;
    width: auto;
    margin-top: 27px;
    text-align: center;
    border-radius: 5px;
}

.ib_001 .text-brown-all {
    color: #554242;
}

.ib_001 .btn-yellow {
    background-color: #ffd400;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    max-width: 194px !important;
    width: auto !important;
    margin-top: 27px;
    text-align: center;
    border-radius: 5px;
}

.ib_001 .btn-primary {
    background-color: #ffd400;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    max-width: 194px !important;
    width: auto !important;
    margin-top: 27px;
    text-align: center;
    border-radius: 5px;
}

@media (max-width: 767px) {
    .ib_001 .container--cover.container--banner.banner-height-480px {
        max-height: 520px;
    }

    .ib_001 .container--cover.container--banner.banner-height-480px .image {
        height: 520px !important;
        max-height: 520px !important;
    }

    .ib_001 .container--cover.container--banner.banner-height-480px .image img {
        height: 520px;
    }

    .ib_001 .container--banner.banner-height-480px .block-banner .banner-content {
        margin-bottom: 24px;
        text-align: center !important;
        padding-bottom: 0;
    }

    .ib_001 .container--banner.banner-height-480px .block-banner .banner-content .h1 {
        color: #fff;
        font-size: 24px;
        line-height: 42px;
        margin-bottom: 0px !important;
    }

    .ib_001 .container--banner.banner-height-480px .block-banner .banner-content .description {
        color: #fff;
        font-size: 18px;
        line-height: 36px;
    }

    .ib_001 .container--banner.banner-height-480px .block-banner .banner-content .btn {
        width: 270px;
    }

    .ib_001 .container--banner.banner-height-480px .block-banner .ks-gradient {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        content: '';
        z-index: 1;
        opacity: unset !important;
        height: 320px;
        background: linear-gradient(180deg, rgba(90, 90, 90, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
        bottom: 0;
        top: 200px;
    }
    .ib_001 .btn-yellow, .ib_001 .btn-brown, .ib_001 .btn-MaroonGrey, .ib_001 .btn-primary {
        width: 242px !important;
        max-width: 100% !important;
        margin-top: 32px;
    }
    .ib_001 .container--banner.container--banner--hero .cover-content-wrapper .banner-content {
        bottom: 24px !important;
    }
}


/*IB-001 img480*/


/* #region IB-002 Img360 */
.bi_002 .container--cover {
    margin-bottom: 0px !important;
}

.bi_002 .container--cover { 
    margin-bottom: 0px !important;
}

@media (max-width: 767px) {
    .bi_002 .container--banner.banner-text .block-banner .cover-content-wrapper .banner-content .h1 {
        color: #fff;
        font-family: Krungsri-Condensed-Bold;
        font-size: 24px;
        line-height: 42px;
        text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
        margin-bottom: 16px;
    }

    .bi_002 .container--banner.banner-text .block-banner .cover-content-wrapper .banner-content .description {
        color: #fff;
        font-family: Thongterm-Bold;
        font-size: 18px;
        line-height: 38px;
    }

    .bi_002 .container--banner.banner-height-360px .block-banner .banner-content .h1 {
        color: #fff;
        font-size: 24px !important;
        line-height: 42px;
        margin-bottom: 0;
    }
}
.bi_002 .h1 {
    line-height: 60px;
}
.bi_002 .text-top {
    margin-top: -40px;
}

.bi_002 .text-centermb {
    position: relative;
    top: 100px;
}

.bi_002 .text-bottom {
    margin-top: 170px;
}

.bi_002 .text-btn-top {
    margin-top: 8px;
}

.bi_002 .text-btn-centermb {
    top: 75px;
    position: relative;
}

.bi_002 .text-btn-bottom {
    padding-top: 52%;
}

.bi_002 .page-title {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 40px;
    letter-spacing: 0;
    line-height: 48px;
    margin-bottom: 0;
}

.bi_002 .btn-brown {
    background-color: #554242;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    min-width: 170px;
    width: auto !important;
    margin-top: 32px;
    border-radius: 5px;
    border: 1px;
}

.bi_002 .btn-MaroonGrey {
    background-color: #554242;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    min-width: 170px;
    width: auto !important;
    margin-top: 32px !important;
    border-radius: 5px;
    border: 1px;
}

.bi_002 .text-brown-all {
    color: #554242;
}

.bi_002 .btn-yellow {
    background-color: #ffd400;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    min-width: 170px;
    width: auto !important;
    margin-top: 32px;
    border-radius: 5px;
    border: 1px;
}

.bi_002 .btn-primary {
    background-color: #ffd400;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    min-width: 170px;
    width: auto !important;
    margin-top: 32px !important;
    border-radius: 5px;
    border: 1px;
}

/* #endregion IB-002 Img360 */


/*CB_001PlearnAticle*/

@media (max-width: 768px) {
    .text-img {
        height: 72px;
        width: 328px;
        color: #fff;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 36px;
        text-align: center;
        text-shadow: 0 2px 1px 0 rgba(0, 2, 0, .2);
    }
}

.text-img {
    height: 128px;
    width: 720px;
    color: #fff;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 64px;
    text-align: center;
    text-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2);
}

@media (max-width: 768px) {
    .text-img {
        height: auto !important;
        font-size: 24px !important;
        width: 300px !important;
    }
}

@media (max-width: 768px) {
    .text-img-center {
        position: absolute;
        top: 75%;
        left: 50%;
        transform: translate(-50%, 100%);
    }
}

.text-img-center {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, 100%);
}

.text-img-center {
    position: absolute;
    top: 0% !important;
    left: 50%;
    transform: translate(-50%, 100%);
}

.container--cover.container--banner.banner-height-480px {
    max-height: 480px;
}

.container--cover.container--banner {
    max-height: 320px;
}

.container--banner {
    width: 100%;
    margin: auto;
    margin-bottom: unset;
}

.container--cover {
    margin: 0 auto;
    margin-bottom: 64px;
    position: relative;
    width: 100%;
    max-width: 100% !important;
}

.container-top-img {
    position: relative;
    text-align: center;
    color: #fff;
}

.container--cover .card.block {
    padding: 0 !important;
}

.ks.card {
    flex: 1 1 auto;
    border-radius: 0;
    padding: 0;
}

.container--banner .block-banner {
    display: flex;
    justify-content: flex-end;
    padding: 0 !important;
    border: 0 !important;
    margin: 0 auto;
}

.card {
    border: unset;
}

.card {
    border: 1px solid #e8e8e8;
    border-radius: 0;
    padding: 24px;
    margin-bottom: 16px;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.cp_001 .text-top {
    height: 0px;
}

.cp_001 .text-centermb {
    margin-top: 27px;
}

.cp_001 .text-bottom {
    margin-top: 60px;
}

.cp_001 .text-btn-top {
    height: 0px;
}

.cp_001 .text-btn-centermb {
    margin-top: 70px;
}

.cp_001 .text-btn-bottom {
    margin-top: 116px;
}

.cp_001 .swiper {
    width: 100%;
    height: 100%;
    max-height: 360px;
}

.cp_001 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cp_001 .swiper-slide img {
    display: block;
    width: 100%;
    height: 360px;
    object-fit: cover;
}

.cp_001 .swiper-pagination-bullet {
    background-color: transparent;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
    opacity: 1;
    transition: all 0.3s ease;
    border-radius: 50%;
    border: 2px solid #fff;
    width: 12px;
    height: 12px;
}

.cp_001 .swiper-pagination-bullet-active {
    background-color: #FDD400;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
    opacity: 1;
    transition: all 0.3s ease;
    border-radius: 50%;
    border: 1px solid #554242;
}

.cp_001 .swiper-pagination-bullet:hover {
    background: #FDD400;
}

.cp_001 .text-img-center {
    position: absolute;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cp_001 .text-img {
    height: 128px;
    width: 720px;
    color: #fff;
    /* font-family: "Krungsri-Condensed-Bold"; */
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 64px;
    text-align: center;
    text-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2)
}

.cp_001 .page-title {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 40px;
    letter-spacing: 0;
    line-height: 48px;
    margin-bottom: 0;
}

.cp_001 .btn-brown {
    height: 44px;
    width: 175px;
    border-radius: 3px;
    background-color: #554242;
    border: unset;
    color: #ffd400;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    padding-top: 1%;
}

.cp_001 .btn-yellow {
    height: 44px;
    width: 175px;
    border-radius: 3px;
    background-color: #ffd400;
    border: unset;
    color: #554242;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    padding-top: 1%;
}

.cp_001 .btn-primary {
    height: 44px;
    width: 175px;
    border-radius: 3px;
    background-color: #ffd400;
    border: unset;
    color: #554242;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    padding-top: 1%;
}

.cp_001 .btn-MaroonGrey {
    height: 44px;
    width: 175px;
    border-radius: 3px;
    background-color: #554242;
    border: unset;
    color: #ffd400;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    padding-top: 1%;
}

.cp_001 .mt-8px-all {
    margin-top: 23px;
}

@media (max-width: 768px) {
    .cp_001 .text-img {
        height: 72px;
        width: 328px;
        color: #fff;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 36px;
        text-align: center;
        text-shadow: 0 2px 1px 0 rgba(0, 2, 0, .2);
    }

    .cp_001 .mt-8px-all {
        margin-top: 23px !important;
    }
}

.cp_001 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #ffd400;
    border: 1px solid #ffd400
}

.cp_001 .swiper-pagination {
    margin-top: 30px;
}

.cp_001 .swiper-pagination .swiper-pagination-bullet {
    margin: 5px 7px 5px 7px;
    background: transparent;
    display: inline-block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    border: 2px solid #8f8f8f;
    opacity: 1;
}

.with-subtitle {
    margin-top: 60px !important;
    /* ปรับขนาดตามที่คุณต้องการ */
}

/*CB_001PlearnAticle*/
/*CI-049*/


/* OT-003 */
.ot-003.row, .ot-003 .row {
    margin: 0 !important;
}

.ot-003 .col-12, .ot-003 .col-md-12 {
    padding: 0 !important;
}

.ot-003 .block-file {
    border-bottom: 1px solid #e8e8e8;
    margin-top: 16px;
    min-height: 46px;
}

.ot-003 .pdf-icon {
    border-radius: 3px;
    background-color: #ffc800;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    font-weight: 700;
    width: 34px;
    margin: auto;
    padding-right: 6px;
    padding-left: 6px;
}

.ot-003 .filename {
    color: #5a5a5a;
    line-height: 34px;
}

.ot-003 .vdo-icon {
    border-radius: 3px;
    background-color: #ff0000;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    font-weight: 700;
    width: 34px;
    margin: auto;
    padding-right: 6px;
    padding-left: 6px;
}

/* OT-003 */

/* #region PM-003 */
.pm-003 .container--banner {
    width: auto;
}

.pm-003 .container--tab {
    max-width: 1170px;
    margin: auto;
}

.pm-003 .container--title {
    max-width: 1170px;
    margin: auto;
}

.pm-003 .container--service {
    max-width: 1170px;
    margin: auto;
}

.pm-003 .promotionbanner .container--content {
    margin-bottom: 50px !important;
}

.pm-003 .bg {
    background-color: white;
    /*width: auto;
	*/
    margin-left: -15px;
    margin-right: -15px;
    background-color: #fff;
    box-shadow: 0 1px 6px 0 rgba(90, 90, 90, .2);
}

.pm-003 .bg-w {
    background: #fff;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
    height: 273px;
}

.pm-003 .bg-gray {
    background-color: #f9f9f9;
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}

.pm-003 .container-bg-gray {
    background-color: #f9f9f9;
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}

.pm-003 .container--silde-bg-gray {
    background-color: #f9f9f9;
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}

.pm-003 .container--content {
    max-width: 1170px;
    margin: auto;
}

.pm-003 .bannerdetailmb {
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    color: #fff;
    text-align: center;
}

.pm-003 .icon-share {
    float: right;
    color: #5e5e5e;
    padding: 30px 0;
    font-size: 20px;
}

.pm-003 .ml-auto {
    float: left;
    margin:0 !important;
}

.pm-003 .tab-title-custom {
    display: flex;
    align-items: center;
    position: relative;
    right: 0;
    left: 150px;
    margin-right: 20px;
    margin-top:auto;
    margin-bottom:auto;
    float:right;
    padding:0 !important;
}

.pm-003 .custom-primary-btn {
    color: #554242 !important;
    background-color: #ffd400 !important;
    border: solid 0px #e8e8e8 !important;
    font-size: 16px !important;
    height: 44px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 44px !important;
    text-align: center;
    min-width: 170px;
    float: right;
    position: relative;
    bottom: 0;
    top: 0;
}

.pm-003 .custom-secondary-btn {
    font-family: Krungsri-Condensed-Bold !important;
    font-size: 16px !important;
    color: #554242 !important;
    line-height: 27px !important; 
    border: solid 1px #e8e8e8 !important;
    background-color: #fff !important;
    padding: 8px 26px !important;
    border-radius: 4px !important;
    float: right !important;
    position: relative !important;
    height: 44px !important;
    bottom: 0 !important;
    top: 0 !important;
    min-width: 170px !important;
    text-align: center;
}

.pm-003 .cover-content-wrapper .banner-content.header {
    text-align: left !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    margin-bottom: 40px;
}

.pm-003 .banner2 .cover-content-wrapper .bannerdetailmb {
    z-index: 30;
}

.pm-003 .pd .container--banner.banner-height-360px .block-banner .banner-content {
    top: 56px;
}

.pm-003 .text_bn {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
}

.pm-003 .menu-tab-title {
    height: 78px;
}

    .pm-003 .menu-tab-title .col {
        width: auto !important;
    }

.pm-003 .tab-title {
    position: relative;
    top: 25px;
}

.pm-003 a.border-line {
    font-family: Krungsri-Condensed-Medium;
    font-size: 20px;
    color: #5a5a5a;
    line-height: 30px;
    height: 78px;
    display: table-cell;
    vertical-align: middle;
}

    .pm-003 a.border-line.active {
        font-family: Krungsri-Condensed-Bold !important;
        font-size: 20px;
        margin-right: 48px;
        margin-top: 24px;
        margin-bottom: 24px;
        color: #222;
        line-height: 30px;
        height: 78px;
        display: table-cell;
        vertical-align: middle;
    }

 
    .pm-003 .tab-title-text:hover a:after, .pm-003 .tab-title-text a.active:after {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

.pm-003 .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.pm-003 .bg {
    background-color: white;
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #fff;
    box-shadow: 0 1px 6px 0 rgba(90, 90, 90, .2);
}

.pm-003 .tab-title-text a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -100%;
    width: 100%;
    height: 3px;
    background: #ffd400;
    transition: 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.pm-003 .tab-title-text a {
    background: transparent;
    position: relative;
    overflow: hidden;
}

    .pm-003 .tab-title-text a:hover {
        background: transparent;
    }

.pm-003 .menu-content > * {
    float: left;
}

.pm-003 .menu-content > a {
    float: right;
}

.pm-003 .tab-title-custom2 {
    display: flex;
    align-items: center;
    position: absolute;
    float: right;
    padding: 0 !important;
    right: 18%;
    top: 20%; 
    justify-content: flex-end;
}

.pm-003 .tab-title-text:first-child {
    padding-left: 15px;
    padding-right: 24px;
}

.pm-003 .tab-title-text {
    padding-left: 24px;
    padding-right: 24px;
}

.pm-003 .tab-title-text2 a {
    font-family: Krungsri-Condensed-Medium;
    font-size: 20px;
    margin-right: 48px;
    margin-top: 24px;
    margin-bottom: 24px;
    color: #5a5a5a;
    line-height: 30px;
}

.pm-003 .tab-title-text3 a {
    font-family: Krungsri-Condensed-Medium;
    font-size: 20px;
    margin-top: 24px;
    margin-bottom: 24px;
    color: #5a5a5a;
    line-height: 30px;
}

.pm-003 .btn-yellow {
    border: solid 1px #ffd400;
    background-color: #ffd400;
    padding: 8px 26px;
    border-radius: 4px;
    float: right;
    position: relative;
    bottom: 0;
    top: 0;
}

.pm-003 .btn-white {
    border: solid 1px #e8e8e8;
    background-color: #fff;
    padding: 8px 26px;
    border-radius: 4px;
    float: right;
    position: relative;
    bottom: 0;
    top: 0;
}

.pm-003 img.img-logo-ayutthaya {
    width: 120px;
    height: auto;
    float: right;
}

.pm-003 .img-icon-insurance {
    width: 56px;
    height: 56px;
    margin: 18px;
}

.pm-003 .circle-icon {
    border: solid 3px #ffd400;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    position: relative;
    top: 48px;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .2);
}

.pm-003 .box-icon {
    border: solid 1px #ffd400;
    background-color: #ffd400;
    padding: 64px 16px 16px 16px;
    text-align: center;
    border-radius: 5px;
}

.pm-003 .box-icon-text1 {
    font-family: Krungsri-Condensed-Medium;
    font-size: 20px;
    color: #5a5a5a;
    line-height: 30px;
}

.pm-003 .box-icon-yellow {
    font-family: Krungsri-Condensed-Bold;
    font-size: 40px;
    color: #ffd400;
    line-height: 69px;
}

.pm-003 .box-icon-text2 {
    font-family: Krungsri-Condensed-Bold;
    font-size: 40px;
    color: #5a5a5a;
    line-height: 69px;
}

.pm-003 a.btn-yellow-mobile {
    border: solid 0 #e8e8e8 !important;
    background-color: #ffd400;
    border-radius: 4px;
}

.pm-003 .btn-yellow-mobile {
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    line-height: 30px;
    text-shadow: none;
    height: 40px !important;
    width: 270px;
    display: block;
    padding: 7px 0;
}

.pm-003 a.btn-white-mobile {
    border: solid 0 #e8e8e8 !important;
    background-color: #fff;
    border-radius: 4px;
}

.pm-003 .btn-white-mobile {
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 40px !important;
    padding: 9px 0 !important;
    width: 270px;
    display: block;
}
 
.pm-003 .product-detail .ks.card.download .content .filename {
    white-space: normal;
}

.pm-003 .box-product {
    width: 100%;
    padding: 0;
    margin-left: 0;
}

.pm-003 .title-product {
    font-size: 16px;
    font-family: Krungsri-Condensed-Bold;
    padding: 16px;
    line-height: 27px;
    color: #222;
} 

.pm-003 .text-list-slide {
    color: #5a5a5a;
    font-size: 16px;
    font-family: Thongterm-Roman;
    line-height: 30px;
}

.pm-003 .text-list-doc {
    color: #5a5a5a;
    font-size: 16px;
    font-family: Thongterm-Roman;
    line-height: 26px;
}

.pm-003 .pb-39 {
    padding-bottom: 39px;
}

.pm-003 .pb-40 {
    padding-bottom: 40px;
}

.pm-003 .mb-74 {
    margin-bottom: 74px;
}

.pm-003 .header-title {
    font-size: 32px;
    font-family: Krungsri-Condensed-Bold;
    margin: 16px 0;
    line-height: 36px;
}

.pm-003 .table-title {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 17px;
    line-height: 36px;
}

.pm-003 .contact-title {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    margin-top: 23px;
    margin-bottom: 38px;
    line-height: 36px;
}

.pm-003 .slide-title {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    margin-top: 48px;
    margin-bottom: 16px;
    line-height: 36px;
}

.pm-003 .goods-title {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    padding-top: 40px;
    margin-bottom: 16px;
    line-height: 36px;
}

.pm-003 .download-title {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    margin-top: 48px;
    margin-bottom: 16px;
    line-height: 36px;
}

.pm-003 .calculation-title {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    margin-top: 48px;
    margin-bottom: 16px;
    line-height: 36px;
}

.pm-003 .benefit-title {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    margin-top: 48px;
    margin-bottom: 16px;
    line-height: 36px;
}

.pm-003 .apply-title {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    margin-top: 48px;
    margin-bottom: 32px;
    line-height: 36px;
}

.pm-003 .document-title {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    padding-top: 48px;
    margin-bottom: 32px;
    line-height: 36px;
}

.pm-003 .question-title {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    margin-top: 48px;
    margin-bottom: 16px;
    line-height: 36px;
}

.pm-003 .agent-title {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    padding-top: 42px;
    line-height: 36px;
}

.pm-003 .account-title {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    margin-top: 48px;
    margin-bottom: 48px;
    line-height: 36px;
}

.pm-003 .method-title {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    margin-top: 48px;
    margin-bottom: 16px;
    line-height: 36px;
}

.pm-003 .products-interested .item {
    display: inline-block;
    border-radius: 3px;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
    background-color: #fff;
    width: 100%;
    margin-bottom: 30px;
}

.pm-003 .products-interested .image {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .pm-003 .products-interested .image img {
        width: 100%;
        height: auto;
    }

.pm-003 .products-interested .content {
    padding: 16px;
    height: 158px;
    position: relative;
}

.pm-003 .text-app {
    padding: 20px 62px;
    font-size: 20px;
    font-family: Krungsri-Condensed-Bold;
    color: #222;
    text-align: center;
}

.pm-003 .box-img-app {
    padding: 20px 0;
    text-align: center;
}

.pm-003 .img-app {
    width: 114px;
    height: 40px;
}

.pm-003 .box-icon-insurance {
    border: solid 1px #ffd400;
    background-color: #ffd400;
    padding: 64px 47px 16px 47px;
    text-align: center;
}

.pm-003 .circle-icon-deposit {
    border: solid 3px #ffd400;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    position: relative;
    z-index: 999;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .2);
}

.pm-003 .box-icon-deposit {
    border: solid 1px #ffd400;
    background-color: #ffd400;
    padding: 72px 32px 40px 32px;
    border-radius: 5px;
    position: absolute;
    top: 48px;
    height: 537px;
    text-align: left;
}

.pm-003 .box-icon-insurance-brown {
    background-color: #5e4b4b;
    padding: 32px 24px 40px 32px;
}

.pm-003 .detail-btn {
    text-align: center;
    margin-top: 40px;
}

.pm-003 .detail-btn-yellow {
    border: solid 1px #ffd400;
    background-color: #ffd400;
    padding: 7px 21px 7px 22px;
    border-radius: 4px;
}

.pm-003 .box-icon-insurance-brown {
    background-color: #5e4b4b;
    padding: 32px 24px 40px 32px;
    height: 426px;
    border-radius: 4px;
}

.pm-003 .img-open-account {
    width: 100%;
}

.pm-003 .row.bg-whites {
    padding: 24px 16px;
    margin-right: 0;
    margin-left: 0;
    border-radius: 4px;
    margin-bottom: 40px;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
    background-color: #fff;
}

.pm-003 .operating {
    font-size: 20px;
    line-height: 30px;
    color: #222;
    font-family: Krungsri-Condensed-Bold;
}

.pm-003 .text-boxbrown {
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    color: #fff;
    line-height: 36px;
    padding-bottom: 16px;
}

.pm-003 .tb-border-right {
    border-right: solid 1px #e8e8e8;
}

.pm-003 .contact {
    cursor: pointer;
}

.pm-003 span.img-contact {
    padding-left: 0;
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
}

.pm-003 .img-contact a {
    padding: 4px 8px;
    line-height: 40px;
}

.pm-003 .contact:hover .img-contact {
    background-color: #ffd400;
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.pm-003 .img-contact-yellow {
    width: 40px;
    height: 40px;
    background-color: #ffd400;
    border-radius: 100%;
    text-align: center;
    padding: 4px 8px;
    padding: 4px 9px;
    margin: auto;
}

.pm-003 .table thead th {
    border-bottom: 2px solid transparent;
}

.pm-003 .table th, .pm-003 .table td {
    border-top: none !important;
}

.pm-003 .table-bordered th, .pm-003 .table-bordered td {
    border-right: 0 solid #e8e8e8;
    border-bottom: 0 solid #e8e8e8;
    border-top: 0 solid #e8e8e8;
    border-left: 0 solid #e8e8e8;
}

.pm-003 .circle-icon-yellow {
    background-color: #ffd400;
    padding: 7px 11px;
    border-radius: 50%;
}

.pm-003 .text-contact {
    color: #f76f00;
    font-size: 20px;
    padding-top: 0;
    padding-left: 55px;
    font-family: Thongterm-Bold;
    line-height: 42px;
}

.pm-003 .title-contact {
    color: #5a5a5b;
    font-size: 20px;
    font-family: Krungsri-Condensed-Medium;
    margin-left: 16px;
}

.pm-003 .text-p {
    color: #5a5a5a;
    font-size: 16px;
    font-family: Thongterm-Roman;
    line-height: 30px;
}

.pm-003 .width-img {
    width: 85%;
}

.pm-003 .fa-map-marker-alt:before {
    content: "";
}

.pm-003 .top-bot {
    margin-top: auto;
    margin-bottom: auto;
}

.pm-003 .row.bg-yel {
    background: #ffd400;
    padding: 20px;
    margin-right: 0;
    margin-left: 0;
    border-radius: 3px;
}

.pm-003 .deposit-text1 {
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    color: #222;
    line-height: 36px;
    padding-bottom: 16px;
}

.pm-003 .deposit-text2 {
    font-size: 20px;
    color: #5a5a5a;
    font-family: Thongterm-Roman;
    line-height: 30px;
}

.pm-003 table.box-table {
    margin: 10px 0;
}

.pm-003 .owl-theme .owl-nav .owl-next span, .pm-003 .owl-theme .owl-nav .owl-prev span {
    font-size: 42px !important;
    color: #5b5b5b !important;
    font-weight: 500;
    position: relative;
    bottom: 12px;
}

.pm-003 #myTabContent .owl-next, .pm-003 #myTabContent .owl-prev {
    top: 40% !important;
    background: #ffd401 !important;
    width: 32px !important;
    border-radius: 50px !important;
    font-size: 70px !important;
    padding-bottom: 9px !important;
    height: 32px;
    box-shadow: 1px 3px 6px 0 rgba(90, 90, 90, .3);
    opacity: unset;
}

.pm-003 #myTabContent .owl-theme .owl-dots .owl-dot.active span, .pm-003 .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffd400;
    border: 1px solid #ffd400;
}

.pm-003 #myTabContent .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    border: 1px solid #d6d6d6;
}

.pm-003 .pad-40-0 {
    padding: 40px 10px;
}

.pm-003 table.box-table td {
    padding: 0 !important;
}

.pm-003 .menutabslide .nav-link {
    padding: 0 !important;
}

.pm-003 strong.btn-confirm {
    background: #ffd400;
    padding: 7px 35px;
    cursor: pointer;
    border-radius: 3px;
}

.pm-003 strong.btn-confirm {
    background: #ffd400;
    padding: 7px 35px;
    cursor: pointer;
    border-radius: 3px;
}

.pm-003 .box-btn {
    margin: 10px 0;
}

.pm-003 .box-1 {
    text-align: left;
    width: 270px;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid #ffd400;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 403px;
}

.pm-003 .box-2 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.pm-003 hr.hr-ye {
    border-top: 3px solid #ffd400;
}

.pm-003 td.icon-top {
    padding: 1px 8px;
    display: table-cell;
    text-align: left;
    vertical-align: top;
}

.pm-003 .menutabslide li.nav-item {
    width: 33.3333333%;
    font-size: 16px !important;
}

.pm-003 .tab-content .owl-theme .owl-dots {
    margin-bottom: 40px !important;
}

.pm-003 .promotionbanner {
    background: #f3f3f3;
    margin-left: -15px;
    margin-right: -15px;
    min-height: 320px;
}

.pm-003 .pb-56 {
    padding-bottom: 56px;
}

.pm-003 .line-height-26 {
    line-height: 26px;
}

.pm-003 .btn-cal {
    text-align: center;
    padding: 40px 0;
}

.pm-003 .banner-detail {
    background-image: url(/getmedia/18185e35-94a2-42e9-aa8b-fe023fef24dd/service-detail-banner_desktop.jpg.aspx);
    background-size: cover;
    width: auto;
    height: 246px;
}

.pm-003 .banner-title {
    background-color: #f9ce2a;
    text-align: center;
    margin-top: 16px;
    padding: 20px 18px 0 18px;
}

.pm-003 .grid-box {
    width: auto;
    height: 460px;
    margin-bottom: 30px;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
}

.pm-003 .title-service {
    font-size: 20px;
    font-family: Krungsri-Condensed-Bold;
    line-height: 30px;
    color: #222;
}

.pm-003 .letter-service {
    padding: 15px;
}

.pm-003 .text-service {
    font-size: 16px;
    font-family: Thongterm-Roman;
    line-height: 30px;
    color: #5a5a5a;
}

.pm-003 .circle-icon-credit {
    width: 96px;
    height: 96px;
    display: inline-block;
    position: relative;
    top: 48px;
}

.pm-003 .img-icon-credit {
    width: 96px;
    height: 96px;
}

.pm-003 .channel-box {
    background-color: #5e4b4b;
    border-radius: 4px;
    width: auto;
}

.pm-003 .channel-title {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 24px;
    padding-bottom: 40px;
    height: 296px;
}

.pm-003 .channel-title-n {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 24px;
    padding-bottom: 40px;
    height: 430px;
}

.pm-003 .bg-gray {
    background-color: #f9f9f9;
}

.pm-003 .text-p-credit {
    color: #5a5a5a;
    font-size: 16px;
    font-family: Thongterm-Roman;
    line-height: 26px;
}

.pm-003 .p-cal {
    padding: 40px 77px;
}

.pm-003 .calculation .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: transparent !important;
    background-clip: padding-box;
    border-radius: 0 !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: 0 !important;
    border-bottom: solid 1px #222 !important;
    box-shadow: none !important;
}

.pm-003 .calculation .dropdown-icon {
    content: "" !important;
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    line-height: 16px;
    color: #5a5a5a;
}

.pm-003 .btn-clear {
    color: #554242 !important;
    background-color: #fff !important;
    border: 1px solid #e8e8e8 !important;
    font-family: Krungsri-Condensed-Bold !important;
    font-size: 16px !important;
    height: 44px !important;
    line-height: 30px !important;
}

.pm-003 .btn-calculation {
    color: #554242 !important;
    background-color: #ffd400 !important;
    border-color: #ffd400 !important;
    font-family: Krungsri-Condensed-Bold !important;
    font-size: 16px !important;
    height: 44px !important;
    line-height: 30px !important;
}

.pm-003 .calculation .btn-calculation .collapse.show {
    background-color: #ffd400;
}
 
.pm-003 .filename a {
    font-family: Thongterm-Bold;
    font-size: 16px;
    color: #222;
    line-height: 26px;
}

.pm-003 .btn-datail-yellow {
    border: solid 1px #ffd400;
    background-color: #ffd400;
    padding: 7px 51px;
    border-radius: 4px;
}

.pm-003 .box-location {
    padding-top: 123px;
}

.pm-003 .calculation .form-group input.form-control, .pm-003 .input-group input.form-control, .pm-003 .form-group textarea.form-control, .pm-003 .input-group textarea.form-control {
    height: unset;
}

.pm-003 .text-calculation {
    padding: 0 78px 57px 77px;
    font-size: 14px;
    line-height: 30px;
    color: #5a5a5a;
}

.pm-003 .calculation2 {
    padding: 3px 78px 10px 77px;
}

.pm-003 .text-calculation div {
    margin-bottom: 16px;
}

    .pm-003 .text-calculation div span {
        line-height: 30px;
    }

.pm-003 .arrow-right {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fcfcfc;
    position: relative;
    top: 199px;
    right: 0;
}

.pm-003 .bg-calculation {
    background-color: #ffd400;
    position: relative;
    right: 600px;
}

.pm-003 .box-title-doc {
    padding-left: 16px;
    font-size: 20px;
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    line-height: 32px;
}

.pm-003 .text-calculation div span.text-num1 {
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    padding-right: 42px;
    color: #222;
    line-height: 36px;
}

.pm-003 .text-calculation div span.text-num2 {
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    padding-right: 35px;
    color: #222;
    line-height: 36px;
}

.pm-003 .text-calculation div span.text-num3 {
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    padding-right: 61px;
    color: #222;
    line-height: 36px;
}
 
@media screen and (max-width: 320px) {
    .pm-003 td.center-m strong {
        font-size: 18px !important;
    }

    .pm-003 .detail-btn-yellow {
        padding: 7px 55px 7px 61px !important;
    }

    .pm-003 .text-boxbrown {
        font-size: 20px;
    }
}

@media (max-width: 420px) {
    .pm-003 .banner-item {
        background-image: url(/getmedia/b2251b3a-fbca-4b52-b884-1430e5bf379e/perfect-wealth-banner_mobile.png.aspx);
        box-shadow: inset 0 -319px 277px -120px rgba(0, 0, 0, .55);
    }

    .pm-003 .text-xs-center {
        text-align: center;
    }

    .pm-003 img.img-logo-ayutthaya {
        float: none;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .pm-003 .circle-icon {
        border: solid 3px #ffd400;
        width: 96px;
        height: 96px;
        border-radius: 50%;
        background-color: #fff;
        display: inline-block;
        position: relative;
        top: 48px;
        box-shadow: 1px 4px 7px 0 rgba(35, 19, 18, .2);
    }

    .pm-003 .box-icon {
        border: solid 1px transparent;
        background-color: transparent;
        padding: 64px 0 16px 0;
        text-align: center;
        border-radius: 5px;
    }

    .pm-003 .product-detail .ks.card.download .content {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 15px;
        padding-top: 9px;
        margin-top: 0;
        margin-left: 2px;
        margin-bottom: 0;
        border-left: 0 solid #e8e8e8;
        overflow: hidden;
        align-self: center;
    }

    .pm-003 .product-detail .ks.card.download {
        width: auto;
        padding: 0;
        padding-left: 8px !important;
    }

        .pm-003 .product-detail .ks.card.download .filetype {
            width: 34px;
            height: 20px;
            border-radius: 3px;
            text-align: center;
            margin-left: 20px;
            margin-right: 16px;
            position: absolute;
            bottom: 18%;
        }

    .pm-003 .product-detail .download-icon.icon-small:after {
        font-size: 16px;
        margin-left: 8px;
        margin-right: 9px;
    }

    .pm-003 .product-detail .filename a {
        font-family: Thongterm-Bold;
        font-size: 14px;
        color: #222;
        line-height: 26px;
    }

    .pm-003 .box-icon-insurance-brown {
        background-color: #5e4b4b;
        padding: 24px 16px 0 16px;
        height: 385px;
    }

    .pm-003 .box-icon-insurance {
        border: solid 1px transparent;
        background-color: transparent;
        padding: 64px 47px 16px 47px;
        border-radius: 5px;
    }

    .pm-003 .text-xs-center {
        text-align: center;
    }

    .pm-003 .title-service {
        font-size: 16px;
        font-family: Krungsri-Condensed-Bold;
        line-height: 24px;
    }

    .pm-003 .text-service {
        font-size: 12px;
        line-height: 22px;
    }

    .pm-003 .banner-title {
        padding-top: 20px;
        padding-right: 6px;
        padding-left: 6px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .pm-003 .banner-detail {
        background-image: url(/getmedia/93532559-d39f-42b8-a0b2-9e5ea3b0d75a/service-detail-banner-mobile.png.aspx);
        background-position: unset;
    }
}

@media (min-width: 768px) and (max-width: 1025px) {
    .pm-003 .container--silde-bg-gray {
        margin-left: 0;
        margin-right: 0;
    }

    .pm-003 .tab-title-text1 a {
        margin-left: 20px;
    }

    .pm-003 .box-icon {
        height: 195px;
    }

    .pm-003 .product-detail .ks.card.download .content {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pm-003 .product-detail .ks.card.download {
        width: auto;
    }

    .pm-003 .tab-title-text {
        padding-left: 24px !important;
        padding-right: 0 !important;
    }

    .pm-003 .menu-tab-title {
        height: 78px;
        width: 100%;
    }

    .pm-003 .btn-yellow {
        border: solid 1px #ffd400;
        background-color: #ffd400;
        margin: 0;
        padding: 6px 21px;
        border-radius: 4px;
        float: right;
        position: relative;
        bottom: 0;
    }

    .pm-003 .tab-title-text1 a {
        margin-right: 20px;
    }

    .pm-003 .tab-title-text2 a {
        margin-right: 20px;
    }

    .pm-003 .tab-title-text3 a {
        margin-right: 20px;
    }
}

@media (min-width: 1024px) and (max-width: 1100px) {
    .pm-003 .box-icon-insurance-brown {
        background-color: #5e4b4b;
        padding: 24px 4px 40px 7px;
        height: 450px;
    }

    .pm-003 .box-location {
        padding-top: 96px;
    }

    .pm-003 .detail-btn {
        text-align: center;
        margin-top: 85px;
    }
}

@media only screen and (max-width: 767px) {
    .pm-003 .container--banner .block-banner .banner-content.header2 {
        top: 180px;
    }

    .pm-003 .container--banner .block-banner.content-banner .cover-content-wrapper {
        position: relative;
        top: 0;
        bottom: 0;
        padding-left: 16px;
        padding-right: 16px;
        height: 360px;
    }

    .pm-003 .container--banner .block-banner .banner-content {
        padding: 0 16px;
        padding-bottom: 0;
        width: 100%;
    }

    .pm-003 .gradient {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 278px;
        width: 100%;
        content: '';
        z-index: 1;
        background-image: linear-gradient(to top, rgba(0, 0, 0, .55), rgba(90, 90, 90, 0)) !important;
        opacity: unset !important;
    }

    .pm-003 .container--banner.banner-height-360px .block-banner .cover-content-wrapper .banner-content .h1 {
        color: #fff;
        font-size: 24px;
        line-height: 42px;
        margin-bottom: 0;
    }

    .pm-003 .container--banner.banner2 .block-banner.content-banner .image {
        position: absolute;
    }

    .pm-003 .banner-button + .banner-button {
        padding-top: 16px;
    }

    .pm-003 .container--cover.container--bannerfooter.min-height-250px-mobile {
        max-height: 320px;
    }

    .pm-003 .container--bannerfooter .container--banner {
        margin-bottom: 0 !important;
    }

    .pm-003 .container--banner .block-banner .cover-content-wrapper .banner-content.header {
        padding-left: 16px !important;
    }

    .pm-003 .container--cover .cover-content-wrapper .banner-content.header {
        margin-bottom: 24px;
    }

    .pm-003 .text_bn {
        color: #fff;
        font-family: Krungsri-Condensed-Bold;
    }

    .pm-003 .btn-yellow {
        border: solid 1px #ffd400;
        background-color: #ffd400;
        margin: 0 20px;
        padding: 2px 12px;
        border-radius: 4px;
        float: right;
        position: relative;
        bottom: 32px;
        font-size: 14px;
    }

    .pm-003 .box-icon-text1 {
        font-family: Krungsri-Condensed-Bold;
    }

    .pm-003 .box-icon-text2 {
        font-family: Krungsri-Condensed-Bold;
        font-size: 40px;
        color: #5a5a5a;
        line-height: 60px;
    }

    .pm-003 .font-accordian-title {
        vertical-align: middle;
        font-size: 18px;
        font-family: Krungsri-Condensed-Bold;
        line-height: 30px;
    }

    .pm-003 .products-interested .item {
        margin-bottom: 6px;
    }

    .pm-003 .products-interested .image {
        width: 100%;
        width: 33.333333%;
        float: left;
        border-top-left-radius: 3px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 3px;
    }

    .pm-003 .products-interested .content {
        padding: 8px;
        width: 66.666667%;
        float: left;
        height: 110px;
    }

    .pm-003 .owl-theme .owl-nav {
        display: block;
    }

    .pm-003 .promotionbanner .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .pm-003 .width-img {
        width: 100%;
    }

    .pm-003 .box-1 {
        width: 246px;
    }

    .pm-003 .center-m {
        text-align: center;
    }

    .pm-003 strong.btn-confirm {
        background: #ffd400;
        padding: 7px 35px;
        cursor: pointer;
        border-radius: 3px;
        width: 80%;
        display: block;
        margin: auto;
        text-align: center;
    }

    .pm-003 .pad-40-0 {
        padding: 15px 10px;
    }

    .pm-003 .pad-0-m {
        padding: 0;
    }

    .pm-003 .pad-20-m {
        padding: 10px 20px;
    }

    .pm-003 .table-scrollable {
        min-width: 767px;
    }

    .pm-003 .banner-detail {
        background-image: url(/getmedia/93532559-d39f-42b8-a0b2-9e5ea3b0d75a/service-detail-banner-mobile.png.aspx);
        background-position: center;
    }
}

@media (max-width: 768px) {
    .pm-003 .container-bg-gray {
        margin-left: 0;
        margin-right: 0;
    }

    .pm-003 .container--silde-bg-gray {
        margin-left: 0;
        margin-right: 0;
    }

    .pm-003 .container--bannerfooter .block-banner .banner-content {
        padding-bottom: 24px;
        width: 100%;
        margin-bottom: 0;
    }

    .pm-003 .container--bannerfooter .text1-footer-mobile {
        font-size: 24px;
        line-height: 42px;
        text-align: center;
        padding-bottom: 0;
    }

    .pm-003 .container--bannerfooter .text2-footer-mobile {
        font-size: 18px;
        line-height: 36px;
        text-align: center;
    }

    .pm-003 .container--bannerfooter .z_btn {
        text-align: center;
    }

    .pm-003 .container--bannerfooter a.btn.btn-primary.text-white.button {
        width: 270px;
    }

    .pm-003 .bg-w {
        background: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
        width: 100%;
        height: auto;
    }

    .pm-003 .product-detail .ks.card.download {
        width: auto;
    }

        .pm-003 .product-detail .ks.card.download .filetype {
            margin-right: 9px;
        }

    .pm-003 .mt--45px-xs-sm {
        margin-top: -45px;
    }

    .pm-003 .title-product {
        padding: 8px;
        padding-bottom: 15px;
    }

    .pm-003 .hidden-mobile {
        display: none;
    }

    .pm-003 .pb-39 {
        padding-bottom: 0;
    }

    .pm-003 .pb-40 {
        padding-bottom: 0;
    }

    .pm-003 .mb-74 {
        margin-bottom: 34px;
    }

    .pm-003 .header-title {
        font-size: 26px;
        line-height: 38px;
    }

    .pm-003 .table-title {
        margin-bottom: 16px;
    }

    .pm-003 .contact-title {
        margin-top: 40px;
    }

    .pm-003 .slide-title {
        margin-top: 40px;
        margin-bottom: 8px;
    }

    .pm-003 .goods-title {
        padding-top: 16px;
        font-size: 20px;
    }

    .pm-003 .download-title {
        margin-top: 30px;
    }

    .pm-003 .calculation-title {
        margin-top: 0;
        margin-bottom: 18px;
    }

    .pm-003 .benefit-title {
        margin-top: 40px;
        margin-bottom: 8px;
    }

    .pm-003 .apply-title {
        margin-top: 0;
        margin-bottom: 8px;
    }

    .pm-003 .document-title {
        padding-top: 16px;
        margin-bottom: 16px;
    }

    .pm-003 .question-title {
        margin-top: 40px;
        margin-bottom: 16px;
    }

    .pm-003 .agent-title {
        padding-top: 16px;
    }

    .pm-003 .method-title {
        margin-top: 40px;
    }

    .pm-003 .detail-btn-yellow {
        border: solid 1px #ffd400;
        background-color: #ffd400;
        padding: 7px 56px 7px 56px;
        border-radius: 4px;
    }

    .pm-003 .operating {
        font-size: 18px;
        line-height: 28px;
        color: #222;
        font-family: Krungsri-Condensed-Bold;
    }

    .pm-003 .mb-10-xs {
        margin-bottom: -10px !important;
    }

    .pm-003 .deposit-text2 {
        font-size: 18px;
        color: #5a5a5a;
        font-family: Thongterm-Roman;
        line-height: 28px;
    }

    .pm-003 td.center-m strong {
        font-size: 16px !important;
    }

    .pm-003 .pb-56 {
        padding-bottom: 32px;
    }

    .pm-003 .line-height-26 {
        line-height: 30px;
    }

    .pm-003 .hide-mobile {
        margin-right: 0;
        margin-left: 0;
    }

    .pm-003 .letter-service {
        padding-top: 10px;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .pm-003 .grid-box {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
    }

    .pm-003 .img-sevice-box {
        padding-left: 0;
        padding-right: 0;
    }

    .pm-003 .title-product {
        padding: 8px;
    } 

    .pm-003 .channel-box {
        background-color: #5e4b4b;
        border-radius: 4px;
        width: 100%;
        height: auto;
        margin-bottom: 24px;
    }

    .pm-003 .channel-title, .pm-003 .channel-title-n {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 24px;
        padding-bottom: 40px;
        height: auto;
    }

    .pm-003 .box-location {
        text-align: center;
        padding-top: 48px;
    }

    .pm-003 .p-cal {
        padding: 40px 15px;
    }

    .pm-003 .text-calculation {
        padding: 24px 16px;
    }

    .pm-003 .arrow-down {
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #fcfcfc;
        position: relative;
        left: 46%;
    }

    .pm-003 .bg-calculation {
        background-color: #ffd400;
    }

    .pm-003 .title-product {
        padding: 8px;
    }

    .pm-003 .box-result {
        padding-bottom: 40px;
    }

    .pm-003 .tab-title-text1 a {
        margin-left: 12px;
        margin-right: 10px;
        font-size: 16px;
        font-family: Krungsri-Condensed-Medium;
    }

    .pm-003 .tab-title-text2 a {
        font-family: Krungsri-Condensed-Medium;
        font-size: 16px;
        margin-right: 10px;
    }

    .pm-003 .tab-title-text3 a {
        font-family: Krungsri-Condensed-Medium;
        font-size: 16px;
    }

    .pm-003 .box-icon-deposit {
        border: solid 1px #ffd400;
        background-color: #ffd400;
        padding: 72px 32px 40px 32px;
        border-radius: 5px;
        position: relative;
        top: -50px;
        height: auto;
    }

    .pm-003 .text-p-credit {
        line-height: 30px;
    }
}

.pm-003 .bg-calculation {
    transition: all 0.6s ease;
}

.pm-003 .show-cal {
    right: 0;
}

@media only screen and (max-width: 767px) {
    .pm-003 .bg-calculation {
        right: 0;
        margin-top: -500px;
        opacity: 0;
        height: 400px;
    }

    .pm-003 .show-cal {
        margin-top: 0;
        opacity: 1;
        height: auto;
    }

    .pm-003 .vdo-mobile {
        width: 360px;
        height: 203px;
    }
}

@media only screen and (min-width: 1120px) {
    .pm-003 .pb-85px-i {
        padding-bottom: 85px !important;
    }
}
 
/* Add style*/
.ks-container .pm-003 .tab-title-custom {
    left: 0;
    margin-left: 24px;
    margin-right: 0;
}

    .ks-container .pm-003 .tab-title-custom.ml-auto {
        margin-left: auto !important;
    }

    .ks-container .pm-003 .tab-title-custom:last-of-type {
        padding-right: 15px !important;
    }


/* #endregion PM-003 */

/* #region OT-006 */
.ot-006 .container--content {
    max-width: 1170px;
    margin: auto;
    margin-top: 0; 
    margin-bottom: 0; 
}

    .ot-006 .bg-menu-tab {
        box-shadow: none;
    }

    .ot-006 .search-area {
        max-width: 570px;
        padding-bottom: 24px;
        padding-top: 24px;
    }

    .ot-006 .ml-2per {
        margin-left: -2%;
    }

    .ot-006 .container--content.container-editor {
        margin-bottom: 50px !important;
    }

    .ot-006 #sec-recommend-editor-picks .title h2 {
        margin-bottom: 24px;
    }

    .ot-006 #sec-recommend-editor-picks .box-podcast .card-content {
        filter: drop-shadow(1px 2px 10px rgba(35, 19, 18, 0.1));
    }

    .ot-006 #sec-recommend-editor-picks .main-item .box-podcast {
        margin-bottom: 30px !important;
    }

        .ot-006 #sec-recommend-editor-picks .main-item .box-podcast .card-content {
            border-top: none;
            min-height: unset;
            height: auto;
            display: flex;
            border-radius: 3px;
            background-color: #fff;
        }

    .ot-006 #sec-recommend-editor-picks .main-item .card-content-img {
        width: 100%;
        height: auto;
        object-fit: cover;
        min-height: unset;
        border-radius: 3px 0px 0px 3px;
    }

    .ot-006 #sec-recommend-editor-picks .main-item .box-podcast .box-text {
        border-top: 5px solid #fdd200;
        max-width: 34.3%;
        position: relative;
        padding: 24px 24px 16px;
    }

    .ot-006 #sec-recommend-editor-picks .main-item .card-content-type {
        margin-bottom: 10px;
    }

    .ot-006 #sec-recommend-editor-picks .main-item .card-content-title {
        margin-bottom: 10px;
    }

    .ot-006 #sec-recommend-editor-picks .main-item .card-readmore {
        position: absolute;
        bottom: 10px;
        width: 100%;
    }

    .ot-006 #sec-recommend-editor-picks .main-item a#btnShare {
        position: absolute;
        right: 50px;
        bottom: 5px;
    }

    .ot-006 #sec-recommend-editor-picks .main-item .card-content-type {
        font-size: 12px;
        line-height: 30px;
    }

    .ot-006 #sec-recommend-editor-picks .card-content-readmore {
        font-size: 14px;
        line-height: 30px;
    }

    .ot-006 #sec-recommend-editor-picks .item {
        margin-bottom: 30px;
    }

        .ot-006 #sec-recommend-editor-picks .item:nth-last-child(-n+4) {
            margin-bottom: 0px;
        }

    .ot-006 .icon-editor {
        margin-right: 8px;
    }

    .ot-006 .container--content.container-yt {
        margin-bottom: 40px;
    }

    .ot-006 #sec-recommend-yt .title {
        margin-bottom: 16px !important;
    }

        .ot-006 #sec-recommend-yt .title.youtube-tab-playlist {
            margin-bottom: 0px !important;
        }

    .ot-006 #sec-recommend-editor-picks .main-item .card-content-title h4 {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        letter-spacing: 0;
        line-height: 36px;
        margin-bottom: 0;
        height: unset;
    }

    .ot-006 #sec-recommend-editor-picks .item:not(.main-item) .card-content-detail {
        display: none;
    }

    .ot-006 #sec-recommend-editor-picks .main-item .box-text img.icon-clock {
        bottom: 4px;
    }

    .ot-006 #sec-recommend-editor-picks .item:not(.main-item) .box-text img#shareImageIcon {
        margin-bottom: 8px;
    }

    .ot-006 .container--content.container-plearn {
        margin-bottom: 40px;
    }

    .ot-006 #sec-recommend-plearn .title h2 {
        margin-bottom: 24px;
    }

    .ot-006 #sec-recommend-plearn .title-txt h3 {
        font-family: 'Krungsri-Condensed-bold';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        color: #ffd400;
    }

    .ot-006 #sec-recommend-plearn .title-more {
        font-family: 'Thongterm';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        color: #fff;
    }

        .ot-006 #sec-recommend-plearn .title-more:hover {
            color: #f76f00;
        }

    .ot-006 .box-podcast:last-child {
        margin-bottom: 0px !important;
    }

    .ot-006 #sec-recommend-plearn .title-type {
        margin-bottom: 24px;
    }

    .ot-006 #sec-recommend-plearn .box-text img#shareImageIcon {
        margin-bottom: 8px;
    }

    .ot-006 .box-podcast .card-content {
        border-top: none;
        min-height: unset;
        height: 130px;
        display: flex;
        border-radius: 3px;
        background-color: #fff;
    }

    .ot-006 .card-content-img {
        width: 130px;
        height: 130px;
        object-fit: cover;
        min-height: unset;
        border-radius: 3px 0px 0px 3px;
    }

    .ot-006 .card-content-type {
        font-family: 'Thongterm';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 30px;
        color: #5a5a5a;
    }

    .ot-006 .box-podcast .box-text {
        padding: 10px;
        padding: 8px 10px 8px 8px;
        min-width: 240px;
    }

    .ot-006 .card-content-name {
        display: none;
    }

    .ot-006 .card-content-title h4 {
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .ot-006 .card-content-title h4 {
        font-family: 'Krungsri-Condensed-bold';
        font-size: 16px;
        line-height: 24px;
        height: 46px;
    }

    .ot-006 .card-content-readmore {
        font-family: 'Thongterm';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        width: 100%;
        position: relative;
    }

    .ot-006 .box-text img.icon-clock {
        width: 12px;
        height: 12px;
        bottom: 4px;
        margin-right: 0px;
        position: relative;
    }

    .ot-006 .box-text img#shareImageIcon {
        width: 11px;
        height: 12px;
    }

    .ot-006 .default.text.item-select .item {
        font-family: 'Krungsri-Condensed-bold';
        font-weight: 700;
        font-size: 16px;
        line-height: 27px;
        color: #222;
    }

    .ot-006 .ui.dropdown.the-coach-dropdown-mobile > .text {
        font-family: 'Krungsri-Condensed-bold';
        font-weight: 700;
        font-size: 16px;
        line-height: 27px;
        color: #222 !important;
    }

    .ot-006 .ui.selection.dropdown.the-coach-dropdown-mobile .menu > .item {
        font-family: 'Thongterm';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 34px;
        color: #5a5a5a;
        height: 44px;
        padding: 8px 20px 8px 16px !important;
    }

    .ot-006 .ui.dropdown.the-coach-dropdown-mobile .menu .active.item {
        font-family: 'Krungsri-Condensed-bold';
        font-weight: 700;
        font-size: 16px;
        line-height: 27px;
        color: #222;
        background-color: #fdd200;
        height: 44px;
        padding: 8px 20px 8px 16px !important;
    }

    .ot-006 .ui.fluid.dropdown.the-coach-dropdown-mobile {
        display: block;
        width: 100%;
        min-width: 0em;
        height: 44px;
        padding: 8px 20px 8px 16px;
    }

    .ot-006 .youtube-container.youtube-gallery {
        position: relative;
    }

    .ot-006 .youtube-gradient:after {
        content: ' ';
        position: absolute;
        left: 0;
        right: 0;
        height: 83px;
        bottom: 0;
        width: 100%;
        background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 100%);
        z-index: 1;
    }

    .ot-006 .youtube-container.youtube-gallery .card-content:last-child {
        position: relative;
        z-index: 5;
    }

    .ot-006 .container--content .card-info .content.ytContent {
        padding-left: 16px;
    }

    .ot-006 button.close {
        color: #000;
        text-decoration: none;
    }

    .ot-006 i.far.fa-play-circle {
        left: 15% !important;
    }

@media (max-width: 1199px) {
    .ot-006 .nav-menu-mobile {
        padding-top: 0;
        padding-bottom: 0;
        top: 0px;
        margin-top: 0;
        margin-bottom: 0;
        position: relative;
    }

    .ot-006 .list-group .list-group-item {
        border-bottom: 1px solid #f3f3f3;
    }

    .ot-006 .nav-secondary-menu .sub {
        border-bottom: 1px solid #f3f3f3;
    }

    .ot-006 .box-podcast .box-text {
        min-width: unset;
    }
}

@media screen and (max-width: 768px) {
    .ot-006 {
        /*sec-1*/
        /*sec3*/
        /*#sec-recommend-editor-picks .item .box-podcast:last-child{
			 margin-bottom: 24px !important;
		}
		*/
        /*yt*/
        /*btnShare*/
    }

        .ot-006 body {
            padding-top: 56px;
        }

        .ot-006 .search-area {
            padding-bottom: 16px;
            padding-top: 16px;
        }

        .ot-006 #sec-recommend-editor-picks .main-item .card-content-title h4 {
            font-size: 18px;
        }

        .ot-006 .container--content.container-editor {
            margin-bottom: 8px !important;
        }

        .ot-006 #sec-recommend-editor-picks .title h2 {
            margin-bottom: 16px;
        }

        .ot-006 #sec-recommend-editor-picks .main-item .box-podcast {
            margin-bottom: 16px !important;
        }

        .ot-006 #sec-recommend-editor-picks .item .box-podcast {
            margin-bottom: 16px !important;
        }

        .ot-006 #sec-recommend-editor-picks .main-item .box-podcast .card-content {
            border-top: none;
            min-height: unset;
            height: auto;
            display: block;
        }

        .ot-006 #sec-recommend-editor-picks .main-item .box-podcast .box-text {
            border-top: unset;
            max-width: unset;
            position: relative;
            padding: 8px 10px 10px;
        }

        .ot-006 #sec-recommend-editor-picks .main-item .card-content-type {
            margin-bottom: 1px;
        }

        .ot-006 #sec-recommend-editor-picks .main-item .card-content-title {
            margin-bottom: 0;
        }

        .ot-006 .card-content-detail {
            display: none;
        }

        .ot-006 #sec-recommend-editor-picks .main-item .card-readmore {
            position: relative;
            bottom: 0;
            width: 100%;
        }

        .ot-006 #sec-recommend-editor-picks .main-item a#btnShare {
            position: relative;
            right: unset;
            bottom: 6px;
        }

        .ot-006 #sec-recommend-editor-picks .main-item .card-content-title h2 {
            font-size: 18px;
            letter-spacing: 0;
            line-height: 30px;
        }

        .ot-006 #sec-recommend-editor-picks .main-item .card-content-type {
            font-size: 14px;
            line-height: 30px;
        }

        .ot-006 #sec-recommend-editor-picks .card-content-readmore {
            font-size: 12px;
            line-height: 26px;
        }

        .ot-006 #sec-recommend-editor-picks .main-item .card-content-readmore {
            font-size: 14px;
            line-height: 30px;
        }

        .ot-006 #sec-recommend-editor-picks .item {
            margin-bottom: 0px;
        }

        .ot-006 .icon-editor {
            margin-right: 10px;
            height: 29.54px;
            width: 31px;
        }

        .ot-006 #sec-recommend-plearn .title h2 {
            margin-bottom: 24px;
        }

        .ot-006 #sec-recommend-plearn .title-type {
            margin-bottom: 16px;
        }

        .ot-006 .container--content.container-plearn {
            margin-top: 24px;
            margin-bottom: 24px;
        }

        .ot-006 #sec-recommend-plearn .title .title-txt h3 {
            font-size: 18px;
        }

        .ot-006 #sec-recommend-plearn .title-more {
            font-size: 14px;
        }

        .ot-006 #sec-recommend-plearn .title .title-more {
            font-size: 14px;
        }

        .ot-006 .box-podcast .card-content {
            height: 110px;
        }

        .ot-006 .card-content-img {
            width: 110px;
            height: 110px;
            object-fit: cover;
            min-height: unset;
            border-radius: 3px 0px 0px 3px;
        }

        .ot-006 .card-content-type {
            font-size: 12px;
            line-height: 26px;
        }

        .ot-006 .card-content-title h4 {
            color: #222;
            font-family: 'Krungsri-Condensed-bold';
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 0;
        }

        .ot-006 .box-podcast .box-text {
            padding: 3px 10px 4px 10px;
            min-width: 220px;
        }

        .ot-006 .box-text img.icon-clock {
            width: 14px;
            height: 14px;
            bottom: 3px;
        }

        .ot-006 .card-content-readmore {
            font-size: 12px;
            line-height: 26px;
        }

        .ot-006 .box-podcast:last-child {
            margin-bottom: 16px !important;
        }

        .ot-006 #sec-recommend-plearn .title-txt h3 {
            font-size: 18px;
        }

        .ot-006 .container--content.container-yt {
            margin-top: 16px;
            margin-bottom: 8px;
        }

        .ot-006 #sec-recommend-yt .title.youtube-tab-playlist {
            margin-bottom: 16px !important;
        }

        .ot-006 .youtube-gradient:after {
            content: none;
        }

        .ot-006 .container--content .card-info .image.ytImage {
            margin-left: 16px;
        }

        .ot-006 .container--content .card-info .content.ytContent {
            padding-left: 16px;
            padding-right: 16px;
        }

        .ot-006 a#btnShare {
            position: relative;
            bottom: 5px;
        }

        .ot-006 #sec-recommend-plearn .box-text img#shareImageIcon, .ot-006 #sec-recommend-editor-picks .item:not(.main-item) .box-text img#shareImageIcon {
            margin-bottom: 4px;
        }
}

@media screen and (max-width: 576px) {
    .ot-006 .box-podcast .box-text {
        padding: 3px 10px 4px 10px;
        min-width: unset;
    }
}
/* #endregion */
 

/* #region OT-007 */
 
    .ot-007 .modal-content {
        background-color: white !important;
    }

    .ot-007 .container--content {
        margin-bottom: 40px;
    }

    .ot-007 .pagination .page-item .page-link {
        color: #545454;
    }

    .ot-007 .bg-menu-tab {
        box-shadow: 0px 8px 6px 0px #000 0f;
    }

    .ot-007 .ml-2per {
        margin-left: -2%;
    }

    .ot-007 .float-r {
        float: right;
    }

    .ot-007 #top1 {
        justify-content: space-between;
    }

    .ot-007 #tab-area {
        text-align: left;
    }

    .ot-007 #search-area {
        text-align: right;
    }

        .ot-007 #search-area .input-group-append {
            cursor: pointer;
        }

    .ot-007 #sec-recommend-editor-picks .main-item .card-content-type {
        font-size: 14px !important;
    }

    .ot-007 #tab-selected .tab-title-text > a.border-line {
        height: 45px;
        padding-top: 12px;
        vertical-align: top;
        font-family: "Krungsri-condensed-bold";
        font-size: 16px;
        line-height: 24px;
        color: #5a5a5a;
    }

        .ot-007 #tab-selected .tab-title-text > a.border-line.active, .ot-007 #owl-tab-selected-mobile .tab-title-text a.border-line.active {
            color: #222;
        }

        .ot-007 #tab-selected .tab-title-text > a.border-line:hover {
            color: #222;
        }

    .ot-007 #mainnav .tab-title-text {
        padding: 0 15px;
    }

    .ot-007  .box-podcast .card-content {
        display: block;
        height: 100%;
    } 

    .ot-007  .box-podcast .box-text {
        padding: 10px 20px;
    }

    .ot-007  .item .box-podcast {
        padding-bottom: 30px;
    }

    .ot-007  .item .card-content-title {
        min-height: 60px;
    }

    .ot-007  .item h2 {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
        margin-bottom: 0;
    }

.ot-007 .main-item i.far.fa-play-circle {
    top: 50% !important;
    left: 33% !important;
}

.ot-007 .item i.far.fa-play-circle {
    top: 50% !important;
    left: 17% !important;
}

@media (max-width: 768px) { 
        .ot-007 .container--header {
            margin-top: 0;
        }

            .ot-007 .container--header p {
                font-size: 14px;
                color: #000;
            }

        .ot-007 .nav-menu-mobile {
            margin: 0px;
            padding: 0px;
        }

            .ot-007 .nav-menu-mobile .btn-secondary-menu {
                width: 100%;
            }

        .ot-007 .container--content {
            margin: 8px 0 16px 0;
        }

        .ot-007 #owl-tab-selected-mobile .tab-title-text a.tab-scoll {
            font-size: 16px;
            color: #5a5a5a;
            height: auto;
        }

        .ot-007 #owl-tab-selected-mobile .tab-title-text a.tab-scoll {
            padding-bottom: 4px;
        }

            .ot-007 #owl-tab-selected-mobile .tab-title-text a.tab-scoll:hover, .ot-007 #owl-tab-selected-mobile .tab-title-text a.tab-scoll.active {
                color: #222;
            }

        .ot-007  .item .box-podcast {
            padding-bottom: 0px;
        }

            .ot-007  .item .box-podcast .card-content {
                display: flex;
                height: 110px;
            }

                .ot-007 .item .box-podcast .card-content .card-content-img {
                    width: 110px !important;
                    height: 110px !important;
                    object-fit: cover !important;
                    min-height: unset !important;
                    border-radius: 3px 0px 0px 3px !important;
                }

            .ot-007 .item .box-podcast .box-text {
                padding: 3px 10px 4px 10px !important;
                min-width: unset !important;
            }

        .ot-007  .item .card-content-title {
            min-height: 48px;
            margin-bottom: 4px !important;
        }

        .ot-007  .main-item h2 {
            font-size: 18px;
            line-height: 30px;
            color: #222;
            font-family: "Krungsri-Condensed-Bold";
        }

        .ot-007  .item h2 {
            font-size: 16px;
            line-height: 24px;
            color: #222;
            font-family: "Krungsri-Condensed-Bold";
        }

        .ot-007 .main-item i.far.fa-play-circle {
            top: 35% !important;
            left: 50% !important;
        }

        .ot-007  .item i.far.fa-play-circle {
            top: 50% !important;
            left: 17% !important;
        }

     
}

.ot-007 .container--content.container-editor {
    margin-bottom: 80px !important;
}

.ot-007 #sec-recommend-editor-picks .title h2 {
    margin-bottom: 24px;
}

.ot-007 #sec-recommend-editor-picks .box-podcast .card-content {
    filter: drop-shadow(1px 2px 10px rgba(35, 19, 18, 0.1));
}

.ot-007 #sec-recommend-editor-picks .main-item .box-podcast {
    margin-bottom: 30px !important;
}

    .ot-007 #sec-recommend-editor-picks .main-item .box-podcast .card-content {
        border-top: none;
        min-height: unset;
        height: auto;
        display: flex;
        border-radius: 3px !important;
        background-color: #fff;
    }

.ot-007 #sec-recommend-editor-picks .main-item .card-content-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    min-height: unset;
    border-radius: 3px 3px 0px 0px;
}

.ot-007 #sec-recommend-editor-picks .main-item .box-podcast .box-text {
    border-top: 5px solid #fdd200;
    max-width: 34.3%;
    position: relative;
    padding: 24px 24px 16px !important;
}

.ot-007 #sec-recommend-editor-picks .main-item .card-content-type {
    margin-bottom: 10px;
}

.ot-007 #sec-recommend-editor-picks .main-item .card-content-title {
    margin-bottom: 10px;
}

.ot-007 #sec-recommend-editor-picks .main-item .card-readmore {
    position: absolute;
    bottom: 10px;
    width: 90%;
}

.ot-007 #sec-recommend-editor-picks .main-item a#btnShare {
    position: absolute;
    right: 50px;
    bottom: 4px;
}

.ot-007 #sec-recommend-editor-picks .item a#btnShare img {
    margin-top: -7px;
}

.ot-007 #sec-recommend-editor-picks .main-item .card-content-type {
    font-size: 12px;
    line-height: 30px;
}

.ot-007 #sec-recommend-editor-picks .card-content-readmore {
    font-size: 14px;
    line-height: 30px;
}

.ot-007 .icon-editor {
    margin-right: 8px;
}

.ot-007 .container--content.container-yt {
    margin-bottom: 40px;
}

.ot-007 #sec-recommend-yt .title {
    margin-bottom: 16px !important;
}

    .ot-007 #sec-recommend-yt .title.youtube-tab-playlist {
        margin-bottom: 0px !important;
    }

.ot-007 #sec-recommend-editor-picks .main-item .card-content-title h4 {
    color: #222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 24px;
    letter-spacing: 0;
    line-height: 36px;
    margin-bottom: 0;
    height: unset;
}

.ot-007 #sec-recommend-editor-picks .item:not(.main-item) .card-content-detail {
    display: none;
}

.ot-007 .container--content.container-plearn {
    margin-bottom: 40px;
}

.ot-007 #sec-recommend-plearn .title h2 {
    margin-bottom: 24px;
}

.ot-007 #sec-recommend-plearn .title-txt h3 {
    font-family: 'Krungsri-Condensed-bold';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #fdd200;
}

.ot-007 #sec-recommend-plearn .title-more {
    font-family: 'Thongterm';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}

    .ot-007 #sec-recommend-plearn .title-more:hover {
        color: #f76f00;
    }

.ot-007 .box-podcast:last-child {
    margin-bottom: 0px !important;
}

.ot-007 #sec-recommend-plearn .title-type {
    margin-bottom: 20px;
}

.ot-007 .box-podcast .card-content {
    border-top: none;
    min-height: unset;
    height: 130px;
    display: flex;
    border-radius: 3px;
    background-color: #fff;
}

.ot-007 .card-content-img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    min-height: unset;
    border-radius: 3px 3px 0px 0px;
}

.ot-007 .card-content-type {
    font-family: 'Thongterm';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    color: #5a5a5a;
}

.ot-007 .box-podcast .box-text {
    padding: 10px;
}

.ot-007 .card-content-name {
    display: none;
}

.ot-007 .card-content-title h4 {
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ot-007 .card-content-title h4 {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
}

.ot-007 .card-content-readmore {
    font-family: 'Thongterm';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    width: 100%;
    position: relative;
}

.ot-007 .box-text img.icon-clock {
    width: 12px;
    height: 12px;
    bottom: 3px;
    margin-right: 0px;
    position: relative;
}

.ot-007 .box-text img#shareImageIcon {
    width: 11px;
    height: 12px;
}

.ot-007 .default.text.item-select .item {
    font-family: 'Krungsri-Condensed-bold';
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    color: #222;
}

.ot-007 .ui.dropdown.the-coach-dropdown-mobile > .text {
    font-family: 'Krungsri-Condensed-bold';
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    color: #222 !important;
}

.ot-007 .ui.selection.dropdown.the-coach-dropdown-mobile .menu > .item {
    font-family: 'Thongterm';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    color: #5a5a5a;
    height: 44px;
    padding: 8px 20px 8px 16px !important;
}

.ot-007 .ui.dropdown.the-coach-dropdown-mobile .menu .active.item {
    font-family: 'Krungsri-Condensed-bold';
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    color: #222;
    background-color: #fdd200;
    height: 44px;
    padding: 8px 20px 8px 16px !important;
}

.ot-007 .ui.fluid.dropdown.the-coach-dropdown-mobile {
    display: block;
    width: 100%;
    min-width: 0em;
    height: 44px;
    padding: 8px 20px 8px 16px;
}

.ot-007 .youtube-container.youtube-gallery {
    position: relative;
}

.ot-007 .youtube-gradient:after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    height: 83px;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 100%);
    z-index: 1;
}

.ot-007 .youtube-container.youtube-gallery .card-content:last-child {
    position: relative;
    z-index: 5;
}

.ot-007 .container--content .card-info .content.ytContent {
    padding-left: 16px;
}

@media screen and (max-width: 768px) {  

        .ot-007 body {
            padding-top: 56px;
        }

        .ot-007 .container--content.container-editor {
            margin-bottom: 40px !important;
        }

        .ot-007 #sec-recommend-editor-picks .title h2 {
            margin-bottom: 16px;
        }

        .ot-007 #sec-recommend-editor-picks .main-item .box-podcast {
            margin-bottom: 16px !important;
        }

        .ot-007 #sec-recommend-editor-picks .item .box-podcast {
            margin-bottom: 16px !important;
        }

    .ot-007 #sec-recommend-editor-picks .main-item .box-podcast .card-content {
        border-top: none !important;
        min-height: unset !important;
        height: auto;
        display: block !important;
    }

        .ot-007 #sec-recommend-editor-picks .main-item .box-podcast .box-text {
            border-top: unset;
            max-width: unset;
            position: relative;
            padding: 8px 10px 10px !important
        }

        .ot-007 #sec-recommend-editor-picks .main-item .card-content-type {
            margin-bottom: 1px;
        }

        .ot-007 #sec-recommend-editor-picks .main-item .card-content-title {
            margin-bottom: 0;
        }

        .ot-007 .card-content-detail {
            display: none;
        }

        .ot-007 #sec-recommend-editor-picks .main-item .card-readmore {
            position: relative;
            bottom: 0;
            width: 100%;
        }

        .ot-007 #sec-recommend-editor-picks .main-item a#btnShare {
            position: relative;
            right: unset;
            bottom: 3px;
        }

        .ot-007 #sec-recommend-editor-picks .item a#btnShare img {
            margin-top: -6px;
        }

        .ot-007 #sec-recommend-editor-picks .main-item .card-content-title h2 {
            font-size: 18px;
            letter-spacing: 0;
            line-height: 30px;
            margin:0;
        }

        .ot-007 #sec-recommend-editor-picks .main-item .card-content-type {
            font-size: 14px;
            line-height: 30px;
        }

        .ot-007 #sec-recommend-editor-picks .card-content-readmore {
            font-size: 12px;
            line-height: 26px;
        }

        .ot-007 #sec-recommend-editor-picks .main-item .card-content-readmore {
            font-size: 14px;
            line-height: 30px;
        }

        .ot-007 #sec-recommend-plearn .title h2 {
            margin-bottom: 24px;
        }

        .ot-007 #sec-recommend-plearn .title-type {
            margin-bottom: 16px;
        }

        .ot-007 .container--content.container-plearn {
            margin-top: 24px;
            margin-bottom: 24px;
        }

        .ot-007 #sec-recommend-plearn .title .title-txt h3 {
            font-size: 18px;
        }

        .ot-007 #sec-recommend-plearn .title .title-more {
            font-size: 14px;
        }

        .ot-007 .box-podcast .card-content {
            height: 110px;
        }

        .ot-007 .card-content-img {
            width: 110px;
            height: 110px;
            object-fit: cover;
            min-height: unset;
            border-radius: 3px 3px 0px 0px;
        }

        .ot-007 .card-content-type {
            font-size: 12px;
            line-height: 26px;
        }

        .ot-007 .card-content-title h4 {
            color: #222;
            font-family: Thongterm-Bold;
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 0;
        }

        .ot-007 .box-podcast .box-text {
            padding: 3px 10px 4px 10px;
        }

        .ot-007 .box-text img.icon-clock {
            width: 14px;
            height: 14px;
            bottom: 3px;
        }

        .ot-007 .card-content-readmore {
            font-size: 12px;
            line-height: 26px;
        }

        .ot-007 .box-podcast:last-child {
            margin-bottom: 16px !important;
        }

        .ot-007 .container--content.container-yt {
            margin-top: 16px;
            margin-bottom: 8px;
        }

        .ot-007 #sec-recommend-yt .title.youtube-tab-playlist {
            margin-bottom: 16px !important;
        }

        .ot-007 .youtube-gradient:after {
            content: none;
        }

        .ot-007 .container--content .card-info .image.ytImage {
            margin-left: 16px;
        }

        .ot-007 .container--content .card-info .content.ytContent {
            padding-left: 16px;
            padding-right: 16px;
        }

        .ot-007 .youtube-gallery {
            width: 100%;
            height: 400px;
            margin: auto;
            overflow: initial;
            margin-top: 12px;
        }
}

.ot-007 .card-content-img.content {
    /*width: 130px !important;
    height: 130px !important;*/
    width: 100% !important;
    height: 132px !important;
    object-fit: cover !important;
    min-height: unset !important;
    border-radius: 3px 0px 0px 3px !important;
}

.ot-007 .box-podcast .box-text {
    padding: 8px 10px 8px 8px !important;
    min-width: 240px !important;
}

.ot-007 .box-podcast .card-content {
    border-top: none !important; 
    display: flex !important;
    border-radius: 3px !important; 
}

.ot-007 .card-content-title h4 {
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0;
}

/* #endregion */
    /* #region CI-035 */
    .ci-035 .container--content#content-thecoach {
    margin-bottom: 0px;
    margin-top: 24px;
}

.ci-035 .mb-16px-all {
    margin-bottom: 16px !important;
}


@media screen and (max-width: 768px) {
    .ci-035 .background-light-gray-xs {
        background: #f9f9f9;
    }

    .ci-035 .container--content#content-relatedarticle {
        margin-bottom: 80px;
        margin-top: 8px;
    }

    .ci-035 .title-type {
        font-size: 12px;
        line-height: 26px;
    }

    .ci-035 .ar-text-post {
        font-size: 12px;
        color: #949494;
    }

    .ci-035 .ar-profile-name {
        color: #f76f00;
        font-size: 12px;
    }

    .ci-035 .text-right.tag-footer {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .ci-035 .ar-text-title {
        line-height: 38px;
    }

    .ci-035 .ar-pd-rm {
        padding-right: 16px;
        padding-left: 16px;
    }

    .ci-035 .ar-box-title {
        margin-top: 24px;
        margin-bottom: 16px;
    }

    .ci-035 #rcm-product .card-content {
        border-top: none;
        min-height: unset;
        height: 110px;
        display: flex;
        border-radius: 3px;
        background-color: #fff;
        border: 1px solid #f3f3f3;
        filter: drop-shadow(1px 2px 10px rgba(35, 19, 18, 0.1));
        width: 100%;
    }

    .ci-035 #rcm-product .card-content {
        display: inline-block;
        border-radius: 3px;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
        background-color: #FFFFFF;
        width: 100%;
    }

    .ci-035 #rcm-product img.card-content-img {
        width: 110px !important;
        height: 110px !important;
        object-fit: cover;
        min-height: unset;
        border-radius: 3px 0px 0px 3px;
    }

    .ci-035 #rcm-product .card-content a {
        display: flex;
    }

    .ci-035 #rcm-product .box-text {
        padding: 15px 8px 14px 8px;
        border-bottom: 3px solid #fdd200;
        height: 110px;
    }

    .ci-035 #rcm-product.open-bar .box-text {
        padding: 8px 15px 15px 8px;
        border-bottom: unset;
    }

    .ci-035 #rcm-article .card-content {
        display: flex;
        border-radius: 3px;
        background-color: #fff;
    }

    .ci-035 #rcm-article .card-readmore a#btnShare {
        bottom: 6px;
    }

    .ci-035 #rcm-article .box-img img.card-content-img {
        width: 110px;
        height: 110px;
        object-fit: cover;
        min-height: unset;
        border-radius: 3px 0px 0px 3px;
    }

    .ci-035 #rcm-article .box-text {
        border-top: unset;
        max-width: unset;
        position: relative;
        padding: 5px 8px 0px 8px;
    }

    .ci-035 #rcm-article .card-content-type {
        font-size: 12px;
        line-height: 26px;
    }

    .ci-035 #rcm-article .card-content-title h4 {
        min-height: 46px;
        margin-bottom: 0;
        line-height: 24px;
    }

    .ci-035 #rcm-article .card-content-readmore {
        font-size: 12px;
        line-height: 26px;
        height: 26px;
    }

    .ci-035 #rcm-product .card-content-text {
        font-size: 18px;
        line-height: 30px;
    }

    .ci-035 div#ar-drop {
        padding-bottom: 24px;
    }

    .ci-035 div#heading26012 {
        padding: 10px 16px 10px 16px;
        max-height: 50px;
        min-height: unset;
        border-left: unset;
    }

    .ci-035 #ar-category .card-body {
        font-family: 'Thongterm';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 30px;
        color: #222;
        padding-inline-start: 8px;
    }

    .ci-035 ul.ar-ul {
        font-family: 'Thongterm';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        color: #222;
        padding-inline-start: 10px;
    }

    .ci-035 #content-right {
        z-index: 10;
    }

    .ci-035 #content-left {
        z-index: 11;
    }
}

.container--breadcrumb {
    /*position: relative;
        margin-bottom: 0px;
        min-height: 90px;*/
}

.container--content#content-thecoach {
    margin-top: 20px;
    margin-bottom: 40px;
}

.ci-035 .container--content#content-relatedarticle {
    margin-bottom: 40px;
}

.ci-035 .background-light-gray {
    background: #f9f9f9;
}

.ci-035 .ar-top {
    margin-top: 0px;
}

.ci-035 .title-type {
    background: #fdd200;
    border-radius: 3px;
    padding: 0px 10px;
    font-family: 'Thongterm-roman';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    color: #222;
}

.ci-035 .ar-share-img {
    height: 32px;
    width: 32px;
    cursor: pointer;
}

.ci-035 .ar-card {
    padding: 0px;
}

.ci-035 .ar-text-title {
    border: unset;
    padding-left: 0;
}

.ci-035 .ar-text-post {
    font-size: 14px;
    color: #949494;
    font-family: 'Thongterm';
}

.ci-035 .ar-profile-name {
    color: #f76f00;
    font-family: "Thongterm-Roman";
    font-family: 'Thongterm';
    font-size: 14px;
    vertical-align: middle;
    margin-left: 8px;
    font-weight: 700;
    font-style: normal;
}

.ci-035 img.icon-access-time {
    position: relative;
    bottom: 3px;
}

.ci-035 .ar-pd-rm {
    padding-right: 15px;
    padding-left: 15px;
}

.ci-035 .ar-tag-footer {
    padding: 4px 8px;
}

.ci-035 .ar-box-title {
    line-height: 48px;
    border-left: 6px solid #fdd200;
    margin-top: 27px;
    margin-bottom: 18px;
    padding-left: 10px;
}
 
.ci-035 #rcm-product .card-content {
    display: inline-block;
    border-radius: 3px;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
    background-color: #fff;
    width: 100%;
}

.ci-035 #rcm-product img.card-content-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    min-height: unset;
}

.ci-035 #rcm-product .box-text {
    padding: 14px 16px 16px 16px;
}

.ci-035 #rcm-product .card-content-text {
    font-family: "Krungsri-Condensed-Bold";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 60px;
}

.ci-035 .text-right.tag-footer {
    display: flex;
    justify-content: space-between !important;
    position: relative;
    padding-top: 12px;
}

.ci-035 #rcm-article .card-content {
    border-top: none;
    min-height: unset;
    height: auto;
    display: block;
    border-radius: 3px;
    background-color: #fff;
    filter: drop-shadow(1px 2px 10px rgba(35, 19, 18, 0.1));
}

.ci-035 #rcm-article .box-img img.card-content-img {
    width: 100%;
    height: auto;
    height: 270px;
    object-fit: cover;
    min-height: unset;
    border-radius: 3px 0px 0px 3px;
}

.ci-035 #rcm-article .box-text {
    border-top: unset;
    max-width: unset;
    position: relative;
    padding: 10px 20px 10px 20px;
}

.ci-035 #rcm-article .card-content-type {
    font-family: 'Thongterm';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    color: #5a5a5a;
}

.ci-035 #rcm-article .card-content-title h4 {
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 60px;
    margin-bottom: 16px;
}

.ci-035 #rcm-article .card-content-detail {
    display: none;
}

.ci-035 #rcm-article .card-content-name {
    display: none;
}

.ci-035 #rcm-article .card-content-readmore {
    font-family: 'Thongterm';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    width: 100%;
    position: relative;
}

.ci-035 #rcm-article .card-readmore img.icon-clock {
    margin-right: 0px;
    position: relative;
    width: 14px;
    height: 14px;
    bottom: 3px;
}

.ci-035 #rcm-article .card-readmore a#btnShare {
    position: relative;
    right: unset;
    bottom: 4px;
}

.ci-035 #rcm-article .card-readmore img#shareImageIcon {
    width: 11px;
    height: 12px;
}

.ci-035 div#content-right {
    z-index: 9;
}

@media screen and (min-width: 1199.5px) {
    .ci-035 div#content-right.fixbox .box-product {
        position: fixed;
        float: right;
        top: 24px;
        right: unset;
        max-width: 270px;
    }
}

@media screen and (max-width: 1198.9px) and (min-width: 767.9px) {
    .ci-035 div#content-right.fixbox .box-product {
        position: fixed;
        float: right;
        top: 24px;
        right: 0px;
    }
}

.ci-035 .fix-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    z-index: 10;
}

.ci-035 .zone-breadcrumb {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
}

.ci-035 .container--breadcrumb {
    min-height: 64px;
}

.ci-035 button.btn.btn-link.btn-ar-drop {
    padding: 0;
}

.ci-035 div#heading26012 {
    padding: 10px 0px 10px 20px;
    max-height: 50px;
    min-height: unset;
    border-left: unset;
}  

.ci-035 ul.ar-ul {
    font-family: 'Thongterm';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #222;
}

.ci-035 ul.ar-ul li {
    list-style: none;
}
 
.ci-035 .container--header {
    margin-bottom: 16px;
}

.ci-035 .content-header {
    margin-bottom: 40px;
}

.ci-035 .recommend-zone-custom {
    margin-bottom: 50px;
}

.ci-035 .container--content .image {
    position: relative;
    overflow: hidden;
    height: 270px;
}

.ci-035 .container--content .image img {
    height: 270px;
    width: auto;
    position: absolute;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
}

.ci-035 .text-color {
    color: #ff8c00 !important;
}

.ci-035 .bullet-color ul {
    list-style: none;
}

.ci-035 .bullet-color ul li::before {
    content: "•";
    color: #fd0;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    width: 1.3em;
}

.ci-035 .ab-text {
    color: #5a5a5a;
    font-family: "Thongterm-Roman";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
}

.ci-035 .ab-title-footer {
    color: #5a5a5a;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 30px;
}

.ci-035 .ab-sub-title {
    margin-top: 40px;
    color: #222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 30px;
    padding-left: 16px;
    border-left: 10px solid #ffd400;
}

.ci-035 .ab-mt-box {
    margin-top: 24px;
}

.ci-035 .ab-content {
    margin-top: 40px;
}

.ci-035 .ab-content-box {
    margin-top: 24px;
}

.ci-035 .ab-text-footer1 {
    display: inline-flex;
    margin-left: 50px;
}

.ci-035 .ab-text-footer2 {
    display: inline-flex;
    margin-left: 40px;
}

.ci-035 .ab-li-text {
    color: #6f5f5e;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    font-weight: bold;
}

.ci-035 .ab-li-text2 {
    color: #5a5a5a;
    font-family: "Thongterm-Roman";
    font-size: 16px;
    letter-spacing: 0;
    font-weight: normal;
}

.ci-035 .ab-title-text {
    color: #6f5f5e;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
    width: 100%;
}

.ci-035 .ab-box {
    width: 196px;
    height: 198px;
}

.ci-035 .box-top {
    height: 108px;
    width: 196px;
    background-color: #ffd400;
    border-radius: 3px 3px 0 0;
    align-items: center;
}

.ci-035 .ab-text-boxT {
    color: #554242;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
}

.ci-035 .ab-text-boxB {
    height: 58px;
    width: 170px;
    color: #5a5a5a;
    font-family: "Thongterm-Roman";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
    text-align: center;
}

.ci-035 .box-bottom {
    height: 90px;
    width: 196px;
    background-color: #f3f3f3;
    align-items: center;
}

.ci-035 .btn-link:hover,
.ci-035 .btn-link:focus {
    color: #ff6700 !important;
    text-decoration: underline;
    background-color: transparent;
}

.ci-035 .bottom-line {
    border-bottom: 2px solid #ffda00;
    line-height: 35px;
}

.ci-035 .hry1 {
    border: 1px solid #fed403;
    margin-top: 10px;
    margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
    .ci-035 .description {
        bottom: 0;
        font-size: 14px;
    }

    .ci-035 .container--content .image {
        position: relative;
        overflow: hidden;
        height: 110px;
    }

    .ci-035 .container--content .image img {
        height: 110px;
        width: auto;
        position: absolute;
        margin: auto;
        min-height: 100%;
        min-width: 100%;
        left: -100%;
        right: -100%;
        top: -100%;
        bottom: -100%;
    }

    .ci-035 .text-ellipsis-1line {
        display: -webkit-box;
        overflow: hidden;
        white-space: normal;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    .ci-035 .recommend-zone-custom {
        margin-bottom: 24px;
    }

    .ci-035 .container--header-custom {
        margin-bottom: 32px;
    }

    .ci-035 .content-header {
        margin-bottom: 24px;
    }

    .ci-035 .container--content {
        padding-top: 0px;
    }

    .ci-035 .px-m-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .ci-035 .card-info .header {
        padding-bottom: 8px;
    }
}

@media (max-width: 992px) {
    .ci-035 .ab-text-footer1 {
        margin: 9px 0;
    }

    .ci-035 .ab-text-footer2 {
        margin: 9px 0;
    }
}

.ci-035 .ar-content-img-f {
    width: 100%;
    max-height: 255px;
    object-fit: cover;
}

.ci-035 .ar-content-img-f2 {
    width: 100%;
    height: 245px;
    object-fit: cover;
}

.ci-035 .footer-content-card-f {
    height: 428px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
}

@media (max-width: 767px) {
    .ci-035 .ar-content-img-f {
        width: 100%;
        max-height: 152px;
        object-fit: cover;
    }

    .ci-035 .ar-content-img-f2 {
        width: 100%;
        height: 152px;
        object-fit: cover;
    }

    .ci-035 .footer-content-card-f {
        height: 306px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
    }

    .ci-035 .ab-content {
        margin-top: 24px;
    }

    .ci-035 .ab-title-footer {
        font-size: 18px;
    }

    .ci-035 .ab-text-footer1 {
        margin: 9px 0;
    }

    .ci-035 .ab-text-footer2 {
        margin: 9px 0;
    }

    .ci-035 .ab-sub-title {
        margin-top: 24px;
        font-size: 18px;
        line-height: 28px;
        padding-left: 16px;
        border-left: 10px solid #ffd400;
    }

    .ci-035 .ab-title-text {
        font-size: 18px;
        width: 320px;
    }

    .ci-035 .ab-content-box {
        margin-top: 16px;
    }

    .ci-035 .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }

    .ci-035 .table-responsive>.table {
        margin-bottom: 0;
    }

    .ci-035 .table-responsive>.table>thead>tr>th,
    .ci-035 .table-responsive>.table>tbody>tr>th,
    .ci-035 .table-responsive>.table>tfoot>tr>th,
    .ci-035 .table-responsive>.table>thead>tr>td,
    .ci-035 .table-responsive>.table>tbody>tr>td,
    .ci-035 .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap;
        font-size: 12px;
    }

    .ci-035 .table-responsive>.table-bordered {
        border: 0;
    }

    .ci-035 .table-responsive>.table-bordered>thead>tr>th:first-child,
    .ci-035 .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .ci-035 .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .ci-035 .table-responsive>.table-bordered>thead>tr>td:first-child,
    .ci-035 .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .ci-035 .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0;
    }

    .ci-035 .table-responsive>.table-bordered>thead>tr>th:last-child,
    .ci-035 .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .ci-035 .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .ci-035 .table-responsive>.table-bordered>thead>tr>td:last-child,
    .ci-035 .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .ci-035 .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0;
    }

    .ci-035 .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .ci-035 .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .ci-035 .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .ci-035 .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0;
    }
}

.ci-035 .ar-header-img {
    width: 100%;
}

.ci-035 .bg-hg-card {
    background: linear-gradient(#ffd400 0%, #ffd400 1.2%, #fff 1.2%, #fff 100%);
}

.ci-035 .hg-height-top {
    height: 510px;
}

.ci-035 .hg-title-article {
    color: #222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 64px;
    width: 436px;
    height: 128px;
    margin-top: 99px;
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ci-035 .hg-img-article {
    width: 100%;
    height: 438px;
}

.ci-035 .ar-content-img {
    width: 100%;
    min-height: 255px;
    object-fit: cover;
}

.ci-035 .ar-pd-rm {
    padding-right: unset;
    padding-left: unset;
}

.ci-035 .ar-pd-l-rm {
    padding-left: unset;
}

.ci-035 .ar-pd-r-rm {
    padding-right: unset;
}

.ci-035 .ar-mg-rm {
    margin-right: unset;
    margin-left: unset;
}

.ci-035 .ar-card {
    background-color: #fff;
}

.ci-035 .ar-top {
    margin-top: -40px;
}

.ci-035 .ar-card {
    padding: 40px;
}

.ci-035 .ar-box-title {
    line-height: 48px;
    border-left: 10px solid #ffd400;
}

.ci-035 .ar-text-title {
    color: #222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 48px;
    padding-left: 16px;
    border-left: 10px solid #ffd400;
}

.ci-035 .ar-text-sub-title {
    font-family: "Krungsri-Condensed-Bold";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 48px;
    padding-left: 16px;
    border-left: 10px solid #ffd400;
}

.ci-035 .ar-bullet-decimal {
    list-style: decimal;
}

.ci-035 .ar-bullet-circle {
    list-style: circle;
}

.ci-035 .ar-profile-img {
    height: 48px;
    width: 48px;
    border-radius: 25px;
}

.ci-035 .ar-profile-name {
    color: #222;
    font-family: "Thongterm-Roman";
    font-size: 16px;
    vertical-align: middle;
    margin-left: 24px;
    font-style: italic;
}

.ci-035 .ar-pull-right {
    text-align: right;
}

.ci-035 .ar-share-img {
    height: 38px;
    width: 38px;
    cursor: pointer;
}

.ci-035 .ar-text-content {
    color: #5a5a5a;
    font-family: "Thongterm-Roman";
    font-size: 16px;
}

.ci-035 .ar-sub-title {
    font-family: "Krungsri-Condensed-Bold";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    margin-left: 16px;
}

.ci-035 .ar-content-img {
    width: 100%;
}

.ci-035 .ar-text-credit {
    color: #5a5a5a;
    font-family: "Thongterm-Roman";
    font-size: 16px;
    letter-spacing: 0;
}

.ci-035 .ar-text-credit a {
    color: #f76f00;
    cursor: pointer;
}

.ci-035 .ar-text-credit a:hover,
.ci-035 .ar-text-credit a:focus {
    color: #f76f00;
}

.ci-035 .ar-tag {
    color: #5a5a5a;
    font-family: "Thongterm-Bold";
    font-size: 16px;
    font-weight: bold;
}

.ci-035 .ar-tag-name {
    color: #545454;
    font-family: "Thongterm Roman";
    font-size: 14px;
}

.ci-035 .ar-tag-footer {
    height: 34px;
    border: 1px solid #e8e8e8;
    color: #545454;
    font-family: "Thongterm-Roman";
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    padding: 2px 8px;
    cursor: pointer;
}

.ci-035 .ar-display-table {
    display: table;
}

.ci-035 .ar-display-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.ci-035 .ar-box-back {
    width: 96px;
    cursor: pointer;
}

.ci-035 .ar-text-back {
    color: #5a5a5a;
    font-family: "Thongterm-Roman";
    font-size: 16px;
    padding-left: 17px;
}

.ci-035 .ar-text-content2 {
    color: #222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 24px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}

.ci-035 .ar-content2 {
    padding: 40px 65px;
}

.ci-035 .pt-content-footer {
    margin-top: 40px;
}

.ci-035 .pt-content-footer2 {
    margin-top: 80px;
}

.ci-035 .footer-content-card {
    min-height: 428px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
}

.ci-035 .footer-content-all {
    color: #f76f00 !important;
    font-family: "Thongterm-Roman";
    font-size: 14px;
    font-weight: normal;
}

.ci-035 .footer-content-card-content {
    min-height: 508px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
    border-top: 7px solid #ffd400;
}

.ci-035 .footer-content-card-content-f {
    max-height: 508px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
    border-top: 7px solid #ffd400;
}

.ci-035 .footer-content-type {
    color: #5a5a5a;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    font-weight: bold;
    padding: 16px 16px 8px 16px;
    text-align: left;
}

.ci-035 .footer-content-title {
    color: #222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 18px;
    font-weight: bold;
    height: 60px;
    padding: 0 16px;
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

.ci-035 .footer-content-name {
    padding: 45px 16px 9px 16px;
    color: #000;
    font-family: Thongterm-Roman;
    font-size: 14px;
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: left;
}

.ci-035 .footer-content-div-read {
    padding: 9px 16px;
}

.ci-035 .footer-content-read {
    color: #5a5a5a;
    font-family: Thongterm-Roman;
    font-size: 14px;
}

.ci-035 .img-content-footer {
    width: 100%;
}

.ci-035 .mt-footer {
    margin-bottom: 40px;
}

.ci-035 .ar-footer-center {
    text-align: unset;
}

.ci-035 .mt-ar-text1 {
    margin-top: 24px;
}

.ci-035 .footer-content-card .text-title,
.ci-035 .footer-content-card-f .text-title {
    color: #222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    padding: 16px 16px 8px 16px;
    white-space: break-spaces;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

.ci-035 .footer-content-card .text-detail,
.ci-035 .footer-content-card-f .text-detail {
    color: #5a5a5a;
    height: 58px;
    font-size: 16px;
    letter-spacing: 0;
    padding: 0 16px 16px 16px;
    overflow: hidden;
    white-space: break-spaces;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

@media (max-width: 768px) {
    .ci-035 .footer-content-card-content-f {
        max-height: 350px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
        border-top: 7px solid #ffd400;
    }

    .ci-035 .footer-content-name {
        padding: 0 16px;
        color: #000;
        font-family: Thongterm-Roman;
        font-size: 14px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-align: left;
    }

    .ci-035 .bg-hg-card {
        background: unset;
    }

    .ci-035 .hg-height-top {
        height: unset;
    }

    .ci-035 .hg-title-article {
        width: 100%;
        height: unset;
        margin-top: unset;
        font-size: 26px;
        letter-spacing: 0;
        line-height: 38px;
    }

    .ci-035 .footer-content-card .text-title,
    .ci-035 .footer-content-card-f .text-title {
        font-size: 18px;
    }

    .ci-035 .ar-text-title {
        font-size: 26px;
    }

    .ci-035 .ar-card {
        padding: 24px 16px;
    }

    .ci-035 .ar-top {
        margin-top: unset;
    }

    .ci-035 .pt-content-footer {
        margin-top: 16px;
    }

    .ci-035 .pt-content-footer2 {
        margin-top: 32px;
    }

    .ci-035 .mt-footer {
        margin-bottom: 16px;
    }

    .ci-035 .ar-header-img {
        height: 360px;
        width: 100%;
        object-fit: cover;
    }

    .ci-035 .ar-footer-center {
        text-align: center;
    }

    .ci-035 .mt-24px-xs {
        margin-top: 24px;
    }

    .ci-035 .mt-ar-text1 {
        margin-top: 16px;
    }

    .ci-035 .ar-text-title {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 26px;
        font-weight: bold;
        line-height: 48px;
        padding-left: 8px;
        margin-left: unset;
        border-left: 10px solid #ffd400
    }

    .ci-035 .menu-bar.open-bar {
        bottom: 394px;
    }

    .ci-035 .menu-bar {
        background: #FDD200;
        border-radius: 5px 0px 0px 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 18px;
        padding-right: 18px;
        cursor: pointer;
        position: fixed;
        width: 100%;
        z-index: 999;
        bottom: 0;
    }

    .ci-035 .menu-bar .title {
        position: relative;
        width: 100%;
    }

    .ci-035 h3 {
        font-size: 18px;
        line-height: 30px;
    }

    .ci-035 .menu-bar .title:after {
        content: '\f107';
        font-family: 'Font Awesome 5 Pro';
        color: #5a5a5a;
        font-size: 18px;
        position: absolute;
        top: 0;
        right: 0px;
    }

    .ci-035 .menu-bar.open-bar .title:after {
        content: '\f106';
    }

    .ci-035 .menu-bar:not(.show-menu-bar) {
        display: none;
    }

    .ci-035  div#rcm-product.open-bar {
        position: fixed;
        width: 100%;
        z-index: 999;
        bottom: 0;
        background: #ffffff;
        padding-top: 16px;
    }


}

/* #endregion */

/* #region CI-011*/

.ci-011 .swiper-button-next {
    background-image: url("/content/images/gulu-next.png");
    width: 32px;
    height: 32px;
}

.ci-011 .swiper-button-prev {
    background-image: url("/content/images/gulu-prev.png");
    width: 32px;
    height: 32px;
}

.ci-011 .swiper-button-prev:after,
.swiper-button-next:after {
    content: unset !important;
}

.container--content.ci-011 {
    max-width: 1170px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 80px;
}

.ci-011 .ho-title-cat {
    color: #222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 48px;
}

.ci-011 .ho-title-more {
    color: #f76f00;
    font-family: "Thongterm-Roman";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
}

.ci-011 .ho-pd-rl-m {
    padding-left: 0;
    padding-right: 0;
}

.ci-011 .mt-30 {
    padding-top: 30px;
    padding-bottom: 70px;
}

.ci-011 .gr-title-top {
    color: #222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 48px;
    margin-top: 40px;
    padding: unset;
}

.ci-011 .mt-24px-all {
    margin-top: 24px;
}

.ci-011 .hide-mobile {
    display: none
}

.ci-011 .gr-title-name {
    color: #222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 36px;
}

.ci-011 .gr-img-profile {
    height: 230px;
    width: 230px;
    border-radius: 50%;
}

@media (min-width: 768px) {
    .ci-011 .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}


@media screen and (min-width: 769px) and (max-width:991px) {
    .ci-011 .pp-mr-16px {
        margin-right: 16px
    }

    .ci-011 .pp-ml-16px {
        margin-left: 16px
    }

    .ci-011 .pp-pd-rl-16px {
        padding-left: 16px;
        padding-right: 16px
    }

    .ci-011 .pp-pt-16px-md {
        padding-top: 16px
    }
}


.ci-011 .swiper-button-next,
.ci-011 .swiper-button-prev {
    display: none;
}


@media (max-width: 768px) {

    .ci-011 .desktop {
        display: none;
    }

    .ci-011 .mobile {
        display: inline;
    }

    .ci-011 .gr-text-detail {
        margin-top: 8px;
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0;
        line-height: 34px;
    }

    .ci-011 .swiper-button-next,
    .ci-011 .swiper-button-prev {
        display: flex;
    }
}

@media screen and (min-width: 992px) {
    .ci-011 .pp-pd-rl-16px {
        padding-left: 16px;
        padding-right: 16px;
    }

    .ci-011 .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}


.ci-011 .swiper-container {
    width: 100%;
    overflow: hidden;
}

.ci-011 .swiper-pagination .swiper-pagination-bullet {
    margin: 5px 7px 5px 7px;
    background: transparent;
    display: inline-block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    border: 1px solid #8f8f8f;
    opacity: 1;
}

.ci-011 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #ffd400;
    border: 0;
}

.ci-011 .swiper-button-next,
.swiper-button-prev {
    width: 32px;
    height: 32px;
    background-color: #ffd400;
    border-radius: 50%;
    font-weight: 900;
    font-size: 18px;
    color: #5e5e5e
}


.ci-011 .col-1
{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

/* #endregion CI-011*/

/* #region CI-008*/


.container--content.ci-008 {
    max-width: 1170px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 80px;
}

.ci-008 .gr-title-top {
    color: #222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 48px;
    margin-top: 40px;
    padding: unset;
}

.ci-008 .mt-24px-all {
    margin-top: 24px;
}

.ci-008 .hide-mobile {
    display: none
}

.ci-008 .gr-title-name {
    color: #222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 36px;
}

.ci-008 .hide-mobile {
    display: none;
}

.ci-008 .hide-pc {
    display: block;
}

.ci-008 .gr-img-profile {
    height: 230px;
    width: 230px;
    border-radius: 50%;
}

@media (min-width: 768px) {
    .ci-008 .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}


@media screen and (min-width: 769px) and (max-width:991px) {
    .ci-008 .pp-mr-16px {
        margin-right: 16px
    }

    .ci-008 .pp-ml-16px {
        margin-left: 16px
    }

    .ci-008 .pp-pd-rl-16px {
        padding-left: 16px;
        padding-right: 16px
    }

    .ci-008 .pp-pt-16px-md {
        padding-top: 16px
    }
}

.ci-008 .mobile {
    display: none;
}


@media (max-width: 768px) {

    .ci-008 .desktop {
        display: none;
    }

    .ci-008 .mobile {
        display: inline;
    }

    .ci-008 .gr-text-detail {
        margin-top: 8px;
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0;
        line-height: 34px;
    }
}

@media screen and (min-width: 992px) {
    .ci-008 .pp-pd-rl-16px {
        padding-left: 16px;
        padding-right: 16px;
    }

    .ci-008 .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}


.ci-008 .swiper-container {
    width: 100%;
    overflow: hidden;
}

.ci-008 .swiper-pagination {
    margin-top: 30px;
}

.ci-008 .swiper-pagination .swiper-pagination-bullet {
    margin: 5px 7px 5px 7px;
    background: transparent;
    display: inline-block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    border: 1px solid #222;
    opacity: 1;
}

.ci-008 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #ffd400;
    border: 1px solid #ffd400
}

.ci-008 .swiper-button-next,
.swiper-button-prev {
    width: 32px;
    height: 32px;
    background-color: #ffd400;
    border-radius: 50%;
    font-weight: 900;
    font-size: 18px;
    color: #5e5e5e
}



.ci-008 .col-1,
{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.ci-008 .swiper-button-next {
    background-image: url("/content/images/gulu-next.png");
    width: 32px;
    height: 32px;
}

.ci-008 .swiper-button-prev {
    background-image: url("/content/images/gulu-prev.png");
    width: 32px;
    height: 32px;
}

.ci-008 .swiper-button-prev:after,
.swiper-button-next:after {
    content: unset !important;
}

/*#endregion CI-008*/

/* #region CI-007 */
.ci-007 {
    .text-color {
        color: #ff8c00 !important
    }

    .bullet-color ul {
        list-style: none
    }

    .bullet-color ul li::before {
        content: "•";
        color: #fd0;
        font-weight: bold;
        font-size: 20px;
        display: inline-block;
        width: 1.3em
    }

    .ab-text {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px
    }

    .ab-title-footer {
        color: #5a5a5a;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px
    }

    .ab-sub-title {
        margin-top: 40px;
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
        padding-left: 16px;
        border-left: 10px solid #ffd400
    }

    .ab-mt-box {
        margin-top: 24px
    }

    .ab-content {
        margin-top: 40px
    }

    .ab-content-box {
        margin-top: 24px
    }

    .ab-text-footer1 {
        display: inline-flex;
        margin-left: 50px
    }

    .ab-text-footer2 {
        display: inline-flex;
        margin-left: 40px
    }

    .ab-li-text {
        color: #6f5f5e;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        font-weight: bold
    }

    .ab-li-text2 {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        letter-spacing: 0;
        font-weight: normal
    }

    .ab-title-text {
        color: #6f5f5e;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
        text-align: center;
        width: 100%
    }

    .ab-box {
        width: 196px;
        height: 198px
    }

    .box-top {
        height: 108px;
        width: 196px;
        background-color: #ffd400;
        border-radius: 3px 3px 0 0;
        align-items: center
    }

    .ab-text-boxT {
        color: #554242;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
        text-align: center
    }

    .ab-text-boxB {
        height: 58px;
        width: 170px;
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
        text-align: center
    }

    .box-bottom {
        height: 90px;
        width: 196px;
        background-color: #f3f3f3;
        align-items: center
    }

    .btn-link:hover,
    .btn-link:focus {
        color: #ff6700 !important;
        text-decoration: underline;
        background-color: transparent
    }

    .bottom-line {
        border-bottom: 2px solid #ffda00;
        line-height: 35px
    }

    .hry1 {
        border: 1px solid #fed403;
        margin-top: 10px;
        margin-bottom: 15px
    }

    @media(max-width:992px) {
        .ab-text-footer1 {
            margin: 9px 0
        }

        .ab-text-footer2 {
            margin: 9px 0
        }
    }

    .ar-content-img-f {
        width: 100%;
        max-height: 255px;
        object-fit: cover
    }

    .footer-content-card-f {
        height: 428px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05)
    }

    @media(max-width:767px) {
        .ar-content-img-f {
            width: 100%;
            max-height: 152px;
            object-fit: cover
        }

        .ar-content-img-f2 {
            width: 100%;
            height: 152px;
            object-fit: cover
        }

        .footer-content-card-f {
            height: 306px;
            border-radius: 3px;
            background-color: #fff;
            box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05)
        }

        .ab-content {
            margin-top: 24px
        }

        .ab-title-footer {
            font-size: 18px
        }

        .ab-text-footer1 {
            margin: 9px 0
        }

        .ab-text-footer2 {
            margin: 9px 0
        }

        .ab-sub-title {
            margin-top: 24px;
            font-size: 18px;
            line-height: 28px;
            padding-left: 16px;
            border-left: 10px solid #ffd400
        }

        .ab-title-text {
            font-size: 18px;
            width: 320px
        }

        .ab-content-box {
            margin-top: 16px
        }

        .table-responsive {
            width: 100%;
            margin-bottom: 15px;
            overflow-y: hidden;
            overflow-x: scroll;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            -webkit-overflow-scrolling: touch
        }

        .table-responsive>.table {
            margin-bottom: 0
        }

        .table-responsive>.table>thead>tr>th,
        .table-responsive>.table>tbody>tr>th,
        .table-responsive>.table>tfoot>tr>th,
        .table-responsive>.table>thead>tr>td,
        .table-responsive>.table>tbody>tr>td,
        .table-responsive>.table>tfoot>tr>td {
            white-space: nowrap;
            font-size: 12px
        }

        .table-responsive>.table-bordered {
            border: 0
        }

        .table-responsive>.table-bordered>thead>tr>th:first-child,
        .table-responsive>.table-bordered>tbody>tr>th:first-child,
        .table-responsive>.table-bordered>tfoot>tr>th:first-child,
        .table-responsive>.table-bordered>thead>tr>td:first-child,
        .table-responsive>.table-bordered>tbody>tr>td:first-child,
        .table-responsive>.table-bordered>tfoot>tr>td:first-child {
            border-left: 0
        }

        .table-responsive>.table-bordered>thead>tr>th:last-child,
        .table-responsive>.table-bordered>tbody>tr>th:last-child,
        .table-responsive>.table-bordered>tfoot>tr>th:last-child,
        .table-responsive>.table-bordered>thead>tr>td:last-child,
        .table-responsive>.table-bordered>tbody>tr>td:last-child,
        .table-responsive>.table-bordered>tfoot>tr>td:last-child {
            border-right: 0
        }

        .table-responsive>.table-bordered>tbody>tr:last-child>th,
        .table-responsive>.table-bordered>tfoot>tr:last-child>th,
        .table-responsive>.table-bordered>tbody>tr:last-child>td,
        .table-responsive>.table-bordered>tfoot>tr:last-child>td {
            border-bottom: 0
        }
    }

    .ar-header-img {
        width: 100%
    }

    .bg-hg-card {
        background: linear-gradient(#ffd400 0%, #ffd400 1.2%, #fff 1.2%, #fff 100%)
    }

    .hg-height-top {
        height: 510px
    }

    .hg-title-article {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 40px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 64px;
        width: 436px;
        height: 128px;
        margin-top: 99px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .hg-img-article {
        width: 100%;
        height: 438px
    }

    .ar-content-img {
        width: 100%;
        min-height: 255px;
        object-fit: cover
    }

    .ar-pd-rm {
        padding-right: unset;
        padding-left: unset
    }

    .ar-pd-l-rm {
        padding-left: unset
    }

    .ar-pd-r-rm {
        padding-right: unset
    }

    .ar-mg-rm {
        margin-right: unset;
        margin-left: unset
    }

    .ar-card {
        background-color: #fff
    }

    .ar-top {
        margin-top: -40px
    }

    .ar-card {
        padding: 40px
    }

    .ar-box-title {
        line-height: 48px;
        border-left: 10px solid #ffd400
    }

    .ar-text-title {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 32px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 48px;
        padding-left: 16px;
        border-left: 10px solid #ffd400
    }

    .ar-text-sub-title {
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 48px;
        padding-left: 16px;
        border-left: 10px solid #ffd400
    }

    .ar-bullet-decimal {
        list-style: decimal
    }

    .ar-bullet-circle {
        list-style: circle
    }

    .ar-profile-img {
        height: 48px;
        width: 48px;
        border-radius: 25px
    }

    .ar-profile-name {
        color: #222;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        vertical-align: middle;
        margin-left: 24px;
        font-style: italic
    }

    .ar-pull-right {
        text-align: right
    }

    .ar-share-img {
        height: 38px;
        width: 38px;
        cursor: pointer
    }

    .ar-text-content {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px
    }

    .ar-sub-title {
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        margin-left: 16px
    }

    .ar-content-img {
        width: 100%
    }

    .ar-text-credit {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        letter-spacing: 0
    }

    .ar-text-credit a {
        color: #f76f00;
        cursor: pointer
    }

    .ar-text-credit a:hover,
    .ar-text-credit a:focus {
        color: #f76f00
    }

    .ar-tag {
        color: #5a5a5a;
        font-family: "Thongterm-Bold";
        font-size: 16px;
        font-weight: bold
    }

    .ar-tag-name {
        color: #545454;
        font-family: "Thongterm Roman";
        font-size: 14px
    }

    .ar-tag-footer {
        height: 34px;
        border: 1px solid #e8e8e8;
        color: #545454;
        font-family: "Thongterm-Roman";
        font-size: 14px;
        text-align: center;
        border-radius: 4px;
        padding: 2px 8px;
        cursor: pointer
    }

    .ar-display-table {
        display: table
    }

    .ar-display-table-cell {
        display: table-cell;
        vertical-align: middle
    }

    .ar-box-back {
        width: 96px;
        cursor: pointer
    }

    .ar-text-back {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        padding-left: 17px
    }

    .ar-text-content2 {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        font-weight: bold;
        padding-left: 15px;
        padding-right: 15px;
        text-align: left
    }

    .ar-content2 {
        padding: 40px 65px
    }

    .pt-content-footer {
        margin-top: 40px
    }

    .pt-content-footer2 {
        margin-top: 80px
    }

    .footer-content-card {
        min-height: 428px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05)
    }

    .footer-content-all {
        color: #f76f00 !important;
        font-family: "Thongterm-Roman";
        font-size: 14px;
        font-weight: normal
    }

    .footer-content-card-content {
        min-height: 508px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
        border-top: 7px solid #ffd400
    }

    .footer-content-type {
        color: #5a5a5a;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        font-weight: bold;
        padding: 16px 16px 8px 16px;
        text-align: left
    }

    .footer-content-title {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 18px;
        font-weight: bold;
        height: 60px;
        padding: 0 16px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: left
    }

    .footer-content-name {
        padding: 45px 16px 9px 16px;
        color: #000;
        font-family: Thongterm-Roman;
        font-size: 14px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-align: left
    }

    .footer-content-div-read {
        padding: 9px 16px
    }

    .footer-content-read {
        color: #5a5a5a;
        font-family: Thongterm-Roman;
        font-size: 14px
    }

    .img-content-footer {
        width: 100%
    }

    .mt-footer {
        margin-bottom: 40px
    }

    .ar-footer-center {
        text-align: unset
    }

    .mt-ar-text1 {
        margin-top: 24px
    }

    .footer-content-card .text-title,
    .footer-content-card-f .text-title {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        padding: 16px 16px 8px 16px;
        white-space: break-spaces;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: left
    }

    .footer-content-card .text-detail,
    .footer-content-card-f .text-detail {
        color: #5a5a5a;
        height: 58px;
        font-size: 16px;
        letter-spacing: 0;
        padding: 0 16px 16px 16px;
        overflow: hidden;
        white-space: break-spaces;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: left
    }

    @media(max-width:768px) {
        .footer-content-name {
            padding: 0 16px;
            color: #000;
            font-family: Thongterm-Roman;
            font-size: 14px;
            white-space: break-spaces;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            text-align: left
        }

        .bg-hg-card {
            background: unset
        }

        .hg-height-top {
            height: unset
        }

        .hg-title-article {
            width: 100%;
            height: unset;
            margin-top: unset;
            font-size: 26px;
            letter-spacing: 0;
            line-height: 38px
        }

        .footer-content-card .text-title,
        .footer-content-card-f .text-title {
            font-size: 18px
        }

        .ar-text-title {
            font-size: 26px
        }

        .ar-card {
            padding: 24px 16px
        }

        .ar-top {
            margin-top: unset
        }

        .pt-content-footer {
            margin-top: 16px
        }

        .pt-content-footer2 {
            margin-top: 32px
        }

        .mt-footer {
            margin-bottom: 16px
        }

        .ar-header-img {
            height: 360px;
            width: 100%;
            object-fit: cover
        }

        .ar-footer-center {
            text-align: center
        }

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

        .mt-ar-text1 {
            margin-top: 16px
        }

        .ar-text-title {
            color: #222;
            font-family: "Krungsri-Condensed-Bold";
            font-size: 26px;
            font-weight: bold;
            line-height: 48px;
            padding-left: 8px;
            margin-left: unset;
            border-left: 10px solid #ffd400
        }
    }

}

/* #endregion */

/* #region CI-014 */
.ci-014 h2 {
    margin-top: 0px;
    margin-bottom: 0px;
}

    .ci-014 .container--header {
        margin-bottom: 16px;
    }

    .ci-014 .content-header {
        margin-bottom: 40px;
    }

    .ci-014 .recommend-zone-custom {
        margin-bottom: 50px;
    }

    .ci-014 .container--content .image {
        position: relative;
        overflow: hidden;
        height: 270px;
    }

        .ci-014 .container--content .image img {
            height: 270px;
            width: auto;
            position: absolute;
            margin: auto;
            min-height: 100%;
            min-width: 100%;
            left: -100%;
            right: -100%;
            top: -100%;
            bottom: -100%;
        }

@media screen and (max-width: 768px) {
    /*.ci-014 {
    padding: 0 15px;
    } */   
    
    .ci-014 .description {
        bottom: 0;
        font-size: 14px;
    }

        .ci-014 .container--content .image {
            position: relative;
            overflow: hidden;
            height: 110px;
        }

            .ci-014 .container--content .image img {
                height: 110px;
                width: auto;
                position: absolute;
                margin: auto;
                min-height: 100%;
                min-width: 100%;
                left: -100%;
                right: -100%;
                top: -100%;
                bottom: -100%;
            }

        .ci-014 .text-ellipsis-1line {
            display: -webkit-box;
            overflow: hidden;
            white-space: normal;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
        }

        .ci-014 .recommend-zone-custom {
            margin-bottom: 24px;
        }

        .ci-014 .container--header-custom {
            margin-bottom: 32px;
        }

        .ci-014 .content-header {
            margin-bottom: 24px;
        }

        .ci-014 .container--content {
            padding-top: 0px;
        }

        .ci-014 .px-m-0 {
            padding-left: 0px;
            padding-right: 0px;
        }

        .ci-014 .card-info .header {
            padding-bottom: 8px;
        }

    .ci-014 h3 {
        font-size: 18px;
        line-height: 24px;
        color: #000000;
        min-height: 46px;
    }
}

    .ci-014 .container--content#content-thecoach {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .ci-014 .container--content#content-relatedarticle {
        margin-bottom: 40px;
    }

    .ci-014 .background-light-gray {
        background: #f9f9f9;
    }

    .ci-014 .ar-top {
        margin-top: 0px;
    }

    .ci-014 .title-type {
        background: #fdd200;
        border-radius: 3px;
        padding: 0px 10px;
        font-family: 'Thongterm-roman';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 30px;
        color: #222;
    }

    .ci-014 .ar-share-img {
        height: 32px;
        width: 32px;
        cursor: pointer;
    }

    .ci-014 .ar-card {
        padding: 0px;
    }

    .ci-014 .ar-text-title {
        border: unset;
        padding-left: 0;
    }

    .ci-014 .ar-text-post {
        font-size: 14px;
        color: #949494;
        font-family: 'Thongterm';
    }

    .ci-014 .ar-profile-name {
        color: #f76f00;
        font-family: "Thongterm-Roman";
        font-family: 'Thongterm';
        font-size: 14px;
        vertical-align: middle;
        margin-left: 8px;
        font-weight: 700;
        font-style: normal;
    }

    .ci-014 img.icon-access-time {
        position: relative;
        bottom: 3px;
    }

    .ci-014 .ar-pd-rm {
        padding-right: 15px;
        padding-left: 15px;
    }

    .ci-014 .ar-tag-footer {
        padding: 4px 8px;
    }

    .ci-014 .ar-box-title {
        line-height: 48px;
        border-left: 6px solid #fdd200;
        margin-top: 27px;
        margin-bottom: 18px;
        padding-left: 10px;
    }

    .ci-014 #rcm-product .card-content {
        display: inline-block;
        border-radius: 3px;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
        background-color: #fff;
        width: 100%;
    }

    .ci-014 #rcm-product img.card-content-img {
        width: 100%;
        height: auto;
        object-fit: cover;
        min-height: unset;
    }

    .ci-014 #rcm-product .box-text {
        padding: 14px 16px 16px 16px;
    }

    .ci-014 #rcm-product .card-content-text {
        font-family: "Krungsri-Condensed-Bold";
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        min-height: 60px;
    }

    .ci-014 .text-right.tag-footer {
        display: flex;
        justify-content: space-between !important;
        position: relative;
        padding-top: 12px;
    }

    .ci-014 #rcm-article .card-content {
        border-top: none;
        min-height: unset;
        height: auto;
        display: block;
        border-radius: 3px;
        background-color: #fff;
        filter: drop-shadow(1px 2px 10px rgba(35, 19, 18, 0.1));
    }

    .ci-014 #rcm-article .box-img img.card-content-img {
        width: 100%;
        height: auto;
        height: 270px;
        object-fit: cover;
        min-height: unset;
        border-radius: 3px 0px 0px 3px;
    }

    .ci-014 #rcm-article .box-text {
        border-top: unset;
        width: 100%;
        position: relative;
        padding: 10px 20px 10px 20px;
    }

    .ci-014 #rcm-article .card-content-type {
        font-family: 'Thongterm';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 30px;
        color: #5a5a5a;
    }

    .ci-014 #rcm-article .card-content-title h4 {
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        min-height: 60px;
        margin-bottom: 16px;
    }

    .ci-014 #rcm-article .card-content-detail {
        display: none;
    }

    .ci-014 #rcm-article .card-content-name {
        display: none;
    }

    .ci-014 #rcm-article .card-content-readmore {
        font-family: 'Thongterm';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        width: 100%;
        position: relative;
    }

    .ci-014 #rcm-article .card-readmore img.icon-clock {
        margin-right: 0px;
        position: relative;
        /*width: 16px;
    height: 16.8px;*/
        bottom: 5px;
    }

    .ci-014 #rcm-article .card-readmore a#btnShare {
        position: relative;
        right: unset;
        bottom: 4px;
    }

    .ci-014 #rcm-article .card-readmore img#shareImageIcon {
        width: 11px;
        height: 12px;
    }

    .ci-014 div#content-right {
        z-index: 9;
    }

    @media screen and (min-width: 1199.5px) {
        .ci-014 div#content-right.fixbox .box-product {
            position: fixed;
            float: right;
            top: 24px;
            right: unset;
            max-width: 270px;
        }
    }

    @media screen and (max-width: 1198.9px) and (min-width: 767.9px) {
        .ci-014 div#content-right.fixbox .box-product {
            position: fixed;
            float: right;
            top: 24px;
            right: 0px;
        }
    }

    .ci-014 .fix-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 20px;
        z-index: 10;
    }

    .ci-014 .zone-breadcrumb {
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
    }

    .ci-014 .container--breadcrumb {
        min-height: 64px;
    }

    .ci-014 button.btn.btn-link.btn-ar-drop {
        padding: 0;
    }

    .ci-014 div#heading26012 {
        padding: 10px 0px 10px 20px;
        max-height: 50px;
        min-height: unset;
        border-left: unset;
    }

    .ci-014 ul.ar-ul {
        font-family: 'Thongterm';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        color: #222;
    }

        .ci-014 ul.ar-ul li {
            list-style: none;
        }


    @media screen and (max-width: 767px) {


        .ci-014 .background-light-gray-xs {
            background: #f9f9f9;
        }

        .ci-014 .container--content#content-thecoach {
            margin-bottom: 0px;
            margin-top: 24px;
        }

        .ci-014 .container--content#content-relatedarticle {
            margin-bottom: 80px;
            margin-top: 8px;
        }

        .ci-014 .title-type {
            font-size: 12px;
            line-height: 26px;
        }

        .ci-014 .ar-text-post {
            font-size: 12px;
            color: #949494;
        }

        .ci-014 .ar-profile-name {
            color: #f76f00;
            font-size: 12px;
        }

        .ci-014 .text-right.tag-footer {
            padding-top: 24px;
            padding-bottom: 24px;
        }

        .ci-014 .ar-text-title {
            line-height: 38px;
        }

        .ci-014 .ar-pd-rm {
            padding-right: 16px;
            padding-left: 16px;
        }

        .ci-014 .ar-box-title {
            margin-top: 24px;
            margin-bottom: 16px;
        }

        .ci-014 #rcm-product .card-content {
            border-top: none;
            min-height: unset;
            height: 110px;
            display: flex;
            border-radius: 3px;
            background-color: #fff;
            border: 1px solid #f3f3f3;
            filter: drop-shadow(1px 2px 10px rgba(35, 19, 18, 0.1));
            width: 100%;
        }

        .ci-014 #rcm-product img.card-content-img {
            width: 110px;
            height: 110px;
            object-fit: cover;
            min-height: unset;
            border-radius: 3px 0px 0px 3px;
        }

        .ci-014 #rcm-product .card-content a {
            display: flex;
        }

        .ci-014 #rcm-product .box-text {
            border-bottom: 3px solid #fdd200;
            height: 110px;
        }

        .ci-014 #rcm-product.open-bar .box-text {
            padding: 8px 15px 15px 8px;
            border-bottom: unset;
        }

        .ci-014 #rcm-article .card-content {
            display: flex;
            border-radius: 3px;
            background-color: #fff;
        }

        .ci-014 #rcm-article .card-readmore a#btnShare {
            bottom: 6px;
        }

        .ci-014 #rcm-article .box-img img.card-content-img {
            width: 110px;
            height: 110px;
            object-fit: cover;
            min-height: unset;
            border-radius: 3px 0px 0px 3px;
        }

        .ci-014 #rcm-article .box-text {
            border-top: unset;
            max-width: unset;
            position: relative;
            padding: 5px 8px 0px 8px;
        }

        .ci-014 #rcm-article .card-content-type {
            font-size: 12px;
            line-height: 26px;
        }

        .ci-014 #rcm-article .card-content-title h4 {
            min-height: 46px;
            margin-bottom: 0;
            line-height: 24px;
        }

        .ci-014 #rcm-article .card-content-readmore {
            font-size: 12px;
            line-height: 26px;
            height: 26px;
        }

        .ci-014 #rcm-product .card-content-text {
            font-size: 18px;
            line-height: 30px;
        }

        .ci-014 div#ar-drop {
            padding-bottom: 24px;
        }

        .ci-014 div#heading26012 {
            padding: 10px 16px 10px 16px;
            max-height: 50px;
            min-height: unset;
            border-left: unset;
        }

        .ci-014 #ar-category .card-body {
            font-family: 'Thongterm';
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 30px;
            color: #222;
            padding-inline-start: 8px;
        }

        .ci-014 ul.ar-ul {
            font-family: 'Thongterm';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 30px;
            color: #222;
            padding-inline-start: 10px;
        }

        .ci-014 #content-right {
            z-index: 10;
        }

        .ci-014 #content-left {
            z-index: 11;
        }
    }

    .ci-014 .text-color {
        color: #ff8c00 !important;
    }

    .ci-014 .bullet-color ul {
        list-style: none;
    }

        .ci-014 .bullet-color ul li::before {
            content: "•";
            color: #fd0;
            font-weight: bold;
            font-size: 20px;
            display: inline-block;
            width: 1.3em;
        }

    .ci-014 .ab-text {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
    }

    .ci-014 .ab-title-footer {
        color: #5a5a5a;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
    }

    .ci-014 .ab-sub-title {
        margin-top: 40px;
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
        padding-left: 16px;
        border-left: 10px solid #ffd400;
    }

    .ci-014 .ab-mt-box {
        margin-top: 24px;
    }

    .ci-014 .ab-content {
        margin-top: 40px;
    }

    .ci-014 .ab-content-box {
        margin-top: 24px;
    }

    .ci-014 .ab-text-footer1 {
        display: inline-flex;
        margin-left: 50px;
    }

    .ci-014 .ab-text-footer2 {
        display: inline-flex;
        margin-left: 40px;
    }

    .ci-014 .ab-li-text {
        color: #6f5f5e;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        font-weight: bold;
    }

    .ci-014 .ab-li-text2 {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        letter-spacing: 0;
        font-weight: normal;
    }

    .ci-014 .ab-title-text {
        color: #6f5f5e;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
        text-align: center;
        width: 100%;
    }

    .ci-014 .ab-box {
        width: 196px;
        height: 198px;
    }

    .ci-014 .box-top {
        height: 108px;
        width: 196px;
        background-color: #ffd400;
        border-radius: 3px 3px 0 0;
        align-items: center;
    }

    .ci-014 .ab-text-boxT {
        color: #554242;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
        text-align: center;
    }

    .ci-014 .ab-text-boxB {
        height: 58px;
        width: 170px;
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
        text-align: center;
    }

    .ci-014 .box-bottom {
        height: 90px;
        width: 196px;
        background-color: #f3f3f3;
        align-items: center;
    }

    .ci-014 .btn-link:hover, .ci-014 .btn-link:focus {
        color: #ff6700 !important;
        text-decoration: underline;
        background-color: transparent;
    }

    .ci-014 .bottom-line {
        border-bottom: 2px solid #ffda00;
        line-height: 35px;
    }

    .ci-014 .hry1 {
        border: 1px solid #fed403;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    @media (max-width: 992px) {
        .ci-014 .ab-text-footer1 {
            margin: 9px 0;
        }

        .ci-014 .ab-text-footer2 {
            margin: 9px 0;
        }
    }

    .ci-014 .ar-content-img-f {
        width: 100%;
        max-height: 255px;
        object-fit: cover;
    }

    .ci-014 .ar-content-img-f2 {
        width: 100%;
        height: 245px;
        object-fit: cover;
    }

    .ci-014 .footer-content-card-f {
        height: 428px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
    }

    @media (max-width: 767px) {
        .ci-014 .ar-content-img-f {
            width: 100%;
            max-height: 152px;
            object-fit: cover;
        }

        .ci-014 .ar-content-img-f2 {
            width: 100%;
            height: 152px;
            object-fit: cover;
        }

        .ci-014 .footer-content-card-f {
            height: 306px;
            border-radius: 3px;
            background-color: #fff;
            box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
        }

        .ci-014 .ab-content {
            margin-top: 24px;
        }

        .ci-014 .ab-title-footer {
            font-size: 18px;
        }

        .ci-014 .ab-text-footer1 {
            margin: 9px 0;
        }

        .ci-014 .ab-text-footer2 {
            margin: 9px 0;
        }

        .ci-014 .ab-sub-title {
            margin-top: 24px;
            font-size: 18px;
            line-height: 28px;
            padding-left: 16px;
            border-left: 10px solid #ffd400;
        }

        .ci-014 .ab-title-text {
            font-size: 18px;
            width: 320px;
        }

        .ci-014 .ab-content-box {
            margin-top: 16px;
        }

        .ci-014 .table-responsive {
            width: 100%;
            margin-bottom: 15px;
            overflow-y: hidden;
            overflow-x: scroll;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            -webkit-overflow-scrolling: touch;
        }

            .ci-014 .table-responsive > .table {
                margin-bottom: 0;
            }

                .ci-014 .table-responsive > .table > thead > tr > th, .ci-014 .table-responsive > .table > tbody > tr > th, .ci-014 .table-responsive > .table > tfoot > tr > th, .ci-014 .table-responsive > .table > thead > tr > td, .ci-014 .table-responsive > .table > tbody > tr > td, .ci-014 .table-responsive > .table > tfoot > tr > td {
                    white-space: nowrap;
                    font-size: 12px;
                }

            .ci-014 .table-responsive > .table-bordered {
                border: 0;
            }

                .ci-014 .table-responsive > .table-bordered > thead > tr > th:first-child, .ci-014 .table-responsive > .table-bordered > tbody > tr > th:first-child, .ci-014 .table-responsive > .table-bordered > tfoot > tr > th:first-child, .ci-014 .table-responsive > .table-bordered > thead > tr > td:first-child, .ci-014 .table-responsive > .table-bordered > tbody > tr > td:first-child, .ci-014 .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                    border-left: 0;
                }

                .ci-014 .table-responsive > .table-bordered > thead > tr > th:last-child, .ci-014 .table-responsive > .table-bordered > tbody > tr > th:last-child, .ci-014 .table-responsive > .table-bordered > tfoot > tr > th:last-child, .ci-014 .table-responsive > .table-bordered > thead > tr > td:last-child, .ci-014 .table-responsive > .table-bordered > tbody > tr > td:last-child, .ci-014 .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                    border-right: 0;
                }

                .ci-014 .table-responsive > .table-bordered > tbody > tr:last-child > th, .ci-014 .table-responsive > .table-bordered > tfoot > tr:last-child > th, .ci-014 .table-responsive > .table-bordered > tbody > tr:last-child > td, .ci-014 .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                    border-bottom: 0;
                }
    }

    .ci-014 .ar-header-img {
        width: 100%;
    }

    .ci-014 .bg-hg-card {
        background: linear-gradient(#ffd400 0%, #ffd400 1.2%, #fff 1.2%, #fff 100%);
    }

    .ci-014 .hg-height-top {
        height: 510px;
    }

    .ci-014 .hg-title-article {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 40px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 64px;
        width: 436px;
        height: 128px;
        margin-top: 99px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .ci-014 .hg-img-article {
        width: 100%;
        height: 438px;
    }

    .ci-014 .ar-content-img {
        width: 100%;
        min-height: 255px;
        object-fit: cover;
    }

    .ci-014 .ar-pd-rm {
        padding-right: unset;
        padding-left: unset;
    }

    .ci-014 .ar-pd-l-rm {
        padding-left: unset;
    }

    .ci-014 .ar-pd-r-rm {
        padding-right: unset;
    }

    .ci-014 .ar-mg-rm {
        margin-right: unset;
        margin-left: unset;
    }

    .ci-014 .ar-card {
        background-color: #fff;
    }

    .ci-014 .ar-top {
        margin-top: -40px;
    }

    .ci-014 .ar-card {
        padding: 40px;
    }

    .ci-014 .ar-box-title {
        line-height: 48px;
        border-left: 10px solid #ffd400;
    }

    .ci-014 .ar-text-title {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 32px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 48px;
        padding-left: 16px;
        border-left: 10px solid #ffd400;
    }

    .ci-014 .ar-text-sub-title {
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 48px;
        padding-left: 16px;
        border-left: 10px solid #ffd400;
    }

    .ci-014 .ar-bullet-decimal {
        list-style: decimal;
    }

    .ci-014 .ar-bullet-circle {
        list-style: circle;
    }

    .ci-014 .ar-profile-img {
        height: 48px;
        width: 48px;
        border-radius: 25px;
    }

    .ci-014 .ar-profile-name {
        color: #222;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        vertical-align: middle;
        margin-left: 24px;
        font-style: italic;
    }

    .ci-014 .ar-pull-right {
        text-align: right;
    }

    .ci-014 .ar-share-img {
        height: 38px;
        width: 38px;
        cursor: pointer;
    }

    .ci-014 .ar-text-content {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
    }

    .ci-014 .ar-sub-title {
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        margin-left: 16px;
    }

    .ci-014 .ar-content-img {
        width: 100%;
    }

    .ci-014 .ar-text-credit {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        letter-spacing: 0;
    }

        .ci-014 .ar-text-credit a {
            color: #f76f00;
            cursor: pointer;
        }

            .ci-014 .ar-text-credit a:hover, .ci-014 .ar-text-credit a:focus {
                color: #f76f00;
            }

    .ci-014 .ar-tag {
        color: #5a5a5a;
        font-family: "Thongterm-Bold";
        font-size: 16px;
        font-weight: bold;
    }

    .ci-014 .ar-tag-name {
        color: #545454;
        font-family: "Thongterm Roman";
        font-size: 14px;
    }

    .ci-014 .ar-tag-footer {
        height: 34px;
        border: 1px solid #e8e8e8;
        color: #545454;
        font-family: "Thongterm-Roman";
        font-size: 14px;
        text-align: center;
        border-radius: 4px;
        padding: 2px 8px;
        cursor: pointer;
    }

    .ci-014 .ar-display-table {
        display: table;
    }

    .ci-014 .ar-display-table-cell {
        display: table-cell;
        vertical-align: middle;
    }

    .ci-014 .ar-box-back {
        width: 96px;
        cursor: pointer;
    }

    .ci-014 .ar-text-back {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        padding-left: 17px;
    }

    .ci-014 .ar-text-content2 {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        font-weight: bold;
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
    }

    .ci-014 .ar-content2 {
        padding: 40px 65px;
    }

    .ci-014 .pt-content-footer {
        margin-top: 40px;
    }

    .ci-014 .pt-content-footer2 {
        margin-top: 80px;
    }

    .ci-014 .footer-content-card {
        min-height: 428px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
    }

    .ci-014 .footer-content-all {
        color: #f76f00 !important;
        font-family: "Thongterm-Roman";
        font-size: 14px;
        font-weight: normal;
    }

    .ci-014 .footer-content-card-content {
        min-height: 508px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
        border-top: 7px solid #ffd400;
    }

    .ci-014 .footer-content-card-content-f {
        max-height: 508px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
        border-top: 7px solid #ffd400;
    }

    .ci-014 .footer-content-type {
        color: #5a5a5a;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        font-weight: bold;
        padding: 16px 16px 8px 16px;
        text-align: left;
    }

    .ci-014 .footer-content-title {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 18px;
        font-weight: bold;
        height: 60px;
        padding: 0 16px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: left;
    }

    .ci-014 .footer-content-name {
        padding: 45px 16px 9px 16px;
        color: #000;
        font-family: Thongterm-Roman;
        font-size: 14px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-align: left;
    }

    .ci-014 .footer-content-div-read {
        padding: 9px 16px;
    }

    .ci-014 .footer-content-read {
        color: #5a5a5a;
        font-family: Thongterm-Roman;
        font-size: 14px;
    }

    .ci-014 .img-content-footer {
        width: 100%;
    }

    .ci-014 .mt-footer {
        margin-bottom: 40px;
    }

    .ci-014 .ar-footer-center {
        text-align: unset;
    }

    .ci-014 .mt-ar-text1 {
        margin-top: 24px;
    }

    .ci-014 .footer-content-card .text-title, .ci-014 .footer-content-card-f .text-title {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        padding: 16px 16px 8px 16px;
        white-space: break-spaces;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: left;
    }

    .ci-014 .footer-content-card .text-detail, .ci-014 .footer-content-card-f .text-detail {
        color: #5a5a5a;
        height: 58px;
        font-size: 16px;
        letter-spacing: 0;
        padding: 0 16px 16px 16px;
        overflow: hidden;
        white-space: break-spaces;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: left;
    }

    @media (max-width: 768px) {
        .ci-014 .footer-content-card-content-f {
            max-height: 350px;
            border-radius: 3px;
            background-color: #fff;
            box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
            border-top: 7px solid #ffd400;
        }

        .ci-014 .footer-content-name {
            padding: 0 16px;
            color: #000;
            font-family: Thongterm-Roman;
            font-size: 14px;
            white-space: break-spaces;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            text-align: left;
        }

        .ci-014 .bg-hg-card {
            background: unset;
        }

        .ci-014 .hg-height-top {
            height: unset;
        }

        .ci-014 .hg-title-article {
            width: 100%;
            height: unset;
            margin-top: unset;
            font-size: 26px;
            letter-spacing: 0;
            line-height: 38px;
        }

        .ci-014 .footer-content-card .text-title, .ci-014 .footer-content-card-f .text-title {
            font-size: 18px;
        }

        .ci-014 .ar-text-title {
            font-size: 26px;
        }

        .ci-014 .ar-card {
            padding: 24px 16px;
        }

        .ci-014 .ar-top {
            margin-top: unset;
        }

        .ci-014 .pt-content-footer {
            margin-top: 16px;
        }

        .ci-014 .pt-content-footer2 {
            margin-top: 32px;
        }

        .ci-014 .mt-footer {
            margin-bottom: 16px;
        }

        .ci-014 .ar-header-img {
            height: 360px;
            width: 100%;
            object-fit: cover;
        }

        .ci-014 .ar-footer-center {
            text-align: center;
        }

        .ci-014 .mt-24px-xs {
            margin-top: 24px;
        }

        .ci-014 .mt-ar-text1 {
            margin-top: 16px;
        }

        .ci-014 .ar-text-title {
            color: #222;
            font-family: "Krungsri-Condensed-Bold";
            font-size: 26px;
            font-weight: bold;
            line-height: 48px;
            padding-left: 8px;
            margin-left: unset;
            border-left: 10px solid #ffd400;
        }
    }
    /* #endregion */ 

    /* #region CI-032 */
    .ci-032 .text-color {
        color: #ff8c00 !important
    }

    .bullet-color ul {
        list-style: none
    }

    .bullet-color ul li::before {
        content: "•";
        color: #fd0;
        font-weight: bold;
        font-size: 20px;
        display: inline-block;
        width: 1.3em
    }

    .ab-text {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px
    }

    .ab-title-footer {
        color: #5a5a5a;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px
    }

    .ab-sub-title {
        margin-top: 40px;
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
        padding-left: 16px;
        border-left: 10px solid #ffd400
    }

    .ab-mt-box {
        margin-top: 24px
    }

    .ab-content {
        margin-top: 40px
    }

    .ab-content-box {
        margin-top: 24px
    }

    .ab-text-footer1 {
        display: inline-flex;
        margin-left: 50px
    }

    .ab-text-footer2 {
        display: inline-flex;
        margin-left: 40px
    }

    .ab-li-text {
        color: #6f5f5e;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        font-weight: bold
    }

    .ab-li-text2 {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        letter-spacing: 0;
        font-weight: normal
    }

    .ab-title-text {
        color: #6f5f5e;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
        text-align: center;
        width: 100%
    }

    .ab-box {
        width: 196px;
        height: 198px
    }

    .box-top {
        height: 108px;
        width: 196px;
        background-color: #ffd400;
        border-radius: 3px 3px 0 0;
        align-items: center
    }

    .ab-text-boxT {
        color: #554242;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
        text-align: center
    }

    .ab-text-boxB {
        height: 58px;
        width: 170px;
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
        text-align: center
    }

    .box-bottom {
        height: 90px;
        width: 196px;
        background-color: #f3f3f3;
        align-items: center
    }

    .btn-link:hover,
    .btn-link:focus {
        color: #ff6700 !important;
        text-decoration: underline;
        background-color: transparent
    }

    .bottom-line {
        border-bottom: 2px solid #ffda00;
        line-height: 35px
    }

    .hry1 {
        border: 1px solid #fed403;
        margin-top: 10px;
        margin-bottom: 15px
    }

    @@media(max-width:992px) {
        .ab-text-footer1 {
            margin: 9px 0
        }

        .ab-text-footer2 {
            margin: 9px 0
        }
    }

    .ar-content-img-f {
        width: 100%;
        max-height: 255px;
        object-fit: cover
    }

    .ar-content-img-f2 {
        width: 100%;
        height: 245px;
        object-fit: cover
    }

    .footer-content-card-f {
        height: 428px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05)
    }

    @@media(max-width:767px) {
        .ar-content-img-f {
            width: 100%;
            max-height: 152px;
            object-fit: cover
        }

        .ar-content-img-f2 {
            width: 100%;
            height: 152px;
            object-fit: cover
        }

        .footer-content-card-f {
            height: 306px;
            border-radius: 3px;
            background-color: #fff;
            box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05)
        }

        .ab-content {
            margin-top: 24px
        }

        .ab-title-footer {
            font-size: 18px
        }

        .ab-text-footer1 {
            margin: 9px 0
        }

        .ab-text-footer2 {
            margin: 9px 0
        }

        .ab-sub-title {
            margin-top: 24px;
            font-size: 18px;
            line-height: 28px;
            padding-left: 16px;
            border-left: 10px solid #ffd400
        }

        .ab-title-text {
            font-size: 18px;
            width: 320px
        }

        .ab-content-box {
            margin-top: 16px
        }

        .table-responsive {
            width: 100%;
            margin-bottom: 15px;
            overflow-y: hidden;
            overflow-x: scroll;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            -webkit-overflow-scrolling: touch
        }

        .table-responsive>.table {
            margin-bottom: 0
        }

        .table-responsive>.table>thead>tr>th,
        .table-responsive>.table>tbody>tr>th,
        .table-responsive>.table>tfoot>tr>th,
        .table-responsive>.table>thead>tr>td,
        .table-responsive>.table>tbody>tr>td,
        .table-responsive>.table>tfoot>tr>td {
            white-space: nowrap;
            font-size: 12px
        }

        .table-responsive>.table-bordered {
            border: 0
        }

        .table-responsive>.table-bordered>thead>tr>th:first-child,
        .table-responsive>.table-bordered>tbody>tr>th:first-child,
        .table-responsive>.table-bordered>tfoot>tr>th:first-child,
        .table-responsive>.table-bordered>thead>tr>td:first-child,
        .table-responsive>.table-bordered>tbody>tr>td:first-child,
        .table-responsive>.table-bordered>tfoot>tr>td:first-child {
            border-left: 0
        }

        .table-responsive>.table-bordered>thead>tr>th:last-child,
        .table-responsive>.table-bordered>tbody>tr>th:last-child,
        .table-responsive>.table-bordered>tfoot>tr>th:last-child,
        .table-responsive>.table-bordered>thead>tr>td:last-child,
        .table-responsive>.table-bordered>tbody>tr>td:last-child,
        .table-responsive>.table-bordered>tfoot>tr>td:last-child {
            border-right: 0
        }

        .table-responsive>.table-bordered>tbody>tr:last-child>th,
        .table-responsive>.table-bordered>tfoot>tr:last-child>th,
        .table-responsive>.table-bordered>tbody>tr:last-child>td,
        .table-responsive>.table-bordered>tfoot>tr:last-child>td {
            border-bottom: 0
        }
    }

    .ar-header-img {
        width: 100%
    }

    .bg-hg-card {
        background: linear-gradient(#ffd400 0%, #ffd400 1.2%, #fff 1.2%, #fff 100%)
    }

    .hg-height-top {
        height: 510px
    }

    .hg-title-article {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 40px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 64px;
        width: 436px;
        height: 128px;
        margin-top: 99px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .hg-img-article {
        width: 100%;
        height: 438px
    }

    .ar-content-img {
        width: 100%;
        min-height: 255px;
        object-fit: cover
    }

    .ar-pd-rm {
        padding-right: unset;
        padding-left: unset
    }

    .ar-pd-l-rm {
        padding-left: unset
    }

    .ar-pd-r-rm {
        padding-right: unset
    }

    .ar-mg-rm {
        margin-right: unset;
        margin-left: unset
    }

    .ar-card {
        background-color: #fff
    }

    .ar-top {
        margin-top: -40px
    }

    .ar-card {
        padding: 40px
    }

    .ar-box-title {
        line-height: 48px;
        border-left: 10px solid #ffd400
    }

    .ar-text-title {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 32px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 48px;
        padding-left: 16px;
        border-left: 10px solid #ffd400
    }

    .ar-text-sub-title {
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 48px;
        padding-left: 16px;
        border-left: 10px solid #ffd400
    }

    .ar-bullet-decimal {
        list-style: decimal
    }

    .ar-bullet-circle {
        list-style: circle
    }

    .ar-profile-img {
        height: 48px;
        width: 48px;
        border-radius: 25px
    }

    .ar-profile-name {
        color: #222;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        vertical-align: middle;
        margin-left: 24px;
        font-style: italic
    }

    .ar-pull-right {
        text-align: right
    }

    .ar-share-img {
        height: 38px;
        width: 38px;
        cursor: pointer
    }

    .ar-text-content {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px
    }

    .ar-sub-title {
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        margin-left: 16px
    }

    .ar-content-img {
        width: 100%
    }

    .ar-text-credit {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        letter-spacing: 0
    }

    .ar-text-credit a {
        color: #f76f00;
        cursor: pointer
    }

    .ar-text-credit a:hover,
    .ar-text-credit a:focus {
        color: #f76f00
    }

    .ar-tag {
        color: #5a5a5a;
        font-family: "Thongterm-Bold";
        font-size: 16px;
        font-weight: bold
    }

    .ar-tag-name {
        color: #545454;
        font-family: "Thongterm Roman";
        font-size: 14px
    }

    .ar-tag-footer {
        height: 34px;
        border: 1px solid #e8e8e8;
        color: #545454;
        font-family: "Thongterm-Roman";
        font-size: 14px;
        text-align: center;
        border-radius: 4px;
        padding: 2px 8px;
        cursor: pointer
    }

    .ar-display-table {
        display: table
    }

    .ar-display-table-cell {
        display: table-cell;
        vertical-align: middle
    }

    .ar-box-back {
        width: 96px;
        cursor: pointer
    }

    .ar-text-back {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        padding-left: 17px
    }

    .ar-text-content2 {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        font-weight: bold;
        padding-left: 15px;
        padding-right: 15px;
        text-align: left
    }

    .ar-content2 {
        padding: 40px 65px
    }

    .pt-content-footer {
        margin-top: 40px
    }

    .pt-content-footer2 {
        margin-top: 80px
    }

    .footer-content-card {
        min-height: 428px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05)
    }

    .footer-content-all {
        color: #f76f00 !important;
        font-family: "Thongterm-Roman";
        font-size: 14px;
        font-weight: normal
    }

    .footer-content-card-content {
        min-height: 508px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
        border-top: 7px solid #ffd400
    }

    .footer-content-card-content-f {
        max-height: 508px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
        border-top: 7px solid #ffd400
    }

    .footer-content-type {
        color: #5a5a5a;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        font-weight: bold;
        padding: 16px 16px 8px 16px;
        text-align: left
    }

    .footer-content-title {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 18px;
        font-weight: bold;
        height: 60px;
        padding: 0 16px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: left
    }

    .footer-content-name {
        padding: 45px 16px 9px 16px;
        color: #000;
        font-family: Thongterm-Roman;
        font-size: 14px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-align: left
    }

    .footer-content-div-read {
        padding: 9px 16px
    }

    .footer-content-read {
        color: #5a5a5a;
        font-family: Thongterm-Roman;
        font-size: 14px
    }

    .img-content-footer {
        width: 100%
    }

    .mt-footer {
        margin-bottom: 40px
    }

    .ar-footer-center {
        text-align: unset
    }

    .mt-ar-text1 {
        margin-top: 24px
    }

    .footer-content-card .text-title,
    .footer-content-card-f .text-title {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        padding: 16px 16px 8px 16px;
        white-space: break-spaces;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: left
    }

    .footer-content-card .text-detail,
    .footer-content-card-f .text-detail {
        color: #5a5a5a;
        height: 58px;
        font-size: 16px;
        letter-spacing: 0;
        padding: 0 16px 16px 16px;
        overflow: hidden;
        white-space: break-spaces;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: left
    }

    @media(max-width:768px) {
        .footer-content-name {
            padding: 0 16px;
            color: #000;
            font-family: Thongterm-Roman;
            font-size: 14px;
            white-space: break-spaces;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            text-align: left
        }

        .bg-hg-card {
            background: unset
        }

        .hg-height-top {
            height: unset
        }

        .hg-title-article {
            width: 100%;
            height: unset;
            margin-top: unset;
            font-size: 26px;
            letter-spacing: 0;
            line-height: 38px
        }

        .footer-content-card .text-title,
        .footer-content-card-f .text-title {
            font-size: 18px
        }

        .ar-text-title {
            font-size: 26px
        }

        .ar-card {
            padding: 24px 16px
        }

        .ar-top {
            margin-top: unset
        }

        .pt-content-footer {
            margin-top: 16px
        }

        .pt-content-footer2 {
            margin-top: 32px
        }

        .mt-footer {
            margin-bottom: 16px
        }

        .ar-header-img {
            height: 360px;
            width: 100%;
            object-fit: cover
        }

        .ar-footer-center {
            text-align: center
        }

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

        .mt-ar-text1 {
            margin-top: 16px
        }

        .ar-text-title {
            color: #222;
            font-family: "Krungsri-Condensed-Bold";
            font-size: 26px;
            font-weight: bold;
            line-height: 48px;
            padding-left: 8px;
            margin-left: unset;
            border-left: 10px solid #ffd400
        }
    }

}

/* #endregion */

/*<!-- CB-002 -->*/
@media (max-width: 768px) {
    .cb002 .btn-brown {
        height: 44px;
        width: 270px !important;
        border-radius: 5px;
        background-color: #554242;
        border: unset;
        color: #ffd400;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        padding-top: 1% !important;
    }

    .cb002 .btn-yellow {
        height: 44px;
        width: 170px !important;
        border-radius: 5px;
        background-color: #ffd400;
        border: unset;
        color: #554242;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        padding-top: 1%;
/*        padding-top: 2.5% !important;*/
    }
}
@media (max-width: 320px) {
    .cb002 .btn-brown {
        height: 44px;
        width: 270px !important;
        border-radius: 5px;
        background-color: #554242;
        border: unset;
        color: #ffd400;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
         padding-top: 2.5% !important; 
    }
}

.cb002 .swiper {
    width: 100%;
    height: 100%;
    max-height: 360px;
}

.cb002 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cb002 .swiper-slide img {
    display: block;
    width: 100%;
    height: 360px;
    object-fit: cover;
}

.cb002 .swiper-pagination-bullet {
    background-color: transparent;
/*    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));*/
    opacity: 1;
    transition: all 0.3s ease;
    border-radius: 50%;
    border: 2px solid #fff;
    width: 13px;
    height: 13px;
    margin: 5px 7px !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
}

.cb002 .swiper-pagination-bullet-active {
    background-color: #FDD400;
    /*    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));*/
    opacity: 1;
    transition: all 0.3s ease;
    border-radius: 50%;
    border: 2px solid #FDD400;
}

.cb002 .swiper-pagination.has-border .swiper-pagination-bullet-active {
    background-color: #FDD400;
    border: 2px solid #6f5f5e !important;
}

.cb002 .swiper-pagination-bullet:hover {
    background: #FDD400;
}

.cb002 .text-top {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 300px;
}

.cb002 .text-middle {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 300px;
}
.cb002.cb360 .text-centermb {
    margin-bottom: 75px !important;
}
.cb002 .text-btn-top {
    height: 0px;
}

.cb002 .text-btn-centermb {
    margin-top: 70px;
}

.cb002 .text-btn-bottom {
    margin-top: 116px;
}

.cb002 .btn-brown {
    height: 44px;
    min-width: 175px !important;
    width: auto !important;
    border-radius: 5px;
    background-color: #6F5F5E;
    border: unset;
    color: #ffd400;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    padding-top: 0.5%;
    margin-top: 32px;
}

.cb002 .btn-yellow {
    height: 44px;
    min-width: 175px;
    width: auto;
    border-radius: 5px;
    background-color: #ffd400;
    border: unset;
    color: #554242;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    padding-top: 1%;
    margin-top: 32px;
}

.cb002 .btn-primary {
    height: 44px;
    min-width: 175px;
    width: auto;
    border-radius: 3px;
    background-color: #ffd400;
    border: unset;
    color: #554242;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    padding-top: 1%;
    margin-top: 32px;
}

.cb002 .btn-MaroonGrey {
    height: 44px;
    min-width: 175px;
    width: auto;
    border-radius: 3px;
    background-color: #554242;
    border: unset;
    color: #ffd400;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    padding-top: 1%;
    margin-top: 32px;
}

.cb002 .description {
    line-height: 36px !important;
}

.cb002 .description {
    font-family: Thongterm-Roman;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
/*    text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);*/
}

/*.cb002 .hb-text-centermb {
    top: -15px;
    position: relative;
}*/
.cb022 .cb002 .hb-text-centermb {
    margin-bottom: 56px !important;
}
.cb002.cb360 .hb-text-centermb {
    top: -20px;
    position: relative;
}
.cb002 .hb-text-bottom {
    padding-top: 50%;
}
.cb002 .container--cover {
    margin: 0 auto;
    margin-bottom: unset;
    position: relative;
    width: 100%;
    max-width: 100% !important;
}

.cb022 .swiper-horizontal>.swiper-pagination-bullets,
.cb022 .swiper-pagination-bullets.swiper-pagination-horizontal,
.cb022 .swiper-pagination-custom,
.cb022 .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
    position: absolute;
    width: 100%;
    bottom: 44px !important;
}

/*.cb022 .swiper-pagination-bullet-active {
    background-color: #FDD400;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
    opacity: 1;
    transition: all 0.3s ease;
    border-radius: 50%;
    border: 1px solid #000000 !important;
}

.cb022 .swiper-pagination-bullet {
    color: inherit !important;
    border: none !important;
    padding: 0 !important;
    font: inherit !important;
    width: 15px !important;
    height: 15px !important;
    border: 1px solid #ffffff !important;
}*/

/*<!-- CB-002 -->*/

/* CB-003 */

@media (max-width: 767px) {
    .cb_003 .btn-yellow {
        width: 270px !important;
    }

    .cb_003 .btn-brown {
        width: 270px !important;
    }

    .cb032 .swiper-horizontal>.swiper-pagination-bullets,
    .cb032 .swiper-pagination-bullets.swiper-pagination-horizontal,
    .cb032 .swiper-pagination-custom,
    .cb032 .swiper-pagination-fraction {
        bottom: 0px !important;
    }
    .cb002.cb360 .hb-text-bottom {
        margin-bottom: 48px !important;
        padding: 0%
    }
}

.cb_003 .btn-yellow {
    border-radius: 5px;
    background-color: #FFD400;
    color: #554242;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    width: 170px;
    margin-top: 32px;
    letter-spacing: 0;
    text-align: center;
}

.cb_003 .btn-brown {
    border-radius: 3px;
    background-color: #554242;
    color: #FFD400;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    width: 170px;
    margin-top: 32px;
    letter-spacing: 0;
    text-align: center;
}

.cb_003 .swiper-pagination-bullet-active {
    /*    opacity: var(--swiper - pagination - bullet - opacity, 1);
    background: var(--swiper - pagination - color, var(--swiper - theme - color));
    background: #ffd400;
    border: 0;*/
    background: #ffd400 !important;
    border: unset !important;
}

.cb_003 .swiper-pagination-bullet {
    color: inherit !important;
    /* border: none !important; */
    padding: 0 !important;
    font: inherit !important;
    width: 13px !important;
    height: 13px !important;
    border: 2px solid #ffffff;
    background: transparent;
    margin: 5px 7px !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    opacity: unset;
}
.cb032 .container--cover {
    margin: 0 auto;
    margin-bottom: unset;
    position: relative;
    width: 100%;
    max-width: 100% !important;
}
.cb032 .swiper-horizontal>.swiper-pagination-bullets,
.cb032 .swiper-pagination-bullets.swiper-pagination-horizontal,
.cb032 .swiper-pagination-custom,
.cb032 .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
    position: absolute;
    width: 100%;
    bottom: 55px;
}

/* CB-003 */

/*IB-003*/

.ib003 .header {
    text-shadow: none;
    top: 0;
    padding-top: 18px;
    margin-bottom: 0;
}

.ib003 .h3 {
    color: #222;
    font-size: 24px;
    font-family: Thongterm-Bold;
    line-height: 36px;
}

.ib003 .btn-text-right {
    text-align: -webkit-right;
}

.ib003 .btn-text-left {
    text-align: -webkit-left;
}

.ib003 .btn-text-center {
    text-align: -webkit-center;
}
/*
.ib003 .text-top {
    height: 450px;
}

.ib003 .text-centermb {
    text-align: center;
    left: 50%;
    transform: translateX(0%) translateY(42%);
}

.ib003 .text-bottom {
    text-align: center;
    left: 50%;
    transform: translateX(0%) translateY(112%);
}*/

.ib003 .btn-text-top {
    height: 450px;
}

.ib003 .btn-text-centermb {
    text-align: center;
    left: 50%;
    transform: translateX(0%) translateY(42%);
}

.ib003 .btn-text-bottom {
    text-align: center;
    left: 50%;
    transform: translateX(0%) translateY(200%);
}

@media (max-width: 767px) {
    .ib003 .h3 {
        color: #fff;
        font-size: 18px !important;
        font-family: Thongterm-Bold;
        line-height: 38px;
    }

    .ib003 .btn-yellow {
        border-radius: 5px;
        background-color: #FFD400 !important;
        color: #554242 !important;
        font-family: "Krungsri-Condensed-Bold";
        letter-spacing: 0;
        text-align: center;
        font-size: 16px;
        line-height: 27px;
        text-shadow: none;
        height: 44px !important;
        padding: 7px !important;
        width: 170px;
        /*width: auto;*/
        margin-top: 32px;
    }

    .ib003 .btn-brown {
        border-radius: 5px;
        background-color: #554242;
        color: #FFD400 !important;
        font-family: "Krungsri-Condensed-Bold";
        letter-spacing: 0;
        text-align: center;
        font-size: 16px;
        line-height: 27px;
        text-shadow: none;
        height: 44px !important;
        padding: 7px !important;
        width: 170px;
        /*width: auto;*/
        margin-top: 32px;
    }

    .ib003 .btn-primary {
        border-radius: 5px;
        background-color: #FFD400;
        color: #554242;
        font-family: "Krungsri-Condensed-Bold";
        letter-spacing: 0;
        text-align: center;
        font-size: 16px;
        line-height: 27px;
        text-shadow: none;
        height: 44px !important;
        padding: 7px !important;
        width: 170px;
        /*width: auto;*/
        margin-top: 32px;
    }

    .ib003 .btn-MaroonGrey {
        border-radius: 5px;
        background-color: #554242;
        color: #FFD400;
        font-family: "Krungsri-Condensed-Bold";
        letter-spacing: 0;
        text-align: center;
        font-size: 16px;
        line-height: 27px;
        text-shadow: none;
        height: 44px !important;
        padding: 7px !important;
        width: 170px;
        /*width: auto;*/
        margin-top: 32px;
    }
}

.ib003 .h3 {
    color: #222;
    font-size: 24px;
    font-family: Thongterm-Bold;
    line-height: 36px;
}

.ib003 .btn-yellow {
    border-radius: 5px;
    background-color: #FFD400 !important;
    color: #554242 !important;
    font-family: "Krungsri-Condensed-Bold";
    letter-spacing: 0;
    text-align: center;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    width: 170px;
    /*width: auto;*/
    margin-top: 32px;
}

.ib003 .btn-primary {
    border-radius: 5px;
    background-color: #FFD400;
    color: #554242 !important;
    font-family: "Krungsri-Condensed-Bold";
    letter-spacing: 0;
    text-align: center;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    width: 170px;
    /*width: auto;*/
    margin-top: 32px;
}

.ib003 .btn-MaroonGrey {
    border-radius: 5px;
    background-color: #6F5F5F !important;
    color: #FFD400 !important;
    font-family: "Krungsri-Condensed-Bold";
    letter-spacing: 0;
    text-align: center;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    width: 170px;
    /*width: auto;*/
    margin-top: 32px;
}

.ib003 .btn-brown {
    border-radius: 5px;
    background-color: #6F5F5F;
    color: #FFD400;
    font-family: "Krungsri-Condensed-Bold";
    letter-spacing: 0;
    text-align: center;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    width: 170px;
    /*width: auto;*/
    margin-top: 32px;
}

/*IB-003*/

/*IB-004*/

.ib004 .header {
    text-shadow: none;
    top: 0;
    padding-top: 18px;
    margin-bottom: 0;
}

.ib004 .h3 {
    color: #222;
    font-size: 24px;
    font-family: Thongterm-Bold;
    line-height: 36px;
}

.ib004 .btn-text-right {
    /*margin-right: 4.5%;*/
    text-align: -webkit-right;
}

.ib004 .btn-text-left {
    text-align: -webkit-left;
}

.ib004 .btn-text-center {
    text-align: -webkit-center;
}

.ib004 .text-centermb {
    text-align: center;
    left: 50%;
    transform: translateX(0%) translateY(20%);
}

.ib004 .text-bottom {
    text-align: center;
    left: 50%;
    transform: translateX(0%) translateY(38%);
}

.ib004 .btn-text-centermb {
    text-align: center;
    left: 50%;
    transform: translateX(0%) translateY(42%);
}

.ib004 .btn-text-bottom {
    text-align: center;
    left: 50%;
    transform: translateX(0%) translateY(200%);
}

.ib004 .btn-yellow {
    border-radius: 3px;
    background-color: #FFD400;
    color: #554242 !important;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 27px;
    text-align: center;
    padding: 7px 0px;
    width: 320px;
    /*width: auto;*/
    text-shadow: none;
    margin-top: 20px;
}

.ib004 .btn-primary {
    background-color: #FFD400;
    color: #554242 !important;
    border-radius: 3px;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 27px;
    text-align: center;
    padding: 7px 0px;
    width: 320px;
    /*width: auto;*/
    text-shadow: none;
    margin-top: 20px;
}

.ib004 .btn-MaroonGrey {
    background-color: #554242;
    color: #FFD400 !important;
    border-radius: 3px;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 27px;
    text-align: center;
    padding: 7px 0px;
    width: 320px;
    /*width: auto;*/
    text-shadow: none;
    margin-top: 20px;
}

.ib004 .btn-brown {
    background-color: #554242;
    color: #FFD400 !important;
    border-radius: 3px;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 27px;
    text-align: center;
    padding: 7px 0px;
    width: 320px;
    /*width: auto;*/
    text-shadow: none;
    margin-top: 20px;
}

.ib004 .container--cover.container--banner {
    max-height: 100%;
    margin-bottom: 0px;
}

.ib004 .container--banner .block-banner .image {
    max-height: 100%;
}

.ib004 .banner-height-246px .gradient.ks-gradient {
    display: none;
}

.banner-content.header {
    padding-right: 40px;
}

@media (max-width: 1024px) {
    .ib004 .h3 {
        color: #222;
        font-size: 24px;
        font-family: Thongterm-Bold;
        line-height: 14px;
    }

    .ib004 .banner-content.header {
        padding-right: 50px !important;
    }

    .ib004 .container--banner.banner-text .block-banner .cover-content-wrapper .banner-content .h1 {
        color: #222;
        font-family: Krungsri-Condensed-Bold;
        font-size: 34px;
        /* line-height: 60px; */
        text-shadow: 1px 2px 0 rgba(0, 0, 0, .2);
        margin-bottom: 16px;
    }

    .ib004 .h1 {
        padding-top: 5px !important;
    }
}

@media (max-width: 768px) {
    .ib004 .btn-yellow {
        font-size: 11px !important;
        line-height: 27px !important;
        padding: 0px 0px !important;
        margin-top: 10px !important;
        width: 180px !important;
        /*width: auto !important;*/
    }

    .ib004 .btn-primary {
        font-size: 11px !important;
        line-height: 27px !important;
        padding: 0px 0px !important;
        margin-top: 10px !important;
        width: 180px !important;
        /*width: auto !important;*/
    }

    .ib004 .btn-MaroonGrey {
        font-size: 11px !important;
        line-height: 27px !important;
        padding: 0px 0px !important;
        margin-top: 10px !important;
        width: 180px !important;
        /*width: auto !important;*/
    }

    .ib004 .btn-brown {
        font-size: 11px !important;
        line-height: 27px !important;
        padding: 0px 0px !important;
        width: 180px !important;
        /*width: auto !important;*/
        margin-top: 10px !important;
    }

    .ib004 .container--banner.banner-text .block-banner .cover-content-wrapper .banner-content .h1 {
        color: #222;
        font-family: Krungsri-Condensed-Bold;
        font-size: 22px !important;
        text-shadow: 1px 2px 0 rgba(0, 0, 0, .2);
        margin-bottom: 0px !important;
    }

    .ib004 .banner-content.header {
        padding-right: 33px !important;
    }

    .ib004 .h3 {
        color: #222;
        font-size: 17px !important;
        font-family: Thongterm-Bold;
        line-height: 30px;
    }
}

@media (max-width: 767px) {
    .ib004 .container--banner .block-banner .cover-content-wrapper {
        padding-left: unset;
        padding-right: unset;
    }
    .ib004 .container--banner.banner-text .block-banner .cover-content-wrapper .banner-content .h1 {
        color: #222;
        font-family: Krungsri-Condensed-Bold;
        font-size: 24px;
        text-shadow: 1px 2px 0 rgba(0, 0, 0, .2);
        margin-bottom: 16px;
    }

    .ib004 .h3 {
        color: #fff;
        font-size: 18px !important;
        font-family: Thongterm-Bold;
        line-height: 27px !important;
    }

    .ib004 .btn-yellow {
        border-radius: 3px;
        background-color: #FFD400;
        color: #554242 !important;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px !important;
        letter-spacing: 0;
        line-height: 27px;
        text-align: center;
        padding: 9px 35px !important;
        text-shadow: none;
        margin-top: 32px !important;
        width: 240px !important;
        /*width: auto !important;*/
    }

    .ib004 .btn-brown {
        border-radius: 3px;
        background-color: #554242;
        color: #FFD400;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px !important;
        letter-spacing: 0;
        line-height: 27px;
        text-align: center;
        padding: 9px 35px !important;
        text-shadow: none;
        margin-top: 32px !important;
        width: 240px !important;
        /*width: auto !important;*/
    }

    .ib004 .btn-primary {
        border-radius: 3px;
        background-color: #FFD400;
        color: #554242 !important;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px !important;
        letter-spacing: 0;
        line-height: 27px;
        text-align: center;
        padding: 9px 35px !important;
        text-shadow: none;
        margin-top: 32px !important;
        width: 240px !important;
        /*width: auto !important;*/
    }

    .ib004 .btn-MaroonGrey {
        border-radius: 3px;
        background-color: #554242;
        color: #FFD400 !important;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px !important;
        letter-spacing: 0;
        line-height: 27px;
        text-align: center;
        padding: 9px 35px !important;
        text-shadow: none;
        margin-top: 32px !important;
        width: 240px !important;
        /*width: auto !important;*/
    }
}
/* MB TOP */
.ib004 .position-top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

/* MB bottom */
.ib004 .position-bottom {
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

/* MB and Desktop center */
.ib004 .position-centermb {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

/* Desktop left */
/*.ib004 .position-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}*/

/* Desktop right */
/*.ib004 .position-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}*/

/*IB-004*/

    /*IB-006*/

    .ib006 .container--cover {
        position: relative;
        text-align: center;
        color: white;
    }

    .ib006 .image img {
        width: 100%;
        height: auto;
    }

    .ib006 .text-container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .ib006 .title {
        font-size: 36px;
    }

    .ib006 .subtitle {
        font-size: 24px;
    }

    .ib006 .text-left {
        text-align: left;
        left: 10%;
        transform: translateY(-50%);
    }

    .ib006 .text-center {
        text-align: center;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .ib006 .text-right {
        text-align: right;
        right: 10%;
        left: auto;
        transform: translateY(-50%);
    }

    .ib006 .text-top {
        top: 10%;
        transform: translate(-50%, 0);
    }

    .ib006 .text-centermb {
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .ib006 .text-bottom {
        top: 95%;
        transform: translate(-50%, -100%);
    }

    /*IB-006*/

    /*IB-005*/

    .ib005 .btn-text-right {
        text-align: -webkit-right;
    }

    .ib005 .btn-text-left {
        text-align: -webkit-left;
    }

    .ib005 .btn-text-center {
        text-align: -webkit-center;
    }

    .ib005 .text-top {
        height: 450px;
    }

    .ib005 .text-centermb {
        display: flex !important; /* บังคับใช้ */
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100% !important; /* บังคับใช้ */
        text-align: center;
    }

    .text-bottom {
        height: unset;
    }

    .ib005 .page-title {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 40px;
        letter-spacing: 0;
        line-height: 48px;
        margin-bottom: 0;
    }

    @media (max-width: 767px) {

        .ib005 .btn-yellow {
            border-radius: 3px;
            background-color: #FFD400;
            color: #554242;
            font-family: "Krungsri-Condensed-Bold";
            font-size: 16px;
            letter-spacing: 0;
            line-height: 27px;
            text-align: center;
            padding: 9px 35px;
        }

        .ib005 .btn-brown {
            border-radius: 3px;
            background-color: #554242;
            color: #FFD400;
            font-family: "Krungsri-Condensed-Bold";
            font-size: 16px;
            letter-spacing: 0;
            line-height: 27px;
            text-align: center;
            padding: 9px 35px;
        }

        .ib005 .btn-primary {
            border-radius: 3px;
            background-color: #FFD400;
            color: #554242;
            font-family: "Krungsri-Condensed-Bold";
            font-size: 16px;
            letter-spacing: 0;
            line-height: 27px;
            text-align: center;
            padding: 9px 35px;
        }

        .ib005 .btn-MaroonGrey {
            border-radius: 3px;
            background-color: #554242;
            color: #FFD400;
            font-family: "Krungsri-Condensed-Bold";
            font-size: 16px;
            letter-spacing: 0;
            line-height: 27px;
            text-align: center;
            padding: 9px 35px;
        }
    }


.ib005 .btn-yellow {
    border-radius: 3px;
    background-color: #FFD400;
    color: #554242;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 27px;
    text-align: center;
    padding: 9px 15px;
    width: 200px;
    /*width: auto;*/
}

.ib005 .btn-primary {
    border-radius: 3px;
    background-color: #FFD400;
    color: #554242;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 27px;
    text-align: center;
    padding: 9px 15px;
    width: 200px;
    /*width: auto;*/
}

.ib005 .btn-MaroonGrey {
    border-radius: 3px;
    background-color: #554242;
    color: #FFD400;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 27px;
    text-align: center;
    padding: 9px 15px;
    width: 200px;
    /*width: auto;*/
}

.ib005 .btn-brown {
    border-radius: 3px;
    background-color: #554242;
    color: #FFD400;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 27px;
    text-align: center;
    padding: 9px 15px;
    width: 200px;
    /*width: auto;*/
}

    /*IB-005*/

    /* #region CI-019 */
    .ci-019 .swiper-pagination-bullet-active {
        background-color: #ffd50c;
    }

    .ci-019 .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    .ci-019 .swiper-button-next,
    .ci-019 .swiper-button-prev {
        opacity: 1;
        top: 46%;
        width: unset !important;
        height: unset !important;
        background-color: unset !important;
        border-radius: unset !important;
        font-weight: unset !important;
        font-size: unset !important;
        color: unset !important;
    }

        .ci-019 .swiper-button-prev:after,
        .ci-019 .swiper-button-next:after {
            content: unset !important;
        }

    @font-face {
        font-family: 'Thongterm_krungsri2';
        src: url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.eot');
        src: url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.eot') \9;
        src: url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.eot?') format('embedded-opentype'), url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.woff') format('woff'), url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.ttf') format('truetype'), url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.svg') format('svg');
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
    }

    .ci-019 h2,
    .ci-019 h3 {
        font-family: 'Thongterm-Roman' !important;
    }

    .ci-019 button.btn.btn-krugsri-1 {
        height: auto !important;
        line-height: 1.5 !important;
    }

    .ci-019 span#p_lt_ctl06_pageplaceholder_p_lt_ctl03_BoardingCard_lblDate {
        color: #000 !important;
    }

    .ci-019 #lblTitle {
        color: black;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-rate {
        background-color: #ffe57b !important;
    }

    .ci-019 .table thead ~ tbody tr:nth-of-type(odd),
    .ci-019 .table thead ~ tbody tr:nth-of-type(odd) th {
        background: #ffea94;
    }

    .ci-019 .table thead ~ tbody tr:nth-of-type(even),
    .ci-019 .table thead ~ tbody tr:nth-of-type(even) th {
        background: #ffe57b;
    }

    .ci-019 .exchage-rate #p_lt_ctl06_pageplaceholder_p_lt_ctl03_BoardingCard_lblDate {
        padding: 10px 20px;
        display: block;
        width: 100%;
        text-align: right;
    }

    .ci-019 .btn-krugsri {
        height: auto !important;
        line-height: 1.5 !important;
    }

    .ci-019 div#v-pills-home .card {
        padding: 0;
    }

    .ci-019 .table.b__step-table tbody tr:nth-of-type(odd) {
        background: transparent;
    }

    .ci-019 .table.b__step-table tbody tr {
        background: transparent;
    }

    .ci-019 #topbg {
        position: relative;
    }

    .ci-019 .m-t50 {
        margin-top: 50px;
    }

    .ci-019 body {
        overflow-x: hidden;
    }

    .ci-019 a {
        color: black;
    }

        .ci-019 a:hover {
            color: black;
        }

    .ci-019 .preview-area {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #f4f5f0;
        z-index: 2500;
        position: fixed;
    }

    .ci-019 .spinner {
        width: 60px;
        height: 60px;
        margin: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        right: 50%;
        bottom: 50%;
        transform: translate(-50%, -50%);
    }

    .ci-019 .double-bounce1,
    .ci-019 .double-bounce2 {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #412c64;
        opacity: 0.9;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-animation: sk-bounce 2s infinite ease-in-out;
        animation: sk-bounce 2s infinite ease-in-out;
    }

    .ci-019 .double-bounce2 {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    @-webkit-keyframes sk-bounce {

        0%, 100% {
            -webkit-transform: scale(0);
        }

        50% {
            -webkit-transform: scale(1);
        }
    }

    @keyframes sk-bounce {

        0%, 100% {
            transform: scale(0);
            -webkit-transform: scale(0);
        }

        50% {
            transform: scale(1);
            -webkit-transform: scale(1);
        }
    }

    .ci-019 .loader {
        font-size: 10px;
        margin: 50px auto;
        text-indent: -9999em;
        width: 5em;
        height: 5em;
        border-radius: 50%;
        background: #ffcd00;
        background: -moz-linear-gradient(left, #ffcd00 10%, rgba(255, 255, 255, 0) 42%);
        background: -webkit-linear-gradient(left, #ffcd00 10%, rgba(255, 255, 255, 0) 42%);
        background: -o-linear-gradient(left, #ffcd00 10%, rgba(255, 255, 255, 0) 42%);
        background: -ms-linear-gradient(left, #ffcd00 10%, rgba(255, 255, 255, 0) 42%);
        background: linear-gradient(to right, #ffcd00 10%, rgba(255, 255, 255, 0) 42%);
        position: relative;
        -webkit-animation: load3 1.4s infinite linear;
        animation: load3 1.4s infinite linear;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
    }

        .ci-019 .loader:before {
            width: 50%;
            height: 50%;
            background: #ffcd00;
            border-radius: 100% 0 0 0;
            position: absolute;
            top: 0;
            left: 0;
            content: '';
        }

        .ci-019 .loader:after {
            background: #f4f5f0;
            width: 75%;
            height: 75%;
            border-radius: 50%;
            content: '';
            margin: auto;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

    @-webkit-keyframes load3 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes load3 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    .ci-019 .quick-block {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

    .ci-019 .quick-block-l {
        padding-left: 7.5px;
    }

    .ci-019 .quick-block-r {
        padding-right: 7.5px;
    }

    .ci-019 .quick-block-l-0 {
        padding-left: 0;
    }

    .ci-019 .quick-block-r-0 {
        padding-right: 0;
    }

    .ci-019 .btn-krugsri {
        color: #554242 !important;
        background-color: #ffd400 !important;
        border-color: #ffd400 !important;
        padding: 10px 30px;
        font-size: 18px;
    }

        .ci-019 .btn-krugsri:hover {
            color: #554242 !important;
            background-color: #ffd400 !important;
            border-color: #ffd400;
        }

    .ci-019 .btn-krugsri-bg {
        color: #554242 !important;
        background-color: #ffd400 !important;
        border-color: #ffd400 !important;
    }

        .ci-019 .btn-krugsri-bg:hover {
            color: #554242 !important;
            background-color: #ffd400 !important;
            border-color: #ffd400;
        }

    .ci-019 .btn-krugsri-1 {
        color: black;
        background-color: transparent;
        border-color: transparent;
        padding: 10px 30px;
        font-size: 18px;
        width: 100%;
    }

        .ci-019 .krugsri-owl .btn-krugsri-1.active,
        .ci-019 .btn-krugsri-1.active {
            background-color: #ffce07;
            border-color: #ffce07;
        }

        .ci-019 .btn-krugsri-1:hover {
            color: #fff;
            background-color: #ffce07;
            border-color: #ffce07;
        }

    .ci-019 .krugsri-carousel .carousel-inner {
        overflow: visible;
    }

    .ci-019 .krugsri-carousel .carousel-indicators {
        text-align: right;
        float: right;
        right: 1% !important;
        left: inherit;
        margin-left: 15px;
        margin-right: 15px;
        width: auto;
    }

        .ci-019 .krugsri-carousel .carousel-indicators li {
            width: 8px;
            height: 8px;
            border-radius: 100%;
            background-color: white;
            margin-right: 5px;
            margin-left: 5px;
        }

            .ci-019 .krugsri-carousel .carousel-indicators li.active {
                background-color: #ffc107;
            }

    .ci-019 .krugsri-carousel .krugsri-ctrl-01 {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -50px;
    }

    .ci-019 .krugsri-carousel .krugsri-ctrl-02 {
        position: absolute;
        left: 38%;
        -webkit-transform: translateX(-40%);
        transform: translateX(-50%);
        bottom: 0;
    }

    .ci-019 .krugsri-carousel .krugsri-ctrl-text {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-40%);
        transform: translateX(-50%);
        top: 10%;
    }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text p {
            color: white;
            text-align: center;
            font-size: 36px;
            margin-bottom: 0;
            line-height: 36px;
        }

            .ci-019 .krugsri-carousel .krugsri-ctrl-text p small {
                color: #ffda01;
                font-size: 50%;
            }

    .ci-019 .krugsri-tabs {
        position: relative;
        margin-top: 100px;
    }

        .ci-019 .krugsri-tabs .nav-item {
            margin: 0 3px;
        }

            .ci-019 .krugsri-tabs .nav-item a {
                font-size: 18px;
                color: black;
                padding: 0.5rem 1rem;
            }

                .ci-019 .krugsri-tabs .nav-item a:hover {
                    border-bottom: 5px solid #ffc107;
                    background-color: unset;
                }

                .ci-019 .krugsri-tabs .nav-item a.active {
                    border-bottom: 5px solid #ffc107;
                    background-color: unset;
                }

        .ci-019 .krugsri-tabs .krugsri-tabs-content {
            margin-top: 50px;
            margin-bottom: 50px;
        }

            .ci-019 .krugsri-tabs .krugsri-tabs-content .dropdown-menu {
                border: 0 solid rgba(0, 0, 0, .15);
                margin: 0;
                left: -30px !important;
            }

            .ci-019 .krugsri-tabs .krugsri-tabs-content .dropdown-item {
                font-size: 14px;
            }

            .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-card {
                background-color: #ffce07;
                width: 100%;
                border-radius: 8px;
                padding: 20px;
                margin-bottom: 15px;
            }

                .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-card h2 {
                    font-size: 18px;
                }

                .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-card p {
                    font-size: 14px;
                }

            .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-rate {
                background-color: #756862;
                width: 100%;
                height: auto;
                border-radius: 8px;
                padding-bottom: 0;
                margin-top: 15px;
            }

                .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate {
                    background-color: #ffe57b;
                }

                .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-rate h2 {
                    padding: 30px 30px 15px 30px;
                    font-size: 16px;
                    color: white;
                }

                .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate h2 {
                    color: black;
                    background-color: #ffe57b;
                    border-radius: 8px 8px 0 0;
                }

                .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-rate h2 p {
                    margin: 0;
                }

                .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-rate table {
                    padding: 30px 30px 30px 30px;
                    color: white;
                    font-size: 16px;
                    margin-bottom: 15px;
                }

                .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate table {
                    color: black;
                }

                .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-rate table img {
                    padding: 0 5px 0 5px;
                }

    .ci-019 .table-krugsri,
    .ci-019 .table-krugsri > td,
    .ci-019 .table-krugsri > th {
        background-color: rgba(255, 255, 255, .1);
    }

        .ci-019 .table-krugsri .table-borderless tbody + tbody,
        .ci-019 .table-borderless td,
        .ci-019 .table-borderless th,
        .ci-019 .table-borderless thead th {
            font-weight: normal;
            font-size: 14px;
        }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
        position: relative;
        background-color: #fff4d4;
        width: 100%;
        border-radius: 8px;
        padding: 30px;
        min-height: 320px;
        margin-bottom: 15px;
    }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
            position: absolute;
            right: 50px;
            z-index: 0;
            top: 60px;
            opacity: 0.1;
        }

            .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right img {
                margin-right: 30px;
            }

            .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right .text h2 {
                font-size: 20px;
                color: #000;
            }

            .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right .text p {
                font-size: 14px;
                color: #000;
            }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .krugsri-qr {
        position: relative;
        background-color: #756762;
        border-radius: 0 0 5px 5px;
        margin-bottom: 15px;
        width: 100%;
        -webkit-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
        -moz-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
        box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
        padding: 0 15px 15px 15px;
        min-height: 200px;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .krugsri-line {
        border: 1px dotted #c3b9a9;
        border-top: none;
        min-height: 180px;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .krugsri-qr img {
        border-radius: 5px;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .krugsri-qr h3 {
        font-size: 20px;
        padding: 25px 25px 0 25px;
        color: white;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .krugsri-qr p {
        font-size: 14px;
        padding: 0 25px 0 25px;
        color: #d7ceca;
    }

    .ci-019 .krugsri-promotion {
        margin-bottom: 20px;
    }

        .ci-019 .krugsri-promotion .tabs {
            font-size: 15px;
            padding: 0;
            list-style: none;
            background: #736762;
            box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
            display: inline-block;
            border-radius: 50px;
            position: relative;
            height: 40px;
            float: right;
            margin-bottom: 50px;
        }

            .ci-019 .krugsri-promotion .tabs a {
                text-decoration: none;
                color: white;
                text-transform: uppercase;
                padding: 10px 20px;
                display: inline-block;
                position: relative;
                z-index: 1;
                transition-duration: 0.6s;
            }

                .ci-019 .krugsri-promotion .tabs a.active {
                    color: black;
                }

                .ci-019 .krugsri-promotion .tabs a i {
                    margin-right: 5px;
                }

            .ci-019 .krugsri-promotion .tabs .selector {
                height: 100%;
                display: inline-block;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 1;
                border-radius: 50px;
                transition-duration: 0.6s;
                transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                background: #ffcd00;
            }

    .ci-019 .krugsri-product {
        margin-bottom: 0;
    }

        .ci-019 .krugsri-product .nav {
            width: 100%;
            border-radius: 8px;
            background-color: #e9e8e7;
            margin-bottom: 15px;
            margin-top: 15px;
        }

        .ci-019 .krugsri-product .nav-pills .nav-link {
            background-color: #e9e8e7;
            padding: 20px 40px;
            border-radius: 8px;
        }

            .ci-019 .krugsri-product .nav-pills .nav-link.active,
            .ci-019 .nav-pills .show > .nav-link {
                background-color: #ffcd00;
                color: black;
            }

        .ci-019 .krugsri-product .card {
            width: 100%;
            border: 0;
            border-radius: 8px;
            margin-bottom: 15px;
            -webkit-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .1);
            box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .1);
            background-color: #eee;
        }

            .ci-019 .krugsri-product .card.none-shadow {
                background-color: transparent;
                -webkit-box-shadow: 0 0 0 0 transparent;
                -moz-box-shadow: 0 0 0 0 transparent;
                box-shadow: 0 0 0 0 transparent;
            }

            .ci-019 .krugsri-product .card h5 {
                padding: 40px;
                background-color: #ffcd00;
                border-radius: 8px 8px 0 0;
            }

        .ci-019 .krugsri-product .tab-content > .active {
            margin-top: 15px;
        }

        .ci-019 .krugsri-product .card h6 {
            padding: 40px;
        }

        .ci-019 .krugsri-product .card .card-content {
            padding: 0 40px 40px 40px;
            color: #756762;
        }

            .ci-019 .krugsri-product .card .card-content p {
                margin-bottom: 0;
            }

            .ci-019 .krugsri-product .card .card-content .card-img {
                min-height: 120px;
            }

        .ci-019 .krugsri-product .tabs1 {
            font-size: 15px;
            padding: 0;
            list-style: none;
            background: #736762;
            box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
            display: table;
            border-radius: 50px;
            position: relative;
            height: 40px;
            margin: 20px auto;
        }

            .ci-019 .krugsri-product .tabs1 a {
                text-decoration: none;
                color: white;
                text-transform: uppercase;
                padding: 10px 20px;
                display: inline-block;
                position: relative;
                z-index: 1;
                transition-duration: 0.6s;
            }

                .ci-019 .krugsri-product .tabs1 a.active {
                    color: black;
                }

                .ci-019 .krugsri-product .tabs1 a i {
                    margin-right: 5px;
                }

            .ci-019 .krugsri-product .tabs1 .selector1 {
                height: 100%;
                display: inline-block;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 1;
                border-radius: 50px;
                transition-duration: 0.6s;
                transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                background: #ffcd00;
            }

    .ci-019 .krugsri-table td,
    .ci-019 .krugsri-table th {
        padding: 1.4rem;
        border-top: 1px solid white;
    }

    .ci-019 .krugsri-how-to {
        margin-bottom: 50px;
    }

        .ci-019 .krugsri-how-to h5 {
            margin: 40px 0 0 0;
            color: white;
        }

        .ci-019 .krugsri-how-to .how-to-head {
            background-color: #ffe57b;
            width: 100%;
            position: relative;
        }

        .ci-019 .krugsri-how-to .how-to-sub {
            background-color: #736762;
            width: 100%;
            padding: 30px 50px;
            position: relative;
        }

        .ci-019 .krugsri-how-to .title {
            padding: 40px;
        }

        .ci-019 .krugsri-how-to .nav-pills .nav-link {
            border-radius: 0;
        }

            .ci-019 .krugsri-how-to .nav-pills .nav-link.active,
            .ci-019 .nav-pills .show > .nav-link {
                color: black;
                font-size: 18px;
                background-color: #ffcd00;
            }

        .ci-019 .krugsri-how-to .nav-pills .nav-link {
            padding: 15px 40px 15px 40px;
            border-bottom: 1px solid #e8d070;
        }

    .ci-019 .bg-krugsri td,
    .ci-019 .bg-krugsri th,
    .ci-019 .bg-krugsri thead th {
        background-color: #ffe57b;
    }

    .ci-019 .bg-krugsri1 td,
    .ci-019 .bg-krugsri1 th,
    .ci-019 .bg-krugsri1 thead th {
        background-color: #fff0b1;
    }

    .ci-019 .bg-krugsri2 td,
    .ci-019 .bg-krugsri2 th,
    .ci-019 .bg-krugsri2 thead th {
        background-color: #e2d7d2;
    }

    .ci-019 .bg-krugsri3 td,
    .ci-019 .bg-krugsri3 th,
    .ci-019 .bg-krugsri3 thead th {
        background-color: #f1efee;
    }

    .ci-019 .krugsri-product .krugsri-info {
        margin: 40px 0;
    }

    .ci-019 .krugsri-faq .tabs2 {
        font-size: 15px;
        padding: 0;
        list-style: none;
        background: #736762;
        box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
        display: table;
        border-radius: 50px;
        position: relative;
        height: 40px;
        margin: 20px auto 10px;
        width: fit-content;
    }

        .ci-019 .krugsri-faq .tabs2 a {
            text-decoration: none;
            color: white;
            text-transform: uppercase;
            padding: 10px 20px;
            display: inline-block;
            position: relative;
            z-index: 1;
            transition-duration: 0.6s;
        }

            .ci-019 .krugsri-faq .tabs2 a.active {
                color: black;
            }

            .ci-019 .krugsri-faq .tabs2 a i {
                margin-right: 5px;
            }

        .ci-019 .krugsri-faq .tabs2 .selector2 {
            height: 100%;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            border-radius: 50px;
            transition-duration: 0.6s;
            transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
            background: #ffcd00;
        }

    .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev-icon {
        background-image: url('/getmedia/a482ee33-80f2-402a-80f6-2016f74ddef9/prev.png.aspx');
        width: 32px;
        height: 32px;
    }

    .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next-icon {
        background-image: url('/getmedia/9fd23a53-124a-4dc6-bae5-dc42631293c1/next.png.aspx');
        width: 32px;
        height: 32px;
    }

    .ci-019 .deals__regis .deals__regis-col {
        padding: 0 8px;
    }

        .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr {
            border-radius: 4px;
            overflow: hidden;
            height: 100%;
            border: 1px dotted white;
            min-height: 650px;
        }

            .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxr .title {
                padding: 20px;
                background-color: #efefef;
            }

                .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxr .title .app-logo {
                    width: 64px;
                    margin-right: 20px;
                }

                .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxr .title .media-body {
                    font-size: 18px;
                    color: #777;
                    line-height: 24px;
                    margin: 0;
                }

                    .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxr .title .media-body h5 {
                        font-size: 24px;
                        color: #000;
                        line-height: 30px;
                        margin: 0 0 5px;
                    }

            .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxr .b__step-box {
                padding: 20px 0;
            }

    .ci-019 .b__step-table {
        margin: 0 auto;
        width: 100%;
    }

        .ci-019 .b__step-table.table tr {
            cursor: pointer;
        }

            .ci-019 .b__step-table.table tr:last-child td {
                border-bottom: 1px solid transparent;
            }

        .ci-019 .b__step-table.table td {
            vertical-align: middle;
            border-top: 0;
            border-bottom: 1px solid #908682;
            padding: 8px 0.75rem;
        }

            .ci-019 .b__step-table.table td:first-child {
                border-bottom: 1px solid transparent;
            }

        .ci-019 .b__step-table .num p {
            width: 40px;
            border-radius: 50%;
            font-size: 24px;
            height: 40px;
            line-height: 40px;
            background-color: #dbdbdb;
            text-align: center;
            margin: 0 auto;
            color: #999;
        }

        .ci-019 .b__step-table h5 {
            font-size: 18px;
            color: #999;
            line-height: 24px;
            margin: 0;
        }

        .ci-019 .b__step-table tr.active .num p,
        .ci-019 .b__step-table tr:hover .num p {
            background-color: #ffda00;
            color: #000;
        }

        .ci-019 .b__step-table tr.active h5,
        .ci-019 .b__step-table tr:hover h5 {
            color: white;
        }

    .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #f1e9c8;
        border: none;
        border-radius: 10px;
        max-width: 10px;
    }

    .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-indicators .active {
        background-color: #ffd300;
    }

    .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev {
        background-image: url(/getmedia/a482ee33-80f2-402a-80f6-2016f74ddef9/prev.png.aspx);
        width: 32px;
        height: 32px;
    }

    .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next {
        background-image: url(/getmedia/9fd23a53-124a-4dc6-bae5-dc42631293c1/next.png.aspx);
        width: 32px;
        height: 32px;
    }

    .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next,
    .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev {
        opacity: 1;
        top: 46%;
    }

        .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next:focus,
        .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next:hover,
        .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev:focus,
        .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev:hover {
            opacity: 1;
        }

    .ci-019 .krugsri-widget {
        position: relative;
        min-height: 400px;
    }

        .ci-019 .krugsri-widget img {
            margin-top: 120px;
        }

        .ci-019 .krugsri-widget .text {
            margin-top: 150px;
        }

        .ci-019 .krugsri-widget .ticket {
            position: absolute;
            bottom: 0;
            right: 50px;
        }

    .ci-019 .menu-tabs-mobile {
        padding-top: 120px;
        padding-bottom: 25px;
        background: #f4e7bd;
        background: linear-gradient(180deg, rgba(244, 231, 189, 1) 0%, rgba(244, 229, 181, 1) 35%, rgba(247, 217, 118, 1) 100%);
    }

        .ci-019 .menu-tabs-mobile .btn {
            width: 400px;
        }

    .ci-019 .airplan {
        position: absolute;
        z-index: 1;
        bottom: 150px;
        right: 134px;
    }

    .ci-019 .max-width-1200 {
        max-width: 1200px;
        margin: auto;
    }

    .ci-019 input.btn,
    .ci-019 button.btn {
        width: -webkit-fill-available;
    }

    @media (max-width: 1199.98px) {
        .ci-019 .krugsri-carousel .krugsri-ctrl-text p {
            font-size: 30px;
        }

            .ci-019 .krugsri-carousel .krugsri-ctrl-text p small {
                font-size: 80%;
            }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
            width: 250px;
        }

        .ci-019 .airplan {
            right: 118px;
        }

        .ci-019 .navbar-default .navbar-nav > li > a {
            font-size: 12px !important;
        }
    }

    @media (max-width: 991.98px) {
        .ci-019 .krugsri-widget img {
            margin-top: 80px;
        }

        .ci-019 .airplan {
            bottom: 180px;
            right: 157px;
        }

        .ci-019 .owl-carousel .owl-item img {
            padding: 15px 15px 0 15px;
        }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
            position: absolute;
            top: 10%;
        }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .krugsri-qr {
            -webkit-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, 0);
            -moz-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, 0);
            box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, 0);
            padding: 0 15px 15px 15px;
        }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .krugsri-qr {
            /*width: auto;*/
            width: 100%;
            margin: 0 15px;
        }

        .ci-019 .krugsri-faq .faq-body {
            margin: 0;
        }

        .ci-019 .krugsri-tabs .krugsri-tabs-content {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .ci-019 .krugsri-tabs {
            margin-top: 20px;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-01 {
            width: 80%;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-02 {
            left: 40%;
            bottom: -150px;
        }

        .ci-019 .krugsri-tabs .nav-item {
            width: 100%;
            margin-bottom: 15px;
            min-height: 50px;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text {
            width: 100%;
        }

        .ci-019 .quick-block {
            padding-left: 15px;
            padding-right: 15px;
        }

        .ci-019 .quick-block-l {
            padding-left: 15px;
        }

        .ci-019 .quick-block-r {
            padding-right: 15px;
        }

        .ci-019 .quick-block-l-0 {
            padding-left: 15px;
        }

        .ci-019 .quick-block-r-0 {
            padding-right: 15px;
        }

        .ci-019 .navbar-default .navbar-nav > li > a {
            font-size: 11px !important;
        }
    }

    @media (max-width: 767.98px) {
        .ci-019 .exchage-rate {
            width: 100% !important;
        }

        .ci-019 .z-content .krugsri-tabs.qr {
            margin-top: 20px !important;
        }

            .ci-019 .z-content .krugsri-tabs.qr .krugsri-owl {
                padding-top: 0;
            }

        .ci-019 .m-t50 {
            margin-top: 0;
        }

        .ci-019 .krugsri-carousel .carousel-indicators {
            display: none;
        }

        .ci-019 .airplan {
            bottom: 150px;
            right: 120px;
        }

        .ci-019 .krugsri-widget img {
            margin-top: 50px;
        }
    }

    @media (max-width: 575.98px) {
        .ci-019 .airplan {
            bottom: 110px;
            right: 85px;
        }
    }

    @media (max-width: 480px) {
        .ci-019 .airplan {
            bottom: 80px;
            right: 55px;
        }
    }

    .ci-019 Header --> .navbar {
        padding: 0;
    }

    .ci-019 .navbar-collapse {
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
        -ms-flex-positive: unset;
        flex-grow: unset;
        -ms-flex-align: unset;
        align-items: unset;
    }

        .ci-019 .navbar-collapse.collapse .navbar-nav {
            flex-direction: unset;
        }

    .ci-019 .navbar.navbar-static-top {
        padding: 0;
    }

    .ci-019 .navbar-nav > li > a {
        font-size: small !important;
        color: inherit;
    }

    .ci-019 .navbar > .container,
    .ci-019 .navbar > .container-fluid {
        padding: 0;
        color: #554242;
    }

    .ci-019 .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .ci-019 a.dropdown-toggle::after {
        content: unset;
    }

    .ci-019 .table > thead > tr > th,
    .ci-019 .table > tbody > tr > th,
    .ci-019 .table > tfoot > tr > th,
    .ci-019 .table > thead > tr > td,
    .ci-019 .table > tbody > tr > td,
    .ci-019 .table > tfoot > tr > td {
        padding: 0.75rem;
        border-top: 0;
        border-bottom: 0;
    }

    .ci-019 .table > thead > tr > th,
    .ci-019 .table > tbody > tr > th,
    .ci-019 .table > tfoot > tr > th,
    .ci-019 .table > thead > tr > td,
    .ci-019 .table > tbody > tr > td,
    .ci-019 .table > tfoot > tr > td {
        line-height: 1.5;
    }

    .ci-019 .pull-right.lgtop {
        display: none !important;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate .exchage-rate {
        background-color: #ffe57b;
        margin-top: 0;
        width: 100% !important;
    }

    .ci-019 .exchage-rate tbody tr:nth-child(odd) {
        background-color: rgba(255, 255, 255, .1);
    }

    .ci-019 .krugsri-product .product-body {
        padding: 0 100px;
    }

    .ci-019 .krugsri-product .table > tbody > tr > td,
    .ci-019 .krugsri-product .table > tbody > tr > th {
        padding: 1.4rem;
        border-top: 1px solid white;
        font-size: 16px;
    }

    .ci-019 body,
    .ci-019 form {
        background-color: #fff;
    }

    .ci-019 .table > tbody > tr.active > td {
        background-color: unset;
    }

    .ci-019 .krugsri-product .tab-content > .active.in,
    .ci-019 #promotion .tab-content > .active.in,
    .ci-019 #faq .tab-content > .active.in {
        opacity: 1;
    }

    .ci-019 .owl-carousel.tab-pane.fade {
        display: none;
        opacity: 0;
    }

        .ci-019 .owl-carousel.tab-pane.fade.in.active {
            display: block;
            opacity: 1;
        }

    .ci-019 #tab1 {
        width: 100%;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate {
        margin-top: 0;
    }

    .ci-019 .box-right .media {
        overflow: visible;
    }

    .ci-019 #product .tab-content {
        width: 100%;
    }

    .ci-019 #product #v-pills-tab img {
        opacity: 0.3;
    }

    .ci-019 #product #v-pills-tab a.active img {
        opacity: 1;
    }

    .ci-019 .exchage-rate #p_lt_ctl19_ksP_p_lt_ctl03_BoardingCard_lblDate,
    .ci-019 .exchage-rate #p_lt_ctl19_ksP_p_lt_ctl04_BoardingCard_lblDate {
        display: block;
        padding-top: 10px;
        text-align: right;
        padding-right: 20px;
        color: #000 !important;
    }

    .ci-019 .krugsri-how-to .carousel-indicators {
        margin: 0 auto -15px;
    }

    .ci-019 #RegisCard .table > tbody > tr > th,
    .ci-019 #UsageLimit > tbody > tr > th {
        width: 45%;
    }

    .ci-019 .krugsri-product #UsingCard .table > tbody > tr > th,
    .ci-019 .krugsri-product #UsingCard .table > tbody > tr > td {
        width: 50%;
        background-color: unset;
    }

    .ci-019 .krugsri-product #UsingCard .table > tbody > tr:nth-child(odd) {
        background-color: #ffe57b;
    }

    .ci-019 .krugsri-product #UsingCard .table > tbody > tr:nth-child(even) {
        background-color: #fff0b1;
    }

    .ci-019 .krugsri-faq .btn-link {
        line-height: 1.7;
    }

    .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxl {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege img {
        margin-right: 30px;
        z-index: 1;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 {
        font-size: 24px;
        color: #fff;
        line-height: 1.7;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege p {
        color: #fff;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right-1 {
        position: absolute;
        right: 50px;
        z-index: 0;
        opacity: 0.5;
        bottom: 40px;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2.black,
    .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege p.black {
        color: #746661;
    }

    .ci-019 .exchage-privilege h2 {
        font-size: 24px;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege.min-box {
        min-height: 625px;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .krugsri-qr a {
        color: inherit;
    }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .krugsri-qr a:hover {
            text-decoration: none;
        }

    .ci-019 .air-x {
        position: absolute;
        z-index: 99;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 12px;
    }

        .ci-019 .air-x img {
            width: 16px;
        }

    .ci-019 .krugsri-modal {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

        .ci-019 .krugsri-modal img {
            position: relative;
            border-radius: 4px 4px 0 0;
            bottom: -1px;
            z-index: 1;
        }

        .ci-019 .krugsri-modal .krugsri-qr-modal {
            position: relative;
            background-color: #756762;
            border-radius: 4px;
            width: 100%;
            -webkit-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
            -moz-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
            box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
            padding: 0 15px 15px 15px;
        }

        .ci-019 .krugsri-modal .modal-content {
            background-color: transparent;
        }

        .ci-019 .krugsri-modal .krugsri-line-modal {
            padding: 40px;
            border: 1px dotted #c3b9a9;
            min-height: 180px;
        }

        .ci-019 .krugsri-modal .modal-content h3 {
            font-size: 30px;
            color: #ffce07;
            margin-bottom: 20px;
            line-height: 50px;
        }

        .ci-019 .krugsri-modal .modal-content h5 {
            font-size: 16px;
            color: white;
            margin-top: 30px;
        }

        .ci-019 .krugsri-modal .modal-content p {
            font-size: 16px;
            color: white;
            margin-bottom: 20px;
        }

        .ci-019 .krugsri-modal .modal-content h4 {
            font-size: 16px;
            color: #ffce07;
            margin: 30px 0;
        }

        .ci-019 .krugsri-modal .modal-content ol {
            font-size: 16px;
            color: white;
            padding: 0 15px;
        }

            .ci-019 .krugsri-modal .modal-content ol li {
                font-size: 16px;
                color: white;
                margin-bottom: 15px;
            }

        .ci-019 .krugsri-modal .modal-content h5 span {
            color: #ffce07;
        }

        .ci-019 .krugsri-modal .card-header {
            background-color: #8e807c;
            border-bottom: 1px solid #a5a3a3;
        }

        .ci-019 .krugsri-modal .btn-link {
            color: #ffce07 !important;
        }

        .ci-019 .krugsri-modal .air-x {
            bottom: 7px;
        }

        .ci-019 .krugsri-modal .close {
            position: absolute;
            z-index: 5;
            right: 30px;
        }

        .ci-019 .krugsri-modal a {
            color: #ffce07;
        }

    .ci-019 .krugsri-line-modal .card-header h2 {
        padding-top: 0;
    }

    .ci-019 .krugsri-carousel .krugsri-ctrl-05 {
        position: absolute;
        left: 80%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 40px;
    }

    .ci-019 .krugsri-carousel .krugsri-ctrl-04 {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -80px;
    }

    .ci-019 .krugsri-carousel .krugsri-ctrl-text2 {
        position: absolute;
        right: 80px;
        top: 25%;
        margin: 15px;
    }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text2 p {
            color: white;
            font-size: 28px;
            line-height: 36px;
            margin-bottom: 0;
        }

            .ci-019 .krugsri-carousel .krugsri-ctrl-text2 p small span {
                color: #ffda01;
            }

    .ci-019 .krugsri-carousel .krugsri-ctrl-text p.bf-fix {
        font-size: 38px;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate thead tr {
        background-color: #ffce07;
    }

    .ci-019 .owl-theme .owl-dots,
    .ci-019 .owl-theme .owl-nav {
        text-align: center;
    }

        .ci-019 .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px;
        }

        .ci-019 .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background-color: #d6d6d6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 0.2s ease;
            border-radius: 30px;
        }

        .ci-019 .owl-theme .owl-dots .owl-dot.active span,
        .ci-019 .owl-theme .owl-dots .owl-dot:hover span {
            background-color: #fecd07;
        }

    .ci-019 .krugsri-carousel .krugsri-ctrl-text2 h1,
    .ci-019 .krugsri-carousel .krugsri-ctrl-text2 h2 {
        font-family: "Krungsri-Condensed-Bold";
        word-break: break-all;
        color: white;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 0;
    }

    .ci-019 .zonebanner,
    .ci-019 .z-content,
    .ci-019 .exchage-rate table {
        font-family: 'Thongterm-Roman' !important;
    }

    .ci-019 .kma-color1 {
        color: #746661 !important;
    }

    .ci-019 .krugsri-carousel .title-01 {
        position: absolute;
        bottom: 50px;
        left: 80px;
    }

        .ci-019 .krugsri-carousel .title-01 p {
            color: white;
            font-size: 34px;
            line-height: 40px;
            margin-bottom: 0;
            color: white;
        }

            .ci-019 .krugsri-carousel .title-01 p span {
                color: #ffda01;
                margin-right: 15px;
            }

        .ci-019 .krugsri-carousel .title-01 h1 small {
            color: white;
        }

    .ci-019 .krugsri-carousel .title-logo {
        position: absolute;
        bottom: 50px;
        right: 50px;
    }

    .ci-019 .krugsri-carousel .title-02 {
        position: absolute;
        top: 50px;
        left: 50px;
    }

        .ci-019 .krugsri-carousel .title-02 h1 {
            word-break: break-all;
            color: white;
            font-size: 28px;
            line-height: 36px;
            margin-bottom: 0;
            padding: 0 15px 15px 15px;
        }

            .ci-019 .krugsri-carousel .title-02 h1 small {
                color: white;
            }

    .ci-019 .krugsri-ctrl-text2.animated.fadeIn.delay-1s h1 small {
        color: inherit;
    }

    .ci-019 .sub-menu-mobile .btn-krugsri-1,
    .ci-019 .krugsri-tabs.qr .btn-krugsri-1 {
        background-color: #fff0b1;
        border-color: #fff0b1;
        box-shadow: none;
    }

    .ci-019 .menu-tabs-mobile .btn {
        width: 350px;
    }

    .ci-019 .krugsri-tabs.qr {
        position: relative;
        margin-top: 80px !important;
    }

    .ci-019 qr. div#privilege > .col-12 {
        padding: 0 7.5px;
    }

    .ci-019 .krugsri-product .table > tbody > tr > td,
    .ci-019 .krugsri-product .table > tbody > tr > th {
        padding: 1rem;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .btn-group {
        display: flex !important;
    }

    .ci-019 .krugsri-tabs .krugsri-tabs-content .dropdown-menu.show {
        width: 100% !important;
    }

    .ci-019 .krugsri-tabs-content {
        margin-top: 30px;
    }

    .ci-019 .krugsri-product .krugsri-info {
        margin-bottom: 0;
    }

    .ci-019 .krugsri-tabs {
        margin-top: 30px;
    }

    .ci-019 .krugsri-table td,
    .ci-019 .krugsri-table th {
        padding: 1rem !important;
    }

    .ci-019 .krugsri-carousel .krugsri-ctrl-text2 h1 {
        color: #ffda01;
        font-size: 36px;
        margin-bottom: 20px;
    }

    .ci-019 .zonebanner {
        position: relative;
    }

    .ci-019 .container--breadcrumb {
        color: #fff !important;
        position: absolute;
        top: 20px;
        padding-left: 15px;
        z-index: 999;
    }

        .ci-019 .container--breadcrumb a {
            color: inherit;
        }

    .ci-019 .info-list {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 10px;
    }

        .ci-019 .info-list .list-left {
            width: auto;
            padding-right: 20px;
            float: left;
        }

        .ci-019 .info-list .list-right {
            width: 80%;
        }

    @media screen and (min-width: 576px) {
        .ci-019 .navbar .container {
            max-width: unset;
        }
    }

    @media screen and (min-width: 768px) {

        .ci-019 .navbar .container,
        .ci-019 .container {
            max-width: 720px;
        }

        .ci-019 .navbar .container {
            max-width: unset;
        }

        .ci-019 .container .row {
            padding: 0;
        }
    }

    @media screen and (min-width: 992px) {

        .ci-019 .navbar .container,
        .ci-019 .container {
            max-width: 960px;
        }
    }

    @media screen and (min-width: 1200px) {

        .ci-019 .container,
        .ci-019 .navbar .container {
            max-width: 1140px;
        }
    }

    @media screen and (max-width: 1500px) {
        .ci-019 .krugsri-carousel .title-02 h1 {
            font-size: 30px;
            line-height: 48px;
        }
    }

    @media screen and (max-width: 1033px) {
        .ci-019 .topmenub {
            margin-top: -138px !important;
            right: 0 !important;
        }
    }

    @media screen and (max-width: 1024px) {
        .ci-019 .krugsri-carousel .carousel-inner {
            overflow: hidden;
        }

        .ci-019 .carousel-item {
            padding-bottom: 50px;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-01 {
            bottom: 0;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-02 {
            left: 34%;
        }

        .ci-019 .airplan {
            right: 96px;
            bottom: 120px;
        }

        .ci-019 .krugsri-carousel .carousel-indicators {
            bottom: 0;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text {
            width: 100%;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-04 {
            bottom: 0;
        }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege.min-box {
            min-height: 600px;
        }

        .ci-019 .air-x {
            bottom: 8px;
        }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 br {
            display: none;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text2 {
            right: 30px;
            top: 10%;
        }

        .ci-019 .container--breadcrumb {
            left: 2%;
        }
    }

    @media (max-width: 991.98px) {
        .ci-019 .krugsri-product .product-body {
            padding: 0;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-01 {
            bottom: 0;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-02 {
            left: 34.2%;
            bottom: 100px;
        }

        .ci-019 .menu-tabs-mobile {
            margin-top: -100px;
        }

        .ci-019 .krugsri-carousel .carousel-indicators {
            bottom: 50px;
        }

        .ci-019 .airplan {
            right: 20%;
            bottom: 35%;
        }

        .ci-019 #v-pills-tabContent .btn-group.show,
        .ci-019 #promotion .btn-group.show,
        .ci-019 #faq .btn-group.show {
            display: inline-block !important;
        }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege,
        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege.min-box {
            min-height: 640px;
        }

        .ci-019 .krugsri-tabs.qr .krugsri-owl {
            padding-top: 140px;
        }
    }

    @media screen and (max-width: 768px) {
        .ci-019 .container {
            width: 100% !important;
        }

        .ci-019 .navbar > .container,
        .ci-019 .navbar > .container-fluid {
            display: block;
        }

        .ci-019 .pull-right.topmenub {
            display: table-cell !important;
            right: 0 !important;
        }

        .ci-019 .navbar-default .navbar-collapse {
            width: 100%;
        }

        .ci-019 .sec-lang {
            position: absolute !important;
            left: 0;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-02 {
            left: 28.8%;
            bottom: 50px;
        }

        .ci-019 .logoBay {
            background: unset;
        }

        .ci-019 .py-md-0 {
            padding-left: 0;
            padding-right: 0;
        }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
            min-height: 550px !important;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text2 {
            right: 50px;
            top: 18%;
        }
    }

    .ci-019 h4 {
        color: #222222;
        font-family: Thongterm-Bold;
        font-size: 24px !important;
        line-height: 30px
    }

    @media screen and (max-width: 767px) {
        .ci-019 .pull-right.topmenub {
            right: 0 !important;
        }

        .ci-019 .exchage-rate .exchage-rate {
            width: 100% !important;
        }

        .ci-019 .zone-content .row {
            padding: 0;
        }

        .ci-019 .navbar-default .hidden-xs {
            display: none !important;
        }

        .ci-019 .navbar-default .visible-xs {
            display: block !important;
        }

            .ci-019 .navbar-default .visible-xs.pull-right {
                margin-top: -40px !important;
                margin-right: 0 !important;
            }

        .ci-019 .visible-xs.lgtop {
            margin-top: -40px !important;
            margin-right: 15px !important;
        }

        .ci-019 .menu-tabs-mobile .btn {
            width: 320px;
        }

        .ci-019 .container .row {
            padding: 0;
        }

        .ci-019 .krugsri-product .card .card-content {
            padding: 0 20px 20px 20px;
        }

        .ci-019 .card-content center {
            margin-bottom: 30px;
        }

        .ci-019 .krugsri-product .card .card-content .card-img {
            min-height: unset;
            margin-bottom: 10px;
        }

        .ci-019 .krugsri-product .card h5,
        .ci-019 .krugsri-product .card h6 {
            padding: 20px 15px;
        }

        .ci-019 .card-body img {
            margin: 0 auto;
            margin-bottom: 10px;
        }

        .ci-019 .krugsri-product #p-chanel-register .card-content {
            padding: 0 5px;
        }

        .ci-019 #p-chanel-register .card-content .card-body {
            padding: 0;
            margin: 20px 0;
        }

        .ci-019 .krugsri-product .tabs1 {
            margin: 10px auto;
            display: none;
        }

        .ci-019 #homefooter [class*=col-] {
            padding: 0;
        }

        .ci-019 #homefooter .kfooterMenu {
            width: 50%;
        }

        .ci-019 .table-responsive::-webkit-scrollbar {
            height: 10px;
            background-color: #fff;
        }

        .ci-019 .table-responsive::-webkit-scrollbar-thumb {
            background-color: #ddd5d5;
            border-radius: 6px;
        }

        .ci-019 #v-pills-tabContent .btn-krugsri {
            padding: 10px 15px;
        }

        .ci-019 #RegisCard .table-responsive .hand_touch {
            margin-top: 25px !important;
        }

        .ci-019 .m-block-center {
            width: 100%;
            text-align: center;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-02 {
            left: 32%;
        }

            .ci-019 .krugsri-carousel .krugsri-ctrl-02 img {
                width: 85% !important;
            }

        .ci-019 .airplan {
            right: 19%;
        }

        .ci-019 .exchage-card .align-middle img {
            margin-bottom: 15px;
        }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
            width: 280px;
        }

        .ci-019 .owl-carousel .owl-item img {
            padding: 15px 15px 0;
        }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .krugsri-qr {
            margin: 0;
        }

        .ci-019 .krugsri-how-to {
            margin-top: 10px;
        }

        .ci-019 .krugsri-product h4 {
            margin-top: 20px;
        }

        .ci-019 .krugsri-product .krugsri-info {
            margin: 20px 0;
        }

        .ci-019 .py-xs-0 {
            padding-left: 0;
            padding-right: 0;
        }

        .ci-019 .mb-xs-0 {
            margin-bottom: 0;
        }

        .ci-019 .b__step-table h5 {
            font-size: 16px;
        }

        .ci-019 .krugsri-how-to .carousel-item {
            padding-bottom: 0;
        }

        .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxl {
            padding: 0;
        }

        .ci-019 .krugsri-product {
            margin-bottom: 0;
        }

        .ci-019 .krugsri-promotion {
            margin-bottom: 35px;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text2 {
            right: 50px;
            top: 12%;
            left: 0;
            width: 100%;
        }

            .ci-019 .krugsri-carousel .krugsri-ctrl-text p small,
            .ci-019 .krugsri-carousel .krugsri-ctrl-text2 p small {
                font-size: 60%;
            }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege center img {
            margin-right: 0;
            margin: 0 auto;
        }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .krugsri-line {
            min-height: 240px;
        }

        .ci-019 .air-x {
            bottom: 0;
            left: 45%;
        }

        .ci-019 #promotion .krugsri-tabs-content .krugsri-qr {
            margin: 0;
        }

        .ci-019 #promotion .owl-carousel .owl-item img {
            padding: 20px 0 0;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text2 p {
            line-height: 1.2;
            font-size: 28px;
        }

            .ci-019 .krugsri-carousel .krugsri-ctrl-text2 p br {
                display: none;
            }

        .ci-019 .krugsri-modal .krugsri-line-modal {
            padding: 20px;
        }

        .ci-019 .krugsri-modal {
            padding-right: 0 !important;
        }

            .ci-019 .krugsri-modal .krugsri-line-modal {
                padding: 20px;
            }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text p.bf-fix {
            font-size: 28px;
        }

        .ci-019 .carousel-item {
            padding-bottom: 0;
        }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
            min-height: 590px !important;
        }

            .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege.l-en {
                min-height: 720px !important;
            }

        .ci-019 .owl-carousel .owl-item img {
            padding: 0;
        }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 {
            line-height: 1.7;
        }

        .ci-019 .withdraw-atm > .row,
        .ci-019 .Redeem-money > .row {
            padding: 0 15px;
        }

        .ci-019 .container--breadcrumb {
            display: none;
        }

        .ci-019 .info-list {
            width: 100%;
            padding: 0 15px;
        }

        .ci-019 .dropdown-menu.show {
            width: 100%;
        }

        .ci-019 .modal-dialog {
            padding: 0.5rem;
            position: relative;
        }

            .ci-019 .modal-dialog .modal-content {
                margin-top: 50px;
                top: 12px;
                position: absolute;
                right: 0;
                left: 0;
                padding: 15px;
            }

        .ci-019 .krugsri-modal .close {
            right: 10px;
        }

        .ci-019 h4,
        .ci-019 h5 {
            padding: 10px 0;
        }

        .ci-019 #v-pills-home .btn-group,
        .ci-019 #faq .btn-group,
        .ci-019 #faq .dropdown-menu.show {
            width: 100%;
        }

            .ci-019 #v-pills-tabContent .btn-group.show,
            .ci-019 #promotion .btn-group.show,
            .ci-019 #faq .btn-group.show {
                display: flex !important;
            }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .dropdown-menu {
            left: 0 !important;
        }

        .ci-019 .krugsri-modal .modal-content h5 {
            font-size: 14px;
            line-height: 20px;
        }

        .ci-019 .sub-menu-mobile .btn-krugsri-1:hover,
        .ci-019 .krugsri-tabs.qr .btn-krugsri-1:hover {
            color: #fff;
            background-color: #ffce07;
            border-color: #ffce07;
        }

        .ci-019 .krugsri-how-to h5 {
            line-height: 1.7;
        }
    }

    @media screen and (max-width: 480px) {
        .ci-019 .krugsri-carousel .krugsri-ctrl-02 {
            left: 33%;
            bottom: 25px;
        }

        .ci-019 .airplan {
            right: 17%;
        }

        .ci-019 .tnavsearchth {
            text-indent: -9999px;
        }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 {
            font-size: 20px;
        }

            .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 br {
                display: none;
            }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
            min-height: 600px;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text2 h1 {
            font-size: 24px;
        }

        .ci-019 .menu-tabs-mobile .btn {
            width: 270px;
        }
    }

    @media screen and (max-width: 425px) {
        .ci-019 .krugsri-carousel .krugsri-ctrl-text2 img {
            width: 80px !important;
            margin-right: 20px !important;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text2 h2 {
            font-size: 20px;
            line-height: 26px;
        }

        .ci-019 .krugsri-info > .row > .col-2 {
            padding: 0;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text2 h1 {
            font-size: 26px;
            line-height: 1.3;
            margin-bottom: 5px;
        }

        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
            min-height: 587px !important;
        }

            .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege.l-en {
                min-height: 712px !important;
            }

        .ci-019 .krugsri-widget {
            min-height: 350px;
        }

            .ci-019 .krugsri-widget img {
                margin-top: 15px;
            }
    }

    @media screen and (max-width: 375px) {
        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
            right: 10px;
        }

            .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right img {
                margin-right: 15px;
                margin-left: 10px;
            }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text2 {
            padding-right: 20px;
        }

            .ci-019 .krugsri-carousel .krugsri-ctrl-text2 h2 {
                font-size: 18px;
                line-height: 26px;
            }

            .ci-019 .krugsri-carousel .krugsri-ctrl-text2 p {
                line-height: 1.2;
                font-size: 24px;
            }
    }

    @media screen and (max-width: 340px) {
        .ci-019 .navtop {
            right: 35px;
        }

        .ci-019 .navbar-toggle {
            padding-left: 25px;
            margin-left: 0;
        }

        .ci-019 .langselector a {
            padding-left: 18px;
        }

        .ci-019 .hwcCustomization .zoneMyKrungsriButton {
            padding-right: 10px;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text {
            top: 15%;
        }

            .ci-019 .krugsri-carousel .krugsri-ctrl-text p,
            .ci-019 .krugsri-carousel .krugsri-ctrl-text2 p {
                font-size: 24px;
            }

                .ci-019 .krugsri-carousel .krugsri-ctrl-text2 p small {
                    font-size: 60%;
                }

        .ci-019 .carousel-control-prev {
            left: -10px;
        }

        .ci-019 .carousel-control-next {
            right: -10px;
        }

        .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev {
            left: 3px;
        }

        .ci-019 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next {
            right: 3px;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text p.bf-fix {
            font-size: 28px;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text2 h1 {
            font-size: 22px;
        }
    }

    @media screen and (max-width: 320px) {
        .ci-019 .krugsri-tabs .krugsri-tabs-content .exchage-privilege.l-en {
            min-height: 736px !important;
        }

        .ci-019 .pr-xs-1 {
            padding-left: 0;
        }

        .ci-019 .krugsri-carousel .krugsri-ctrl-text2 {
            top: 3%;
        }
    }


@media (max-width: 991.98px) {
    .ci-019 .item img {
        margin: 0px 15px;
    }
}

@media screen and (max-width: 767px) {
    .ci-019 .item img {
        margin: 20px 0 0;
        width: 100%;
    }
}
 
.ci-019 .quick-block {
    display: flex;
    flex-direction: column;
}

.ci-019 .quick-block a img {
    width: 100%;
    height: 205px;
    object-fit: cover;
}

@media (max-width: 768px) {
    .ci-019 .quick-block a img {
        height: 150px;
    }

    .ci-019 .quick-block {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
} 

@media (max-width: 576px) {
    .ci-019 .quick-block a img {
        height: 120px;
    }
}

.ci-019 .card-block {
    flex-grow: 1;
}

@media (max-width: 450px) {
    .ci-019 .quick-block a img {
        height: 171px;
    }
}

/* #endregion CI-019 */


/* #region CI-037 */
    .ci-037 :root {
        --card-width: 100%;
        --card-height: 100%;
        --card-min-height: 270px;
        --card-min-height-mobile: 110px;
    } 
.ci-037 :root {
    --card-width: 100%;
    --card-height: 100%;
    --card-min-height: 270px;
    --card-min-height-mobile: 110px;
}

    .ci-037 .container--content {
        margin-bottom: 40px;
    }

    .ci-037 .pagination .page-item .page-link {
        color: #545454;
    }

    .ci-037 .bg-menu-tab {
        box-shadow: 0px 8px 6px 0px #000 0f;
    }

    .ci-037 .ml-2per {
        margin-left: -2%;
    }

    .ci-037 .float-r {
        float: right;
    }

    .ci-037 #top1 {
        justify-content: space-between;
    }

    .ci-037 #tab-area {
        text-align: left;
    }

    .ci-037 #search-area {
        text-align: right;
    }

        .ci-037 #search-area .input-group-append {
            cursor: pointer;
        }

    .ci-037 #sec-recommend-editor-picks .main-item .card-content-type {
        font-size: 14px !important;
    }

    .ci-037 #tab-selected .tab-title-text > a.border-line {
        height: 45px;
        padding-top: 12px;
        vertical-align: top;
        font-family: "Krungsri-condensed-bold";
        font-size: 16px;
        line-height: 24px;
        color: #5a5a5a;
    }

        .ci-037 #tab-selected .tab-title-text > a.border-line.active,
        .ci-037 #owl-tab-selected-mobile .tab-title-text a.border-line.active {
            color: #222;
        }

        .ci-037 #tab-selected .tab-title-text > a.border-line:hover {
            color: #222;
        }

    .ci-037 #mainnav .tab-title-text {
        padding: 0 15px;
    }

    .ci-037 #main-content-rpt .box-podcast .card-content {
        display: block;
        height: 100%;
    }



        .ci-037 #main-content-rpt .box-podcast .card-content .card-content-img .content {
            width: 130px;
            height: 130px;
            object-fit: cover;
            min-height: unset;
            transition: all .6s ease-in-out;
        }

    .ci-037 #main-content-rpt .box-podcast .box-text {
        padding: 8px;
        width: 100%;
    }

.ci-037 #main-content-rpt .item .box-podcast {
    padding-bottom: 0; 
}

    .ci-037 #main-content-rpt .item .card-content-title {
        min-height: 60px;
    }

    .ci-037 #main-content-rpt .item h2 {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
        margin-bottom: 0;
    }

    .ci-037 #main-content-rpt .main-item i.far.fa-play-circle {
        top: 50%;
        left: 33%;
    }

.ci-013 #main-content-rpt .main-item i.far.fa-play-circle {
    top: 50%;
    left: 33%;
}

.ci-013 #main-content-rpt .item i.far.fa-play-circle {
    top: 35%;
    left: 50%;
}

@media (max-width: 768px) {
    .ci-013 #main-content-rpt .main-item i.far.fa-play-circle {
        top: 35%;
        left: 50%;
    }

    .ci-013 #main-content-rpt .item i.far.fa-play-circle {
        top: 50%;
        left: 16%;
    }
}

.ci-037 #main-content-rpt .item i.far.fa-play-circle {
        top: 50%;
        left: 17%;
    }

    @media (max-width: 768px) {
        .ci-037 .container--header {
            margin-top: 0;
        }

            .ci-037 .container--header p {
                font-size: 14px;
                color: #000;
            }

        .ci-037 .nav-menu-mobile {
            margin: 0px;
            padding: 0px;
        }

            .ci-037 .nav-menu-mobile .btn-secondary-menu {
                width: 100%;
            }

        .ci-037 .container--content {
            margin: 8px 0 16px 0;
        }

        .ci-037 #owl-tab-selected-mobile .tab-title-text a.tab-scoll {
            font-size: 16px;
            color: #5a5a5a;
            height: auto;
        }

        .ci-037 #owl-tab-selected-mobile .tab-title-text a.tab-scoll {
            padding-bottom: 4px;
        }

            .ci-037 #owl-tab-selected-mobile .tab-title-text a.tab-scoll:hover,
            .ci-037 #owl-tab-selected-mobile .tab-title-text a.tab-scoll.active {
                color: #222;
            }

        .ci-037 #main-content-rpt .item .box-podcast {
            padding-bottom: 0px;
        }

            .ci-037 #main-content-rpt .item .box-podcast .card-content {
                display: flex;
                height: 119px;
            }

                .ci-037 #main-content-rpt .item .box-podcast .card-content .card-content-img {
                    width: 110px;
                    height: var(--card-height);
                    min-height: var(--card-min-height-mobile);
                }

            .ci-037 #main-content-rpt .item .box-podcast .box-text {
                padding: 4px 8px;
                width: 100%;
            }

        .ci-037 #main-content-rpt .item .card-content-title {
            min-height: 48px;
            margin-bottom: 4px !important;
        }

        .ci-037 #main-content-rpt .main-item h2 {
            font-size: 18px;
            line-height: 30px;
            color: #222;
            font-family: "Krungsri-Condensed-Bold";
        }

        .ci-037 #main-content-rpt .item h2 {
            font-size: 16px;
            line-height: 24px;
            color: #222;
            font-family: "Krungsri-Condensed-Bold";
        }

        .ci-037 #main-content-rpt .main-item i.far.fa-play-circle {
            top: 35%;
            left: 50%;
        }

        .ci-037 #main-content-rpt .item i.far.fa-play-circle {
            top: 50%;
            left: 17%;
        }
    }

    .ci-037 .container--content.container-editor {
        /*margin-bottom: 30px !important;*/
        margin-bottom: 14px !important;
    }

    .ci-037 #sec-recommend-editor-picks .title h2 {
        margin-bottom: 24px;
    }

    .ci-037 #sec-recommend-editor-picks .box-podcast .card-content {
        filter: drop-shadow(1px 2px 10px rgba(35, 19, 18, 0.1));
    }

    .ci-037 #sec-recommend-editor-picks .box-podcast .card-content {
        border-top: none;
        min-height: unset;
        height: 130px;
        display: flex;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 10px 0 rgba(35, 19, 18, .1);
    }



    .ci-037 .card-content:hover .box-img img {
        transform: scale(1.1);
        transition: transform 0.3s ease;
    }

    .ci-037 #sec-recommend-editor-picks .main-item .box-podcast {
        margin-bottom: 30px !important;
    }

        .ci-037 #sec-recommend-editor-picks .main-item .box-podcast .card-content {
            border-top: none;
            min-height: unset;
            height: auto;
            display: flex;
            border-radius: 3px;
            background-color: #fff;
        }

    .ci-037 #sec-recommend-editor-picks .main-item .card-content-img {
        width: 100%;
        height: auto;
        object-fit: cover;
        min-height: unset;
        border-radius: 3px 3px 0px 0px;
    }

    .ci-037 #sec-recommend-editor-picks .main-item .box-podcast .box-text {
        border-top: 5px solid #fdd200;
        max-width: 34.3%;
        position: relative;
        padding: 24px 24px 16px;
    }

    .ci-037 #sec-recommend-editor-picks .main-item .card-content-type {
        margin-bottom: 10px;
    }

    .ci-037 #sec-recommend-editor-picks .main-item .card-content-title {
        margin-bottom: 10px;
    }

    .ci-037 #sec-recommend-editor-picks .main-item .card-readmore {
        position: absolute;
        bottom: 10px;
        width: 100%;
    }

    .ci-037 #sec-recommend-editor-picks .main-item a#btnShare {
        position: absolute;
        right: 50px;
        bottom: 4px;
    }

    .ci-037 #sec-recommend-editor-picks .item a#btnShare img {
        margin-top: -7px;
    }

    .ci-037 #sec-recommend-editor-picks .main-item .card-content-type {
        font-size: 12px;
        line-height: 30px;
    }

    .ci-037 #sec-recommend-editor-picks .card-content-readmore {
        font-size: 14px;
        line-height: 30px;
    }

    .ci-037 .icon-editor {
        margin-right: 8px;
    }

    .ci-037 .container--content.container-yt {
        margin-bottom: 40px;
    }

    .ci-037 #sec-recommend-yt .title {
        margin-bottom: 16px !important;
    }

        .ci-037 #sec-recommend-yt .title.youtube-tab-playlist {
            margin-bottom: 0px !important;
        }

    .ci-037 #sec-recommend-editor-picks .main-item .card-content-title h4 {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        letter-spacing: 0;
        line-height: 36px;
        margin-bottom: 0;
        height: unset;
    }

    .ci-037 #sec-recommend-editor-picks .item:not(.main-item) .card-content-detail {
        display: none;
    }

    .ci-037 .container--content.container-plearn {
        margin-bottom: 40px;
    }

    .ci-037 #sec-recommend-plearn .title h2 {
        margin-bottom: 24px;
    }

    .ci-037 #sec-recommend-plearn .title-txt h3 {
        font-family: 'Krungsri-Condensed-bold';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        color: #fdd200;
    }

    .ci-037 #sec-recommend-plearn .title-more {
        font-family: 'Thongterm';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        color: #fff;
    }

        .ci-037 #sec-recommend-plearn .title-more:hover {
            color: #f76f00;
        }

    .ci-037 .box-podcast:last-child {
        margin-bottom: 0px !important;
    }

    .ci-037 #sec-recommend-plearn .title-type {
        margin-bottom: 20px;
    }

    .ci-037 .box-podcast .card-content {
        border-top: none;
        min-height: unset;
        height: 130px;
        display: flex;
        border-radius: 3px;
        background-color: #fff;
    }

    .ci-037 .card-content-img {
        width: 130px;
        height: 130px;
        object-fit: cover;
        min-height: unset;
        border-radius: 3px 3px 0px 0px;
    }

    .ci-037 .card-content-type {
        font-family: 'Thongterm';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 30px;
        color: #5a5a5a;
    }

        .ci-037 .card-content-type .parent-name {
            /*font-size: 14px;*/
            font-size: 12px;
            line-height: 26px;
            color: #5a5a5a; 
            font-family: Thongterm-Bold;
        }

    .ci-037 .box-podcast .box-text {
        padding: 10px;
    }

    .ci-037 .card-content-name {
        display: none;
    }

    .ci-037 .card-content-title h4 {
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .ci-037 .card-content-title h4 {
        font-size: 16px;
        line-height: 24px;
        height: 48px;
    }

    .ci-037 .card-content-readmore {
        font-family: 'Thongterm';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        width: 100%;
        position: relative;
    }

    .ci-037 .box-text img.icon-clock {
        width: 12px;
        height: 12px;
        bottom: 3px;
        margin-right: 0px;
        position: relative;
    }

    .ci-037 .box-text img#shareImageIcon {
        width: 11px;
        height: 12px;
    }

    .ci-037 .default.text.item-select .item {
        font-family: 'Krungsri-Condensed-bold';
        font-weight: 700;
        font-size: 16px;
        line-height: 27px;
        color: #222;
    }

    .ci-037 .ui.dropdown.the-coach-dropdown-mobile > .text {
        font-family: 'Krungsri-Condensed-bold';
        font-weight: 700;
        font-size: 16px;
        line-height: 27px;
        color: #222 !important;
    }

    .ci-037 .ui.selection.dropdown.the-coach-dropdown-mobile .menu > .item {
        font-family: 'Thongterm';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 34px;
        color: #5a5a5a;
        height: 44px;
        padding: 8px 20px 8px 16px !important;
    }

    .ci-037 .ui.dropdown.the-coach-dropdown-mobile .menu .active.item {
        font-family: 'Krungsri-Condensed-bold';
        font-weight: 700;
        font-size: 16px;
        line-height: 27px;
        color: #222;
        background-color: #fdd200;
        height: 44px;
        padding: 8px 20px 8px 16px !important;
    }

    .ci-037 .ui.fluid.dropdown.the-coach-dropdown-mobile {
        display: block;
        width: 100%;
        min-width: 0em;
        height: 44px;
        padding: 8px 20px 8px 16px;
    }

    .ci-037 .youtube-container.youtube-gallery {
        position: relative;
    }

    .ci-037 .youtube-gradient:after {
        content: ' ';
        position: absolute;
        left: 0;
        right: 0;
        height: 83px;
        bottom: 0;
        width: 100%;
        background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 100%);
        z-index: 1;
    }

    .ci-037 .youtube-container.youtube-gallery .card-content:last-child {
        position: relative;
        z-index: 5;
    }

    .ci-037 .container--content .card-info .content.ytContent {
        padding-left: 16px;
    }

    @media screen and (max-width: 768px) { 

            .ci-037 body {
                padding-top: 56px;
            }

            .ci-037 .container--content.container-editor {
                margin-bottom: 40px !important;
            }

            .ci-037 #sec-recommend-editor-picks .title h2 {
                margin-bottom: 16px;
            }

            .ci-037 #sec-recommend-editor-picks .main-item .box-podcast {
                margin-bottom: 8px !important;
            }

        .ci-037 #sec-recommend-editor-picks .item .box-podcast{
            margin-bottom: 0px !important;
        }

        .ci-037 #sec-recommend-editor-picks .item .box-podcast .card-content {
            margin-bottom: 8px !important;
        }

            .ci-037 #sec-recommend-editor-picks .main-item .box-podcast .card-content {
                border-top: none;
                min-height: unset;
                height: auto;
                display: block;
                margin-bottom: 8px;
            }

            .ci-037 #sec-recommend-editor-picks .main-item .box-podcast .box-text {
                border-top: unset;
                max-width: unset;
                position: relative;
                padding: 8px 10px 10px;
            }

            .ci-037 #sec-recommend-editor-picks .main-item .card-content-type {
                margin-bottom: 1px;
            }

            .ci-037 #sec-recommend-editor-picks .main-item .card-content-title {
                margin-bottom: 0;
            }

            .ci-037 .card-content-detail {
                display: none;
            }

            .ci-037 #sec-recommend-editor-picks .main-item .card-readmore {
                position: relative;
                bottom: 0;
                width: 100%;
            }

            .ci-037 #sec-recommend-editor-picks .main-item a#btnShare {
                position: relative;
                right: unset;
                bottom: 3px;
            }

            .ci-037 #sec-recommend-editor-picks .item a#btnShare img {
                margin-top: -6px;
            }

        .ci-037 #sec-recommend-editor-picks .main-item .card-content-title h2 {
            /* font-size: 18px;
                letter-spacing: 0;
                line-height: 30px;*/

            font-size: 18px !important;
            line-height: 24px !important;
            height: 54px !important;
            margin-top: 0px;
        }

            .ci-037 #sec-recommend-editor-picks .main-item .card-content-type {
                font-size: 14px;
                line-height: 30px;
            }

            .ci-037 #sec-recommend-editor-picks .card-content-readmore {
                font-size: 12px;
                line-height: 26px;
            }

            .ci-037 #sec-recommend-editor-picks .main-item .card-content-readmore {
                font-size: 14px;
                line-height: 30px;
            }

            .ci-037 #sec-recommend-plearn .title h2 {
                margin-bottom: 24px;
            }

            .ci-037 #sec-recommend-plearn .title-type {
                margin-bottom: 16px;
            }

            .ci-037 .container--content.container-plearn {
                margin-top: 24px;
                margin-bottom: 24px;
            }

            .ci-037 #sec-recommend-plearn .title .title-txt h3 {
                font-size: 18px;
            }

            .ci-037 #sec-recommend-plearn .title .title-more {
                font-size: 14px;
            }

            .ci-037 .box-podcast .card-content {
                height: 110px;
            }

            .ci-037 .card-content-img {
                width: 110px;
                height: 110px;
                object-fit: cover;
                min-height: unset;
                border-radius: 3px 3px 0px 0px;
            }

            .ci-037 .card-content-type {
                font-size: 12px;
                line-height: 26px;
            }

            .ci-037 .card-content-title h4 {
                color: #222;
                font-family: Thongterm-Bold;
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 0;
            }

            .ci-037 .box-podcast .box-text {
                padding: 3px 10px 4px 10px;
            }

            .ci-037 .box-text img.icon-clock {
                width: 14px;
                height: 14px;
                bottom: 3px;
            }

            .ci-037 .card-content-readmore {
                font-size: 12px;
                line-height: 26px;
            }

            .ci-037 .box-podcast:last-child {
                margin-bottom: 16px !important;
            }

            .ci-037 .container--content.container-yt {
                margin-top: 16px;
                margin-bottom: 8px;
            }

            .ci-037 #sec-recommend-yt .title.youtube-tab-playlist {
                margin-bottom: 16px !important;
            }

            .ci-037 .youtube-gradient:after {
                content: none;
            }

            .ci-037 .container--content .card-info .image.ytImage {
                margin-left: 16px;
            }

            .ci-037 .container--content .card-info .content.ytContent {
                padding-left: 16px;
                padding-right: 16px;
            }

            .ci-037 .youtube-gallery {
                width: 100%;
                height: 400px;
                margin: auto;
                overflow: initial;
                margin-top: 12px;
            }
    }

    @media only screen and (max-width: 767px) {
        .ci-037 .hwcCustomization .modal {
            padding: 0 !important;
        }

            .ci-037 .hwcCustomization .modal .modal-dialog {
                width: 100%;
                max-width: none;
                height: 100%;
                margin: 0;
            }

        .ci-037 .hwcCustomization .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .ci-037 .hwcCustomization .modal .modal-body {
            overflow-y: auto;
        }

        .ci-037 .vertical-center {
            padding: 40% 20px 0px 20px;
        }
    }

    @media only screen and (min-width: 768px) {
        .ci-037 .hwcCustomization .modal-content {
            height: 320px;
            width: 570px;
            border-radius: 3px;
            background-color: #fff;
            box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
        }

        .ci-037 .hwcCustomization .modal-body {
            padding: 0px 50px 0px 50px;
        }
    }

    .ci-037 .box-img {
        overflow: hidden;
    }

    /* Add 03/11/2024*/
    .ci-037 .thecoach .text-ellipsis-2line {
        color: #222 !important;
        font-family: "Krungsri-Condensed-Bold" !important;
        font-size: 24px !important;
        letter-spacing: 0 !important;
        line-height: 36px !important;
        margin-bottom: 0 !important;
        height: unset !important;
    }

    .ci-037 .box-podcast .card-content .card-content-img {
        width: 370px;
        height: 270px;
    }

        .ci-037 .box-podcast .card-content .card-content-img.first {
            width: 100%;
            height: 100%;
            min-height: var(--card-min-height);
        }

    .ci-037 .text-ellipsis-2line {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: normal;
    }

    .ci-037 h2 {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        letter-spacing: 0;
        line-height: 36px;
        margin-bottom: 0;
    }


    .ci-037 #main-content-rpt .box-podcast .card-content .card-content-img.first {
        width: 100%;
        height: 100%;
        min-height: var(--card-min-height);
        max-width: 768.7px;
        min-height: 449.23px;
    }

    .ci-037 .box-podcast .card-content .box-img img {
        width: 100%;
        height: auto;
        object-fit: cover;
        min-height: unset;
    }

    .ci-037 .card-content .box-img img {
        width: 130px;
        height: 130px;
        object-fit: cover;
        min-height: unset;
        transition: all .6s ease-in-out;
    }

    @media screen and (max-width: 768px) {
        .ci-037 .box-podcast .card-content .card-content-img.first {
            width: 100%;
            height: 100%;
            min-height: var(--card-min-height);
        }

        .ci-037 #main-content-rpt .box-podcast .card-content .card-content-img.first {
            width: 100%;
            height: auto;
            max-width: unset;
            min-height: unset;
        }

        .ci-037 .box-podcast .card-content .card-content-img.content {
            width: 110px !important;
            min-height: 110px !important;
        }


        .ci-037 #main-content-rpt .item .box-podcast .card-content .card-content-img {
            width: 119px !important;
            height: 119px !important;
            /*height: var(--card-height);
        min-height: var(--card-min-height-mobile);*/
        }

        .ci-037 .card-content-img {
            width: 110px;
            height: 110px;
            object-fit: cover;
            min-height: unset;
            border-radius: 3px 3px 0px 0px;
        }

        .ci-037 .card-readmore .shered-first {
            right: 0px !important;
        }
    }

    @media screen and (min-width: 768px) {
        .ci-037 .box-podcast .card-content .card-content-img.first {
            width: 100% !important;
            height: 100% !important;
            min-height: var(--card-min-height);
        }

        .ci-037 .box-podcast .card-content .card-content-img.content {
            width: 130px;
            height: 130px;
            object-fit: cover;
            min-height: unset;
            transition: all .6s ease-in-out;
        }
    }

.ci-037 .bottom-space {
    margin-bottom: 16px;
}
/* #endregion */

/* #region CM-004 */
.cm-004 .hxc-overlay :root {
    --bs-gray-100: #fefefe;
    --bs-gray-200: #f6f7f9;
    --bs-gray-300: #cacaca;
    --bs-gray-400: #aab0bc;
    --bs-gray-500: #959ca9;
    --bs-gray-600: #60697b;
    --bs-gray-700: #2f353a;
    --bs-gray-800: #21262c;
    --bs-gray-900: #1e2228;
    --bs-blue: #3f78e0;
    --bs-sky: #5eb9f0;
    --bs-purple: #747ed1;
    --bs-grape: #605dba;
    --bs-violet: #a07cc5;
    --bs-pink: #d16b86;
    --bs-fuchsia: #e668b3;
    --bs-red: #e2626b;
    --bs-orange: #f78b77;
    --bs-yellow: #fab758;
    --bs-green: #45c4a0;
    --bs-leaf: #7cb798;
    --bs-aqua: #54a8c7;
    --bs-navy: #343f52;
    --bs-ash: #9499a3;
    --bs-white: #fff;
    --bs-light: #fefefe;
    --bs-gray: #f6f7f9;
    --bs-dark: #262b32;
    --bs-primary: #3f78e0;
    --bs-secondary: #aab0bc;
    --bs-success: #45c4a0;
    --bs-info: #54a8c7;
    --bs-warning: #fab758;
    --bs-danger: #e2626b;
    --bs-blue-rgb: 63, 120, 224;
    --bs-sky-rgb: 94, 185, 240;
    --bs-purple-rgb: 116, 126, 209;
    --bs-grape-rgb: 96, 93, 186;
    --bs-violet-rgb: 160, 124, 197;
    --bs-pink-rgb: 209, 107, 134;
    --bs-fuchsia-rgb: 230, 104, 179;
    --bs-red-rgb: 226, 98, 107;
    --bs-orange-rgb: 247, 139, 119;
    --bs-yellow-rgb: 250, 183, 88;
    --bs-green-rgb: 69, 196, 160;
    --bs-leaf-rgb: 124, 183, 152;
    --bs-aqua-rgb: 84, 168, 199;
    --bs-navy-rgb: 52, 63, 82;
    --bs-ash-rgb: 148, 153, 163;
    --bs-white-rgb: 255, 255, 255;
    --bs-light-rgb: 254, 254, 254;
    --bs-gray-rgb: 246, 247, 249;
    --bs-dark-rgb: 38, 43, 50;
    --bs-primary-rgb: 63, 120, 224;
    --bs-secondary-rgb: 170, 176, 188;
    --bs-success-rgb: 69, 196, 160;
    --bs-info-rgb: 84, 168, 199;
    --bs-warning-rgb: 250, 183, 88;
    --bs-danger-rgb: 226, 98, 107;
    --bs-dropbox: #007bdf;
    --bs-dribbble: #e94d88;
    --bs-google-drive-alt: #1b9f5e;
    --bs-facebook-f: #4470cf;
    --bs-instagram: #d53581;
    --bs-line: #0fab10;
    --bs-facebook-messenger: #007ff8;
    --bs-black-berry: #272727;
    --bs-linkedin: #3393c1;
    --bs-intercom: #2e88f8;
    --bs-facebook: #4470cf;
    --bs-youtube: #c8312b;
    --bs-apple: #1a1919;
    --bs-visual-studio: #6b61be;
    --bs-twitter: #5daed5;
    --bs-snapchat-ghost: #f7c31a;
    --bs-slack: #d4135c;
    --bs-tumblr-square: #5d82a4;
    --bs-medium-m: #00c364;
    --bs-tumblr: #5d82a4;
    --bs-adobe: #e61f26;
    --bs-whatsapp: #00a859;
    --bs-500-px: #00a6df;
    --bs-snapchat-square: #f7c31a;
    --bs-behance: #0057ff;
    --bs-instagram-alt: #d53581;
    --bs-github-alt: #4073a6;
    --bs-linkedin-alt: #3393c1;
    --bs-slack-alt: #d4135c;
    --bs-google: #e44134;
    --bs-google-play: #e44134;
    --bs-google-drive: #1b9f5e;
    --bs-vuejs-alt: #3fb37f;
    --bs-google-hangouts: #109956;
    --bs-vuejs: #3fb37f;
    --bs-java-script: #f0d91d;
    --bs-paypal: #0089cc;
    --bs-reddit-alien-alt: #f84300;
    --bs-android-alt: #97c03d;
    --bs-github: #4073a6;
    --bs-android: #97c03d;
    --bs-amazon: #f79400;
    --bs-adobe-alt: #e61f26;
    --bs-master-card: #f0931d;
    --bs-opera-alt: #e33737;
    --bs-css3-alt: #006db6;
    --bs-opera: #e33737;
    --bs-css3: #006db6;
    --bs-twitter-alt: #5daed5;
    --bs-intercom-alt: #2e88f8;
    --bs-swiggy: #f88a2d;
    --bs-snapchat-alt: #f7c31a;
    --bs-tumblr-alt: #5d82a4;
    --bs-facebook-messenger-alt: #007ff8;
    --bs-bitcoin-alt: #f38633;
    --bs-google-hangouts-alt: #109956;
    --bs-blogger: #e86733;
    --bs-blogger-alt: #e86733;
    --bs-bitcoin: #f38633;
    --bs-behance-alt: #0057ff;
    --bs-apple-alt: #1a1919;
    --bs-react: #00d1f7;
    --bs-telegram: #2caef0;
    --bs-vk-alt: #4f7db3;
    --bs-vk: #4f7db3;
    --bs-skype: #2ebbf0;
    --bs-skype-alt: #2ebbf0;
    --bs-telegram-alt: #2caef0;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 96, 105, 123;
    --bs-body-bg-rgb: 254, 254, 254;
    --bs-font-sans-serif: "Manrope", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-root-font-size: 20px;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.8rem;
    --bs-body-font-weight: 500;
    --bs-body-line-height: 1.7;
    --bs-body-color: #60697b;
    --bs-body-bg: #fefefe;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #cacaca;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.4rem;
    --bs-border-radius-sm: 0.2rem;
    --bs-border-radius-lg: 0.4rem;
    --bs-border-radius-xl: 0.8rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-heading-color: #343f52;
    --bs-link-color: #3f78e0;
    --bs-link-hover-color: #3f78e0;
    --bs-code-color: #60697b;
    --bs-highlight-bg: #fef1de;
}

    .cm-004 .hxc-overlay *,
    .cm-004 .hxc-overlay *::before,
    .cm-004 .hxc-overlay *::after {
        box-sizing: border-box;
    }

    .cm-004 .hxc-overlay :root {
        font-size: var(--bs-root-font-size);
    }

    .cm-004 .hxc-overlay body {
        margin: 0;
        font-family: var(--bs-body-font-family);
        font-size: var(--bs-body-font-size);
        font-weight: var(--bs-body-font-weight);
        line-height: var(--bs-body-line-height);
        color: var(--bs-body-color);
        text-align: var(--bs-body-text-align);
        background-color: var(--bs-body-bg);
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .cm-004 .hxc-overlay hr {
        margin: 4.5rem 0;
        color: rgba(164, 174, 198, 0.2);
        border: 0;
        border-top: 1px solid;
        opacity: 1;
    }

    .cm-004 .hxc-overlay .hr-sor {
        margin: 4.5rem 0;
        color: rgba(164, 174, 198, 0.2);
        border: 0;
        opacity: 1;
    }

    @media (min-width: 768px) {
        .cm-004 .hxc-overlay .hr-sor {
            border-top: 1px solid;
        }
    }

    @media (min-width: 990px) {
        .cm-004 .hxc-overlay .hr-sor {
            border-top: 1px solid;
        }
    }

    .cm-004 .hxc-overlay h6,
    .cm-004 .hxc-overlay .h6,
    .cm-004 .hxc-overlay h5,
    .cm-004 .hxc-overlay .h5,
    .cm-004 .hxc-overlay h4,
    .cm-004 .hxc-overlay .h4,
    .cm-004 .hxc-overlay h3,
    .cm-004 .hxc-overlay .h3,
    .cm-004 .hxc-overlay h2,
    .cm-004 .hxc-overlay .h2,
    .cm-004 .hxc-overlay h1,
    .cm-004 .hxc-overlay .h1 {
        margin-top: 0;
        margin-bottom: 0.5rem;
        font-weight: 700;
        line-height: 1.2;
        color: #343f52;
    }

    .cm-004 .hxc-overlay h1,
    .cm-004 .hxc-overlay .h1 {
        font-size: calc(1.51rem);
    }

    @media (min-width: 1200px) {

        .cm-004 .hxc-overlay h1,
        .cm-004 .hxc-overlay .h1 {
            font-size: 1.45rem;
        }
    }

    .cm-004 .hxc-overlay h2,
    .cm-004 .hxc-overlay .h2 {
        font-size: calc(1.315rem);
    }

    @media (min-width: 1200px) {

        .cm-004 .hxc-overlay h2,
        .cm-004 .hxc-overlay .h2 {
            font-size: 1.3rem;
        }
    }

    .cm-004 .hxc-overlay h3,
    .cm-004 .hxc-overlay .h3 {
        font-size: 1.1rem;
    }

    .cm-004 .hxc-overlay h4,
    .cm-004 .hxc-overlay .h4 {
        font-size: 0.95rem;
    }

    .cm-004 .hxc-overlay h5,
    .cm-004 .hxc-overlay .h5 {
        font-size: 0.9rem;
    }

    .cm-004 .hxc-overlay h6,
    .cm-004 .hxc-overlay .h6 {
        font-size: 0.85rem;
    }

    .cm-004 .hxc-overlay p {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    .cm-004 .hxc-overlay abbr[title] {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
        cursor: help;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
    }

    .cm-004 .hxc-overlay address {
        margin-bottom: 1rem;
        font-style: normal;
        line-height: inherit;
    }

    .cm-004 .hxc-overlay ol,
    .cm-004 .hxc-overlay ul {
        padding-left: 2rem;
    }

    .cm-004 .hxc-overlay ol,
    .cm-004 .hxc-overlay ul,
    .cm-004 .hxc-overlay dl {
        margin-top: 0;
        margin-bottom: 1rem;
    }

        .cm-004 .hxc-overlay ol ol,
        .cm-004 .hxc-overlay ul ul,
        .cm-004 .hxc-overlay ol ul,
        .cm-004 .hxc-overlay ul ol {
            margin-bottom: 0;
        }

    .cm-004 .hxc-overlay dt {
        font-weight: 700;
    }

    .cm-004 .hxc-overlay dd {
        margin-bottom: 0.5rem;
        margin-left: 0;
    }

    .cm-004 .hxc-overlay blockquote {
        margin: 0 0 1rem;
    }

    .cm-004 .hxc-overlay b,
    .cm-004 .hxc-overlay strong {
        font-weight: bolder;
    }

    .cm-004 .hxc-overlay small,
    .cm-004 .hxc-overlay .small {
        font-size: 0.6rem;
    }

    .cm-004 .hxc-overlay mark,
    .cm-004 .hxc-overlay .mark {
        padding: 0.05rem 0.4rem 0.2rem;
        background-color: var(--bs-highlight-bg);
    }

    .cm-004 .hxc-overlay sub,
    .cm-004 .hxc-overlay sup {
        position: relative;
        font-size: 0.75em;
        line-height: 0;
        vertical-align: baseline;
    }

    .cm-004 .hxc-overlay sub {
        bottom: -0.25em;
    }

    .cm-004 .hxc-overlay sup {
        top: -0.5em;
    }

    .cm-004 .hxc-overlay a {
        /* color: #222222;*/
        color: #545454;
        text-decoration: none;
    }

        .cm-004 .hxc-overlay a:hover {
            color: #222222;
        }

        .cm-004 .hxc-overlay a:not([href]):not([class]),
        .cm-004 .hxc-overlay a:not([href]):not([class]):hover {
            color: inherit;
            text-decoration: none;
        }

    .cm-004 .hxc-overlay pre,
    .cm-004 .hxc-overlay code,
    .cm-004 .hxc-overlay kbd,
    .cm-004 .hxc-overlay samp {
        font-family: var(--bs-font-monospace);
        font-size: 1em;
    }

    .cm-004 .hxc-overlay pre {
        display: block;
        margin-top: 0;
        margin-bottom: 1rem;
        overflow: auto;
        font-size: 0.65rem;
        color: #273444;
    }

        .cm-004 .hxc-overlay pre code {
            font-size: inherit;
            color: inherit;
            word-break: normal;
        }

    .cm-004 .hxc-overlay code {
        font-size: 0.65rem;
        color: var(--bs-code-color);
        word-wrap: break-word;
    }

    .cm-004 .hxc-overlay a > code {
        color: inherit;
    }

    .cm-004 .hxc-overlay kbd {
        padding: 0.1875rem 0.375rem;
        font-size: 0.65rem;
        color: #60697b;
        background-color: var(--bs-body-color);
        border-radius: 0.2rem;
    }

        .cm-004 .hxc-overlay kbd kbd {
            padding: 0;
            font-size: 1em;
        }

    .cm-004 .hxc-overlay figure {
        margin: 0 0 1rem;
    }

    .cm-004 .hxc-overlay img,
    .cm-004 .hxc-overlay svg {
        vertical-align: middle;
    }

    .cm-004 .hxc-overlay table {
        caption-side: bottom;
        border-collapse: collapse;
    }

    .cm-004 .hxc-overlay caption {
        padding-top: 0.9rem;
        padding-bottom: 0.9rem;
        color: #aab0bc;
        text-align: left;
    }

    .cm-004 .hxc-overlay th {
        text-align: inherit;
        text-align: -webkit-match-parent;
    }

    .cm-004 .hxc-overlay thead,
    .cm-004 .hxc-overlay tbody,
    .cm-004 .hxc-overlay tfoot,
    .cm-004 .hxc-overlay tr,
    .cm-004 .hxc-overlay td,
    .cm-004 .hxc-overlay th {
        border-color: inherit;
        border-style: solid;
        border-width: 0;
    }

    .cm-004 .hxc-overlay label {
        display: inline-block;
    }

    .cm-004 .hxc-overlay button {
        border-radius: 0;
    }

        .cm-004 .hxc-overlay button:focus:not(:focus-visible) {
            outline: 0;
        }

    .cm-004 .hxc-overlay input,
    .cm-004 .hxc-overlay button,
    .cm-004 .hxc-overlay select,
    .cm-004 .hxc-overlay optgroup,
    .cm-004 .hxc-overlay textarea {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }

    .cm-004 .hxc-overlay button,
    .cm-004 .hxc-overlay select {
        text-transform: none;
    }

    .cm-004 .hxc-overlay [role=button] {
        cursor: pointer;
    }

    .cm-004 .hxc-overlay select {
        word-wrap: normal;
    }

        .cm-004 .hxc-overlay select:disabled {
            opacity: 1;
        }

    .cm-004 .hxc-overlay [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
        display: none !important;
    }

    .cm-004 .hxc-overlay button,
    .cm-004 .hxc-overlay [type=button],
    .cm-004 .hxc-overlay [type=reset],
    .cm-004 .hxc-overlay [type=submit] {
        -webkit-appearance: button;
    }

        .cm-004 .hxc-overlay button:not(:disabled),
        .cm-004 .hxc-overlay [type=button]:not(:disabled),
        .cm-004 .hxc-overlay [type=reset]:not(:disabled),
        .cm-004 .hxc-overlay [type=submit]:not(:disabled) {
            cursor: pointer;
        }

    .cm-004 .hxc-overlay ::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

    .cm-004 .hxc-overlay textarea {
        resize: vertical;
    }

    .cm-004 .hxc-overlay fieldset {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0;
    }

    .cm-004 .hxc-overlay legend {
        float: left;
        width: 100%;
        padding: 0;
        margin-bottom: 0.5rem;
        font-size: calc(1.575rem);
        line-height: inherit;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay legend {
            font-size: 1.5rem;
        }
    }

    .cm-004 .hxc-overlay legend + * {
        clear: left;
    }

    .cm-004 .hxc-overlay ::-webkit-datetime-edit-fields-wrapper,
    .cm-004 .hxc-overlay ::-webkit-datetime-edit-text,
    .cm-004 .hxc-overlay ::-webkit-datetime-edit-minute,
    .cm-004 .hxc-overlay ::-webkit-datetime-edit-hour-field,
    .cm-004 .hxc-overlay ::-webkit-datetime-edit-day-field,
    .cm-004 .hxc-overlay ::-webkit-datetime-edit-month-field,
    .cm-004 .hxc-overlay ::-webkit-datetime-edit-year-field {
        padding: 0;
    }

    .cm-004 .hxc-overlay ::-webkit-inner-spin-button {
        height: auto;
    }

    .cm-004 .hxc-overlay [type=search] {
        outline-offset: -2px;
        -webkit-appearance: textfield;
    }

    .cm-004 .hxc-overlay ::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    .cm-004 .hxc-overlay ::-webkit-color-swatch-wrapper {
        padding: 0;
    }

    .cm-004 .hxc-overlay ::-webkit-file-upload-button {
        font: inherit;
        -webkit-appearance: button;
    }

    .cm-004 .hxc-overlay ::file-selector-button {
        font: inherit;
        -webkit-appearance: button;
    }

    .cm-004 .hxc-overlay output {
        display: inline-block;
    }

    .cm-004 .hxc-overlay iframe {
        border: 0;
    }

    .cm-004 .hxc-overlay summary {
        display: list-item;
        cursor: pointer;
    }

    .cm-004 .hxc-overlay progress {
        vertical-align: baseline;
    }

    .cm-004 .hxc-overlay [hidden] {
        display: none !important;
    }

    .cm-004 .hxc-overlay .lead {
        font-size: 0.9rem;
        font-weight: 500;
    }

    .cm-004 .hxc-overlay .display-1 {
        font-size: calc(2.745rem);
        font-weight: 700;
        line-height: 1.2;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .display-1 {
            font-size: 2.4rem;
        }
    }

    .cm-004 .hxc-overlay .display-2 {
        font-size: calc(2.485rem);
        font-weight: 700;
        line-height: 1.2;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .display-2 {
            font-size: 2.2rem;
        }
    }

    .cm-004 .hxc-overlay .display-3 {
        font-size: calc(2.225rem);
        font-weight: 700;
        line-height: 1.2;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .display-3 {
            font-size: 2rem;
        }
    }

    .cm-004 .hxc-overlay .display-4 {
        font-size: calc(1.965rem);
        font-weight: 700;
        line-height: 1.2;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .display-4 {
            font-size: 1.8rem;
        }
    }

    .cm-004 .hxc-overlay .display-5 {
        font-size: calc(1.705rem);
        font-weight: 700;
        line-height: 1.2;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .display-5 {
            font-size: 1.6rem;
        }
    }

    .cm-004 .hxc-overlay .display-6 {
        font-size: calc(1.445rem);
        font-weight: 700;
        line-height: 1.2;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .display-6 {
            font-size: 1.4rem;
        }
    }

    .cm-004 .hxc-overlay .list-unstyled {
        padding-left: 0;
        list-style: none;
    }

    .cm-004 .hxc-overlay .list-inline {
        padding-left: 0;
        list-style: none;
    }

    .cm-004 .hxc-overlay .list-inline-item {
        display: inline-block;
    }

        .cm-004 .hxc-overlay .list-inline-item:not(:last-child) {
            margin-right: 0.5rem;
        }

    .cm-004 .hxc-overlay .initialism {
        font-size: 0.6rem;
        text-transform: uppercase;
    }

    .cm-004 .hxc-overlay .blockquote {
        margin-bottom: 1rem;
        font-size: 0.85rem;
    }

        .cm-004 .hxc-overlay .blockquote > :last-child {
            margin-bottom: 0;
        }

    .cm-004 .hxc-overlay .blockquote-footer {
        margin-top: -1rem;
        margin-bottom: 1rem;
        font-size: 0.6rem;
        color: #aab0bc;
    }

        .cm-004 .hxc-overlay .blockquote-footer::before {
            content: "\2014\a0";
        }

    .cm-004 .hxc-overlay .img-fluid {
        max-width: 100%;
        height: auto;
    }

    .cm-004 .hxc-overlay .img-thumbnail {
        padding: 0.25rem;
        background-color: #fefefe;
        border: 1px solid var(--bs-border-color);
        border-radius: 0.4rem;
        box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.02);
        max-width: 100%;
        height: auto;
    }

    .cm-004 .hxc-overlay .figure {
        display: inline-block;
    }

    .cm-004 .hxc-overlay .figure-img {
        margin-bottom: 0.5rem;
        line-height: 1;
    }

    .cm-004 .hxc-overlay .figure-caption {
        font-size: 0.6rem;
        color: #60697b;
    }

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

    @media (min-width: 576px) {

        .cm-004 .hxc-overlay .container-over-sm,
        .cm-004 .hxc-overlay .container-over {
            max-width: 540px;
        }
    }

    @media (min-width: 768px) {

        .cm-004 .hxc-overlay .container-over-md,
        .cm-004 .hxc-overlay .container-over-sm,
        .cm-004 .hxc-overlay .container-over {
            max-width: 720px;
        }
    }

    @media (min-width: 992px) {

        .cm-004 .hxc-overlay .container-over-lg,
        .cm-004 .hxc-overlay .container-over-md,
        .cm-004 .hxc-overlay .container-over-sm,
        .cm-004 .hxc-overlay .container-over {
            max-width: 960px;
        }
    }

    @media (min-width: 1200px) {

        .cm-004 .hxc-overlay .container-over-xl,
        .cm-004 .hxc-overlay .container-over-lg,
        .cm-004 .hxc-overlay .container-over-md,
        .cm-004 .hxc-overlay .container-over-sm,
        .cm-004 .hxc-overlay .container-over {
            max-width: 1200px;
        }
    }

    @media (min-width: 1400px) {

        .cm-004 .hxc-overlay .container-over-xxl,
        .cm-004 .hxc-overlay .container-over-xl,
        .cm-004 .hxc-overlay .container-over-lg,
        .cm-004 .hxc-overlay .container-over-md,
        .cm-004 .hxc-overlay .container-over-sm,
        .cm-004 .hxc-overlay .container-over {
            max-width: 1200px;
        }
    }

    .cm-004 .hxc-overlay .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-0.5 * var(--bs-gutter-x));
        margin-left: calc(-0.5 * var(--bs-gutter-x));
    }

        .cm-004 .hxc-overlay .row > * {
            flex-shrink: 0;
            width: 100%;
            max-width: 100%;
            padding-right: calc(var(--bs-gutter-x) * 0.5);
            padding-left: calc(var(--bs-gutter-x) * 0.5);
            margin-top: var(--bs-gutter-y);
        }

    .cm-004 .hxc-overlay .col {
        flex: 1 0 0%;
    }

    .cm-004 .hxc-overlay .row-cols-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .cm-004 .hxc-overlay .row-cols-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .cm-004 .hxc-overlay .row-cols-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .cm-004 .hxc-overlay .row-cols-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .cm-004 .hxc-overlay .row-cols-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .cm-004 .hxc-overlay .row-cols-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .cm-004 .hxc-overlay .row-cols-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .cm-004 .hxc-overlay .row-cols-7 > * {
        flex: 0 0 auto;
        width: 14.2857142857%;
    }

    .cm-004 .hxc-overlay .row-cols-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }

    .cm-004 .hxc-overlay .row-cols-9 > * {
        flex: 0 0 auto;
        width: 11.1111111111%;
    }

    .cm-004 .hxc-overlay .row-cols-10 > * {
        flex: 0 0 auto;
        width: 10%;
    }

    .cm-004 .hxc-overlay .row-cols-11 > * {
        flex: 0 0 auto;
        width: 9.0909090909%;
    }

    .cm-004 .hxc-overlay .row-cols-12 > * {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .cm-004 .hxc-overlay .col-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .cm-004 .hxc-overlay .col-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .cm-004 .hxc-overlay .col-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .cm-004 .hxc-overlay .col-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .cm-004 .hxc-overlay .col-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .cm-004 .hxc-overlay .col-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .cm-004 .hxc-overlay .col-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .cm-004 .hxc-overlay .col-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .cm-004 .hxc-overlay .col-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .cm-004 .hxc-overlay .col-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .cm-004 .hxc-overlay .col-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .cm-004 .hxc-overlay .col-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .cm-004 .hxc-overlay .col-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .cm-004 .hxc-overlay .offset-1 {
        margin-left: 8.33333333%;
    }

    .cm-004 .hxc-overlay .offset-2 {
        margin-left: 16.66666667%;
    }

    .cm-004 .hxc-overlay .offset-3 {
        margin-left: 25%;
    }

    .cm-004 .hxc-overlay .offset-4 {
        margin-left: 33.33333333%;
    }

    .cm-004 .hxc-overlay .offset-5 {
        margin-left: 41.66666667%;
    }

    .cm-004 .hxc-overlay .offset-6 {
        margin-left: 50%;
    }

    .cm-004 .hxc-overlay .offset-7 {
        margin-left: 58.33333333%;
    }

    .cm-004 .hxc-overlay .offset-8 {
        margin-left: 66.66666667%;
    }

    .cm-004 .hxc-overlay .offset-9 {
        margin-left: 75%;
    }

    .cm-004 .hxc-overlay .offset-10 {
        margin-left: 83.33333333%;
    }

    .cm-004 .hxc-overlay .offset-11 {
        margin-left: 91.66666667%;
    }

    .cm-004 .hxc-overlay .g-0,
    .cm-004 .hxc-overlay .gx-0 {
        --bs-gutter-x: 0;
    }

    .cm-004 .hxc-overlay .g-0,
    .cm-004 .hxc-overlay .gy-0 {
        --bs-gutter-y: 0;
    }

    .cm-004 .hxc-overlay .g-1,
    .cm-004 .hxc-overlay .gx-1 {
        --bs-gutter-x: 0.25rem;
    }

    .cm-004 .hxc-overlay .g-1,
    .cm-004 .hxc-overlay .gy-1 {
        --bs-gutter-y: 0.25rem;
    }

    .cm-004 .hxc-overlay .g-2,
    .cm-004 .hxc-overlay .gx-2 {
        --bs-gutter-x: 0.5rem;
    }

    .cm-004 .hxc-overlay .g-2,
    .cm-004 .hxc-overlay .gy-2 {
        --bs-gutter-y: 0.5rem;
    }

    .cm-004 .hxc-overlay .g-3,
    .cm-004 .hxc-overlay .gx-3 {
        --bs-gutter-x: 0.75rem;
    }

    .cm-004 .hxc-overlay .g-3,
    .cm-004 .hxc-overlay .gy-3 {
        --bs-gutter-y: 0.75rem;
    }

    .cm-004 .hxc-overlay .g-4,
    .cm-004 .hxc-overlay .gx-4 {
        --bs-gutter-x: 1rem;
    }

    .cm-004 .hxc-overlay .g-4,
    .cm-004 .hxc-overlay .gy-4 {
        --bs-gutter-y: 1rem;
    }

    .cm-004 .hxc-overlay .g-5,
    .cm-004 .hxc-overlay .gx-5 {
        --bs-gutter-x: 1.25rem;
    }

    .cm-004 .hxc-overlay .g-5,
    .cm-004 .hxc-overlay .gy-5 {
        --bs-gutter-y: 1.25rem;
    }

    .cm-004 .hxc-overlay .g-6,
    .cm-004 .hxc-overlay .gx-6 {
        --bs-gutter-x: 1.5rem;
    }

    .cm-004 .hxc-overlay .g-6,
    .cm-004 .hxc-overlay .gy-6 {
        --bs-gutter-y: 1.5rem;
    }

    .cm-004 .hxc-overlay .g-7,
    .cm-004 .hxc-overlay .gx-7 {
        --bs-gutter-x: 1.75rem;
    }

    .cm-004 .hxc-overlay .g-7,
    .cm-004 .hxc-overlay .gy-7 {
        --bs-gutter-y: 1.75rem;
    }

    .cm-004 .hxc-overlay .g-8,
    .cm-004 .hxc-overlay .gx-8 {
        --bs-gutter-x: 2rem;
    }

    .cm-004 .hxc-overlay .g-8,
    .cm-004 .hxc-overlay .gy-8 {
        --bs-gutter-y: 2rem;
    }

    .cm-004 .hxc-overlay .g-9,
    .cm-004 .hxc-overlay .gx-9 {
        --bs-gutter-x: 2.25rem;
    }

    .cm-004 .hxc-overlay .g-9,
    .cm-004 .hxc-overlay .gy-9 {
        --bs-gutter-y: 2.25rem;
    }

    .cm-004 .hxc-overlay .g-10,
    .cm-004 .hxc-overlay .gx-10 {
        --bs-gutter-x: 2.5rem;
    }

    .cm-004 .hxc-overlay .g-10,
    .cm-004 .hxc-overlay .gy-10 {
        --bs-gutter-y: 2.5rem;
    }

    .cm-004 .hxc-overlay .g-11,
    .cm-004 .hxc-overlay .gx-11 {
        --bs-gutter-x: 3rem;
    }

    .cm-004 .hxc-overlay .g-11,
    .cm-004 .hxc-overlay .gy-11 {
        --bs-gutter-y: 3rem;
    }

    .cm-004 .hxc-overlay .g-12,
    .cm-004 .hxc-overlay .gx-12 {
        --bs-gutter-x: 3.5rem;
    }

    .cm-004 .hxc-overlay .g-12,
    .cm-004 .hxc-overlay .gy-12 {
        --bs-gutter-y: 3.5rem;
    }

    .cm-004 .hxc-overlay .g-13,
    .cm-004 .hxc-overlay .gx-13 {
        --bs-gutter-x: 4rem;
    }

    .cm-004 .hxc-overlay .g-13,
    .cm-004 .hxc-overlay .gy-13 {
        --bs-gutter-y: 4rem;
    }

    .cm-004 .hxc-overlay .g-14,
    .cm-004 .hxc-overlay .gx-14 {
        --bs-gutter-x: 4.5rem;
    }

    .cm-004 .hxc-overlay .g-14,
    .cm-004 .hxc-overlay .gy-14 {
        --bs-gutter-y: 4.5rem;
    }

    .cm-004 .hxc-overlay .g-15,
    .cm-004 .hxc-overlay .gx-15 {
        --bs-gutter-x: 5rem;
    }

    .cm-004 .hxc-overlay .g-15,
    .cm-004 .hxc-overlay .gy-15 {
        --bs-gutter-y: 5rem;
    }

    .cm-004 .hxc-overlay .g-16,
    .cm-004 .hxc-overlay .gx-16 {
        --bs-gutter-x: 6rem;
    }

    .cm-004 .hxc-overlay .g-16,
    .cm-004 .hxc-overlay .gy-16 {
        --bs-gutter-y: 6rem;
    }

    .cm-004 .hxc-overlay .g-17,
    .cm-004 .hxc-overlay .gx-17 {
        --bs-gutter-x: 7rem;
    }

    .cm-004 .hxc-overlay .g-17,
    .cm-004 .hxc-overlay .gy-17 {
        --bs-gutter-y: 7rem;
    }

    .cm-004 .hxc-overlay .g-18,
    .cm-004 .hxc-overlay .gx-18 {
        --bs-gutter-x: 8rem;
    }

    .cm-004 .hxc-overlay .g-18,
    .cm-004 .hxc-overlay .gy-18 {
        --bs-gutter-y: 8rem;
    }

    .cm-004 .hxc-overlay .g-19,
    .cm-004 .hxc-overlay .gx-19 {
        --bs-gutter-x: 9rem;
    }

    .cm-004 .hxc-overlay .g-19,
    .cm-004 .hxc-overlay .gy-19 {
        --bs-gutter-y: 9rem;
    }

    .cm-004 .hxc-overlay .g-20,
    .cm-004 .hxc-overlay .gx-20 {
        --bs-gutter-x: 10rem;
    }

    .cm-004 .hxc-overlay .g-20,
    .cm-004 .hxc-overlay .gy-20 {
        --bs-gutter-y: 10rem;
    }

    .cm-004 .hxc-overlay .g-21,
    .cm-004 .hxc-overlay .gx-21 {
        --bs-gutter-x: 12.5rem;
    }

    .cm-004 .hxc-overlay .g-21,
    .cm-004 .hxc-overlay .gy-21 {
        --bs-gutter-y: 12.5rem;
    }

    .cm-004 .hxc-overlay .g-22,
    .cm-004 .hxc-overlay .gx-22 {
        --bs-gutter-x: 15rem;
    }

    .cm-004 .hxc-overlay .g-22,
    .cm-004 .hxc-overlay .gy-22 {
        --bs-gutter-y: 15rem;
    }

    .cm-004 .hxc-overlay .g-23,
    .cm-004 .hxc-overlay .gx-23 {
        --bs-gutter-x: 17.5rem;
    }

    .cm-004 .hxc-overlay .g-23,
    .cm-004 .hxc-overlay .gy-23 {
        --bs-gutter-y: 17.5rem;
    }

    .cm-004 .hxc-overlay .g-24,
    .cm-004 .hxc-overlay .gx-24 {
        --bs-gutter-x: 20rem;
    }

    .cm-004 .hxc-overlay .g-24,
    .cm-004 .hxc-overlay .gy-24 {
        --bs-gutter-y: 20rem;
    }

    .cm-004 .hxc-overlay .g-25,
    .cm-004 .hxc-overlay .gx-25 {
        --bs-gutter-x: 22.5rem;
    }

    .cm-004 .hxc-overlay .g-25,
    .cm-004 .hxc-overlay .gy-25 {
        --bs-gutter-y: 22.5rem;
    }

    @media (min-width: 576px) {
        .cm-004 .hxc-overlay .col-sm {
            flex: 1 0 0%;
        }

        .cm-004 .hxc-overlay .row-cols-sm-auto > * {
            flex: 0 0 auto;
            width: auto;
        }

        .cm-004 .hxc-overlay .row-cols-sm-1 > * {
            flex: 0 0 auto;
            width: 100%;
        }

        .cm-004 .hxc-overlay .row-cols-sm-2 > * {
            flex: 0 0 auto;
            width: 50%;
        }

        .cm-004 .hxc-overlay .row-cols-sm-3 > * {
            flex: 0 0 auto;
            width: 33.3333333333%;
        }

        .cm-004 .hxc-overlay .row-cols-sm-4 > * {
            flex: 0 0 auto;
            width: 25%;
        }

        .cm-004 .hxc-overlay .row-cols-sm-5 > * {
            flex: 0 0 auto;
            width: 20%;
        }

        .cm-004 .hxc-overlay .row-cols-sm-6 > * {
            flex: 0 0 auto;
            width: 16.6666666667%;
        }

        .cm-004 .hxc-overlay .row-cols-sm-7 > * {
            flex: 0 0 auto;
            width: 14.2857142857%;
        }

        .cm-004 .hxc-overlay .row-cols-sm-8 > * {
            flex: 0 0 auto;
            width: 12.5%;
        }

        .cm-004 .hxc-overlay .row-cols-sm-9 > * {
            flex: 0 0 auto;
            width: 11.1111111111%;
        }

        .cm-004 .hxc-overlay .row-cols-sm-10 > * {
            flex: 0 0 auto;
            width: 10%;
        }

        .cm-004 .hxc-overlay .row-cols-sm-11 > * {
            flex: 0 0 auto;
            width: 9.0909090909%;
        }

        .cm-004 .hxc-overlay .row-cols-sm-12 > * {
            flex: 0 0 auto;
            width: 8.3333333333%;
        }

        .cm-004 .hxc-overlay .col-sm-auto {
            flex: 0 0 auto;
            width: auto;
        }

        .cm-004 .hxc-overlay .col-sm-1 {
            flex: 0 0 auto;
            width: 8.33333333%;
        }

        .cm-004 .hxc-overlay .col-sm-2 {
            flex: 0 0 auto;
            width: 16.66666667%;
        }

        .cm-004 .hxc-overlay .col-sm-3 {
            flex: 0 0 auto;
            width: 25%;
        }

        .cm-004 .hxc-overlay .col-sm-4 {
            flex: 0 0 auto;
            width: 33.33333333%;
        }

        .cm-004 .hxc-overlay .col-sm-5 {
            flex: 0 0 auto;
            width: 41.66666667%;
        }

        .cm-004 .hxc-overlay .col-sm-6 {
            flex: 0 0 auto;
            width: 50%;
        }

        .cm-004 .hxc-overlay .col-sm-7 {
            flex: 0 0 auto;
            width: 58.33333333%;
        }

        .cm-004 .hxc-overlay .col-sm-8 {
            flex: 0 0 auto;
            width: 66.66666667%;
        }

        .cm-004 .hxc-overlay .col-sm-9 {
            flex: 0 0 auto;
            width: 75%;
        }

        .cm-004 .hxc-overlay .col-sm-10 {
            flex: 0 0 auto;
            width: 83.33333333%;
        }

        .cm-004 .hxc-overlay .col-sm-11 {
            flex: 0 0 auto;
            width: 91.66666667%;
        }

        .cm-004 .hxc-overlay .col-sm-12 {
            flex: 0 0 auto;
            width: 100%;
        }

        .cm-004 .hxc-overlay .offset-sm-0 {
            margin-left: 0;
        }

        .cm-004 .hxc-overlay .offset-sm-1 {
            margin-left: 8.33333333%;
        }

        .cm-004 .hxc-overlay .offset-sm-2 {
            margin-left: 16.66666667%;
        }

        .cm-004 .hxc-overlay .offset-sm-3 {
            margin-left: 25%;
        }

        .cm-004 .hxc-overlay .offset-sm-4 {
            margin-left: 33.33333333%;
        }

        .cm-004 .hxc-overlay .offset-sm-5 {
            margin-left: 41.66666667%;
        }

        .cm-004 .hxc-overlay .offset-sm-6 {
            margin-left: 50%;
        }

        .cm-004 .hxc-overlay .offset-sm-7 {
            margin-left: 58.33333333%;
        }

        .cm-004 .hxc-overlay .offset-sm-8 {
            margin-left: 66.66666667%;
        }

        .cm-004 .hxc-overlay .offset-sm-9 {
            margin-left: 75%;
        }

        .cm-004 .hxc-overlay .offset-sm-10 {
            margin-left: 83.33333333%;
        }

        .cm-004 .hxc-overlay .offset-sm-11 {
            margin-left: 91.66666667%;
        }

        .cm-004 .hxc-overlay .g-sm-0,
        .cm-004 .hxc-overlay .gx-sm-0 {
            --bs-gutter-x: 0;
        }

        .cm-004 .hxc-overlay .g-sm-0,
        .cm-004 .hxc-overlay .gy-sm-0 {
            --bs-gutter-y: 0;
        }

        .cm-004 .hxc-overlay .g-sm-1,
        .cm-004 .hxc-overlay .gx-sm-1 {
            --bs-gutter-x: 0.25rem;
        }

        .cm-004 .hxc-overlay .g-sm-1,
        .cm-004 .hxc-overlay .gy-sm-1 {
            --bs-gutter-y: 0.25rem;
        }

        .cm-004 .hxc-overlay .g-sm-2,
        .cm-004 .hxc-overlay .gx-sm-2 {
            --bs-gutter-x: 0.5rem;
        }

        .cm-004 .hxc-overlay .g-sm-2,
        .cm-004 .hxc-overlay .gy-sm-2 {
            --bs-gutter-y: 0.5rem;
        }

        .cm-004 .hxc-overlay .g-sm-3,
        .cm-004 .hxc-overlay .gx-sm-3 {
            --bs-gutter-x: 0.75rem;
        }

        .cm-004 .hxc-overlay .g-sm-3,
        .cm-004 .hxc-overlay .gy-sm-3 {
            --bs-gutter-y: 0.75rem;
        }

        .cm-004 .hxc-overlay .g-sm-4,
        .cm-004 .hxc-overlay .gx-sm-4 {
            --bs-gutter-x: 1rem;
        }

        .cm-004 .hxc-overlay .g-sm-4,
        .cm-004 .hxc-overlay .gy-sm-4 {
            --bs-gutter-y: 1rem;
        }

        .cm-004 .hxc-overlay .g-sm-5,
        .cm-004 .hxc-overlay .gx-sm-5 {
            --bs-gutter-x: 1.25rem;
        }

        .cm-004 .hxc-overlay .g-sm-5,
        .cm-004 .hxc-overlay .gy-sm-5 {
            --bs-gutter-y: 1.25rem;
        }

        .cm-004 .hxc-overlay .g-sm-6,
        .cm-004 .hxc-overlay .gx-sm-6 {
            --bs-gutter-x: 1.5rem;
        }

        .cm-004 .hxc-overlay .g-sm-6,
        .cm-004 .hxc-overlay .gy-sm-6 {
            --bs-gutter-y: 1.5rem;
        }

        .cm-004 .hxc-overlay .g-sm-7,
        .cm-004 .hxc-overlay .gx-sm-7 {
            --bs-gutter-x: 1.75rem;
        }

        .cm-004 .hxc-overlay .g-sm-7,
        .cm-004 .hxc-overlay .gy-sm-7 {
            --bs-gutter-y: 1.75rem;
        }

        .cm-004 .hxc-overlay .g-sm-8,
        .cm-004 .hxc-overlay .gx-sm-8 {
            --bs-gutter-x: 2rem;
        }

        .cm-004 .hxc-overlay .g-sm-8,
        .cm-004 .hxc-overlay .gy-sm-8 {
            --bs-gutter-y: 2rem;
        }

        .cm-004 .hxc-overlay .g-sm-9,
        .cm-004 .hxc-overlay .gx-sm-9 {
            --bs-gutter-x: 2.25rem;
        }

        .cm-004 .hxc-overlay .g-sm-9,
        .cm-004 .hxc-overlay .gy-sm-9 {
            --bs-gutter-y: 2.25rem;
        }

        .cm-004 .hxc-overlay .g-sm-10,
        .cm-004 .hxc-overlay .gx-sm-10 {
            --bs-gutter-x: 2.5rem;
        }

        .cm-004 .hxc-overlay .g-sm-10,
        .cm-004 .hxc-overlay .gy-sm-10 {
            --bs-gutter-y: 2.5rem;
        }

        .cm-004 .hxc-overlay .g-sm-11,
        .cm-004 .hxc-overlay .gx-sm-11 {
            --bs-gutter-x: 3rem;
        }

        .cm-004 .hxc-overlay .g-sm-11,
        .cm-004 .hxc-overlay .gy-sm-11 {
            --bs-gutter-y: 3rem;
        }

        .cm-004 .hxc-overlay .g-sm-12,
        .cm-004 .hxc-overlay .gx-sm-12 {
            --bs-gutter-x: 3.5rem;
        }

        .cm-004 .hxc-overlay .g-sm-12,
        .cm-004 .hxc-overlay .gy-sm-12 {
            --bs-gutter-y: 3.5rem;
        }

        .cm-004 .hxc-overlay .g-sm-13,
        .cm-004 .hxc-overlay .gx-sm-13 {
            --bs-gutter-x: 4rem;
        }

        .cm-004 .hxc-overlay .g-sm-13,
        .cm-004 .hxc-overlay .gy-sm-13 {
            --bs-gutter-y: 4rem;
        }

        .cm-004 .hxc-overlay .g-sm-14,
        .cm-004 .hxc-overlay .gx-sm-14 {
            --bs-gutter-x: 4.5rem;
        }

        .cm-004 .hxc-overlay .g-sm-14,
        .cm-004 .hxc-overlay .gy-sm-14 {
            --bs-gutter-y: 4.5rem;
        }

        .cm-004 .hxc-overlay .g-sm-15,
        .cm-004 .hxc-overlay .gx-sm-15 {
            --bs-gutter-x: 5rem;
        }

        .cm-004 .hxc-overlay .g-sm-15,
        .cm-004 .hxc-overlay .gy-sm-15 {
            --bs-gutter-y: 5rem;
        }

        .cm-004 .hxc-overlay .g-sm-16,
        .cm-004 .hxc-overlay .gx-sm-16 {
            --bs-gutter-x: 6rem;
        }

        .cm-004 .hxc-overlay .g-sm-16,
        .cm-004 .hxc-overlay .gy-sm-16 {
            --bs-gutter-y: 6rem;
        }

        .cm-004 .hxc-overlay .g-sm-17,
        .cm-004 .hxc-overlay .gx-sm-17 {
            --bs-gutter-x: 7rem;
        }

        .cm-004 .hxc-overlay .g-sm-17,
        .cm-004 .hxc-overlay .gy-sm-17 {
            --bs-gutter-y: 7rem;
        }

        .cm-004 .hxc-overlay .g-sm-18,
        .cm-004 .hxc-overlay .gx-sm-18 {
            --bs-gutter-x: 8rem;
        }

        .cm-004 .hxc-overlay .g-sm-18,
        .cm-004 .hxc-overlay .gy-sm-18 {
            --bs-gutter-y: 8rem;
        }

        .cm-004 .hxc-overlay .g-sm-19,
        .cm-004 .hxc-overlay .gx-sm-19 {
            --bs-gutter-x: 9rem;
        }

        .cm-004 .hxc-overlay .g-sm-19,
        .cm-004 .hxc-overlay .gy-sm-19 {
            --bs-gutter-y: 9rem;
        }

        .cm-004 .hxc-overlay .g-sm-20,
        .cm-004 .hxc-overlay .gx-sm-20 {
            --bs-gutter-x: 10rem;
        }

        .cm-004 .hxc-overlay .g-sm-20,
        .cm-004 .hxc-overlay .gy-sm-20 {
            --bs-gutter-y: 10rem;
        }

        .cm-004 .hxc-overlay .g-sm-21,
        .cm-004 .hxc-overlay .gx-sm-21 {
            --bs-gutter-x: 12.5rem;
        }

        .cm-004 .hxc-overlay .g-sm-21,
        .cm-004 .hxc-overlay .gy-sm-21 {
            --bs-gutter-y: 12.5rem;
        }

        .cm-004 .hxc-overlay .g-sm-22,
        .cm-004 .hxc-overlay .gx-sm-22 {
            --bs-gutter-x: 15rem;
        }

        .cm-004 .hxc-overlay .g-sm-22,
        .cm-004 .hxc-overlay .gy-sm-22 {
            --bs-gutter-y: 15rem;
        }

        .cm-004 .hxc-overlay .g-sm-23,
        .cm-004 .hxc-overlay .gx-sm-23 {
            --bs-gutter-x: 17.5rem;
        }

        .cm-004 .hxc-overlay .g-sm-23,
        .cm-004 .hxc-overlay .gy-sm-23 {
            --bs-gutter-y: 17.5rem;
        }

        .cm-004 .hxc-overlay .g-sm-24,
        .cm-004 .hxc-overlay .gx-sm-24 {
            --bs-gutter-x: 20rem;
        }

        .cm-004 .hxc-overlay .g-sm-24,
        .cm-004 .hxc-overlay .gy-sm-24 {
            --bs-gutter-y: 20rem;
        }

        .cm-004 .hxc-overlay .g-sm-25,
        .cm-004 .hxc-overlay .gx-sm-25 {
            --bs-gutter-x: 22.5rem;
        }

        .cm-004 .hxc-overlay .g-sm-25,
        .cm-004 .hxc-overlay .gy-sm-25 {
            --bs-gutter-y: 22.5rem;
        }
    }

    @media (min-width: 768px) {
        .cm-004 .hxc-overlay .col-md {
            flex: 1 0 0%;
        }

        .cm-004 .hxc-overlay .row-cols-md-auto > * {
            flex: 0 0 auto;
            width: auto;
        }

        .cm-004 .hxc-overlay .row-cols-md-1 > * {
            flex: 0 0 auto;
            width: 100%;
        }

        .cm-004 .hxc-overlay .row-cols-md-2 > * {
            flex: 0 0 auto;
            width: 50%;
        }

        .cm-004 .hxc-overlay .row-cols-md-3 > * {
            flex: 0 0 auto;
            width: 33.3333333333%;
        }

        .cm-004 .hxc-overlay .row-cols-md-4 > * {
            flex: 0 0 auto;
            width: 25%;
        }

        .cm-004 .hxc-overlay .row-cols-md-5 > * {
            flex: 0 0 auto;
            width: 20%;
        }

        .cm-004 .hxc-overlay .row-cols-md-6 > * {
            flex: 0 0 auto;
            width: 16.6666666667%;
        }

        .cm-004 .hxc-overlay .row-cols-md-7 > * {
            flex: 0 0 auto;
            width: 14.2857142857%;
        }

        .cm-004 .hxc-overlay .row-cols-md-8 > * {
            flex: 0 0 auto;
            width: 12.5%;
        }

        .cm-004 .hxc-overlay .row-cols-md-9 > * {
            flex: 0 0 auto;
            width: 11.1111111111%;
        }

        .cm-004 .hxc-overlay .row-cols-md-10 > * {
            flex: 0 0 auto;
            width: 10%;
        }

        .cm-004 .hxc-overlay .row-cols-md-11 > * {
            flex: 0 0 auto;
            width: 9.0909090909%;
        }

        .cm-004 .hxc-overlay .row-cols-md-12 > * {
            flex: 0 0 auto;
            width: 8.3333333333%;
        }

        .cm-004 .hxc-overlay .col-md-auto {
            flex: 0 0 auto;
            width: auto;
        }

        .cm-004 .hxc-overlay .col-md-1 {
            flex: 0 0 auto;
            width: 8.33333333%;
        }

        .cm-004 .hxc-overlay .col-md-2 {
            flex: 0 0 auto;
            width: 16.66666667%;
        }

        .cm-004 .hxc-overlay .col-md-3 {
            flex: 0 0 auto;
            width: 25%;
        }

        .cm-004 .hxc-overlay .col-md-4 {
            flex: 0 0 auto;
            width: 33.33333333%;
        }

        .cm-004 .hxc-overlay .col-md-5 {
            flex: 0 0 auto;
            width: 41.66666667%;
        }

        .cm-004 .hxc-overlay .col-md-6 {
            flex: 0 0 auto;
            width: 50%;
        }

        .cm-004 .hxc-overlay .col-md-7 {
            flex: 0 0 auto;
            width: 58.33333333%;
        }

        .cm-004 .hxc-overlay .col-md-8 {
            flex: 0 0 auto;
            width: 66.66666667%;
        }

        .cm-004 .hxc-overlay .col-md-9 {
            flex: 0 0 auto;
            width: 75%;
        }

        .cm-004 .hxc-overlay .col-md-10 {
            flex: 0 0 auto;
            width: 83.33333333%;
        }

        .cm-004 .hxc-overlay .col-md-11 {
            flex: 0 0 auto;
            width: 91.66666667%;
        }

        .cm-004 .hxc-overlay .col-md-12 {
            flex: 0 0 auto;
            width: 100%;
        }

        .cm-004 .hxc-overlay .offset-md-0 {
            margin-left: 0;
        }

        .cm-004 .hxc-overlay .offset-md-1 {
            margin-left: 8.33333333%;
            max-width: 570px;
        }

        .cm-004 .hxc-overlay .offset-md-2 {
            margin-left: 16.66666667%;
        }

        .cm-004 .hxc-overlay .offset-md-3 {
            margin-left: 25%;
        }

        .cm-004 .hxc-overlay .offset-md-4 {
            margin-left: 33.33333333%;
        }

        .cm-004 .hxc-overlay .offset-md-5 {
            margin-left: 41.66666667%;
        }

        .cm-004 .hxc-overlay .offset-md-6 {
            margin-left: 50%;
        }

        .cm-004 .hxc-overlay .offset-md-7 {
            margin-left: 58.33333333%;
        }

        .cm-004 .hxc-overlay .offset-md-8 {
            margin-left: 66.66666667%;
        }

        .cm-004 .hxc-overlay .offset-md-9 {
            margin-left: 75%;
        }

        .cm-004 .hxc-overlay .offset-md-10 {
            margin-left: 83.33333333%;
        }

        .cm-004 .hxc-overlay .offset-md-11 {
            margin-left: 91.66666667%;
        }

        .cm-004 .hxc-overlay .g-md-0,
        .cm-004 .hxc-overlay .gx-md-0 {
            --bs-gutter-x: 0;
        }

        .cm-004 .hxc-overlay .g-md-0,
        .cm-004 .hxc-overlay .gy-md-0 {
            --bs-gutter-y: 0;
        }

        .cm-004 .hxc-overlay .g-md-1,
        .cm-004 .hxc-overlay .gx-md-1 {
            --bs-gutter-x: 0.25rem;
        }

        .cm-004 .hxc-overlay .g-md-1,
        .cm-004 .hxc-overlay .gy-md-1 {
            --bs-gutter-y: 0.25rem;
        }

        .cm-004 .hxc-overlay .g-md-2,
        .cm-004 .hxc-overlay .gx-md-2 {
            --bs-gutter-x: 0.5rem;
        }

        .cm-004 .hxc-overlay .g-md-2,
        .cm-004 .hxc-overlay .gy-md-2 {
            --bs-gutter-y: 0.5rem;
        }

        .cm-004 .hxc-overlay .g-md-3,
        .cm-004 .hxc-overlay .gx-md-3 {
            --bs-gutter-x: 0.75rem;
        }

        .cm-004 .hxc-overlay .g-md-3,
        .cm-004 .hxc-overlay .gy-md-3 {
            --bs-gutter-y: 0.75rem;
        }

        .cm-004 .hxc-overlay .g-md-4,
        .cm-004 .hxc-overlay .gx-md-4 {
            --bs-gutter-x: 1rem;
        }

        .cm-004 .hxc-overlay .g-md-4,
        .cm-004 .hxc-overlay .gy-md-4 {
            --bs-gutter-y: 1rem;
        }

        .cm-004 .hxc-overlay .g-md-5,
        .cm-004 .hxc-overlay .gx-md-5 {
            --bs-gutter-x: 1.25rem;
        }

        .cm-004 .hxc-overlay .g-md-5,
        .cm-004 .hxc-overlay .gy-md-5 {
            --bs-gutter-y: 1.25rem;
        }

        .cm-004 .hxc-overlay .g-md-6,
        .cm-004 .hxc-overlay .gx-md-6 {
            --bs-gutter-x: 1.5rem;
        }

        .cm-004 .hxc-overlay .g-md-6,
        .cm-004 .hxc-overlay .gy-md-6 {
            --bs-gutter-y: 1.5rem;
        }

        .cm-004 .hxc-overlay .g-md-7,
        .cm-004 .hxc-overlay .gx-md-7 {
            --bs-gutter-x: 1.75rem;
        }

        .cm-004 .hxc-overlay .g-md-7,
        .cm-004 .hxc-overlay .gy-md-7 {
            --bs-gutter-y: 1.75rem;
        }

        .cm-004 .hxc-overlay .g-md-8,
        .cm-004 .hxc-overlay .gx-md-8 {
            --bs-gutter-x: 2rem;
        }

        .cm-004 .hxc-overlay .g-md-8,
        .cm-004 .hxc-overlay .gy-md-8 {
            --bs-gutter-y: 2rem;
        }

        .cm-004 .hxc-overlay .g-md-9,
        .cm-004 .hxc-overlay .gx-md-9 {
            --bs-gutter-x: 2.25rem;
        }

        .cm-004 .hxc-overlay .g-md-9,
        .cm-004 .hxc-overlay .gy-md-9 {
            --bs-gutter-y: 2.25rem;
        }

        .cm-004 .hxc-overlay .g-md-10,
        .cm-004 .hxc-overlay .gx-md-10 {
            --bs-gutter-x: 2.5rem;
        }

        .cm-004 .hxc-overlay .g-md-10,
        .cm-004 .hxc-overlay .gy-md-10 {
            --bs-gutter-y: 2.5rem;
        }

        .cm-004 .hxc-overlay .g-md-11,
        .cm-004 .hxc-overlay .gx-md-11 {
            --bs-gutter-x: 3rem;
        }

        .cm-004 .hxc-overlay .g-md-11,
        .cm-004 .hxc-overlay .gy-md-11 {
            --bs-gutter-y: 3rem;
        }

        .cm-004 .hxc-overlay .g-md-12,
        .cm-004 .hxc-overlay .gx-md-12 {
            --bs-gutter-x: 3.5rem;
        }

        .cm-004 .hxc-overlay .g-md-12,
        .cm-004 .hxc-overlay .gy-md-12 {
            --bs-gutter-y: 3.5rem;
        }

        .cm-004 .hxc-overlay .g-md-13,
        .cm-004 .hxc-overlay .gx-md-13 {
            --bs-gutter-x: 4rem;
        }

        .cm-004 .hxc-overlay .g-md-13,
        .cm-004 .hxc-overlay .gy-md-13 {
            --bs-gutter-y: 4rem;
        }

        .cm-004 .hxc-overlay .g-md-14,
        .cm-004 .hxc-overlay .gx-md-14 {
            --bs-gutter-x: 4.5rem;
        }

        .cm-004 .hxc-overlay .g-md-14,
        .cm-004 .hxc-overlay .gy-md-14 {
            --bs-gutter-y: 4.5rem;
        }

        .cm-004 .hxc-overlay .g-md-15,
        .cm-004 .hxc-overlay .gx-md-15 {
            --bs-gutter-x: 5rem;
        }

        .cm-004 .hxc-overlay .g-md-15,
        .cm-004 .hxc-overlay .gy-md-15 {
            --bs-gutter-y: 5rem;
        }

        .cm-004 .hxc-overlay .g-md-16,
        .cm-004 .hxc-overlay .gx-md-16 {
            --bs-gutter-x: 6rem;
        }

        .cm-004 .hxc-overlay .g-md-16,
        .cm-004 .hxc-overlay .gy-md-16 {
            --bs-gutter-y: 6rem;
        }

        .cm-004 .hxc-overlay .g-md-17,
        .cm-004 .hxc-overlay .gx-md-17 {
            --bs-gutter-x: 7rem;
        }

        .cm-004 .hxc-overlay .g-md-17,
        .cm-004 .hxc-overlay .gy-md-17 {
            --bs-gutter-y: 7rem;
        }

        .cm-004 .hxc-overlay .g-md-18,
        .cm-004 .hxc-overlay .gx-md-18 {
            --bs-gutter-x: 8rem;
        }

        .cm-004 .hxc-overlay .g-md-18,
        .cm-004 .hxc-overlay .gy-md-18 {
            --bs-gutter-y: 8rem;
        }

        .cm-004 .hxc-overlay .g-md-19,
        .cm-004 .hxc-overlay .gx-md-19 {
            --bs-gutter-x: 9rem;
        }

        .cm-004 .hxc-overlay .g-md-19,
        .cm-004 .hxc-overlay .gy-md-19 {
            --bs-gutter-y: 9rem;
        }

        .cm-004 .hxc-overlay .g-md-20,
        .cm-004 .hxc-overlay .gx-md-20 {
            --bs-gutter-x: 10rem;
        }

        .cm-004 .hxc-overlay .g-md-20,
        .cm-004 .hxc-overlay .gy-md-20 {
            --bs-gutter-y: 10rem;
        }

        .cm-004 .hxc-overlay .g-md-21,
        .cm-004 .hxc-overlay .gx-md-21 {
            --bs-gutter-x: 12.5rem;
        }

        .cm-004 .hxc-overlay .g-md-21,
        .cm-004 .hxc-overlay .gy-md-21 {
            --bs-gutter-y: 12.5rem;
        }

        .cm-004 .hxc-overlay .g-md-22,
        .cm-004 .hxc-overlay .gx-md-22 {
            --bs-gutter-x: 15rem;
        }

        .cm-004 .hxc-overlay .g-md-22,
        .cm-004 .hxc-overlay .gy-md-22 {
            --bs-gutter-y: 15rem;
        }

        .cm-004 .hxc-overlay .g-md-23,
        .cm-004 .hxc-overlay .gx-md-23 {
            --bs-gutter-x: 17.5rem;
        }

        .cm-004 .hxc-overlay .g-md-23,
        .cm-004 .hxc-overlay .gy-md-23 {
            --bs-gutter-y: 17.5rem;
        }

        .cm-004 .hxc-overlay .g-md-24,
        .cm-004 .hxc-overlay .gx-md-24 {
            --bs-gutter-x: 20rem;
        }

        .cm-004 .hxc-overlay .g-md-24,
        .cm-004 .hxc-overlay .gy-md-24 {
            --bs-gutter-y: 20rem;
        }

        .cm-004 .hxc-overlay .g-md-25,
        .cm-004 .hxc-overlay .gx-md-25 {
            --bs-gutter-x: 22.5rem;
        }

        .cm-004 .hxc-overlay .g-md-25,
        .cm-004 .hxc-overlay .gy-md-25 {
            --bs-gutter-y: 22.5rem;
        }
    }

    @media (min-width: 992px) {
        .cm-004 .hxc-overlay .col-lg {
            flex: 1 0 0%;
        }

        .cm-004 .hxc-overlay .row-cols-lg-auto > * {
            flex: 0 0 auto;
            width: auto;
        }

        .cm-004 .hxc-overlay .row-cols-lg-1 > * {
            flex: 0 0 auto;
            width: 100%;
        }

        .cm-004 .hxc-overlay .row-cols-lg-2 > * {
            flex: 0 0 auto;
            width: 50%;
        }

        .cm-004 .hxc-overlay .row-cols-lg-3 > * {
            flex: 0 0 auto;
            width: 33.3333333333%;
        }

        .cm-004 .hxc-overlay .row-cols-lg-4 > * {
            flex: 0 0 auto;
            width: 25%;
        }

        .cm-004 .hxc-overlay .row-cols-lg-5 > * {
            flex: 0 0 auto;
            width: 20%;
        }

        .cm-004 .hxc-overlay .row-cols-lg-6 > * {
            flex: 0 0 auto;
            width: 16.6666666667%;
        }

        .cm-004 .hxc-overlay .row-cols-lg-7 > * {
            flex: 0 0 auto;
            width: 14.2857142857%;
        }

        .cm-004 .hxc-overlay .row-cols-lg-8 > * {
            flex: 0 0 auto;
            width: 12.5%;
        }

        .cm-004 .hxc-overlay .row-cols-lg-9 > * {
            flex: 0 0 auto;
            width: 11.1111111111%;
        }

        .cm-004 .hxc-overlay .row-cols-lg-10 > * {
            flex: 0 0 auto;
            width: 10%;
        }

        .cm-004 .hxc-overlay .row-cols-lg-11 > * {
            flex: 0 0 auto;
            width: 9.0909090909%;
        }

        .cm-004 .hxc-overlay .row-cols-lg-12 > * {
            flex: 0 0 auto;
            width: 8.3333333333%;
        }

        .cm-004 .hxc-overlay .col-lg-auto {
            flex: 0 0 auto;
            width: auto;
        }

        .cm-004 .hxc-overlay .col-lg-1 {
            flex: 0 0 auto;
            width: 8.33333333%;
        }

        .cm-004 .hxc-overlay .col-lg-2 {
            flex: 0 0 auto;
            width: 16.66666667%;
        }

        .cm-004 .hxc-overlay .col-lg-3 {
            flex: 0 0 auto;
            width: 25%;
        }

        .cm-004 .hxc-overlay .col-lg-4 {
            flex: 0 0 auto;
            width: 33.33333333%;
        }

        .cm-004 .hxc-overlay .col-lg-5 {
            flex: 0 0 auto;
            width: 41.66666667%;
        }

        .cm-004 .hxc-overlay .col-lg-6 {
            flex: 0 0 auto;
            width: 50%;
        }

        .cm-004 .hxc-overlay .col-lg-7 {
            flex: 0 0 auto;
            width: 58.33333333%;
        }

        .cm-004 .hxc-overlay .col-lg-8 {
            flex: 0 0 auto;
            width: 66.66666667%;
        }

        .cm-004 .hxc-overlay .col-lg-9 {
            flex: 0 0 auto;
            width: 75%;
        }

        .cm-004 .hxc-overlay .col-lg-10 {
            flex: 0 0 auto;
            width: 83.33333333%;
        }

        .cm-004 .hxc-overlay .col-lg-11 {
            flex: 0 0 auto;
            width: 91.66666667%;
        }

        .cm-004 .hxc-overlay .col-lg-12 {
            flex: 0 0 auto;
            width: 100%;
        }

        .cm-004 .hxc-overlay .offset-lg-0 {
            margin-left: 0;
        }

        .cm-004 .hxc-overlay .offset-lg-1 {
            margin-left: 8.33333333%;
        }

        .cm-004 .hxc-overlay .offset-lg-2 {
            margin-left: 16.66666667%;
        }

        .cm-004 .hxc-overlay .offset-lg-3 {
            margin-left: 25%;
        }

        .cm-004 .hxc-overlay .offset-lg-4 {
            margin-left: 33.33333333%;
        }

        .cm-004 .hxc-overlay .offset-lg-5 {
            margin-left: 41.66666667%;
        }

        .cm-004 .hxc-overlay .offset-lg-6 {
            margin-left: 50%;
        }

        .cm-004 .hxc-overlay .offset-lg-7 {
            margin-left: 58.33333333%;
        }

        .cm-004 .hxc-overlay .offset-lg-8 {
            margin-left: 66.66666667%;
        }

        .cm-004 .hxc-overlay .offset-lg-9 {
            margin-left: 75%;
        }

        .cm-004 .hxc-overlay .offset-lg-10 {
            margin-left: 83.33333333%;
        }

        .cm-004 .hxc-overlay .offset-lg-11 {
            margin-left: 91.66666667%;
        }

        .cm-004 .hxc-overlay .g-lg-0,
        .cm-004 .hxc-overlay .gx-lg-0 {
            --bs-gutter-x: 0;
        }

        .cm-004 .hxc-overlay .g-lg-0,
        .cm-004 .hxc-overlay .gy-lg-0 {
            --bs-gutter-y: 0;
        }

        .cm-004 .hxc-overlay .g-lg-1,
        .cm-004 .hxc-overlay .gx-lg-1 {
            --bs-gutter-x: 0.25rem;
        }

        .cm-004 .hxc-overlay .g-lg-1,
        .cm-004 .hxc-overlay .gy-lg-1 {
            --bs-gutter-y: 0.25rem;
        }

        .cm-004 .hxc-overlay .g-lg-2,
        .cm-004 .hxc-overlay .gx-lg-2 {
            --bs-gutter-x: 0.5rem;
        }

        .cm-004 .hxc-overlay .g-lg-2,
        .cm-004 .hxc-overlay .gy-lg-2 {
            --bs-gutter-y: 0.5rem;
        }

        .cm-004 .hxc-overlay .g-lg-3,
        .cm-004 .hxc-overlay .gx-lg-3 {
            --bs-gutter-x: 0.75rem;
        }

        .cm-004 .hxc-overlay .g-lg-3,
        .cm-004 .hxc-overlay .gy-lg-3 {
            --bs-gutter-y: 0.75rem;
        }

        .cm-004 .hxc-overlay .g-lg-4,
        .cm-004 .hxc-overlay .gx-lg-4 {
            --bs-gutter-x: 1rem;
        }

        .cm-004 .hxc-overlay .g-lg-4,
        .cm-004 .hxc-overlay .gy-lg-4 {
            --bs-gutter-y: 1rem;
        }

        .cm-004 .hxc-overlay .g-lg-5,
        .cm-004 .hxc-overlay .gx-lg-5 {
            --bs-gutter-x: 1.25rem;
        }

        .cm-004 .hxc-overlay .g-lg-5,
        .cm-004 .hxc-overlay .gy-lg-5 {
            --bs-gutter-y: 1.25rem;
        }

        .cm-004 .hxc-overlay .g-lg-6,
        .cm-004 .hxc-overlay .gx-lg-6 {
            --bs-gutter-x: 1.5rem;
        }

        .cm-004 .hxc-overlay .g-lg-6,
        .cm-004 .hxc-overlay .gy-lg-6 {
            --bs-gutter-y: 1.5rem;
        }

        .cm-004 .hxc-overlay .g-lg-7,
        .cm-004 .hxc-overlay .gx-lg-7 {
            --bs-gutter-x: 1.75rem;
        }

        .cm-004 .hxc-overlay .g-lg-7,
        .cm-004 .hxc-overlay .gy-lg-7 {
            --bs-gutter-y: 1.75rem;
        }

        .cm-004 .hxc-overlay .g-lg-8,
        .cm-004 .hxc-overlay .gx-lg-8 {
            --bs-gutter-x: 2rem;
        }

        .cm-004 .hxc-overlay .g-lg-8,
        .cm-004 .hxc-overlay .gy-lg-8 {
            --bs-gutter-y: 2rem;
        }

        .cm-004 .hxc-overlay .g-lg-9,
        .cm-004 .hxc-overlay .gx-lg-9 {
            --bs-gutter-x: 2.25rem;
        }

        .cm-004 .hxc-overlay .g-lg-9,
        .cm-004 .hxc-overlay .gy-lg-9 {
            --bs-gutter-y: 2.25rem;
        }

        .cm-004 .hxc-overlay .g-lg-10,
        .cm-004 .hxc-overlay .gx-lg-10 {
            --bs-gutter-x: 2.5rem;
        }

        .cm-004 .hxc-overlay .g-lg-10,
        .cm-004 .hxc-overlay .gy-lg-10 {
            --bs-gutter-y: 2.5rem;
        }

        .cm-004 .hxc-overlay .g-lg-11,
        .cm-004 .hxc-overlay .gx-lg-11 {
            --bs-gutter-x: 3rem;
        }

        .cm-004 .hxc-overlay .g-lg-11,
        .cm-004 .hxc-overlay .gy-lg-11 {
            --bs-gutter-y: 3rem;
        }

        .cm-004 .hxc-overlay .g-lg-12,
        .cm-004 .hxc-overlay .gx-lg-12 {
            --bs-gutter-x: 3.5rem;
        }

        .cm-004 .hxc-overlay .g-lg-12,
        .cm-004 .hxc-overlay .gy-lg-12 {
            --bs-gutter-y: 3.5rem;
        }

        .cm-004 .hxc-overlay .g-lg-13,
        .cm-004 .hxc-overlay .gx-lg-13 {
            --bs-gutter-x: 4rem;
        }

        .cm-004 .hxc-overlay .g-lg-13,
        .cm-004 .hxc-overlay .gy-lg-13 {
            --bs-gutter-y: 4rem;
        }

        .cm-004 .hxc-overlay .g-lg-14,
        .cm-004 .hxc-overlay .gx-lg-14 {
            --bs-gutter-x: 4.5rem;
        }

        .cm-004 .hxc-overlay .g-lg-14,
        .cm-004 .hxc-overlay .gy-lg-14 {
            --bs-gutter-y: 4.5rem;
        }

        .cm-004 .hxc-overlay .g-lg-15,
        .cm-004 .hxc-overlay .gx-lg-15 {
            --bs-gutter-x: 5rem;
        }

        .cm-004 .hxc-overlay .g-lg-15,
        .cm-004 .hxc-overlay .gy-lg-15 {
            --bs-gutter-y: 5rem;
        }

        .cm-004 .hxc-overlay .g-lg-16,
        .cm-004 .hxc-overlay .gx-lg-16 {
            --bs-gutter-x: 6rem;
        }

        .cm-004 .hxc-overlay .g-lg-16,
        .cm-004 .hxc-overlay .gy-lg-16 {
            --bs-gutter-y: 6rem;
        }

        .cm-004 .hxc-overlay .g-lg-17,
        .cm-004 .hxc-overlay .gx-lg-17 {
            --bs-gutter-x: 7rem;
        }

        .cm-004 .hxc-overlay .g-lg-17,
        .cm-004 .hxc-overlay .gy-lg-17 {
            --bs-gutter-y: 7rem;
        }

        .cm-004 .hxc-overlay .g-lg-18,
        .cm-004 .hxc-overlay .gx-lg-18 {
            --bs-gutter-x: 8rem;
        }

        .cm-004 .hxc-overlay .g-lg-18,
        .cm-004 .hxc-overlay .gy-lg-18 {
            --bs-gutter-y: 8rem;
        }

        .cm-004 .hxc-overlay .g-lg-19,
        .cm-004 .hxc-overlay .gx-lg-19 {
            --bs-gutter-x: 9rem;
        }

        .cm-004 .hxc-overlay .g-lg-19,
        .cm-004 .hxc-overlay .gy-lg-19 {
            --bs-gutter-y: 9rem;
        }

        .cm-004 .hxc-overlay .g-lg-20,
        .cm-004 .hxc-overlay .gx-lg-20 {
            --bs-gutter-x: 10rem;
        }

        .cm-004 .hxc-overlay .g-lg-20,
        .cm-004 .hxc-overlay .gy-lg-20 {
            --bs-gutter-y: 10rem;
        }

        .cm-004 .hxc-overlay .g-lg-21,
        .cm-004 .hxc-overlay .gx-lg-21 {
            --bs-gutter-x: 12.5rem;
        }

        .cm-004 .hxc-overlay .g-lg-21,
        .cm-004 .hxc-overlay .gy-lg-21 {
            --bs-gutter-y: 12.5rem;
        }

        .cm-004 .hxc-overlay .g-lg-22,
        .cm-004 .hxc-overlay .gx-lg-22 {
            --bs-gutter-x: 15rem;
        }

        .cm-004 .hxc-overlay .g-lg-22,
        .cm-004 .hxc-overlay .gy-lg-22 {
            --bs-gutter-y: 15rem;
        }

        .cm-004 .hxc-overlay .g-lg-23,
        .cm-004 .hxc-overlay .gx-lg-23 {
            --bs-gutter-x: 17.5rem;
        }

        .cm-004 .hxc-overlay .g-lg-23,
        .cm-004 .hxc-overlay .gy-lg-23 {
            --bs-gutter-y: 17.5rem;
        }

        .cm-004 .hxc-overlay .g-lg-24,
        .cm-004 .hxc-overlay .gx-lg-24 {
            --bs-gutter-x: 20rem;
        }

        .cm-004 .hxc-overlay .g-lg-24,
        .cm-004 .hxc-overlay .gy-lg-24 {
            --bs-gutter-y: 20rem;
        }

        .cm-004 .hxc-overlay .g-lg-25,
        .cm-004 .hxc-overlay .gx-lg-25 {
            --bs-gutter-x: 22.5rem;
        }

        .cm-004 .hxc-overlay .g-lg-25,
        .cm-004 .hxc-overlay .gy-lg-25 {
            --bs-gutter-y: 22.5rem;
        }
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .col-xl {
            flex: 1 0 0%;
        }

        .cm-004 .hxc-overlay .row-cols-xl-auto > * {
            flex: 0 0 auto;
            width: auto;
        }

        .cm-004 .hxc-overlay .row-cols-xl-1 > * {
            flex: 0 0 auto;
            width: 100%;
        }

        .cm-004 .hxc-overlay .row-cols-xl-2 > * {
            flex: 0 0 auto;
            width: 50%;
        }

        .cm-004 .hxc-overlay .row-cols-xl-3 > * {
            flex: 0 0 auto;
            width: 33.3333333333%;
        }

        .cm-004 .hxc-overlay .row-cols-xl-4 > * {
            flex: 0 0 auto;
            width: 25%;
        }

        .cm-004 .hxc-overlay .row-cols-xl-5 > * {
            flex: 0 0 auto;
            width: 20%;
        }

        .cm-004 .hxc-overlay .row-cols-xl-6 > * {
            flex: 0 0 auto;
            width: 16.6666666667%;
        }

        .cm-004 .hxc-overlay .row-cols-xl-7 > * {
            flex: 0 0 auto;
            width: 14.2857142857%;
        }

        .cm-004 .hxc-overlay .row-cols-xl-8 > * {
            flex: 0 0 auto;
            width: 12.5%;
        }

        .cm-004 .hxc-overlay .row-cols-xl-9 > * {
            flex: 0 0 auto;
            width: 11.1111111111%;
        }

        .cm-004 .hxc-overlay .row-cols-xl-10 > * {
            flex: 0 0 auto;
            width: 10%;
        }

        .cm-004 .hxc-overlay .row-cols-xl-11 > * {
            flex: 0 0 auto;
            width: 9.0909090909%;
        }

        .cm-004 .hxc-overlay .row-cols-xl-12 > * {
            flex: 0 0 auto;
            width: 8.3333333333%;
        }

        .cm-004 .hxc-overlay .col-xl-auto {
            flex: 0 0 auto;
            width: auto;
        }

        .cm-004 .hxc-overlay .col-xl-1 {
            flex: 0 0 auto;
            width: 8.33333333%;
        }

        .cm-004 .hxc-overlay .col-xl-2 {
            flex: 0 0 auto;
            width: 16.66666667%;
        }

        .cm-004 .hxc-overlay .col-xl-3 {
            flex: 0 0 auto;
            width: 25%;
        }

        .cm-004 .hxc-overlay .col-xl-4 {
            flex: 0 0 auto;
            width: 33.33333333%;
            height: 146px !important;
        }

        .cm-004 .hxc-overlay .col-xl-5 {
            flex: 0 0 auto;
            width: 41.66666667%;
        }

        .cm-004 .hxc-overlay .col-xl-6 {
            flex: 0 0 auto;
            width: 50%;
        }

        .cm-004 .hxc-overlay .col-xl-7 {
            flex: 0 0 auto;
            width: 58.33333333%;
        }

        .cm-004 .hxc-overlay .col-xl-8 {
            flex: 0 0 auto;
            width: 66.66666667%;
        }

        .cm-004 .hxc-overlay .col-xl-9 {
            flex: 0 0 auto;
            width: 75%;
        }

        .cm-004 .hxc-overlay .col-xl-10 {
            flex: 0 0 auto;
            width: 83.33333333%;
        }

        .cm-004 .hxc-overlay .col-xl-11 {
            flex: 0 0 auto;
            width: 91.66666667%;
        }

        .cm-004 .hxc-overlay .col-xl-12 {
            flex: 0 0 auto;
            width: 100%;
        }

        .cm-004 .hxc-overlay .offset-xl-0 {
            margin-left: 0;
        }

        .cm-004 .hxc-overlay .offset-xl-1 {
            margin-left: 8.33333333%;
        }

        .cm-004 .hxc-overlay .offset-xl-2 {
            margin-left: 16.66666667%;
        }

        .cm-004 .hxc-overlay .offset-xl-3 {
            margin-left: 25%;
        }

        .cm-004 .hxc-overlay .offset-xl-4 {
            margin-left: 33.33333333%;
        }

        .cm-004 .hxc-overlay .offset-xl-5 {
            margin-left: 41.66666667%;
        }

        .cm-004 .hxc-overlay .offset-xl-6 {
            margin-left: 50%;
        }

        .cm-004 .hxc-overlay .offset-xl-7 {
            margin-left: 58.33333333%;
        }

        .cm-004 .hxc-overlay .offset-xl-8 {
            margin-left: 66.66666667%;
        }

        .cm-004 .hxc-overlay .offset-xl-9 {
            margin-left: 75%;
        }

        .cm-004 .hxc-overlay .offset-xl-10 {
            margin-left: 83.33333333%;
        }

        .cm-004 .hxc-overlay .offset-xl-11 {
            margin-left: 91.66666667%;
        }

        .cm-004 .hxc-overlay .g-xl-0,
        .cm-004 .hxc-overlay .gx-xl-0 {
            --bs-gutter-x: 0;
        }

        .cm-004 .hxc-overlay .g-xl-0,
        .cm-004 .hxc-overlay .gy-xl-0 {
            --bs-gutter-y: 0;
        }

        .cm-004 .hxc-overlay .g-xl-1,
        .cm-004 .hxc-overlay .gx-xl-1 {
            --bs-gutter-x: 0.25rem;
        }

        .cm-004 .hxc-overlay .g-xl-1,
        .cm-004 .hxc-overlay .gy-xl-1 {
            --bs-gutter-y: 0.25rem;
        }

        .cm-004 .hxc-overlay .g-xl-2,
        .cm-004 .hxc-overlay .gx-xl-2 {
            --bs-gutter-x: 0.5rem;
        }

        .cm-004 .hxc-overlay .g-xl-2,
        .cm-004 .hxc-overlay .gy-xl-2 {
            --bs-gutter-y: 0.5rem;
        }

        .cm-004 .hxc-overlay .g-xl-3,
        .cm-004 .hxc-overlay .gx-xl-3 {
            --bs-gutter-x: 0.75rem;
        }

        .cm-004 .hxc-overlay .g-xl-3,
        .cm-004 .hxc-overlay .gy-xl-3 {
            --bs-gutter-y: 0.75rem;
        }

        .cm-004 .hxc-overlay .g-xl-4,
        .cm-004 .hxc-overlay .gx-xl-4 {
            --bs-gutter-x: 1rem;
        }

        .cm-004 .hxc-overlay .g-xl-4,
        .cm-004 .hxc-overlay .gy-xl-4 {
            --bs-gutter-y: 1rem;
        }

        .cm-004 .hxc-overlay .g-xl-5,
        .cm-004 .hxc-overlay .gx-xl-5 {
            --bs-gutter-x: 1.25rem;
        }

        .cm-004 .hxc-overlay .g-xl-5,
        .cm-004 .hxc-overlay .gy-xl-5 {
            --bs-gutter-y: 1.25rem;
        }

        .cm-004 .hxc-overlay .g-xl-6,
        .cm-004 .hxc-overlay .gx-xl-6 {
            --bs-gutter-x: 1.5rem;
        }

        .cm-004 .hxc-overlay .g-xl-6,
        .cm-004 .hxc-overlay .gy-xl-6 {
            --bs-gutter-y: 1.5rem;
        }

        .cm-004 .hxc-overlay .g-xl-7,
        .cm-004 .hxc-overlay .gx-xl-7 {
            --bs-gutter-x: 1.75rem;
        }

        .cm-004 .hxc-overlay .g-xl-7,
        .cm-004 .hxc-overlay .gy-xl-7 {
            --bs-gutter-y: 1.75rem;
        }

        .cm-004 .hxc-overlay .g-xl-8,
        .cm-004 .hxc-overlay .gx-xl-8 {
            --bs-gutter-x: 2rem;
        }

        .cm-004 .hxc-overlay .g-xl-8,
        .cm-004 .hxc-overlay .gy-xl-8 {
            --bs-gutter-y: 2rem;
        }

        .cm-004 .hxc-overlay .g-xl-9,
        .cm-004 .hxc-overlay .gx-xl-9 {
            --bs-gutter-x: 2.25rem;
        }

        .cm-004 .hxc-overlay .g-xl-9,
        .cm-004 .hxc-overlay .gy-xl-9 {
            --bs-gutter-y: 2.25rem;
        }

        .cm-004 .hxc-overlay .g-xl-10,
        .cm-004 .hxc-overlay .gx-xl-10 {
            --bs-gutter-x: 2.5rem;
        }

        .cm-004 .hxc-overlay .g-xl-10,
        .cm-004 .hxc-overlay .gy-xl-10 {
            --bs-gutter-y: 2.5rem;
        }

        .cm-004 .hxc-overlay .g-xl-11,
        .cm-004 .hxc-overlay .gx-xl-11 {
            --bs-gutter-x: 3rem;
        }

        .cm-004 .hxc-overlay .g-xl-11,
        .cm-004 .hxc-overlay .gy-xl-11 {
            --bs-gutter-y: 3rem;
        }

        .cm-004 .hxc-overlay .g-xl-12,
        .cm-004 .hxc-overlay .gx-xl-12 {
            --bs-gutter-x: 3.5rem;
        }

        .cm-004 .hxc-overlay .g-xl-12,
        .cm-004 .hxc-overlay .gy-xl-12 {
            --bs-gutter-y: 3.5rem;
        }

        .cm-004 .hxc-overlay .g-xl-13,
        .cm-004 .hxc-overlay .gx-xl-13 {
            --bs-gutter-x: 4rem;
        }

        .cm-004 .hxc-overlay .g-xl-13,
        .cm-004 .hxc-overlay .gy-xl-13 {
            --bs-gutter-y: 4rem;
        }

        .cm-004 .hxc-overlay .g-xl-14,
        .cm-004 .hxc-overlay .gx-xl-14 {
            --bs-gutter-x: 4.5rem;
        }

        .cm-004 .hxc-overlay .g-xl-14,
        .cm-004 .hxc-overlay .gy-xl-14 {
            --bs-gutter-y: 4.5rem;
        }

        .cm-004 .hxc-overlay .g-xl-15,
        .cm-004 .hxc-overlay .gx-xl-15 {
            --bs-gutter-x: 5rem;
        }

        .cm-004 .hxc-overlay .g-xl-15,
        .cm-004 .hxc-overlay .gy-xl-15 {
            --bs-gutter-y: 5rem;
        }

        .cm-004 .hxc-overlay .g-xl-16,
        .cm-004 .hxc-overlay .gx-xl-16 {
            --bs-gutter-x: 6rem;
        }

        .cm-004 .hxc-overlay .g-xl-16,
        .cm-004 .hxc-overlay .gy-xl-16 {
            --bs-gutter-y: 6rem;
        }

        .cm-004 .hxc-overlay .g-xl-17,
        .cm-004 .hxc-overlay .gx-xl-17 {
            --bs-gutter-x: 7rem;
        }

        .cm-004 .hxc-overlay .g-xl-17,
        .cm-004 .hxc-overlay .gy-xl-17 {
            --bs-gutter-y: 7rem;
        }

        .cm-004 .hxc-overlay .g-xl-18,
        .cm-004 .hxc-overlay .gx-xl-18 {
            --bs-gutter-x: 8rem;
        }

        .cm-004 .hxc-overlay .g-xl-18,
        .cm-004 .hxc-overlay .gy-xl-18 {
            --bs-gutter-y: 8rem;
        }

        .cm-004 .hxc-overlay .g-xl-19,
        .cm-004 .hxc-overlay .gx-xl-19 {
            --bs-gutter-x: 9rem;
        }

        .cm-004 .hxc-overlay .g-xl-19,
        .cm-004 .hxc-overlay .gy-xl-19 {
            --bs-gutter-y: 9rem;
        }

        .cm-004 .hxc-overlay .g-xl-20,
        .cm-004 .hxc-overlay .gx-xl-20 {
            --bs-gutter-x: 10rem;
        }

        .cm-004 .hxc-overlay .g-xl-20,
        .cm-004 .hxc-overlay .gy-xl-20 {
            --bs-gutter-y: 10rem;
        }

        .cm-004 .hxc-overlay .g-xl-21,
        .cm-004 .hxc-overlay .gx-xl-21 {
            --bs-gutter-x: 12.5rem;
        }

        .cm-004 .hxc-overlay .g-xl-21,
        .cm-004 .hxc-overlay .gy-xl-21 {
            --bs-gutter-y: 12.5rem;
        }

        .cm-004 .hxc-overlay .g-xl-22,
        .cm-004 .hxc-overlay .gx-xl-22 {
            --bs-gutter-x: 15rem;
        }

        .cm-004 .hxc-overlay .g-xl-22,
        .cm-004 .hxc-overlay .gy-xl-22 {
            --bs-gutter-y: 15rem;
        }

        .cm-004 .hxc-overlay .g-xl-23,
        .cm-004 .hxc-overlay .gx-xl-23 {
            --bs-gutter-x: 17.5rem;
        }

        .cm-004 .hxc-overlay .g-xl-23,
        .cm-004 .hxc-overlay .gy-xl-23 {
            --bs-gutter-y: 17.5rem;
        }

        .cm-004 .hxc-overlay .g-xl-24,
        .cm-004 .hxc-overlay .gx-xl-24 {
            --bs-gutter-x: 20rem;
        }

        .cm-004 .hxc-overlay .g-xl-24,
        .cm-004 .hxc-overlay .gy-xl-24 {
            --bs-gutter-y: 20rem;
        }

        .cm-004 .hxc-overlay .g-xl-25,
        .cm-004 .hxc-overlay .gx-xl-25 {
            --bs-gutter-x: 22.5rem;
        }

        .cm-004 .hxc-overlay .g-xl-25,
        .cm-004 .hxc-overlay .gy-xl-25 {
            --bs-gutter-y: 22.5rem;
        }
    }

    @media (min-width: 1400px) {
        .cm-004 .hxc-overlay .col-xxl {
            flex: 1 0 0%;
        }

        .cm-004 .hxc-overlay .row-cols-xxl-auto > * {
            flex: 0 0 auto;
            width: auto;
        }

        .cm-004 .hxc-overlay .row-cols-xxl-1 > * {
            flex: 0 0 auto;
            width: 100%;
        }

        .cm-004 .hxc-overlay .row-cols-xxl-2 > * {
            flex: 0 0 auto;
            width: 50%;
        }

        .cm-004 .hxc-overlay .row-cols-xxl-3 > * {
            flex: 0 0 auto;
            width: 33.3333333333%;
        }

        .cm-004 .hxc-overlay .row-cols-xxl-4 > * {
            flex: 0 0 auto;
            width: 25%;
        }

        .cm-004 .hxc-overlay .row-cols-xxl-5 > * {
            flex: 0 0 auto;
            width: 20%;
        }

        .cm-004 .hxc-overlay .row-cols-xxl-6 > * {
            flex: 0 0 auto;
            width: 16.6666666667%;
        }

        .cm-004 .hxc-overlay .row-cols-xxl-7 > * {
            flex: 0 0 auto;
            width: 14.2857142857%;
        }

        .cm-004 .hxc-overlay .row-cols-xxl-8 > * {
            flex: 0 0 auto;
            width: 12.5%;
        }

        .cm-004 .hxc-overlay .row-cols-xxl-9 > * {
            flex: 0 0 auto;
            width: 11.1111111111%;
        }

        .cm-004 .hxc-overlay .row-cols-xxl-10 > * {
            flex: 0 0 auto;
            width: 10%;
        }

        .cm-004 .hxc-overlay .row-cols-xxl-11 > * {
            flex: 0 0 auto;
            width: 9.0909090909%;
        }

        .cm-004 .hxc-overlay .row-cols-xxl-12 > * {
            flex: 0 0 auto;
            width: 8.3333333333%;
        }

        .cm-004 .hxc-overlay .col-xxl-auto {
            flex: 0 0 auto;
            width: auto;
        }

        .cm-004 .hxc-overlay .col-xxl-1 {
            flex: 0 0 auto;
            width: 8.33333333%;
        }

        .cm-004 .hxc-overlay .col-xxl-2 {
            flex: 0 0 auto;
            width: 16.66666667%;
        }

        .cm-004 .hxc-overlay .col-xxl-3 {
            flex: 0 0 auto;
            width: 25%;
        }

        .cm-004 .hxc-overlay .col-xxl-4 {
            flex: 0 0 auto;
            width: 33.33333333%;
        }

        .cm-004 .hxc-overlay .col-xxl-5 {
            flex: 0 0 auto;
            width: 41.66666667%;
        }

        .cm-004 .hxc-overlay .col-xxl-6 {
            flex: 0 0 auto;
            width: 50%;
        }

        .cm-004 .hxc-overlay .col-xxl-7 {
            flex: 0 0 auto;
            width: 58.33333333%;
        }

        .cm-004 .hxc-overlay .col-xxl-8 {
            flex: 0 0 auto;
            width: 66.66666667%;
        }

        .cm-004 .hxc-overlay .col-xxl-9 {
            flex: 0 0 auto;
            width: 75%;
        }

        .cm-004 .hxc-overlay .col-xxl-10 {
            flex: 0 0 auto;
            width: 83.33333333%;
        }

        .cm-004 .hxc-overlay .col-xxl-11 {
            flex: 0 0 auto;
            width: 91.66666667%;
        }

        .cm-004 .hxc-overlay .col-xxl-12 {
            flex: 0 0 auto;
            width: 100%;
        }

        .cm-004 .hxc-overlay .offset-xxl-0 {
            margin-left: 0;
        }

        .cm-004 .hxc-overlay .offset-xxl-1 {
            margin-left: 8.33333333%;
        }

        .cm-004 .hxc-overlay .offset-xxl-2 {
            margin-left: 16.66666667%;
        }

        .cm-004 .hxc-overlay .offset-xxl-3 {
            margin-left: 25%;
        }

        .cm-004 .hxc-overlay .offset-xxl-4 {
            margin-left: 33.33333333%;
        }

        .cm-004 .hxc-overlay .offset-xxl-5 {
            margin-left: 41.66666667%;
        }

        .cm-004 .hxc-overlay .offset-xxl-6 {
            margin-left: 50%;
        }

        .cm-004 .hxc-overlay .offset-xxl-7 {
            margin-left: 58.33333333%;
        }

        .cm-004 .hxc-overlay .offset-xxl-8 {
            margin-left: 66.66666667%;
        }

        .cm-004 .hxc-overlay .offset-xxl-9 {
            margin-left: 75%;
        }

        .cm-004 .hxc-overlay .offset-xxl-10 {
            margin-left: 83.33333333%;
        }

        .cm-004 .hxc-overlay .offset-xxl-11 {
            margin-left: 91.66666667%;
        }

        .cm-004 .hxc-overlay .g-xxl-0,
        .cm-004 .hxc-overlay .gx-xxl-0 {
            --bs-gutter-x: 0;
        }

        .cm-004 .hxc-overlay .g-xxl-0,
        .cm-004 .hxc-overlay .gy-xxl-0 {
            --bs-gutter-y: 0;
        }

        .cm-004 .hxc-overlay .g-xxl-1,
        .cm-004 .hxc-overlay .gx-xxl-1 {
            --bs-gutter-x: 0.25rem;
        }

        .cm-004 .hxc-overlay .g-xxl-1,
        .cm-004 .hxc-overlay .gy-xxl-1 {
            --bs-gutter-y: 0.25rem;
        }

        .cm-004 .hxc-overlay .g-xxl-2,
        .cm-004 .hxc-overlay .gx-xxl-2 {
            --bs-gutter-x: 0.5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-2,
        .cm-004 .hxc-overlay .gy-xxl-2 {
            --bs-gutter-y: 0.5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-3,
        .cm-004 .hxc-overlay .gx-xxl-3 {
            --bs-gutter-x: 0.75rem;
        }

        .cm-004 .hxc-overlay .g-xxl-3,
        .cm-004 .hxc-overlay .gy-xxl-3 {
            --bs-gutter-y: 0.75rem;
        }

        .cm-004 .hxc-overlay .g-xxl-4,
        .cm-004 .hxc-overlay .gx-xxl-4 {
            --bs-gutter-x: 1rem;
        }

        .cm-004 .hxc-overlay .g-xxl-4,
        .cm-004 .hxc-overlay .gy-xxl-4 {
            --bs-gutter-y: 1rem;
        }

        .cm-004 .hxc-overlay .g-xxl-5,
        .cm-004 .hxc-overlay .gx-xxl-5 {
            --bs-gutter-x: 1.25rem;
        }

        .cm-004 .hxc-overlay .g-xxl-5,
        .cm-004 .hxc-overlay .gy-xxl-5 {
            --bs-gutter-y: 1.25rem;
        }

        .cm-004 .hxc-overlay .g-xxl-6,
        .cm-004 .hxc-overlay .gx-xxl-6 {
            --bs-gutter-x: 1.5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-6,
        .cm-004 .hxc-overlay .gy-xxl-6 {
            --bs-gutter-y: 1.5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-7,
        .cm-004 .hxc-overlay .gx-xxl-7 {
            --bs-gutter-x: 1.75rem;
        }

        .cm-004 .hxc-overlay .g-xxl-7,
        .cm-004 .hxc-overlay .gy-xxl-7 {
            --bs-gutter-y: 1.75rem;
        }

        .cm-004 .hxc-overlay .g-xxl-8,
        .cm-004 .hxc-overlay .gx-xxl-8 {
            --bs-gutter-x: 2rem;
        }

        .cm-004 .hxc-overlay .g-xxl-8,
        .cm-004 .hxc-overlay .gy-xxl-8 {
            --bs-gutter-y: 2rem;
        }

        .cm-004 .hxc-overlay .g-xxl-9,
        .cm-004 .hxc-overlay .gx-xxl-9 {
            --bs-gutter-x: 2.25rem;
        }

        .cm-004 .hxc-overlay .g-xxl-9,
        .cm-004 .hxc-overlay .gy-xxl-9 {
            --bs-gutter-y: 2.25rem;
        }

        .cm-004 .hxc-overlay .g-xxl-10,
        .cm-004 .hxc-overlay .gx-xxl-10 {
            --bs-gutter-x: 2.5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-10,
        .cm-004 .hxc-overlay .gy-xxl-10 {
            --bs-gutter-y: 2.5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-11,
        .cm-004 .hxc-overlay .gx-xxl-11 {
            --bs-gutter-x: 3rem;
        }

        .cm-004 .hxc-overlay .g-xxl-11,
        .cm-004 .hxc-overlay .gy-xxl-11 {
            --bs-gutter-y: 3rem;
        }

        .cm-004 .hxc-overlay .g-xxl-12,
        .cm-004 .hxc-overlay .gx-xxl-12 {
            --bs-gutter-x: 3.5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-12,
        .cm-004 .hxc-overlay .gy-xxl-12 {
            --bs-gutter-y: 3.5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-13,
        .cm-004 .hxc-overlay .gx-xxl-13 {
            --bs-gutter-x: 4rem;
        }

        .cm-004 .hxc-overlay .g-xxl-13,
        .cm-004 .hxc-overlay .gy-xxl-13 {
            --bs-gutter-y: 4rem;
        }

        .cm-004 .hxc-overlay .g-xxl-14,
        .cm-004 .hxc-overlay .gx-xxl-14 {
            --bs-gutter-x: 4.5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-14,
        .cm-004 .hxc-overlay .gy-xxl-14 {
            --bs-gutter-y: 4.5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-15,
        .cm-004 .hxc-overlay .gx-xxl-15 {
            --bs-gutter-x: 5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-15,
        .cm-004 .hxc-overlay .gy-xxl-15 {
            --bs-gutter-y: 5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-16,
        .cm-004 .hxc-overlay .gx-xxl-16 {
            --bs-gutter-x: 6rem;
        }

        .cm-004 .hxc-overlay .g-xxl-16,
        .cm-004 .hxc-overlay .gy-xxl-16 {
            --bs-gutter-y: 6rem;
        }

        .cm-004 .hxc-overlay .g-xxl-17,
        .cm-004 .hxc-overlay .gx-xxl-17 {
            --bs-gutter-x: 7rem;
        }

        .cm-004 .hxc-overlay .g-xxl-17,
        .cm-004 .hxc-overlay .gy-xxl-17 {
            --bs-gutter-y: 7rem;
        }

        .cm-004 .hxc-overlay .g-xxl-18,
        .cm-004 .hxc-overlay .gx-xxl-18 {
            --bs-gutter-x: 8rem;
        }

        .cm-004 .hxc-overlay .g-xxl-18,
        .cm-004 .hxc-overlay .gy-xxl-18 {
            --bs-gutter-y: 8rem;
        }

        .cm-004 .hxc-overlay .g-xxl-19,
        .cm-004 .hxc-overlay .gx-xxl-19 {
            --bs-gutter-x: 9rem;
        }

        .cm-004 .hxc-overlay .g-xxl-19,
        .cm-004 .hxc-overlay .gy-xxl-19 {
            --bs-gutter-y: 9rem;
        }

        .cm-004 .hxc-overlay .g-xxl-20,
        .cm-004 .hxc-overlay .gx-xxl-20 {
            --bs-gutter-x: 10rem;
        }

        .cm-004 .hxc-overlay .g-xxl-20,
        .cm-004 .hxc-overlay .gy-xxl-20 {
            --bs-gutter-y: 10rem;
        }

        .cm-004 .hxc-overlay .g-xxl-21,
        .cm-004 .hxc-overlay .gx-xxl-21 {
            --bs-gutter-x: 12.5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-21,
        .cm-004 .hxc-overlay .gy-xxl-21 {
            --bs-gutter-y: 12.5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-22,
        .cm-004 .hxc-overlay .gx-xxl-22 {
            --bs-gutter-x: 15rem;
        }

        .cm-004 .hxc-overlay .g-xxl-22,
        .cm-004 .hxc-overlay .gy-xxl-22 {
            --bs-gutter-y: 15rem;
        }

        .cm-004 .hxc-overlay .g-xxl-23,
        .cm-004 .hxc-overlay .gx-xxl-23 {
            --bs-gutter-x: 17.5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-23,
        .cm-004 .hxc-overlay .gy-xxl-23 {
            --bs-gutter-y: 17.5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-24,
        .cm-004 .hxc-overlay .gx-xxl-24 {
            --bs-gutter-x: 20rem;
        }

        .cm-004 .hxc-overlay .g-xxl-24,
        .cm-004 .hxc-overlay .gy-xxl-24 {
            --bs-gutter-y: 20rem;
        }

        .cm-004 .hxc-overlay .g-xxl-25,
        .cm-004 .hxc-overlay .gx-xxl-25 {
            --bs-gutter-x: 22.5rem;
        }

        .cm-004 .hxc-overlay .g-xxl-25,
        .cm-004 .hxc-overlay .gy-xxl-25 {
            --bs-gutter-y: 22.5rem;
        }
    }

    .cm-004 .hxc-overlay .table {
        --bs-table-color: #60697b;
        --bs-table-bg: transparent;
        --bs-table-border-color: #edeff3;
        --bs-table-accent-bg: transparent;
        --bs-table-striped-color: #60697b;
        --bs-table-striped-bg: rgba(164, 174, 198, 0.07);
        --bs-table-active-color: #60697b;
        --bs-table-active-bg: rgba(164, 174, 198, 0.07);
        --bs-table-hover-color: #60697b;
        --bs-table-hover-bg: rgba(164, 174, 198, 0.07);
        width: 100%;
        margin-bottom: 1rem;
        color: var(--bs-table-color);
        vertical-align: top;
        border-color: var(--bs-table-border-color);
    }

        .cm-004 .hxc-overlay .table > :not(caption) > * > * {
            padding: 0.9rem 0.9rem;
            background-color: var(--bs-table-bg);
            border-bottom-width: 1px;
            box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
        }

        .cm-004 .hxc-overlay .table > tbody {
            vertical-align: inherit;
        }

        .cm-004 .hxc-overlay .table > thead {
            vertical-align: bottom;
        }

    .cm-004 .hxc-overlay .table-group-divider {
        border-top: 2px solid #edeff3;
    }

    .cm-004 .hxc-overlay .caption-top {
        caption-side: top;
    }

    .cm-004 .hxc-overlay .table-sm > :not(caption) > * > * {
        padding: 0.25rem 0.25rem;
    }

    .cm-004 .hxc-overlay .table-bordered > :not(caption) > * {
        border-width: 1px 0;
    }

        .cm-004 .hxc-overlay .table-bordered > :not(caption) > * > * {
            border-width: 0 1px;
        }

    .cm-004 .hxc-overlay .table-borderless > :not(caption) > * > * {
        border-bottom-width: 0;
    }

    .cm-004 .hxc-overlay .table-borderless > :not(:first-child) {
        border-top-width: 0;
    }

    .cm-004 .hxc-overlay .table-striped > tbody > tr:nth-of-type(odd) > * {
        --bs-table-accent-bg: var(--bs-table-striped-bg);
        color: var(--bs-table-striped-color);
    }

    .cm-004 .hxc-overlay .table-striped-columns > :not(caption) > tr > :nth-child(even) {
        --bs-table-accent-bg: var(--bs-table-striped-bg);
        color: var(--bs-table-striped-color);
    }

    .cm-004 .hxc-overlay .table-active {
        --bs-table-accent-bg: var(--bs-table-active-bg);
        color: var(--bs-table-active-color);
    }

    .cm-004 .hxc-overlay .table-hover > tbody > tr:hover > * {
        --bs-table-accent-bg: var(--bs-table-hover-bg);
        color: var(--bs-table-hover-color);
    }

    .cm-004 .hxc-overlay .table-primary {
        --bs-table-color: #343f52;
        --bs-table-bg: #d9e4f9;
        --bs-table-border-color: #c9d4e8;
        --bs-table-striped-bg: #cdd8ed;
        --bs-table-striped-color: #343f52;
        --bs-table-active-bg: #cdd8ed;
        --bs-table-active-color: #343f52;
        --bs-table-hover-bg: #cdd8ed;
        --bs-table-hover-color: #343f52;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
    }

    .cm-004 .hxc-overlay .table-secondary {
        --bs-table-color: #343f52;
        --bs-table-bg: #eeeff2;
        --bs-table-border-color: #dbdde2;
        --bs-table-striped-bg: #e1e3e7;
        --bs-table-striped-color: #343f52;
        --bs-table-active-bg: #e1e3e7;
        --bs-table-active-color: #343f52;
        --bs-table-hover-bg: #e1e3e7;
        --bs-table-hover-color: #343f52;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
    }

    .cm-004 .hxc-overlay .table-success {
        --bs-table-color: #343f52;
        --bs-table-bg: #daf3ec;
        --bs-table-border-color: #c9e1dd;
        --bs-table-striped-bg: #cee6e1;
        --bs-table-striped-color: #343f52;
        --bs-table-active-bg: #cee6e1;
        --bs-table-active-color: #343f52;
        --bs-table-hover-bg: #cee6e1;
        --bs-table-hover-color: #343f52;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
    }

    .cm-004 .hxc-overlay .table-info {
        --bs-table-color: #343f52;
        --bs-table-bg: #ddeef4;
        --bs-table-border-color: #ccdde4;
        --bs-table-striped-bg: #d1e2e9;
        --bs-table-striped-color: #343f52;
        --bs-table-active-bg: #d1e2e9;
        --bs-table-active-color: #343f52;
        --bs-table-hover-bg: #d1e2e9;
        --bs-table-hover-color: #343f52;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
    }

    .cm-004 .hxc-overlay .table-warning {
        --bs-table-color: #343f52;
        --bs-table-bg: #fef1de;
        --bs-table-border-color: #eadfd0;
        --bs-table-striped-bg: #f0e5d4;
        --bs-table-striped-color: #343f52;
        --bs-table-active-bg: #f0e5d4;
        --bs-table-active-color: #343f52;
        --bs-table-hover-bg: #f0e5d4;
        --bs-table-hover-color: #343f52;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
    }

    .cm-004 .hxc-overlay .table-danger {
        --bs-table-color: #343f52;
        --bs-table-bg: #f9e0e1;
        --bs-table-border-color: #e5d0d3;
        --bs-table-striped-bg: #ebd5d7;
        --bs-table-striped-color: #343f52;
        --bs-table-active-bg: #ebd5d7;
        --bs-table-active-color: #343f52;
        --bs-table-hover-bg: #ebd5d7;
        --bs-table-hover-color: #343f52;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
    }

    .cm-004 .hxc-overlay .table-light {
        --bs-table-color: #343f52;
        --bs-table-bg: #fefefe;
        --bs-table-border-color: #eaebed;
        --bs-table-striped-bg: #f0f1f2;
        --bs-table-striped-color: #343f52;
        --bs-table-active-bg: #f0f1f2;
        --bs-table-active-color: #343f52;
        --bs-table-hover-bg: #f0f1f2;
        --bs-table-hover-color: #343f52;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
    }

    .cm-004 .hxc-overlay .table-dark {
        --bs-table-color: #fff;
        --bs-table-bg: #262b32;
        --bs-table-border-color: #3c4047;
        --bs-table-striped-bg: #353a40;
        --bs-table-striped-color: #fff;
        --bs-table-active-bg: #353a40;
        --bs-table-active-color: #fff;
        --bs-table-hover-bg: #353a40;
        --bs-table-hover-color: #fff;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
    }

    .cm-004 .hxc-overlay .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    @media (max-width: 575.98px) {
        .cm-004 .hxc-overlay .table-responsive-sm {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
    }

    @media (max-width: 767.98px) {
        .cm-004 .hxc-overlay .table-responsive-md {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
    }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .table-responsive-lg {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
    }

    @media (max-width: 1199.98px) {
        .cm-004 .hxc-overlay .table-responsive-xl {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
    }

    @media (max-width: 1399.98px) {
        .cm-004 .hxc-overlay .table-responsive-xxl {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
    }

    .cm-004 .hxc-overlay .form-label {
        margin-bottom: 0.5rem;
        color: #959ca9;
    }

    .cm-004 .hxc-overlay .col-form-label {
        padding-top: calc(1.6rem);
        padding-bottom: calc(1.6rem);
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.7;
        color: #959ca9;
    }

    .cm-004 .hxc-overlay .col-form-label-lg {
        padding-top: calc(1.65rem);
        padding-bottom: calc(1.65rem);
        font-size: 0.85rem;
    }

    .cm-004 .hxc-overlay .col-form-label-sm {
        padding-top: calc(1.4rem);
        padding-bottom: calc(1.4rem);
        font-size: 0.7rem;
    }

    .cm-004 .hxc-overlay .form-text {
        margin-top: 0.25rem;
        font-size: 0.6rem;
        color: #aab0bc;
    }

    .cm-004 .hxc-overlay .form-control-overlay {
        display: block;
        width: 100%;
        padding: 15px 16px;
        font-family: 'thongterm';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        color: #949494;
        line-height: 1.7;
        background-color: #fefefe;
        border: 2px solid rgba(8, 60, 130, 0.07);
        appearance: none;
        border-radius: 3px;
        box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .form-control-overlay {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay .form-control-overlay[type=file] {
        overflow: hidden;
    }

        .cm-004 .hxc-overlay .form-control-overlay[type=file]:not(:disabled):not([readonly]) {
            cursor: pointer;
        }

    .cm-004 .hxc-overlay .form-control-overlay:focus {
        padding: 15px 16px;
        font-family: 'Thongterm-Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        color: #222222;
        background-color: #fefefe;
        border-color: #eeebd8;
        outline: 0;
        box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04), unset;
    }

    .cm-004 .hxc-overlay .form-control-overlay:focus {
        padding: 15px 16px;
        font-family: 'Thongterm-Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        color: #222222;
        background-color: #fefefe;
        border-color: #eeebd8;
        outline: 0;
        box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04), unset;
    }

    .cm-004 .hxc-overlay .form-control-overlay::-webkit-date-and-time-value {
        height: 1.7em;
    }

    .cm-004 .hxc-overlay .form-control-overlay::-moz-placeholder {
        color: #959ca9;
        opacity: 1;
    }

    .cm-004 .hxc-overlay .form-control-overlay:-ms-input-placeholder {
        color: #959ca9;
        opacity: 1;
    }

    .cm-004 .hxc-overlay .form-control-overlay::placeholder {
        color: #959ca9;
        opacity: 1;
    }

    .cm-004 .hxc-overlay .form-control-overlay:disabled {
        background-color: #f6f7f9;
        opacity: 1;
    }

    .cm-004 .hxc-overlay .form-control-overlay::-webkit-file-upload-button {
        padding: 0.6rem 1rem;
        margin: -0.6rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem;
        color: #60697b;
        background-color: #f6f7f9;
        pointer-events: none;
        border-color: inherit;
        border-style: solid;
        border-width: 0;
        border-inline-end-width: 1px;
        border-radius: 0;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .cm-004 .hxc-overlay .form-control-overlay::file-selector-button {
        padding: 0.6rem 1rem;
        margin: -0.6rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem;
        color: #60697b;
        background-color: #f6f7f9;
        pointer-events: none;
        border-color: inherit;
        border-style: solid;
        border-width: 0;
        border-inline-end-width: 1px;
        border-radius: 0;
        transition: all 0.2s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .form-control-overlay::-webkit-file-upload-button {
            -webkit-transition: none;
            transition: none;
        }

        .cm-004 .hxc-overlay .form-control-overlay::file-selector-button {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay .form-control-overlay:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
        background-color: #eaebed;
    }

    .cm-004 .hxc-overlay .form-control-overlay:hover:not(:disabled):not([readonly])::file-selector-button {
        background-color: #eaebed;
    }

    .cm-004 .hxc-overlay .form-control-overlay-plaintext {
        display: block;
        width: 100%;
        padding: 0.6rem 0;
        margin-bottom: 0;
        line-height: 1.7;
        color: #60697b;
        background-color: transparent;
        border: solid transparent;
        border-width: 1px 0;
    }

        .cm-004 .hxc-overlay .form-control-overlay-plaintext:focus {
            outline: 0;
        }

        .cm-004 .hxc-overlay .form-control-overlay-plaintext.form-control-overlay-sm,
        .cm-004 .hxc-overlay .form-control-overlay-plaintext.form-control-overlay-lg {
            padding-right: 0;
            padding-left: 0;
        }

    .cm-004 .hxc-overlay .form-control-overlay-sm {
        min-height: calc(4.5em);
        padding: 0.4rem 0.6rem;
        font-size: 0.7rem;
        border-radius: 0.4rem;
    }

        .cm-004 .hxc-overlay .form-control-overlay-sm::-webkit-file-upload-button {
            padding: 0.4rem 0.6rem;
            margin: -0.4rem -0.6rem;
            -webkit-margin-end: 0.6rem;
            margin-inline-end: 0.6rem;
        }

        .cm-004 .hxc-overlay .form-control-overlay-sm::file-selector-button {
            padding: 0.4rem 0.6rem;
            margin: -0.4rem -0.6rem;
            -webkit-margin-end: 0.6rem;
            margin-inline-end: 0.6rem;
        }

    .cm-004 .hxc-overlay .form-control-overlay-lg {
        min-height: calc(5em);
        padding: 0.65rem 1.4rem;
        font-size: 0.85rem;
        border-radius: 0.4rem;
    }

        .cm-004 .hxc-overlay .form-control-overlay-lg::-webkit-file-upload-button {
            padding: 0.65rem 1.4rem;
            margin: -0.65rem -1.4rem;
            -webkit-margin-end: 1.4rem;
            margin-inline-end: 1.4rem;
        }

        .cm-004 .hxc-overlay .form-control-overlay-lg::file-selector-button {
            padding: 0.65rem 1.4rem;
            margin: -0.65rem -1.4rem;
            -webkit-margin-end: 1.4rem;
            margin-inline-end: 1.4rem;
        }

    .cm-004 .hxc-overlay textarea.form-control-overlay {
        min-height: calc(4.9em);
    }

    .cm-004 .hxc-overlay textarea.form-control-overlay-sm {
        min-height: calc(4.5em);
    }

    .cm-004 .hxc-overlay textarea.form-control-overlay-lg {
        min-height: calc(5em);
    }

    .cm-004 .hxc-overlay .form-control-overlay-color {
        width: 3rem;
        height: calc(4.9em);
        padding: 0.6rem;
    }

        .cm-004 .hxc-overlay .form-control-overlay-color:not(:disabled):not([readonly]) {
            cursor: pointer;
        }

        .cm-004 .hxc-overlay .form-control-overlay-color::-moz-color-swatch {
            border: 0 !important;
            border-radius: 0.4rem;
        }

        .cm-004 .hxc-overlay .form-control-overlay-color::-webkit-color-swatch {
            border-radius: 0.4rem;
        }

        .cm-004 .hxc-overlay .form-control-overlay-color.form-control-overlay-sm {
            height: calc(4.5em);
        }

        .cm-004 .hxc-overlay .form-control-overlay-color.form-control-overlay-lg {
            height: calc(5em);
        }

    .cm-004 .hxc-overlay .form-select {
        display: block;
        width: 100%;
        padding: 0.6rem 2rem 0.6rem 1rem;
        /*-moz-padding-start: calc(-2rem);*/
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1.7;
        color: #959ca9;
        background-color: #fefefe;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%2360697b' d='M22.667 12.227c-0.241-0.24-0.573-0.388-0.94-0.388s-0.699 0.148-0.94 0.388l0-0-4.787 4.72-4.72-4.72c-0.241-0.24-0.573-0.388-0.94-0.388s-0.699 0.148-0.94 0.388l0-0c-0.244 0.242-0.394 0.577-0.394 0.947s0.151 0.705 0.394 0.947l5.653 5.653c0.242 0.244 0.577 0.394 0.947 0.394s0.705-0.151 0.947-0.394l0-0 5.72-5.653c0.244-0.242 0.394-0.577 0.394-0.947s-0.151-0.705-0.394-0.947l-0-0z'%3E%3C/path%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
        background-size: 20px 20px;
        border: 1px solid rgba(8, 60, 130, 0.07);
        border-radius: 0.4rem;
        box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .form-select {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay .form-select:focus {
        border-color: rgba(8, 60, 130, 0.1);
        outline: 0;
        box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04), unset;
    }

    .cm-004 .hxc-overlay .form-select[multiple],
    .cm-004 .hxc-overlay .form-select[size]:not([size="1"]) {
        padding-right: 1rem;
        background-image: none;
    }

    .cm-004 .hxc-overlay .form-select:disabled {
        background-color: #f6f7f9;
    }

    .cm-004 .hxc-overlay .form-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #959ca9;
    }

    .cm-004 .hxc-overlay .form-select-sm {
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
        padding-left: 0.6rem;
        font-size: 0.7rem;
        border-radius: 0.4rem;
    }

    .cm-004 .hxc-overlay .form-select-lg {
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
        padding-left: 1.4rem;
        font-size: 0.85rem;
        border-radius: 0.4rem;
    }

    .cm-004 .hxc-overlay .form-check {
        display: block;
        min-height: 1.36rem;
        padding-left: 1.55rem;
        margin-bottom: 0.125rem;
    }

        .cm-004 .hxc-overlay .form-check .form-check-input {
            float: left;
            margin-left: -1.55rem;
        }

    .cm-004 .hxc-overlay .form-check-reverse {
        padding-right: 1.55rem;
        padding-left: 0;
        text-align: right;
    }

        .cm-004 .hxc-overlay .form-check-reverse .form-check-input {
            float: right;
            margin-right: -1.55rem;
            margin-left: 0;
        }

    .cm-004 .hxc-overlay .form-check-input {
        width: 1.05rem;
        height: 1.05rem;
        margin-top: 0.325rem;
        vertical-align: top;
        background-color: #fefefe;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border: 1px solid rgba(8, 60, 130, 0.1);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        print-color-adjust: exact;
    }

        .cm-004 .hxc-overlay .form-check-input[type=checkbox] {
            border-radius: 0.25em;
        }

        .cm-004 .hxc-overlay .form-check-input[type=radio] {
            border-radius: 50%;
        }

        .cm-004 .hxc-overlay .form-check-input:active {
            filter: brightness(90%);
        }

        .cm-004 .hxc-overlay .form-check-input:focus {
            border-color: rgba(8, 60, 130, 0.1);
            outline: 0;
            box-shadow: none;
        }

        .cm-004 .hxc-overlay .form-check-input:checked {
            background-color: #3f78e0;
            border-color: #3f78e0;
        }

            .cm-004 .hxc-overlay .form-check-input:checked[type=checkbox] {
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
            }

            .cm-004 .hxc-overlay .form-check-input:checked[type=radio] {
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.5' fill='%23fff'/%3e%3c/svg%3e");
            }

        .cm-004 .hxc-overlay .form-check-input[type=checkbox]:indeterminate {
            background-color: #3f78e0;
            border-color: #3f78e0;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
        }

        .cm-004 .hxc-overlay .form-check-input:disabled {
            pointer-events: none;
            filter: none;
            opacity: 0.5;
        }

            .cm-004 .hxc-overlay .form-check-input[disabled] ~ .form-check-label,
            .cm-004 .hxc-overlay .form-check-input:disabled ~ .form-check-label {
                cursor: default;
                opacity: 0.5;
            }

    .cm-004 .hxc-overlay .form-switch {
        padding-left: 2.5em;
    }

        .cm-004 .hxc-overlay .form-switch .form-check-input {
            width: 2em;
            margin-left: -2.5em;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
            background-position: left center;
            border-radius: 2em;
            transition: background-position 0.15s ease-in-out;
        }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .form-switch .form-check-input {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay .form-switch .form-check-input:focus {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%239fbcf0'/%3e%3c/svg%3e");
    }

    .cm-004 .hxc-overlay .form-switch .form-check-input:checked {
        background-position: right center;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    }

    .cm-004 .hxc-overlay .form-switch.form-check-reverse {
        padding-right: 2.5em;
        padding-left: 0;
    }

        .cm-004 .hxc-overlay .form-switch.form-check-reverse .form-check-input {
            margin-right: -2.5em;
            margin-left: 0;
        }

    .cm-004 .hxc-overlay .form-check-inline {
        display: inline-block;
        margin-right: 1rem;
    }

    .cm-004 .hxc-overlay .btn-check {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }

        .cm-004 .hxc-overlay .btn-check[disabled] + .btn,
        .cm-004 .hxc-overlay .btn-check:disabled + .btn {
            pointer-events: none;
            filter: none;
            opacity: 0.65;
        }

    .cm-004 .hxc-overlay .mc-field-group.input-group .form-control-overlay {
        border: 2px solid #e8e8e8 !important;
        border-radius: 3px !important;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2) !important;
    }

    .cm-004 .hxc-overlay .input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
        opacity: 1 !important;
    }

        .cm-004 .hxc-overlay .input-group > .form-control-overlay,
        .cm-004 .hxc-overlay .input-group > .form-select,
        .cm-004 .hxc-overlay .input-group > .form-floating {
            position: relative;
            flex: 1 1 auto;
            width: 1%;
            min-width: 0;
        }

            .cm-004 .hxc-overlay .input-group > .form-control-overlay:focus,
            .cm-004 .hxc-overlay .input-group > .form-select:focus,
            .cm-004 .hxc-overlay .input-group > .form-floating:focus-within {
                z-index: 5;
            }

        .cm-004 .hxc-overlay .input-group .btn {
            position: relative;
            z-index: 2;
        }

            .cm-004 .hxc-overlay .input-group .btn:focus {
                z-index: 5;
            }

    .cm-004 .hxc-overlay .input-group-text {
        display: flex;
        align-items: center;
        padding: 0.6rem 1rem;
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1.7;
        color: #60697b;
        text-align: center;
        white-space: nowrap;
        background-color: #f6f7f9;
        border: 1px solid rgba(8, 60, 130, 0.07);
        border-radius: 0.4rem;
    }

    .cm-004 .hxc-overlay .input-group-lg > .form-control-overlay,
    .cm-004 .hxc-overlay .input-group-lg > .form-select,
    .cm-004 .hxc-overlay .input-group-lg > .input-group-text,
    .cm-004 .hxc-overlay .input-group-lg > .btn {
        padding: 0.65rem 1.4rem;
        font-size: 0.85rem;
        border-radius: 0.4rem;
    }

    .cm-004 .hxc-overlay .input-group-sm > .form-control-overlay,
    .cm-004 .hxc-overlay .input-group-sm > .form-select,
    .cm-004 .hxc-overlay .input-group-sm > .input-group-text,
    .cm-004 .hxc-overlay .input-group-sm > .btn {
        padding: 0.4rem 0.6rem;
        font-size: 0.7rem;
        border-radius: 0.4rem;
    }

    .cm-004 .hxc-overlay .input-group-lg > .form-select,
    .cm-004 .hxc-overlay .input-group-sm > .form-select {
        padding-right: 3rem;
    }

    .cm-004 .hxc-overlay .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
    .cm-004 .hxc-overlay .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
    .cm-004 .hxc-overlay .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control-overlay,
    .cm-004 .hxc-overlay .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .cm-004 .hxc-overlay .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
    .cm-004 .hxc-overlay .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
    .cm-004 .hxc-overlay .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control-overlay,
    .cm-004 .hxc-overlay .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .cm-004 .hxc-overlay .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        margin-left: -1px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .cm-004 .hxc-overlay .input-group > .form-floating:not(:first-child) > .form-control-overlay,
    .cm-004 .hxc-overlay .input-group > .form-floating:not(:first-child) > .form-select {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .cm-004 .hxc-overlay .was-validated .input-group > .form-control-overlay:not(:focus):invalid,
    .cm-004 .hxc-overlay .input-group > .form-control-overlay:not(:focus).is-invalid,
    .cm-004 .hxc-overlay .was-validated .input-group > .form-select:not(:focus):invalid,
    .cm-004 .hxc-overlay .input-group > .form-select:not(:focus).is-invalid,
    .cm-004 .hxc-overlay .was-validated .input-group > .form-floating:not(:focus-within):invalid,
    .cm-004 .hxc-overlay .input-group > .form-floating:not(:focus-within).is-invalid {
        z-index: 4;
    }

    .cm-004 .hxc-overlay .btn-over {
        --bs-btn-padding-x: 1.2rem;
        --bs-btn-padding-y: 0.5rem;
        --bs-btn-font-size: 0.8rem;
        --bs-btn-font-weight: 700;
        --bs-btn-line-height: 1.7;
        --bs-btn-color: #60697b;
        --bs-btn-bg: transparent;
        --bs-btn-border-width: 2px;
        --bs-btn-border-color: transparent;
        --bs-btn-border-radius: 0.4rem;
        --bs-btn-hover-border-color: transparent;
        --bs-btn-box-shadow: unset;
        --bs-btn-disabled-opacity: 0.65;
        --bs-btn-focus-box-shadow: 0 0 0 0.25rem #000100;
        display: inline-block;
        padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
        font-family: var(--bs-btn-font-family);
        font-size: var(--bs-btn-font-size);
        font-weight: var(--bs-btn-font-weight);
        line-height: var(--bs-btn-line-height);
        color: var(--bs-btn-color);
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
        border-radius: var(--bs-btn-border-radius);
        background-color: var(--bs-btn-bg);
        box-shadow: var(--bs-btn-box-shadow);
        transition: all 0.2s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .btn-over {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay .btn-over:hover {
        color: var(--bs-btn-hover-color);
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color);
    }

    .cm-004 .hxc-overlay .btn-over-check + .btn-over:hover {
        color: var(--bs-btn-color);
        background-color: var(--bs-btn-bg);
        border-color: var(--bs-btn-border-color);
    }

    .cm-004 .hxc-overlay .btn-over:focus-visible {
        color: var(--bs-btn-hover-color);
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color);
        outline: 0;
        box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow);
    }

    .cm-004 .hxc-overlay .btn-over-check:focus-visible + .btn-over {
        border-color: var(--bs-btn-hover-border-color);
        outline: 0;
        box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow);
    }

    .cm-004 .hxc-overlay .btn-over-check:checked + .btn-over,
    .cm-004 .hxc-overlay :not(.btn-over-check) + .btn-over:active,
    .cm-004 .hxc-overlay .btn-over:first-child:active,
    .cm-004 .hxc-overlay .btn-over.active,
    .cm-004 .hxc-overlay .btn-over.show {
        color: var(--bs-btn-active-color);
        background-color: var(--bs-btn-active-bg);
        border-color: var(--bs-btn-active-border-color);
        box-shadow: var(--bs-btn-active-shadow);
    }

        .cm-004 .hxc-overlay .btn-over-check:checked + .btn-over:focus-visible,
        .cm-004 .hxc-overlay :not(.btn-over-check) + .btn-over:active:focus-visible,
        .cm-004 .hxc-overlay .btn-over:first-child:active:focus-visible,
        .cm-004 .hxc-overlay .btn-over.active:focus-visible,
        .cm-004 .hxc-overlay .btn-over.show:focus-visible {
            box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
        }

    .cm-004 .hxc-overlay .btn-over:disabled,
    .cm-004 .hxc-overlay .btn-over.disabled,
    .cm-004 .hxc-overlay fieldset:disabled .btn-over {
        color: var(--bs-btn-disabled-color);
        pointer-events: none;
        background-color: var(--bs-btn-disabled-bg);
        border-color: var(--bs-btn-disabled-border-color);
        opacity: var(--bs-btn-disabled-opacity);
        box-shadow: none;
    }

    .cm-004 .hxc-overlay .btn-yellow {
        --bs-btn-color: #343f52;
        --bs-btn-bg: #fab758;
        --bs-btn-border-color: #fab758;
        --bs-btn-hover-color: #343f52;
        --bs-btn-hover-bg: #fab758;
        --bs-btn-hover-border-color: #fab758;
        --bs-btn-focus-shadow-rgb: 220, 165, 87;
        --bs-btn-active-color: #343f52;
        --bs-btn-active-bg: #fab758;
        --bs-btn-active-border-color: #fab758;
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        --bs-btn-disabled-color: #343f52;
        --bs-btn-disabled-bg: #fab758;
        --bs-btn-disabled-border-color: #fab758;
    }

    .cm-004 .hxc-overlay .btn-navy {
        --bs-btn-color: #fff;
        --bs-btn-bg: #343f52;
        --bs-btn-border-color: #343f52;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #343f52;
        --bs-btn-hover-border-color: #343f52;
        --bs-btn-focus-shadow-rgb: 82, 92, 108;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #343f52;
        --bs-btn-active-border-color: #343f52;
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #343f52;
        --bs-btn-disabled-border-color: #343f52;
    }

    .cm-004 .hxc-overlay .btn-white {
        --bs-btn-color: #343f52;
        --bs-btn-bg: #fff;
        --bs-btn-border-color: #fff;
        --bs-btn-hover-color: #343f52;
        --bs-btn-hover-bg: white;
        --bs-btn-hover-border-color: white;
        --bs-btn-focus-shadow-rgb: 225, 226, 229;
        --bs-btn-active-color: #343f52;
        --bs-btn-active-bg: white;
        --bs-btn-active-border-color: white;
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        --bs-btn-disabled-color: #343f52;
        --bs-btn-disabled-bg: #fff;
        --bs-btn-disabled-border-color: #fff;
    }

    .cm-004 .hxc-overlay .btn-dark {
        --bs-btn-color: #fff;
        --bs-btn-bg: #262b32;
        --bs-btn-border-color: #262b32;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #262b32;
        --bs-btn-hover-border-color: #262b32;
        --bs-btn-focus-shadow-rgb: 71, 75, 81;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #262b32;
        --bs-btn-active-border-color: #262b32;
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #262b32;
        --bs-btn-disabled-border-color: #262b32;
    }

    .cm-004 .hxc-overlay .btn-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #3f78e0;
        --bs-btn-border-color: #3f78e0;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #3f78e0;
        --bs-btn-hover-border-color: #3f78e0;
        --bs-btn-focus-shadow-rgb: 92, 140, 229;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #3f78e0;
        --bs-btn-active-border-color: #3f78e0;
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #3f78e0;
        --bs-btn-disabled-border-color: #3f78e0;
    }

    .cm-004 .hxc-overlay .btn-outline-yellow {
        --bs-btn-color: #fab758;
        --bs-btn-border-color: #fab758;
        --bs-btn-hover-color: #343f52;
        --bs-btn-hover-bg: #fab758;
        --bs-btn-hover-border-color: #fab758;
        --bs-btn-focus-shadow-rgb: 250, 183, 88;
        --bs-btn-active-color: #343f52;
        --bs-btn-active-bg: #fab758;
        --bs-btn-active-border-color: #fab758;
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        --bs-btn-disabled-color: #fab758;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #fab758;
        --bs-gradient: none;
    }

    .cm-004 .hxc-overlay .fade {
        transition: opacity 0.15s linear;
    }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .fade {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay .fade:not(.show) {
        opacity: 0;
    }

    .cm-004 .hxc-overlay .collapse:not(.show) {
        display: none;
    }

    .cm-004 .hxc-overlay .collapsing {
        height: 0;
        overflow: hidden;
        transition: height 0.35s ease;
    }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .collapsing {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay .collapsing.collapse-horizontal {
        width: 0;
        height: auto;
        transition: width 0.35s ease;
    }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .collapsing.collapse-horizontal {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay .nav {
        --bs-nav-link-padding-x: 1rem;
        --bs-nav-link-padding-y: 1.2rem;
        --bs-nav-link-font-size: 0.8rem;
        --bs-nav-link-font-weight: 700;
        --bs-nav-link-color: #343f52;
        --bs-nav-link-disabled-color: #959ca9;
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .cm-004 .hxc-overlay .nav-link {
        display: block;
        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
        font-size: var(--bs-nav-link-font-size);
        font-weight: 700;
        color: var(--bs-nav-link-color);
        transition: color 0.2s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .nav-link {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay .nav-link:hover,
    .cm-004 .hxc-overlay .nav-link:focus {
        color: #60697b;
        border-bottom: 2px solid #fdd200;
    }

    .cm-004 .hxc-overlay .nav-link.disabled {
        color: var(--bs-nav-link-disabled-color);
        pointer-events: none;
        cursor: default;
    }

    .cm-004 .hxc-overlay .nav-tabs-overlay2 {
        --bs-nav-tabs-overlay2-border-width: 1px;
        --bs-nav-tabs-overlay2-border-color: rgba(164, 174, 198, 0.2);
        --bs-nav-tabs-overlay2-border-radius: 0.4rem;
        --bs-nav-tabs-overlay2-link-hover-border-color: transparent;
        --bs-nav-tabs-overlay2-link-active-color: #3f78e0;
        --bs-nav-tabs-overlay2-link-active-bg: #fff;
        --bs-nav-tabs-overlay2-link-active-border-color: rgba(164, 174, 198, 0.2);
        border-bottom: var(--bs-nav-tabs-overlay2-border-width) solid var(--bs-nav-tabs-overlay2-border-color);
    }

        .cm-004 .hxc-overlay .nav-tabs-overlay2 .nav-link {
            margin-bottom: calc(-1 * var(--bs-nav-tabs-overlay2-border-width));
            background: none;
            border: var(--bs-nav-tabs-overlay2-border-width) solid transparent;
            border-top-left-radius: var(--bs-nav-tabs-overlay2-border-radius);
            border-top-right-radius: var(--bs-nav-tabs-overlay2-border-radius);
        }

            .cm-004 .hxc-overlay .nav-tabs-overlay2 .nav-link:hover,
            .cm-004 .hxc-overlay .nav-tabs-overlay2 .nav-link:focus {
                isolation: isolate;
                border-color: var(--bs-nav-tabs-overlay2-link-hover-border-color);
            }

            .cm-004 .hxc-overlay .nav-tabs-overlay2 .nav-link.disabled,
            .cm-004 .hxc-overlay .nav-tabs-overlay2 .nav-link:disabled {
                color: var(--bs-nav-link-disabled-color);
                background-color: transparent;
                border-color: transparent;
            }

            .cm-004 .hxc-overlay .nav-tabs-overlay2 .nav-link.active,
            .cm-004 .hxc-overlay .nav-tabs-overlay2 .nav-item-overlay2.show .nav-link {
                background-color: var(--bs-nav-tabs-overlay2-link-active-bg);
                border-color: var(--bs-nav-tabs-overlay2-link-active-border-color);
            }

        .cm-004 .hxc-overlay .nav-tabs-overlay2 .dropdown-menu {
            margin-top: calc(-1 * var(--bs-nav-tabs-overlay2-border-width));
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

    .cm-004 .hxc-overlay .nav-pills {
        --bs-nav-pills-border-radius: 0.4rem;
        --bs-nav-pills-link-active-bg: #fff;
    }

        .cm-004 .hxc-overlay .nav-pills .nav-link {
            background: none;
            border: 0;
            border-radius: var(--bs-nav-pills-border-radius);
        }

            .cm-004 .hxc-overlay .nav-pills .nav-link:disabled {
                color: var(--bs-nav-link-disabled-color);
                background-color: transparent;
                border-color: transparent;
            }

            .cm-004 .hxc-overlay .nav-pills .nav-link.active,
            .cm-004 .hxc-overlay .nav-pills .show > .nav-link {
                color: var(--bs-nav-pills-link-active-color);
                background-color: var(--bs-nav-pills-link-active-bg);
            }

    .cm-004 .hxc-overlay .nav-fill > .nav-link,
    .cm-004 .hxc-overlay .nav-fill .nav-item-overlay2 {
        flex: 1 1 auto;
        text-align: center;
    }

    .cm-004 .hxc-overlay .nav-justified > .nav-link,
    .cm-004 .hxc-overlay .nav-justified .nav-item-overlay2 {
        flex-basis: 0;
        flex-grow: 1;
        text-align: center;
    }

        .cm-004 .hxc-overlay .nav-fill .nav-item-overlay2 .nav-link,
        .cm-004 .hxc-overlay .nav-justified .nav-item-overlay2 .nav-link {
            width: 100%;
        }

    .cm-004 .hxc-overlay .tab-content > .tab-pane {
        display: none;
    }

    .cm-004 .hxc-overlay .tab-content > .active {
        display: block;
    }

    .cm-004 .hxc-overlay .navbar {
        --bs-navbar-padding-x: 0;
        --bs-navbar-padding-y: 0;
        --bs-navbar-color: #343f52;
        --bs-navbar-hover-color: #3f78e0;
        --bs-navbar-disabled-color: rgba(52, 63, 82, 0.3);
        --bs-navbar-active-color: #3f78e0;
        --bs-navbar-brand-padding-y: 0;
        --bs-navbar-brand-margin-end: 0;
        --bs-navbar-brand-font-size: 0.7rem;
        --bs-navbar-brand-color: #3f78e0;
        --bs-navbar-brand-hover-color: #3f78e0;
        --bs-navbar-nav-link-padding-x: 1rem;
        --bs-navbar-toggler-padding-y: 0.25rem;
        --bs-navbar-toggler-padding-x: 0.75rem;
        --bs-navbar-toggler-font-size: 1rem;
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'%3e%3cpath fill='%233f78e0' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/%3e%3c/svg%3e");
        --bs-navbar-toggler-border-color: transparent;
        --bs-navbar-toggler-border-radius: 0.4rem;
        --bs-navbar-toggler-focus-width: 0.25rem;
        --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
    }

        .cm-004 .hxc-overlay .navbar > .container-over,
        .cm-004 .hxc-overlay .navbar > .container-over-fluid,
        .cm-004 .hxc-overlay .navbar > .container-over-sm,
        .cm-004 .hxc-overlay .navbar > .container-over-md,
        .cm-004 .hxc-overlay .navbar > .container-over-lg,
        .cm-004 .hxc-overlay .navbar > .container-over-xl,
        .cm-004 .hxc-overlay .navbar > .container-over-xxl {
            display: flex;
            flex-wrap: inherit;
            align-items: center;
            justify-content: space-between;
        }

    .cm-004 .hxc-overlay .navbar-brand {
        padding-top: var(--bs-navbar-brand-padding-y);
        padding-bottom: var(--bs-navbar-brand-padding-y);
        margin-right: var(--bs-navbar-brand-margin-end);
        font-size: var(--bs-navbar-brand-font-size);
        color: var(--bs-navbar-brand-color);
        white-space: nowrap;
    }

        .cm-004 .hxc-overlay .navbar-brand:hover,
        .cm-004 .hxc-overlay .navbar-brand:focus {
            color: var(--bs-navbar-brand-hover-color);
        }

    .cm-004 .hxc-overlay .navbar-nav {
        --bs-nav-link-padding-x: 0;
        --bs-nav-link-padding-y: 1.2rem;
        --bs-nav-link-font-size: 0.8rem;
        --bs-nav-link-font-weight: 700;
        --bs-nav-link-color: var(--bs-navbar-color);
        --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
        --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

        .cm-004 .hxc-overlay .navbar-nav .show > .nav-link,
        .cm-004 .hxc-overlay .navbar-nav .nav-link.active {
            color: var(--bs-navbar-active-color);
        }

        .cm-004 .hxc-overlay .navbar-nav .dropdown-menu {
            position: static;
        }

    .cm-004 .hxc-overlay .navbar-text {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        color: var(--bs-navbar-color);
    }

        .cm-004 .hxc-overlay .navbar-text a,
        .cm-004 .hxc-overlay .navbar-text a:hover,
        .cm-004 .hxc-overlay .navbar-text a:focus {
            color: var(--bs-navbar-active-color);
        }

    .cm-004 .hxc-overlay .navbar-collapse-over {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
    }

    .cm-004 .hxc-overlay .navbar-toggler {
        padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
        font-size: var(--bs-navbar-toggler-font-size);
        line-height: 1;
        color: var(--bs-navbar-color);
        background-color: transparent;
        border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
        border-radius: var(--bs-navbar-toggler-border-radius);
        transition: var(--bs-navbar-toggler-transition);
    }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .navbar-toggler {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay .navbar-toggler:hover {
        text-decoration: none;
    }

    .cm-004 .hxc-overlay .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
    }

    .cm-004 .hxc-overlay .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-image: var(--bs-navbar-toggler-icon-bg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    .cm-004 .hxc-overlay .navbar-nav-scroll {
        max-height: var(--bs-scroll-height, 75vh);
        overflow-y: auto;
    }

    @media (min-width: 576px) {
        .cm-004 .hxc-overlay .navbar-expand-sm {
            flex-wrap: nowrap;
            justify-content: flex-start;
        }

            .cm-004 .hxc-overlay .navbar-expand-sm .navbar-nav {
                flex-direction: row;
            }

                .cm-004 .hxc-overlay .navbar-expand-sm .navbar-nav .dropdown-menu {
                    position: absolute;
                }

                .cm-004 .hxc-overlay .navbar-expand-sm .navbar-nav .nav-link {
                    padding-right: var(--bs-navbar-nav-link-padding-x);
                    padding-left: var(--bs-navbar-nav-link-padding-x);
                }

            .cm-004 .hxc-overlay .navbar-expand-sm .navbar-nav-scroll {
                overflow: visible;
            }

            .cm-004 .hxc-overlay .navbar-expand-sm .navbar-collapse {
                display: flex !important;
                flex-basis: auto;
            }

            .cm-004 .hxc-overlay .navbar-expand-sm .navbar-toggler {
                display: none;
            }

            .cm-004 .hxc-overlay .navbar-expand-sm .offcanvas {
                position: static;
                z-index: auto;
                flex-grow: 1;
                width: auto !important;
                height: auto !important;
                visibility: visible !important;
                background-color: transparent !important;
                border: 0 !important;
                transform: none !important;
                box-shadow: none;
                transition: none;
            }

                .cm-004 .hxc-overlay .navbar-expand-sm .offcanvas .offcanvas-header {
                    display: none;
                }

                .cm-004 .hxc-overlay .navbar-expand-sm .offcanvas .offcanvas-body {
                    display: flex;
                    flex-grow: 0;
                    padding: 0;
                    overflow-y: visible;
                }
    }

    @media (min-width: 768px) {
        .cm-004 .hxc-overlay .navbar-expand-md {
            flex-wrap: nowrap;
            justify-content: flex-start;
        }

            .cm-004 .hxc-overlay .navbar-expand-md .navbar-nav {
                flex-direction: row;
            }

                .cm-004 .hxc-overlay .navbar-expand-md .navbar-nav .dropdown-menu {
                    position: absolute;
                }

                .cm-004 .hxc-overlay .navbar-expand-md .navbar-nav .nav-link {
                    padding-right: var(--bs-navbar-nav-link-padding-x);
                    padding-left: var(--bs-navbar-nav-link-padding-x);
                }

            .cm-004 .hxc-overlay .navbar-expand-md .navbar-nav-scroll {
                overflow: visible;
            }

            .cm-004 .hxc-overlay .navbar-expand-md .navbar-collapse {
                display: flex !important;
                flex-basis: auto;
            }

            .cm-004 .hxc-overlay .navbar-expand-md .navbar-toggler {
                display: none;
            }

            .cm-004 .hxc-overlay .navbar-expand-md .offcanvas {
                position: static;
                z-index: auto;
                flex-grow: 1;
                width: auto !important;
                height: auto !important;
                visibility: visible !important;
                background-color: transparent !important;
                border: 0 !important;
                transform: none !important;
                box-shadow: none;
                transition: none;
            }

                .cm-004 .hxc-overlay .navbar-expand-md .offcanvas .offcanvas-header {
                    display: none;
                }

                .cm-004 .hxc-overlay .navbar-expand-md .offcanvas .offcanvas-body {
                    display: flex;
                    flex-grow: 0;
                    padding: 0;
                    overflow-y: visible;
                }
    }

    @media (min-width: 992px) {
        .cm-004 .hxc-overlay .navbar-expand-lg {
            flex-wrap: nowrap;
            justify-content: flex-start;
        }

            .cm-004 .hxc-overlay .navbar-expand-lg .navbar-nav {
                flex-direction: row;
            }

                .cm-004 .hxc-overlay .navbar-expand-lg .navbar-nav .dropdown-menu {
                    position: absolute;
                }

                .cm-004 .hxc-overlay .navbar-expand-lg .navbar-nav .nav-link {
                    padding-right: var(--bs-navbar-nav-link-padding-x);
                    padding-left: var(--bs-navbar-nav-link-padding-x);
                }

            .cm-004 .hxc-overlay .navbar-expand-lg .navbar-nav-scroll {
                overflow: visible;
            }

            .cm-004 .hxc-overlay .navbar-expand-lg .navbar-collapse {
                display: flex !important;
                flex-basis: auto;
            }

            .cm-004 .hxc-overlay .navbar-expand-lg .navbar-toggler {
                display: none;
            }

            .cm-004 .hxc-overlay .navbar-expand-lg .offcanvas {
                position: static;
                z-index: auto;
                flex-grow: 1;
                width: auto !important;
                height: auto !important;
                visibility: visible !important;
                background-color: transparent !important;
                border: 0 !important;
                transform: none !important;
                box-shadow: none;
                transition: none;
            }

                .cm-004 .hxc-overlay .navbar-expand-lg .offcanvas .offcanvas-header {
                    display: none;
                }

                .cm-004 .hxc-overlay .navbar-expand-lg .offcanvas .offcanvas-body {
                    display: flex;
                    flex-grow: 0;
                    padding: 0;
                    overflow-y: visible;
                }
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .navbar-expand-xl {
            flex-wrap: nowrap;
            justify-content: flex-start;
        }

            .cm-004 .hxc-overlay .navbar-expand-xl .navbar-nav {
                flex-direction: row;
            }

                .cm-004 .hxc-overlay .navbar-expand-xl .navbar-nav .dropdown-menu {
                    position: absolute;
                }

                .cm-004 .hxc-overlay .navbar-expand-xl .navbar-nav .nav-link {
                    padding-right: var(--bs-navbar-nav-link-padding-x);
                    padding-left: var(--bs-navbar-nav-link-padding-x);
                }

            .cm-004 .hxc-overlay .navbar-expand-xl .navbar-nav-scroll {
                overflow: visible;
            }

            .cm-004 .hxc-overlay .navbar-expand-xl .navbar-collapse {
                display: flex !important;
                flex-basis: auto;
            }

            .cm-004 .hxc-overlay .navbar-expand-xl .navbar-toggler {
                display: none;
            }

            .cm-004 .hxc-overlay .navbar-expand-xl .offcanvas {
                position: static;
                z-index: auto;
                flex-grow: 1;
                width: auto !important;
                height: auto !important;
                visibility: visible !important;
                background-color: transparent !important;
                border: 0 !important;
                transform: none !important;
                box-shadow: none;
                transition: none;
            }

                .cm-004 .hxc-overlay .navbar-expand-xl .offcanvas .offcanvas-header {
                    display: none;
                }

                .cm-004 .hxc-overlay .navbar-expand-xl .offcanvas .offcanvas-body {
                    display: flex;
                    flex-grow: 0;
                    padding: 0;
                    overflow-y: visible;
                }
    }

    @media (min-width: 1400px) {
        .cm-004 .hxc-overlay .navbar-expand-xxl {
            flex-wrap: nowrap;
            justify-content: flex-start;
        }

            .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-nav {
                flex-direction: row;
            }

                .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-nav .dropdown-menu {
                    position: absolute;
                }

                .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-nav .nav-link {
                    padding-right: var(--bs-navbar-nav-link-padding-x);
                    padding-left: var(--bs-navbar-nav-link-padding-x);
                }

            .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-nav-scroll {
                overflow: visible;
            }

            .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-collapse {
                display: flex !important;
                flex-basis: auto;
            }

            .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-toggler {
                display: none;
            }

            .cm-004 .hxc-overlay .navbar-expand-xxl .offcanvas {
                position: static;
                z-index: auto;
                flex-grow: 1;
                width: auto !important;
                height: auto !important;
                visibility: visible !important;
                background-color: transparent !important;
                border: 0 !important;
                transform: none !important;
                box-shadow: none;
                transition: none;
            }

                .cm-004 .hxc-overlay .navbar-expand-xxl .offcanvas .offcanvas-header {
                    display: none;
                }

                .cm-004 .hxc-overlay .navbar-expand-xxl .offcanvas .offcanvas-body {
                    display: flex;
                    flex-grow: 0;
                    padding: 0;
                    overflow-y: visible;
                }
    }

    .cm-004 .hxc-overlay .navbar-expand {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .cm-004 .hxc-overlay .navbar-expand .navbar-nav {
            flex-direction: row;
        }

            .cm-004 .hxc-overlay .navbar-expand .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .cm-004 .hxc-overlay .navbar-expand .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x);
            }

        .cm-004 .hxc-overlay .navbar-expand .navbar-nav-scroll {
            overflow: visible;
        }

        .cm-004 .hxc-overlay .navbar-expand .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .cm-004 .hxc-overlay .navbar-expand .navbar-toggler {
            display: none;
        }

        .cm-004 .hxc-overlay .navbar-expand .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            box-shadow: none;
            transition: none;
        }

            .cm-004 .hxc-overlay .navbar-expand .offcanvas .offcanvas-header {
                display: none;
            }

            .cm-004 .hxc-overlay .navbar-expand .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
            }

    .cm-004 .hxc-overlay .navbar-dark {
        --bs-navbar-color: #fff;
        --bs-navbar-hover-color: rgba(255, 255, 255, 0.7);
        --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
        --bs-navbar-active-color: rgba(255, 255, 255, 0.7);
        --bs-navbar-brand-color: rgba(255, 255, 255, 0.7);
        --bs-navbar-brand-hover-color: rgba(255, 255, 255, 0.7);
        --bs-navbar-toggler-border-color: transparent;
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'%3e%3cpath fill='%23fff' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/%3e%3c/svg%3e");
    }

    .cm-004 .hxc-overlay .card {
        --bs-card-spacer-y: 2rem;
        --bs-card-spacer-x: 2rem;
        --bs-card-title-spacer-y: 0.5rem;
        --bs-card-border-width: 1px;
        --bs-card-border-color: rgba(164, 174, 198, 0.2);
        --bs-card-border-radius: 0.4rem;
        --bs-card-inner-border-radius: 0.4rem;
        --bs-card-cap-padding-y: 0.9rem;
        --bs-card-cap-padding-x: 2rem;
        --bs-card-cap-bg: transparent;
        --bs-card-bg: #fff;
        --bs-card-img-overlay-padding: 1rem;
        --bs-card-group-margin: 0.75rem;
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        height: var(--bs-card-height);
        word-wrap: break-word;
        background-color: var(--bs-card-bg);
        background-clip: border-box;
        border: var(--bs-card-border-width) solid var(--bs-card-border-color);
        border-radius: var(--bs-card-border-radius);
        box-shadow: var(--bs-card-box-shadow);
    }

    .cm-004 .hxc-overlay .card-search-overlay {
        --bs-card-spacer-x: 2rem;
        --bs-card-title-spacer-y: 0.5rem;
        --bs-card-border-width: 1px;
        --bs-card-border-color: rgba(164, 174, 198, 0.2);
        --bs-card-border-radius: 0.4rem;
        --bs-card-inner-border-radius: 0.4rem;
        --bs-card-cap-padding-y: 0.9rem;
        --bs-card-cap-padding-x: 2rem;
        --bs-card-cap-bg: transparent;
        --bs-card-bg: #fff;
        --bs-card-img-overlay-padding: 1rem;
        --bs-card-group-margin: 0.75rem;
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        height: var(--bs-card-height);
        word-wrap: break-word;
        background-color: var(--bs-card-bg);
        background-clip: border-box;
        border: var(--bs-card-border-width) solid var(--bs-card-border-color);
        border-radius: var(--bs-card-border-radius);
        box-shadow: var(--bs-card-box-shadow);
    }

    .cm-004 .hxc-overlay .card-search-overlay-code {
        /* margin-top: 106px !important;*/
        --bs-card-spacer-x: 2rem;
        --bs-card-title-spacer-y: 0.5rem;
        --bs-card-border-width: 1px;
        --bs-card-border-color: rgba(164, 174, 198, 0.2);
        --bs-card-border-radius: 0.4rem;
        --bs-card-inner-border-radius: 0.4rem;
        --bs-card-cap-padding-y: 0.9rem;
        --bs-card-cap-padding-x: 2rem;
        --bs-card-cap-bg: transparent;
        --bs-card-bg: #fff;
        --bs-card-img-overlay-padding: 1rem;
        --bs-card-group-margin: 0.75rem;
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        height: var(--bs-card-height);
        word-wrap: break-word;
        background-color: var(--bs-card-bg);
        background-clip: border-box;
        box-shadow: var(--bs-card-box-shadow);
    }

    .cm-004 .hxc-overlay .card > hr {
        margin-right: 0;
        margin-left: 0;
    }

    .cm-004 .hxc-overlay .card > .list-group {
        border-top: inherit;
        border-bottom: inherit;
    }

        .cm-004 .hxc-overlay .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius);
        }

        .cm-004 .hxc-overlay .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-left-radius: var(--bs-card-inner-border-radius);
        }

        .cm-004 .hxc-overlay .card > .card-header + .list-group,
        .cm-004 .hxc-overlay .card > .list-group + .card-footer {
            border-top: 0;
        }

    .cm-004 .hxc-overlay .card-body {
        flex: 1 1 auto;
        padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
        color: var(--bs-card-color);
    }

    .cm-004 .hxc-overlay .card-body-request-credt {
        flex: 1 1 auto;
        padding: 1px;
        color: var(--bs-card-color);
    }

    @media (min-width: 992px) {
        .cm-004 .hxc-overlay .card-body-request-credt {
            flex: 1 1 auto;
            padding: 1px;
            color: var(--bs-card-color);
            max-height: 130px;
        }
    }

    .cm-004 .hxc-overlay .card-title {
        margin-bottom: var(--bs-card-title-spacer-y);
    }

    .cm-004 .hxc-overlay .card-subtitle {
        margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
        margin-bottom: 0;
    }

    .cm-004 .hxc-overlay .card-text:last-child {
        margin-bottom: 0;
    }

    .cm-004 .hxc-overlay .card-link + .card-link {
        margin-left: var(--bs-card-spacer-x);
    }

    .cm-004 .hxc-overlay .card-header {
        padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
        margin-bottom: 0;
        color: var(--bs-card-cap-color);
        background-color: var(--bs-card-cap-bg);
        border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
    }

        .cm-004 .hxc-overlay .card-header:first-child {
            border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
        }

    .cm-004 .hxc-overlay .card-footer {
        padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
        color: var(--bs-card-cap-color);
        background-color: var(--bs-card-cap-bg);
        border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
    }

        .cm-004 .hxc-overlay .card-footer:last-child {
            border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
        }

    .cm-004 .hxc-overlay .card-header-tabs {
        margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
        margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
        margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
        border-bottom: 0;
    }

        .cm-004 .hxc-overlay .card-header-tabs .nav-link.active {
            background-color: var(--bs-card-bg);
            border-bottom-color: var(--bs-card-bg);
        }

    .cm-004 .hxc-overlay .card-header-pills {
        margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
        margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
    }

    .cm-004 .hxc-overlay .card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: var(--bs-card-img-overlay-padding);
        border-radius: var(--bs-card-inner-border-radius);
    }

    .cm-004 .hxc-overlay .img-overlay {
        width: 130px;
        height: 130px;
        border-radius: 4px 0 0 4px;
    }

    .cm-004 .hxc-overlay .card-img,
    .cm-004 .hxc-overlay .card-img-top,
    .cm-004 .hxc-overlay .card-img-bottom {
        width: 100%;
    }

    .cm-004 .hxc-overlay .card-img,
    .cm-004 .hxc-overlay .card-img-top {
        border-top-left-radius: var(--bs-card-inner-border-radius);
        border-top-right-radius: var(--bs-card-inner-border-radius);
    }

    .cm-004 .hxc-overlay .card-img,
    .cm-004 .hxc-overlay .card-img-bottom {
        border-bottom-right-radius: var(--bs-card-inner-border-radius);
        border-bottom-left-radius: var(--bs-card-inner-border-radius);
    }

    .cm-004 .hxc-overlay .modal-over {
        --bs-modal-zindex: 1055;
        --bs-modal-width: 560px;
        --bs-modal-padding: 2.5rem;
        --bs-modal-bg: #fff;
        --bs-modal-border-color: var(--bs-border-color-translucent);
        --bs-modal-border-width: 0;
        --bs-modal-border-radius: 0.4rem;
        --bs-modal-box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.02);
        --bs-modal-inner-border-radius: 0.4rem;
        --bs-modal-header-padding-x: 2.5rem;
        --bs-modal-header-padding-y: 2.5rem;
        --bs-modal-header-padding: 2.5rem 2.5rem;
        --bs-modal-header-border-color: var(--bs-border-color);
        --bs-modal-header-border-width: 0;
        --bs-modal-title-line-height: 1.7;
        --bs-modal-footer-gap: 0.5rem;
        --bs-modal-footer-border-color: var(--bs-border-color);
        --bs-modal-footer-border-width: 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: var(--bs-modal-zindex);
        display: none;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        outline: 0;
        padding-right: 0px !important;
    }

    .cm-004 .hxc-overlay .modal-dialog {
        position: relative;
        width: auto;
        margin: var(--bs-modal-margin);
        pointer-events: none;
    }

    .cm-004 .hxc-overlay .modal-over.fade .modal-dialog {
        transition: transform 0.3s ease-out;
        max-width: 100vw !important;
        margin-bottom: 0;
        margin-top: 0;
    }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .modal-over.fade .modal-dialog {
            transition: none;
        }
    }

    @media (min-width: 992px) {
        .cm-004 .hxc-overlay .modal-over.fade .modal-dialog {
            transition: transform 0.3s ease-out;
            /*transform: translate(0,-50px);*/
            transform: translate(0, 0);
            max-width: 100vw !important;
            margin-bottom: 0;
            margin-top: 0;
        }
    }

    .cm-004 .hxc-overlay .modal-over.modal-static .modal-dialog {
        transform: scale(1.02);
    }

    .cm-004 .hxc-overlay .modal-dialog-scrollable {
        height: calc(100% - var(--bs-modal-margin) * 2);
    }

        .cm-004 .hxc-overlay .modal-dialog-scrollable .modal-over-content {
            max-height: 100%;
            overflow: hidden;
        }

        .cm-004 .hxc-overlay .modal-dialog-scrollable .modal-body {
            overflow-y: auto;
        }

    .cm-004 .hxc-overlay .modal-dialog-centered {
        min-height: calc(100% - var(--bs-modal-margin) * 2);
    }

    .cm-004 .hxc-overlay .modal-over-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        color: var(--bs-modal-color);
        pointer-events: auto;
        background-color: var(--bs-modal-bg);
        background-clip: padding-box;
        border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
        box-shadow: var(--bs-modal-box-shadow);
        outline: 0;
        height: 100%;
    }

    .cm-004 .hxc-overlay .modal-backdrop {
        --bs-backdrop-zindex: 1050;
        --bs-backdrop-bg: rgba(30, 34, 40, 0.9);
        --bs-backdrop-opacity: 1;
        position: fixed;
        top: 0;
        left: 0;
        z-index: var(--bs-backdrop-zindex);
        width: 100vw;
        height: 100vh;
        background-color: var(--bs-backdrop-bg);
    }

        .cm-004 .hxc-overlay .modal-backdrop.fade {
            opacity: 0;
        }

        .cm-004 .hxc-overlay .modal-backdrop.show {
            opacity: var(--bs-backdrop-opacity);
        }

    .cm-004 .hxc-overlay .modal-header {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: space-between;
        padding: var(--bs-modal-header-padding);
        border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
        border-top-left-radius: var(--bs-modal-inner-border-radius);
        border-top-right-radius: var(--bs-modal-inner-border-radius);
    }

        .cm-004 .hxc-overlay .modal-header .btn-close {
            padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
            margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
        }

    .cm-004 .hxc-overlay .modal-title {
        margin-bottom: 0;
        line-height: var(--bs-modal-title-line-height);
    }

    .cm-004 .hxc-overlay .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: var(--bs-modal-padding);
    }

    .cm-004 .hxc-overlay .modal-footer {
        display: flex;
        flex-shrink: 0;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
        background-color: var(--bs-modal-footer-bg);
        border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
        border-bottom-right-radius: var(--bs-modal-inner-border-radius);
        border-bottom-left-radius: var(--bs-modal-inner-border-radius);
    }

        .cm-004 .hxc-overlay .modal-footer > * {
            margin: calc(var(--bs-modal-footer-gap) * 0.5);
        }

    @media (min-width: 576px) {
        .cm-004 .hxc-overlay .modal-over {
            --bs-modal-margin: 1.75rem;
            --bs-modal-box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
        }

        .cm-004 .hxc-overlay .modal-dialog {
            margin-right: auto;
            margin-left: auto;
        }

        .cm-004 .hxc-overlay .modal-sm {
            --bs-modal-width: 450px;
        }
    }

    @media (min-width: 992px) {

        .cm-004 .hxc-overlay .modal-lg,
        .cm-004 .hxc-overlay .modal-xl {
            --bs-modal-width: 800px;
        }
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .modal-xl {
            --bs-modal-width: 1140px;
        }
    }

    .cm-004 .hxc-overlay .modal-fullscreen {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .cm-004 .hxc-overlay .modal-fullscreen .modal-over-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .cm-004 .hxc-overlay .modal-fullscreen .modal-header,
        .cm-004 .hxc-overlay .modal-fullscreen .modal-footer {
            border-radius: 0;
        }

        .cm-004 .hxc-overlay .modal-fullscreen .modal-body {
            overflow-y: auto;
        }

    @media (max-width: 575.98px) {
        .cm-004 .hxc-overlay .modal-fullscreen-sm-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0;
        }

            .cm-004 .hxc-overlay .modal-fullscreen-sm-down .modal-over-content {
                height: 100%;
                border: 0;
                border-radius: 0;
            }

            .cm-004 .hxc-overlay .modal-fullscreen-sm-down .modal-header,
            .cm-004 .hxc-overlay .modal-fullscreen-sm-down .modal-footer {
                border-radius: 0;
            }

            .cm-004 .hxc-overlay .modal-fullscreen-sm-down .modal-body {
                overflow-y: auto;
            }
    }

    @media (max-width: 767.98px) {
        .cm-004 .hxc-overlay .modal-fullscreen-md-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0;
        }

            .cm-004 .hxc-overlay .modal-fullscreen-md-down .modal-over-content {
                height: 100%;
                border: 0;
                border-radius: 0;
            }

            .cm-004 .hxc-overlay .modal-fullscreen-md-down .modal-header,
            .cm-004 .hxc-overlay .modal-fullscreen-md-down .modal-footer {
                border-radius: 0;
            }

            .cm-004 .hxc-overlay .modal-fullscreen-md-down .modal-body {
                overflow-y: auto;
            }
    }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .modal-fullscreen-lg-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0;
        }

            .cm-004 .hxc-overlay .modal-fullscreen-lg-down .modal-over-content {
                height: 100%;
                border: 0;
                border-radius: 0;
            }

            .cm-004 .hxc-overlay .modal-fullscreen-lg-down .modal-header,
            .cm-004 .hxc-overlay .modal-fullscreen-lg-down .modal-footer {
                border-radius: 0;
            }

            .cm-004 .hxc-overlay .modal-fullscreen-lg-down .modal-body {
                overflow-y: auto;
            }
    }

    @media (max-width: 1199.98px) {
        .cm-004 .hxc-overlay .modal-fullscreen-xl-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0;
        }

            .cm-004 .hxc-overlay .modal-fullscreen-xl-down .modal-over-content {
                height: 100%;
                border: 0;
                border-radius: 0;
            }

            .cm-004 .hxc-overlay .modal-fullscreen-xl-down .modal-header,
            .cm-004 .hxc-overlay .modal-fullscreen-xl-down .modal-footer {
                border-radius: 0;
            }

            .cm-004 .hxc-overlay .modal-fullscreen-xl-down .modal-body {
                overflow-y: auto;
            }
    }

    @media (max-width: 1399.98px) {
        .cm-004 .hxc-overlay .modal-fullscreen-xxl-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0;
        }

            .cm-004 .hxc-overlay .modal-fullscreen-xxl-down .modal-over-content {
                height: 100%;
                border: 0;
                border-radius: 0;
            }

            .cm-004 .hxc-overlay .modal-fullscreen-xxl-down .modal-header,
            .cm-004 .hxc-overlay .modal-fullscreen-xxl-down .modal-footer {
                border-radius: 0;
            }

            .cm-004 .hxc-overlay .modal-fullscreen-xxl-down .modal-body {
                overflow-y: auto;
            }
    }

    .cm-004 .hxc-overlay .offcanvas,
    .cm-004 .hxc-overlay .offcanvas-xxl,
    .cm-004 .hxc-overlay .offcanvas-xl,
    .cm-004 .hxc-overlay .offcanvas-lg,
    .cm-004 .hxc-overlay .offcanvas-md,
    .cm-004 .hxc-overlay .offcanvas-sm {
        --bs-offcanvas-zindex: 1045;
        --bs-offcanvas-width: 15rem;
        --bs-offcanvas-height: 30vh;
        --bs-offcanvas-padding-x: 1.5rem;
        --bs-offcanvas-padding-y: 1.5rem;
        --bs-offcanvas-color: #fff;
        --bs-offcanvas-bg: #1e2228;
        --bs-offcanvas-border-width: 0;
        --bs-offcanvas-border-color: transparent;
        --bs-offcanvas-box-shadow: none;
    }

    @media (max-width: 575.98px) {
        .cm-004 .hxc-overlay .offcanvas-sm {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            box-shadow: var(--bs-offcanvas-box-shadow);
            transition: transform 0.3s ease-in-out;
        }
    }

    @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .offcanvas-sm {
            transition: none;
        }
    }

    @media (max-width: 575.98px) {
        .cm-004 .hxc-overlay .offcanvas-sm.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%);
        }
    }

    @media (max-width: 575.98px) {
        .cm-004 .hxc-overlay .offcanvas-sm.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%);
        }
    }

    @media (max-width: 575.98px) {
        .cm-004 .hxc-overlay .offcanvas-sm.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%);
        }
    }

    @media (max-width: 575.98px) {
        .cm-004 .hxc-overlay .offcanvas-sm.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%);
        }
    }

    @media (max-width: 575.98px) {

        .cm-004 .hxc-overlay .offcanvas-sm.showing,
        .cm-004 .hxc-overlay .offcanvas-sm.show:not(.hiding) {
            transform: none;
        }
    }

    @media (max-width: 575.98px) {

        .cm-004 .hxc-overlay .offcanvas-sm.showing,
        .cm-004 .hxc-overlay .offcanvas-sm.hiding,
        .cm-004 .hxc-overlay .offcanvas-sm.show {
            visibility: visible;
        }
    }

    @media (min-width: 576px) {
        .cm-004 .hxc-overlay .offcanvas-sm {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important;
        }

            .cm-004 .hxc-overlay .offcanvas-sm .offcanvas-header {
                display: none;
            }

            .cm-004 .hxc-overlay .offcanvas-sm .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
                background-color: transparent !important;
            }
    }

    @media (max-width: 767.98px) {
        .cm-004 .hxc-overlay .offcanvas-md {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            box-shadow: var(--bs-offcanvas-box-shadow);
            transition: transform 0.3s ease-in-out;
        }
    }

    @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .offcanvas-md {
            transition: none;
        }
    }

    @media (max-width: 767.98px) {
        .cm-004 .hxc-overlay .offcanvas-md.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%);
        }
    }

    @media (max-width: 767.98px) {
        .cm-004 .hxc-overlay .offcanvas-md.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%);
        }
    }

    @media (max-width: 767.98px) {
        .cm-004 .hxc-overlay .offcanvas-md.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%);
        }
    }

    @media (max-width: 767.98px) {
        .cm-004 .hxc-overlay .offcanvas-md.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%);
        }
    }

    @media (max-width: 767.98px) {

        .cm-004 .hxc-overlay .offcanvas-md.showing,
        .cm-004 .hxc-overlay .offcanvas-md.show:not(.hiding) {
            transform: none;
        }
    }

    @media (max-width: 767.98px) {

        .cm-004 .hxc-overlay .offcanvas-md.showing,
        .cm-004 .hxc-overlay .offcanvas-md.hiding,
        .cm-004 .hxc-overlay .offcanvas-md.show {
            visibility: visible;
        }
    }

    @media (min-width: 768px) {
        .cm-004 .hxc-overlay .offcanvas-md {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important;
        }

            .cm-004 .hxc-overlay .offcanvas-md .offcanvas-header {
                display: none;
            }

            .cm-004 .hxc-overlay .offcanvas-md .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
                background-color: transparent !important;
            }
    }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .offcanvas-lg {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            box-shadow: var(--bs-offcanvas-box-shadow);
            transition: transform 0.3s ease-in-out;
        }
    }

    @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .offcanvas-lg {
            transition: none;
        }
    }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .offcanvas-lg.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%);
        }
    }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .offcanvas-lg.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%);
        }
    }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .offcanvas-lg.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%);
        }
    }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .offcanvas-lg.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%);
        }
    }

    @media (max-width: 991.98px) {

        .cm-004 .hxc-overlay .offcanvas-lg.showing,
        .cm-004 .hxc-overlay .offcanvas-lg.show:not(.hiding) {
            transform: none;
        }
    }

    @media (max-width: 991.98px) {

        .cm-004 .hxc-overlay .offcanvas-lg.showing,
        .cm-004 .hxc-overlay .offcanvas-lg.hiding,
        .cm-004 .hxc-overlay .offcanvas-lg.show {
            visibility: visible;
        }
    }

    @media (min-width: 992px) {
        .cm-004 .hxc-overlay .offcanvas-lg {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important;
        }

            .cm-004 .hxc-overlay .offcanvas-lg .offcanvas-header {
                display: none;
            }

            .cm-004 .hxc-overlay .offcanvas-lg .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
                background-color: transparent !important;
            }
    }

    @media (max-width: 1199.98px) {
        .cm-004 .hxc-overlay .offcanvas-xl {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            box-shadow: var(--bs-offcanvas-box-shadow);
            transition: transform 0.3s ease-in-out;
        }
    }

    @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .offcanvas-xl {
            transition: none;
        }
    }

    @media (max-width: 1199.98px) {
        .cm-004 .hxc-overlay .offcanvas-xl.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%);
        }
    }

    @media (max-width: 1199.98px) {
        .cm-004 .hxc-overlay .offcanvas-xl.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%);
        }
    }

    @media (max-width: 1199.98px) {
        .cm-004 .hxc-overlay .offcanvas-xl.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%);
        }
    }

    @media (max-width: 1199.98px) {
        .cm-004 .hxc-overlay .offcanvas-xl.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%);
        }
    }

    @media (max-width: 1199.98px) {

        .cm-004 .hxc-overlay .offcanvas-xl.showing,
        .cm-004 .hxc-overlay .offcanvas-xl.show:not(.hiding) {
            transform: none;
        }
    }

    @media (max-width: 1199.98px) {

        .cm-004 .hxc-overlay .offcanvas-xl.showing,
        .cm-004 .hxc-overlay .offcanvas-xl.hiding,
        .cm-004 .hxc-overlay .offcanvas-xl.show {
            visibility: visible;
        }
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .offcanvas-xl {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important;
        }

            .cm-004 .hxc-overlay .offcanvas-xl .offcanvas-header {
                display: none;
            }

            .cm-004 .hxc-overlay .offcanvas-xl .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
                background-color: transparent !important;
            }
    }

    @media (max-width: 1399.98px) {
        .cm-004 .hxc-overlay .offcanvas-xxl {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            box-shadow: var(--bs-offcanvas-box-shadow);
            transition: transform 0.3s ease-in-out;
        }
    }

    @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .offcanvas-xxl {
            transition: none;
        }
    }

    @media (max-width: 1399.98px) {
        .cm-004 .hxc-overlay .offcanvas-xxl.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%);
        }
    }

    @media (max-width: 1399.98px) {
        .cm-004 .hxc-overlay .offcanvas-xxl.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%);
        }
    }

    @media (max-width: 1399.98px) {
        .cm-004 .hxc-overlay .offcanvas-xxl.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%);
        }
    }

    @media (max-width: 1399.98px) {
        .cm-004 .hxc-overlay .offcanvas-xxl.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%);
        }
    }

    @media (max-width: 1399.98px) {

        .cm-004 .hxc-overlay .offcanvas-xxl.showing,
        .cm-004 .hxc-overlay .offcanvas-xxl.show:not(.hiding) {
            transform: none;
        }
    }

    @media (max-width: 1399.98px) {

        .cm-004 .hxc-overlay .offcanvas-xxl.showing,
        .cm-004 .hxc-overlay .offcanvas-xxl.hiding,
        .cm-004 .hxc-overlay .offcanvas-xxl.show {
            visibility: visible;
        }
    }

    @media (min-width: 1400px) {
        .cm-004 .hxc-overlay .offcanvas-xxl {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important;
        }

            .cm-004 .hxc-overlay .offcanvas-xxl .offcanvas-header {
                display: none;
            }

            .cm-004 .hxc-overlay .offcanvas-xxl .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
                background-color: transparent !important;
            }
    }

    .cm-004 .hxc-overlay .offcanvas {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        box-shadow: var(--bs-offcanvas-box-shadow);
        transition: transform 0.3s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .offcanvas {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay .offcanvas.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%);
    }

    .cm-004 .hxc-overlay .offcanvas.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%);
    }

    .cm-004 .hxc-overlay .offcanvas.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%);
    }

    .cm-004 .hxc-overlay .offcanvas.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%);
    }

    .cm-004 .hxc-overlay .offcanvas.showing,
    .cm-004 .hxc-overlay .offcanvas.show:not(.hiding) {
        transform: none;
    }

    .cm-004 .hxc-overlay .offcanvas.showing,
    .cm-004 .hxc-overlay .offcanvas.hiding,
    .cm-004 .hxc-overlay .offcanvas.show {
        visibility: visible;
    }

    .cm-004 .hxc-overlay .offcanvas-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: rgba(30, 34, 40, 0.7);
    }

        .cm-004 .hxc-overlay .offcanvas-backdrop.fade {
            opacity: 0;
        }

        .cm-004 .hxc-overlay .offcanvas-backdrop.show {
            opacity: 1;
        }

    .cm-004 .hxc-overlay .offcanvas-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    }

        .cm-004 .hxc-overlay .offcanvas-header .btn-close {
            padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
            margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
            margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
            margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
        }

    .cm-004 .hxc-overlay .offcanvas-title {
        margin-bottom: 0;
        line-height: 1;
    }

    .cm-004 .hxc-overlay .offcanvas-body {
        flex-grow: 1;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
        overflow-y: auto;
    }

    .cm-004 .hxc-overlay .placeholder {
        display: inline-block;
        min-height: 1em;
        vertical-align: middle;
        cursor: wait;
        background-color: currentcolor;
        opacity: 0.5;
    }

        .cm-004 .hxc-overlay .placeholder.btn::before {
            display: inline-block;
            content: "";
        }

    .cm-004 .hxc-overlay .placeholder-xs {
        min-height: 0.6em;
    }

    .cm-004 .hxc-overlay .placeholder-sm {
        min-height: 0.8em;
    }

    .cm-004 .hxc-overlay .placeholder-lg {
        min-height: 1.2em;
    }

    .cm-004 .hxc-overlay .placeholder-glow .placeholder {
        animation: placeholder-glow 2s ease-in-out infinite;
    }

    @keyframes placeholder-glow {
        .hxc-overlay 50% {
            opacity: 0.2;
        }
    }

    .cm-004 .hxc-overlay .placeholder-wave {
        -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
        mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
        -webkit-mask-size: 200% 100%;
        mask-size: 200% 100%;
        animation: placeholder-wave 2s linear infinite;
    }

    @keyframes placeholder-wave {
        .hxc-overlay 100% {
            -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
        }
    }

    .cm-004 .hxc-overlay .clearfix::after {
        display: block;
        clear: both;
        content: "";
    }

    .cm-004 .hxc-overlay .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }

    .cm-004 .hxc-overlay .fixed-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
    }

    .cm-004 .hxc-overlay .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }

    .cm-004 .hxc-overlay .sticky-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020;
    }

    @media (min-width: 576px) {
        .cm-004 .hxc-overlay .sticky-sm-top {
            position: sticky;
            top: 0;
            z-index: 1020;
        }

        .cm-004 .hxc-overlay .sticky-sm-bottom {
            position: sticky;
            bottom: 0;
            z-index: 1020;
        }
    }

    @media (min-width: 768px) {
        .cm-004 .hxc-overlay .sticky-md-top {
            position: sticky;
            top: 0;
            z-index: 1020;
        }

        .cm-004 .hxc-overlay .sticky-md-bottom {
            position: sticky;
            bottom: 0;
            z-index: 1020;
        }
    }

    @media (min-width: 992px) {
        .cm-004 .hxc-overlay .sticky-lg-top {
            position: sticky;
            top: 0;
            z-index: 1020;
        }

        .cm-004 .hxc-overlay .sticky-lg-bottom {
            position: sticky;
            bottom: 0;
            z-index: 1020;
        }
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .sticky-xl-top {
            position: sticky;
            top: 0;
            z-index: 1020;
        }

        .cm-004 .hxc-overlay .sticky-xl-bottom {
            position: sticky;
            bottom: 0;
            z-index: 1020;
        }
    }

    @media (min-width: 1400px) {
        .cm-004 .hxc-overlay .sticky-xxl-top {
            position: sticky;
            top: 0;
            z-index: 1020;
        }

        .cm-004 .hxc-overlay .sticky-xxl-bottom {
            position: sticky;
            bottom: 0;
            z-index: 1020;
        }
    }

    .cm-004 .hxc-overlay .visually-hidden,
    .cm-004 .hxc-overlay .visually-hidden-focusable:not(:focus):not(:focus-within) {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    .cm-004 .hxc-overlay .stretched-link::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        content: "";
    }

    .cm-004 .hxc-overlay .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cm-004 .hxc-overlay .align-baseline {
        vertical-align: baseline !important;
    }

    .cm-004 .hxc-overlay .align-top {
        vertical-align: top !important;
    }

    .cm-004 .hxc-overlay .align-middle {
        vertical-align: middle !important;
    }

    .cm-004 .hxc-overlay .align-bottom {
        vertical-align: bottom !important;
    }

    .cm-004 .hxc-overlay .align-text-bottom {
        vertical-align: text-bottom !important;
    }

    .cm-004 .hxc-overlay .align-text-top {
        vertical-align: text-top !important;
    }

    .cm-004 .hxc-overlay .float-start {
        float: left !important;
    }

    .cm-004 .hxc-overlay .float-end {
        float: right !important;
    }

    .cm-004 .hxc-overlay .float-none {
        float: none !important;
    }

    .cm-004 .hxc-overlay .opacity-0 {
        opacity: 0 !important;
    }

    .cm-004 .hxc-overlay .opacity-25 {
        opacity: 0.25 !important;
    }

    .cm-004 .hxc-overlay .opacity-50 {
        opacity: 0.5 !important;
    }

    .cm-004 .hxc-overlay .opacity-75 {
        opacity: 0.75 !important;
    }

    .cm-004 .hxc-overlay .opacity-90 {
        opacity: 0.9 !important;
    }

    .cm-004 .hxc-overlay .opacity-100 {
        opacity: 1 !important;
    }

    .cm-004 .hxc-overlay .overflow-auto {
        overflow: auto !important;
    }

    .cm-004 .hxc-overlay .overflow-hidden {
        overflow: hidden !important;
    }

    .cm-004 .hxc-overlay .overflow-visible {
        overflow: visible !important;
    }

    .cm-004 .hxc-overlay .overflow-scroll {
        overflow: scroll !important;
    }

    .cm-004 .hxc-overlay .d-inline {
        display: inline !important;
    }

    .cm-004 .hxc-overlay .d-inline-block {
        display: inline-block !important;
    }

    .cm-004 .hxc-overlay .d-block {
        display: block !important;
    }

    .cm-004 .hxc-overlay .d-grid {
        display: grid !important;
    }

    .cm-004 .hxc-overlay .d-table {
        display: table !important;
    }

    .cm-004 .hxc-overlay .d-table-row {
        display: table-row !important;
    }

    .cm-004 .hxc-overlay .d-table-cell {
        display: table-cell !important;
    }

    .cm-004 .hxc-overlay .d-flex {
        display: flex !important;
    }

    .cm-004 .hxc-overlay .d-inline-flex {
        display: inline-flex !important;
    }

    .cm-004 .hxc-overlay .d-none {
        display: none !important;
    }

    .cm-004 .hxc-overlay .shadow {
        box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04) !important;
    }

    .cm-004 .hxc-overlay .shadow-sm {
        box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.02) !important;
    }

    .cm-004 .hxc-overlay .shadow-lg {
        box-shadow: 0rem 0.25rem 1.75rem rgba(30, 34, 40, 0.07) !important;
    }

    .cm-004 .hxc-overlay .shadow-xl {
        box-shadow: rgba(30, 34, 40, 0.02) 0px 2px 1px, rgba(30, 34, 40, 0.02) 0px 4px 2px, rgba(30, 34, 40, 0.02) 0px 8px 4px, rgba(30, 34, 40, 0.02) 0px 16px 8px, rgba(30, 34, 40, 0.03) 0px 32px 16px !important;
    }

    .cm-004 .hxc-overlay .shadow-none {
        box-shadow: none !important;
    }

    .cm-004 .hxc-overlay .position-static {
        position: static !important;
    }

    .cm-004 .hxc-overlay .position-relative {
        position: relative !important;
    }

    .cm-004 .hxc-overlay .position-absolute {
        position: absolute !important;
    }

    .cm-004 .hxc-overlay .position-fixed {
        position: fixed !important;
    }

    .cm-004 .hxc-overlay .position-sticky {
        position: sticky !important;
    }

    .cm-004 .hxc-overlay .flex-fill {
        flex: 1 1 auto !important;
    }

    .cm-004 .hxc-overlay .flex-row {
        flex-direction: row !important;
    }

    .cm-004 .hxc-overlay .flex-column {
        flex-direction: column !important;
    }

    .cm-004 .hxc-overlay .flex-row-reverse {
        flex-direction: row-reverse !important;
    }

    .cm-004 .hxc-overlay .flex-column-reverse {
        flex-direction: column-reverse !important;
    }

    .cm-004 .hxc-overlay .flex-grow-0 {
        flex-grow: 0 !important;
    }

    .cm-004 .hxc-overlay .flex-grow-1 {
        flex-grow: 1 !important;
    }

    .cm-004 .hxc-overlay .flex-shrink-0 {
        flex-shrink: 0 !important;
    }

    .cm-004 .hxc-overlay .flex-shrink-1 {
        flex-shrink: 1 !important;
    }

    .cm-004 .hxc-overlay .flex-wrap {
        flex-wrap: wrap !important;
    }

    .cm-004 .hxc-overlay .flex-nowrap001 {
        flex-wrap: nowrap !important;
    }

    .cm-004 .hxc-overlay .flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .cm-004 .hxc-overlay .justify-content-start {
        justify-content: flex-start !important;
    }

    .cm-004 .hxc-overlay .justify-content-end {
        justify-content: flex-end !important;
    }

    .cm-004 .hxc-overlay .justify-content-center {
        justify-content: center !important;
    }

    .cm-004 .hxc-overlay .justify-content-between {
        justify-content: space-between !important;
    }

    .cm-004 .hxc-overlay .justify-content-around {
        justify-content: space-around !important;
    }

    .cm-004 .hxc-overlay .justify-content-evenly {
        justify-content: space-evenly !important;
    }

    .cm-004 .hxc-overlay .align-items-start {
        align-items: flex-start !important;
    }

    .cm-004 .hxc-overlay .align-items-end {
        align-items: flex-end !important;
    }

    .cm-004 .hxc-overlay .align-items-center {
        align-items: center !important;
    }

    .cm-004 .hxc-overlay .align-items-baseline {
        align-items: baseline !important;
    }

    .cm-004 .hxc-overlay .align-items-stretch {
        align-items: stretch !important;
    }

    .cm-004 .hxc-overlay .align-content-start {
        align-content: flex-start !important;
    }

    .cm-004 .hxc-overlay .align-content-end {
        align-content: flex-end !important;
    }

    .cm-004 .hxc-overlay .align-content-center {
        align-content: center !important;
    }

    .cm-004 .hxc-overlay .align-content-between {
        align-content: space-between !important;
    }

    .cm-004 .hxc-overlay .align-self-auto {
        align-self: auto !important;
    }

    .cm-004 .hxc-overlay .align-self-start {
        align-self: flex-start !important;
    }

    .cm-004 .hxc-overlay .align-self-end {
        align-self: flex-end !important;
    }

    .cm-004 .hxc-overlay .align-self-center {
        align-self: center !important;
    }

    .cm-004 .hxc-overlay .align-self-baseline {
        align-self: baseline !important;
    }

    .cm-004 .hxc-overlay .align-self-stretch {
        align-self: stretch !important;
    }

    .cm-004 .hxc-overlay .m-auto {
        margin: auto !important;
    }

    .cm-004 .hxc-overlay .mx-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .cm-004 .hxc-overlay .mt-0 {
        margin-top: 0 !important;
    }

    .cm-004 .hxc-overlay .mt-1 {
        margin-top: 1px !important;
    }

    .cm-004 .hxc-overlay .mt-2 {
        margin-top: 0.5rem !important;
    }

    .cm-004 .hxc-overlay .mt-3 {
        margin-top: 11px !important;
    }

    .cm-004 .hxc-overlay .mt-4 {
        margin-top: 1rem !important;
    }

    .cm-004 .hxc-overlay .mt-5 {
        margin-top: 24px !important;
    }

    .cm-004 .hxc-overlay .mt-6 {
        margin-top: 1.5rem !important;
    }

    .cm-004 .hxc-overlay .mt24-8 {
        margin-top: 1.2rem !important;
        margin-bottom: 0.4rem !important;
    }

    .cm-004 .hxc-overlay .mt-7 {
        margin-top: 1.75rem !important;
    }

    .cm-004 .hxc-overlay .mt-8 {
        margin-top: 2rem !important;
    }

    .cm-004 .hxc-overlay .mt-9 {
        margin-top: 2.25rem !important;
    }

    .cm-004 .hxc-overlay .mt-10 {
        margin-top: 2.5rem !important;
    }

    .cm-004 .hxc-overlay .mt-11 {
        margin-top: 3rem !important;
    }

    .cm-004 .hxc-overlay .mt-12 {
        margin-top: 3.5rem !important;
    }

    .cm-004 .hxc-overlay .mt-13 {
        margin-top: 4rem !important;
    }

    .cm-004 .hxc-overlay .mt-14 {
        margin-top: 4.5rem !important;
    }

    .cm-004 .hxc-overlay .mt-15 {
        margin-top: 5rem !important;
    }

    .cm-004 .hxc-overlay .mt-16 {
        margin-top: 6rem !important;
    }

    .cm-004 .hxc-overlay .mt-17 {
        margin-top: 7rem !important;
    }

    .cm-004 .hxc-overlay .mt-18 {
        margin-top: 8rem !important;
    }

    .cm-004 .hxc-overlay .mt-19 {
        margin-top: 9rem !important;
    }

    .cm-004 .hxc-overlay .mt-20 {
        margin-top: 10rem !important;
    }

    .cm-004 .hxc-overlay .mt-21 {
        margin-top: 12.5rem !important;
    }

    .cm-004 .hxc-overlay .mt-22 {
        margin-top: 15rem !important;
    }

    .cm-004 .hxc-overlay .mt-23 {
        margin-top: 17.5rem !important;
    }

    .cm-004 .hxc-overlay .mt-24 {
        margin-top: 20rem !important;
    }

    .cm-004 .hxc-overlay .mt-25 {
        margin-top: 22.5rem !important;
    }

    .cm-004 .hxc-overlay .mt-auto {
        margin-top: auto !important;
    }

    .cm-004 .hxc-overlay .me-0 {
        margin-right: 0 !important;
    }

    .cm-004 .hxc-overlay .me-1 {
        margin-right: 0.25rem !important;
    }

    .cm-004 .hxc-overlay .me-2 {
        margin-right: 8px !important;
    }

    .cm-004 .hxc-overlay .me-3 {
        margin-right: 0.75rem !important;
    }

    .cm-004 .hxc-overlay .me-4 {
        margin-right: 1rem !important;
    }

    .cm-004 .hxc-overlay .me-5 {
        margin-right: 1.25rem !important;
    }

    .cm-004 .hxc-overlay .me-6 {
        margin-right: 1.5rem !important;
    }

    .cm-004 .hxc-overlay .me-7 {
        margin-right: 1.75rem !important;
    }

    .cm-004 .hxc-overlay .me-8 {
        margin-right: 2rem !important;
    }

    .cm-004 .hxc-overlay .me-9 {
        margin-right: 2.25rem !important;
    }

    .cm-004 .hxc-overlay .me-10 {
        margin-right: 2.5rem !important;
    }

    .cm-004 .hxc-overlay .me-11 {
        margin-right: 3rem !important;
    }

    .cm-004 .hxc-overlay .me-12 {
        margin-right: 3.5rem !important;
    }

    .cm-004 .hxc-overlay .me-13 {
        margin-right: 4rem !important;
    }

    .cm-004 .hxc-overlay .me-14 {
        margin-right: 4.5rem !important;
    }

    .cm-004 .hxc-overlay .me-15 {
        margin-right: 5rem !important;
    }

    .cm-004 .hxc-overlay .me-16 {
        margin-right: 6rem !important;
    }

    .cm-004 .hxc-overlay .me-17 {
        margin-right: 7rem !important;
    }

    .cm-004 .hxc-overlay .me-18 {
        margin-right: 8rem !important;
    }

    .cm-004 .hxc-overlay .me-19 {
        margin-right: 9rem !important;
    }

    .cm-004 .hxc-overlay .me-20 {
        margin-right: 10rem !important;
    }

    .cm-004 .hxc-overlay .me-21 {
        margin-right: 12.5rem !important;
    }

    .cm-004 .hxc-overlay .me-22 {
        margin-right: 15rem !important;
    }

    .cm-004 .hxc-overlay .me-23 {
        margin-right: 17.5rem !important;
    }

    .cm-004 .hxc-overlay .me-24 {
        margin-right: 20rem !important;
    }

    .cm-004 .hxc-overlay .me-25 {
        margin-right: 22.5rem !important;
    }

    .cm-004 .hxc-overlay .me-auto {
        margin-right: auto !important;
    }

    .cm-004 .hxc-overlay .mb-0 {
        margin-bottom: 0 !important;
    }

    .cm-004 .hxc-overlay .mb-1 {
        margin-bottom: 1px !important;
    }

    .cm-004 .hxc-overlay .mb-2 {
        margin-bottom: 4px !important;
    }

    .cm-004 .hxc-overlay .mb-3 {
        margin-bottom: 0.75rem !important;
    }

    .cm-004 .hxc-overlay .mb-4 {
        margin-bottom: 1rem !important;
    }

    .cm-004 .hxc-overlay .mb-5 {
        margin-bottom: 1.25rem !important;
    }

    .cm-004 .hxc-overlay .mb-6 {
        margin-bottom: 16px !important;
    }

    .cm-004 .hxc-overlay .mbc-6 {
        margin-bottom: 32px !important;
    }

    .cm-004 .hxc-overlay .mb-7 {
        margin-bottom: 32px !important;
    }

    .cm-004 .hxc-overlay .mb-8 {
        margin-bottom: 2rem !important;
    }

    .cm-004 .hxc-overlay .mb-9 {
        margin-bottom: 2.25rem !important;
    }

    .cm-004 .hxc-overlay .mb-10 {
        margin-bottom: 2.5rem !important;
    }

    .cm-004 .hxc-overlay .mb-11 {
        margin-bottom: 3rem !important;
    }

    .cm-004 .hxc-overlay .mb-12 {
        margin-bottom: 3.5rem !important;
    }

    .cm-004 .hxc-overlay .mb-13 {
        margin-bottom: 4rem !important;
    }

    .cm-004 .hxc-overlay .mb-14 {
        margin-bottom: 4.5rem !important;
    }

    .cm-004 .hxc-overlay .mb-15 {
        margin-bottom: 5rem !important;
    }

    .cm-004 .hxc-overlay .mb-16 {
        margin-bottom: 6rem !important;
    }

    .cm-004 .hxc-overlay .mb-17 {
        margin-bottom: 7rem !important;
    }

    .cm-004 .hxc-overlay .mb-18 {
        margin-bottom: 8rem !important;
    }

    .cm-004 .hxc-overlay .mb-19 {
        margin-bottom: 9rem !important;
    }

    .cm-004 .hxc-overlay .mb-20 {
        margin-bottom: 10rem !important;
    }

    .cm-004 .hxc-overlay .mb-21 {
        margin-bottom: 12.5rem !important;
    }

    .cm-004 .hxc-overlay .mb-22 {
        margin-bottom: 15rem !important;
    }

    .cm-004 .hxc-overlay .mb-23 {
        margin-bottom: 17.5rem !important;
    }

    .cm-004 .hxc-overlay .mb-24 {
        margin-bottom: 20rem !important;
    }

    .cm-004 .hxc-overlay .mb-25 {
        margin-bottom: 22.5rem !important;
    }

    .cm-004 .hxc-overlay .mb-auto {
        margin-bottom: auto !important;
    }

    .cm-004 .hxc-overlay .ms-0 {
        margin-left: 0 !important;
    }

    .cm-004 .hxc-overlay .ms-1 {
        margin-left: 0.25rem !important;
    }

    .cm-004 .hxc-overlay .ms-2 {
        margin-left: 0.5rem !important;
    }

    .cm-004 .hxc-overlay .ms-3 {
        margin-left: 0.75rem !important;
    }

    .cm-004 .hxc-overlay .ms-4 {
        margin-left: 1rem !important;
    }

    .cm-004 .hxc-overlay .ms-5 {
        margin-left: 1.25rem !important;
    }

    .cm-004 .hxc-overlay .ms-6 {
        margin-left: 1.5rem !important;
    }

    .cm-004 .hxc-overlay .ms-7 {
        margin-left: 1.75rem !important;
    }

    .cm-004 .hxc-overlay .ms-8 {
        margin-left: 2rem !important;
    }

    .cm-004 .hxc-overlay .ms-9 {
        margin-left: 2.25rem !important;
    }

    .cm-004 .hxc-overlay .ms-10 {
        margin-left: 2.5rem !important;
    }

    .cm-004 .hxc-overlay .ms-11 {
        margin-left: 3rem !important;
    }

    .cm-004 .hxc-overlay .ms-12 {
        margin-left: 3.5rem !important;
    }

    .cm-004 .hxc-overlay .ms-13 {
        margin-left: 4rem !important;
    }

    .cm-004 .hxc-overlay .ms-14 {
        margin-left: 4.5rem !important;
    }

    .cm-004 .hxc-overlay .ms-15 {
        margin-left: 5rem !important;
    }

    .cm-004 .hxc-overlay .ms-16 {
        margin-left: 6rem !important;
    }

    .cm-004 .hxc-overlay .ms-17 {
        margin-left: 7rem !important;
    }

    .cm-004 .hxc-overlay .ms-18 {
        margin-left: 8rem !important;
    }

    .cm-004 .hxc-overlay .ms-19 {
        margin-left: 9rem !important;
    }

    .cm-004 .hxc-overlay .ms-20 {
        margin-left: 10rem !important;
    }

    .cm-004 .hxc-overlay .ms-21 {
        margin-left: 12.5rem !important;
    }

    .cm-004 .hxc-overlay .ms-22 {
        margin-left: 15rem !important;
    }

    .cm-004 .hxc-overlay .ms-23 {
        margin-left: 17.5rem !important;
    }

    .cm-004 .hxc-overlay .ms-24 {
        margin-left: 20rem !important;
    }

    .cm-004 .hxc-overlay .ms-25 {
        margin-left: 22.5rem !important;
    }

    .cm-004 .hxc-overlay .ms-auto {
        margin-left: auto !important;
    }

    .cm-004 .hxc-overlay .m-n1 {
        margin: -0.25rem !important;
    }

    .cm-004 .hxc-overlay .m-n2 {
        margin: -0.5rem !important;
    }

    .cm-004 .hxc-overlay .m-n3 {
        margin: -0.75rem !important;
    }

    .cm-004 .hxc-overlay .m-n4 {
        margin: -1rem !important;
    }

    .cm-004 .hxc-overlay .m-n5 {
        margin: -1.25rem !important;
    }

    .cm-004 .hxc-overlay .m-n6 {
        margin: -1.5rem !important;
    }

    .cm-004 .hxc-overlay .m-n7 {
        margin: -1.75rem !important;
    }

    .cm-004 .hxc-overlay .m-n8 {
        margin: -2rem !important;
    }

    .cm-004 .hxc-overlay .m-n9 {
        margin: -2.25rem !important;
    }

    .cm-004 .hxc-overlay .m-n10 {
        margin: -2.5rem !important;
    }

    .cm-004 .hxc-overlay .m-n11 {
        margin: -3rem !important;
    }

    .cm-004 .hxc-overlay .m-n12 {
        margin: -3.5rem !important;
    }

    .cm-004 .hxc-overlay .m-n13 {
        margin: -4rem !important;
    }

    .cm-004 .hxc-overlay .m-n14 {
        margin: -4.5rem !important;
    }

    .cm-004 .hxc-overlay .m-n15 {
        margin: -5rem !important;
    }

    .cm-004 .hxc-overlay .m-n16 {
        margin: -6rem !important;
    }

    .cm-004 .hxc-overlay .m-n17 {
        margin: -7rem !important;
    }

    .cm-004 .hxc-overlay .m-n18 {
        margin: -8rem !important;
    }

    .cm-004 .hxc-overlay .m-n19 {
        margin: -9rem !important;
    }

    .cm-004 .hxc-overlay .m-n20 {
        margin: -10rem !important;
    }

    .cm-004 .hxc-overlay .m-n21 {
        margin: -12.5rem !important;
    }

    .cm-004 .hxc-overlay .m-n22 {
        margin: -15rem !important;
    }

    .cm-004 .hxc-overlay .m-n23 {
        margin: -17.5rem !important;
    }

    .cm-004 .hxc-overlay .m-n24 {
        margin: -20rem !important;
    }

    .cm-004 .hxc-overlay .m-n25 {
        margin: -22.5rem !important;
    }

    .cm-004 .hxc-overlay .mt-n1 {
        margin-top: -0.25rem !important;
    }

    .cm-004 .hxc-overlay .mt-n2 {
        margin-top: -0.5rem !important;
    }

    .cm-004 .hxc-overlay .mt-n3 {
        margin-top: -0.75rem !important;
    }

    .cm-004 .hxc-overlay .mt-n4 {
        margin-top: -1rem !important;
    }

    .cm-004 .hxc-overlay .mt-n5 {
        margin-top: -1.25rem !important;
    }

    .cm-004 .hxc-overlay .mt-n6 {
        margin-top: -1.5rem !important;
    }

    .cm-004 .hxc-overlay .mt-n7 {
        margin-top: -1.75rem !important;
    }

    .cm-004 .hxc-overlay .mt-n8 {
        margin-top: -2rem !important;
    }

    .cm-004 .hxc-overlay .mt-n9 {
        margin-top: -2.25rem !important;
    }

    .cm-004 .hxc-overlay .mt-n10 {
        margin-top: -2.5rem !important;
    }

    .cm-004 .hxc-overlay .mt-n11 {
        margin-top: -3rem !important;
    }

    .cm-004 .hxc-overlay .mt-n12 {
        margin-top: -3.5rem !important;
    }

    .cm-004 .hxc-overlay .mt-n13 {
        margin-top: -4rem !important;
    }

    .cm-004 .hxc-overlay .mt-n14 {
        margin-top: -4.5rem !important;
    }

    .cm-004 .hxc-overlay .mt-n15 {
        margin-top: -5rem !important;
    }

    .cm-004 .hxc-overlay .mt-n16 {
        margin-top: -6rem !important;
    }

    .cm-004 .hxc-overlay .mt-n17 {
        margin-top: -7rem !important;
    }

    .cm-004 .hxc-overlay .mt-n18 {
        /*margin-top: -8rem !important;*/
        margin-top: -9.5rem !important;
    }

    .cm-004 .hxc-overlay .mt-n18-custom {
        /*margin-top: -8rem !important;*/
        margin-top: -9.5rem !important;
    }

    @media (max-width: 768px) {
        .cm-004 .hxc-overlay .mt-n18 {
            /*margin-top: -8rem !important;*/
            margin-top: -4rem !important;
        }

        .cm-004 .hxc-overlay .mt-n18-custom {
            margin-top: -9.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-n18-withoutbanner {
            margin-top: -6.3rem !important;
        }
    }

    .cm-004 .hxc-overlay .mt-n19 {
        margin-top: -9rem !important;
    }

    .cm-004 .hxc-overlay .mt-n20 {
        margin-top: -10rem !important;
    }

    .cm-004 .hxc-overlay .mt-n21 {
        margin-top: -12.5rem !important;
    }

    .cm-004 .hxc-overlay .mt-n22 {
        margin-top: -15rem !important;
    }

    .cm-004 .hxc-overlay .mt-n23 {
        margin-top: -17.5rem !important;
    }

    .cm-004 .hxc-overlay .mt-n24 {
        margin-top: -20rem !important;
    }

    .cm-004 .hxc-overlay .mt-n25 {
        margin-top: -22.5rem !important;
    }

    .cm-004 .hxc-overlay .me-n1 {
        margin-right: -0.25rem !important;
    }

    .cm-004 .hxc-overlay .me-n2 {
        margin-right: -0.5rem !important;
    }

    .cm-004 .hxc-overlay .me-n3 {
        margin-right: -0.75rem !important;
    }

    .cm-004 .hxc-overlay .me-n4 {
        margin-right: -1rem !important;
    }

    .cm-004 .hxc-overlay .me-n5 {
        margin-right: -1.25rem !important;
    }

    .cm-004 .hxc-overlay .me-n6 {
        margin-right: -1.5rem !important;
    }

    .cm-004 .hxc-overlay .me-n7 {
        margin-right: -1.75rem !important;
    }

    .cm-004 .hxc-overlay .me-n8 {
        margin-right: -2rem !important;
    }

    .cm-004 .hxc-overlay .me-n9 {
        margin-right: -2.25rem !important;
    }

    .cm-004 .hxc-overlay .me-n10 {
        margin-right: -2.5rem !important;
    }

    .cm-004 .hxc-overlay .me-n11 {
        margin-right: -3rem !important;
    }

    .cm-004 .hxc-overlay .me-n12 {
        margin-right: -3.5rem !important;
    }

    .cm-004 .hxc-overlay .me-n13 {
        margin-right: -4rem !important;
    }

    .cm-004 .hxc-overlay .me-n14 {
        margin-right: -4.5rem !important;
    }

    .cm-004 .hxc-overlay .me-n15 {
        margin-right: -5rem !important;
    }

    .cm-004 .hxc-overlay .me-n16 {
        margin-right: -6rem !important;
    }

    .cm-004 .hxc-overlay .me-n17 {
        margin-right: -7rem !important;
    }

    .cm-004 .hxc-overlay .me-n18 {
        margin-right: -8rem !important;
    }

    .cm-004 .hxc-overlay .me-n19 {
        margin-right: -9rem !important;
    }

    .cm-004 .hxc-overlay .me-n20 {
        margin-right: -10rem !important;
    }

    .cm-004 .hxc-overlay .me-n21 {
        margin-right: -12.5rem !important;
    }

    .cm-004 .hxc-overlay .me-n22 {
        margin-right: -15rem !important;
    }

    .cm-004 .hxc-overlay .me-n23 {
        margin-right: -17.5rem !important;
    }

    .cm-004 .hxc-overlay .me-n24 {
        margin-right: -20rem !important;
    }

    .cm-004 .hxc-overlay .me-n25 {
        margin-right: -22.5rem !important;
    }

    .cm-004 .hxc-overlay .mb-n1 {
        margin-bottom: -0.25rem !important;
    }

    .cm-004 .hxc-overlay .mb-n2 {
        margin-bottom: -0.5rem !important;
    }

    .cm-004 .hxc-overlay .mb-n3 {
        margin-bottom: -0.75rem !important;
    }

    .cm-004 .hxc-overlay .mb-n4 {
        margin-bottom: -1rem !important;
    }

    .cm-004 .hxc-overlay .mb-n5 {
        margin-bottom: -1.25rem !important;
    }

    .cm-004 .hxc-overlay .mb-n6 {
        margin-bottom: -1.5rem !important;
    }

    .cm-004 .hxc-overlay .mb-n7 {
        margin-bottom: -1.75rem !important;
    }

    .cm-004 .hxc-overlay .mb-n8 {
        margin-bottom: -2rem !important;
    }

    .cm-004 .hxc-overlay .mb-n9 {
        margin-bottom: -2.25rem !important;
    }

    .cm-004 .hxc-overlay .mb-n10 {
        margin-bottom: -2.5rem !important;
    }

    .cm-004 .hxc-overlay .mb-n11 {
        margin-bottom: -3rem !important;
    }

    .cm-004 .hxc-overlay .mb-n12 {
        margin-bottom: -3.5rem !important;
    }

    .cm-004 .hxc-overlay .mb-n13 {
        margin-bottom: -4rem !important;
    }

    .cm-004 .hxc-overlay .mb-n14 {
        margin-bottom: -4.5rem !important;
    }

    .cm-004 .hxc-overlay .mb-n15 {
        margin-bottom: -5rem !important;
    }

    .cm-004 .hxc-overlay .mb-n16 {
        margin-bottom: -6rem !important;
    }

    .cm-004 .hxc-overlay .mb-n17 {
        margin-bottom: -7rem !important;
    }

    .cm-004 .hxc-overlay .mb-n18 {
        margin-bottom: -8rem !important;
    }

    .cm-004 .hxc-overlay .mb-n19 {
        margin-bottom: -9rem !important;
    }

    .cm-004 .hxc-overlay .mb-n20 {
        margin-bottom: -10rem !important;
    }

    .cm-004 .hxc-overlay .mb-n21 {
        margin-bottom: -12.5rem !important;
    }

    .cm-004 .hxc-overlay .mb-n22 {
        margin-bottom: -15rem !important;
    }

    .cm-004 .hxc-overlay .mb-n23 {
        margin-bottom: -17.5rem !important;
    }

    .cm-004 .hxc-overlay .mb-n24 {
        margin-bottom: -20rem !important;
    }

    .cm-004 .hxc-overlay .mb-n25 {
        margin-bottom: -22.5rem !important;
    }

    .cm-004 .hxc-overlay .ms-n1 {
        margin-left: -0.25rem !important;
    }

    .cm-004 .hxc-overlay .ms-n2 {
        margin-left: -0.5rem !important;
    }

    .cm-004 .hxc-overlay .ms-n3 {
        margin-left: -0.75rem !important;
    }

    .cm-004 .hxc-overlay .ms-n4 {
        margin-left: -1rem !important;
    }

    .cm-004 .hxc-overlay .ms-n5 {
        margin-left: -1.25rem !important;
    }

    .cm-004 .hxc-overlay .ms-n6 {
        margin-left: -1.5rem !important;
    }

    .cm-004 .hxc-overlay .ms-n7 {
        margin-left: -1.75rem !important;
    }

    .cm-004 .hxc-overlay .ms-n8 {
        margin-left: -2rem !important;
    }

    .cm-004 .hxc-overlay .ms-n9 {
        margin-left: -2.25rem !important;
    }

    .cm-004 .hxc-overlay .ms-n10 {
        margin-left: -2.5rem !important;
    }

    .cm-004 .hxc-overlay .ms-n11 {
        margin-left: -3rem !important;
    }

    .cm-004 .hxc-overlay .ms-n12 {
        margin-left: -3.5rem !important;
    }

    .cm-004 .hxc-overlay .ms-n13 {
        margin-left: -4rem !important;
    }

    .cm-004 .hxc-overlay .ms-n14 {
        margin-left: -4.5rem !important;
    }

    .cm-004 .hxc-overlay .ms-n15 {
        margin-left: -5rem !important;
    }

    .cm-004 .hxc-overlay .ms-n16 {
        margin-left: -6rem !important;
    }

    .cm-004 .hxc-overlay .ms-n17 {
        margin-left: -7rem !important;
    }

    .cm-004 .hxc-overlay .ms-n18 {
        margin-left: -8rem !important;
    }

    .cm-004 .hxc-overlay .ms-n19 {
        margin-left: -9rem !important;
    }

    .cm-004 .hxc-overlay .ms-n20 {
        margin-left: -10rem !important;
    }

    .cm-004 .hxc-overlay .ms-n21 {
        margin-left: -12.5rem !important;
    }

    .cm-004 .hxc-overlay .ms-n22 {
        margin-left: -15rem !important;
    }

    .cm-004 .hxc-overlay .ms-n23 {
        margin-left: -17.5rem !important;
    }

    .cm-004 .hxc-overlay .ms-n24 {
        margin-left: -20rem !important;
    }

    .cm-004 .hxc-overlay .ms-n25 {
        margin-left: -22.5rem !important;
    }

    .cm-004 .hxc-overlay .p-0 {
        padding: 0 !important;
    }

    .cm-004 .hxc-overlay .p-1 {
        padding: 0.25rem !important;
    }

    .cm-004 .hxc-overlay .p-2 {
        padding: 0.5rem !important;
    }

    .cm-004 .hxc-overlay .p-3 {
        padding: 0.75rem !important;
    }

    .cm-004 .hxc-overlay .p-4 {
        padding: 1rem !important;
    }

    .cm-004 .hxc-overlay .p-5 {
        padding: 1.25rem !important;
    }

    .cm-004 .hxc-overlay .p-6 {
        padding: 1.5rem !important;
    }

    .cm-004 .hxc-overlay .p-7 {
        padding: 1.75rem !important;
    }

    .cm-004 .hxc-overlay .p-8 {
        padding: 2rem !important;
    }

    .cm-004 .hxc-overlay .p-9 {
        padding: 2.25rem !important;
    }

    .cm-004 .hxc-overlay .p-10 {
        padding: 2.5rem !important;
    }

    .cm-004 .hxc-overlay .p-11 {
        padding: 3rem !important;
    }

    .cm-004 .hxc-overlay .p-12 {
        padding: 3.5rem !important;
    }

    .cm-004 .hxc-overlay .p-13 {
        padding: 4rem !important;
    }

    .cm-004 .hxc-overlay .p-14 {
        padding: 4.5rem !important;
    }

    .cm-004 .hxc-overlay .p-15 {
        padding: 5rem !important;
    }

    .cm-004 .hxc-overlay .p-16 {
        padding: 6rem !important;
    }

    .cm-004 .hxc-overlay .p-17 {
        padding: 7rem !important;
    }

    .cm-004 .hxc-overlay .p-18 {
        padding: 8rem !important;
    }

    .cm-004 .hxc-overlay .p-19 {
        padding: 9rem !important;
    }

    .cm-004 .hxc-overlay .p-20 {
        padding: 10rem !important;
    }

    .cm-004 .hxc-overlay .p-21 {
        padding: 12.5rem !important;
    }

    .cm-004 .hxc-overlay .p-22 {
        padding: 15rem !important;
    }

    .cm-004 .hxc-overlay .p-23 {
        padding: 17.5rem !important;
    }

    .cm-004 .hxc-overlay .p-24 {
        padding: 20rem !important;
    }

    .cm-004 .hxc-overlay .p-25 {
        padding: 22.5rem !important;
    }

    .cm-004 .hxc-overlay .px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .cm-004 .hxc-overlay .px-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .cm-004 .hxc-overlay .px-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .cm-004 .hxc-overlay .px-3 {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    }

    .cm-004 .hxc-overlay .px-4 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .cm-004 .hxc-overlay .px-5 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .cm-004 .hxc-overlay .px-6 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .cm-004 .hxc-overlay .px-7 {
        padding-right: 1.75rem !important;
        padding-left: 1.75rem !important;
    }

    .cm-004 .hxc-overlay .px-8 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .cm-004 .hxc-overlay .px-9 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important;
    }

    .cm-004 .hxc-overlay .px-10 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
    }

    .cm-004 .hxc-overlay .px-11 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .cm-004 .hxc-overlay .px-12 {
        padding-right: 3.5rem !important;
        padding-left: 3.5rem !important;
    }

    .cm-004 .hxc-overlay .px-13 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .cm-004 .hxc-overlay .px-14 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important;
    }

    .cm-004 .hxc-overlay .px-15 {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }

    .cm-004 .hxc-overlay .px-16 {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }

    .cm-004 .hxc-overlay .px-17 {
        padding-right: 7rem !important;
        padding-left: 7rem !important;
    }

    .cm-004 .hxc-overlay .px-18 {
        padding-right: 8rem !important;
        padding-left: 8rem !important;
    }

    .cm-004 .hxc-overlay .px-19 {
        padding-right: 9rem !important;
        padding-left: 9rem !important;
    }

    .cm-004 .hxc-overlay .px-20 {
        padding-right: 10rem !important;
        padding-left: 10rem !important;
    }

    .cm-004 .hxc-overlay .px-21 {
        padding-right: 12.5rem !important;
        padding-left: 12.5rem !important;
    }

    .cm-004 .hxc-overlay .px-22 {
        padding-right: 15rem !important;
        padding-left: 15rem !important;
    }

    .cm-004 .hxc-overlay .px-23 {
        padding-right: 17.5rem !important;
        padding-left: 17.5rem !important;
    }

    .cm-004 .hxc-overlay .px-24 {
        padding-right: 20rem !important;
        padding-left: 20rem !important;
    }

    .cm-004 .hxc-overlay .px-25 {
        padding-right: 22.5rem !important;
        padding-left: 22.5rem !important;
    }

    .cm-004 .hxc-overlay .py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .cm-004 .hxc-overlay .py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .cm-004 .hxc-overlay .py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .cm-004 .hxc-overlay .py-3 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .cm-004 .hxc-overlay .py-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .cm-004 .hxc-overlay .py-5 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }

    .cm-004 .hxc-overlay .py-6 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .cm-004 .hxc-overlay .py-7 {
        padding-top: 1.75rem !important;
        padding-bottom: 1.75rem !important;
    }

    .cm-004 .hxc-overlay .py-8 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .cm-004 .hxc-overlay .py-9 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }

    .cm-004 .hxc-overlay .py-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .cm-004 .hxc-overlay .py-11 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .cm-004 .hxc-overlay .py-12 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .cm-004 .hxc-overlay .py-13 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .cm-004 .hxc-overlay .py-14 {
        padding-top: 4.5rem !important;
        /*padding-bottom: 4.5rem !important;*/
    }

    .cm-004 .hxc-overlay .py-14-custom {
        padding-top: 330px !important;
        /* padding-bottom: 4.5rem !important;*/
    }

    .cm-004 .hxc-overlay .py-15 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .cm-004 .hxc-overlay .py-16 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .cm-004 .hxc-overlay .py-17 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }

    .cm-004 .hxc-overlay .py-18 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }

    .cm-004 .hxc-overlay .py-19 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important;
    }

    .cm-004 .hxc-overlay .py-20 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }

    .cm-004 .hxc-overlay .py-21 {
        padding-top: 12.5rem !important;
        padding-bottom: 12.5rem !important;
    }

    .cm-004 .hxc-overlay .py-22 {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important;
    }

    .cm-004 .hxc-overlay .py-23 {
        padding-top: 17.5rem !important;
        padding-bottom: 17.5rem !important;
    }

    .cm-004 .hxc-overlay .py-24 {
        padding-top: 20rem !important;
        padding-bottom: 20rem !important;
    }

    .cm-004 .hxc-overlay .py-25 {
        padding-top: 22.5rem !important;
        padding-bottom: 22.5rem !important;
    }

    .cm-004 .hxc-overlay .pt-0 {
        padding-top: 0 !important;
    }

    .cm-004 .hxc-overlay .pt-1 {
        padding-top: 0.25rem !important;
    }

    .cm-004 .hxc-overlay .pt-2 {
        padding-top: 0.5rem !important;
    }

    .cm-004 .hxc-overlay .pt-3 {
        padding-top: 0.75rem !important;
    }

    .cm-004 .hxc-overlay .pt-4 {
        padding-top: 1rem !important;
    }

    .cm-004 .hxc-overlay .pt-5 {
        padding-top: 1.25rem !important;
    }

    .cm-004 .hxc-overlay .pt-6 {
        padding-top: 1.5rem !important;
    }

    .cm-004 .hxc-overlay .pt-7 {
        padding-top: 1.75rem !important;
    }

    .cm-004 .hxc-overlay .pt-8 {
        padding-top: 2rem !important;
    }

    .cm-004 .hxc-overlay .pt-9 {
        padding-top: 2.25rem !important;
    }

    .cm-004 .hxc-overlay .pt-10 {
        padding-top: 40px !important;
    }

    .cm-004 .hxc-overlay .pt-11 {
        padding-top: 3rem !important;
    }

    .cm-004 .hxc-overlay .pt-12 {
        padding-top: 3.5rem !important;
    }

    .cm-004 .hxc-overlay .pt-13 {
        padding-top: 4rem !important;
    }

    .cm-004 .hxc-overlay .pt-14 {
        padding-top: 4.5rem !important;
    }

    .cm-004 .hxc-overlay .pt-15 {
        padding-top: 5rem !important;
    }

    .cm-004 .hxc-overlay .pt-16 {
        padding-top: 6.5rem !important;
    }

    .cm-004 .hxc-overlay .pt-17 {
        padding-top: 7rem !important;
    }

    .cm-004 .hxc-overlay .pt-18 {
        padding-top: 8rem !important;
    }

    .cm-004 .hxc-overlay .pt-19 {
        padding-top: 9rem !important;
    }

    .cm-004 .hxc-overlay .pt-20 {
        padding-top: 10rem !important;
    }

    .cm-004 .hxc-overlay .pt-21 {
        padding-top: 12.5rem !important;
    }

    .cm-004 .hxc-overlay .pt-22 {
        padding-top: 15rem !important;
    }

    .cm-004 .hxc-overlay .pt-23 {
        padding-top: 17.5rem !important;
    }

    .cm-004 .hxc-overlay .pt-24 {
        padding-top: 20rem !important;
    }

    .cm-004 .hxc-overlay .pt-25 {
        padding-top: 22.5rem !important;
    }

    .cm-004 .hxc-overlay .pe-0 {
        padding-right: 0 !important;
    }

    .cm-004 .hxc-overlay .pe-1 {
        padding-right: 0.25rem !important;
    }

    .cm-004 .hxc-overlay .pe-2 {
        padding-right: 0.5rem !important;
    }

    .cm-004 .hxc-overlay .pe-3 {
        padding-right: 0.75rem !important;
    }

    .cm-004 .hxc-overlay .pe-4 {
        padding-right: 1rem !important;
    }

    .cm-004 .hxc-overlay .pe-5 {
        padding-right: 1.25rem !important;
    }

    .cm-004 .hxc-overlay .pe-6 {
        padding-right: 1.5rem !important;
    }

    .cm-004 .hxc-overlay .pe-7 {
        padding-right: 1.75rem !important;
    }

    .cm-004 .hxc-overlay .pe-8 {
        padding-right: 2rem !important;
    }

    .cm-004 .hxc-overlay .pe-9 {
        padding-right: 2.25rem !important;
    }

    .cm-004 .hxc-overlay .pe-10 {
        padding-right: 2.5rem !important;
    }

    .cm-004 .hxc-overlay .pe-11 {
        padding-right: 3rem !important;
    }

    .cm-004 .hxc-overlay .pe-12 {
        padding-right: 3.5rem !important;
    }

    .cm-004 .hxc-overlay .pe-13 {
        padding-right: 4rem !important;
    }

    .cm-004 .hxc-overlay .pe-14 {
        padding-right: 4.5rem !important;
    }

    .cm-004 .hxc-overlay .pe-15 {
        padding-right: 5rem !important;
    }

    .cm-004 .hxc-overlay .pe-16 {
        padding-right: 6rem !important;
    }

    .cm-004 .hxc-overlay .pe-17 {
        padding-right: 7rem !important;
    }

    .cm-004 .hxc-overlay .pe-18 {
        padding-right: 8rem !important;
    }

    .cm-004 .hxc-overlay .pe-19 {
        padding-right: 9rem !important;
    }

    .cm-004 .hxc-overlay .pe-20 {
        padding-right: 10rem !important;
    }

    .cm-004 .hxc-overlay .pe-21 {
        padding-right: 12.5rem !important;
    }

    .cm-004 .hxc-overlay .pe-22 {
        padding-right: 15rem !important;
    }

    .cm-004 .hxc-overlay .pe-23 {
        padding-right: 17.5rem !important;
    }

    .cm-004 .hxc-overlay .pe-24 {
        padding-right: 20rem !important;
    }

    .cm-004 .hxc-overlay .pe-25 {
        padding-right: 22.5rem !important;
    }

    .cm-004 .hxc-overlay .pb-0 {
        padding-bottom: 0 !important;
    }

    .cm-004 .hxc-overlay .pb-1 {
        padding-bottom: 0.25rem !important;
    }

    .cm-004 .hxc-overlay .pb-2 {
        padding-bottom: 0.5rem !important;
    }

    .cm-004 .hxc-overlay .pb-3 {
        padding-bottom: 0.75rem !important;
    }

    .cm-004 .hxc-overlay .pb-4 {
        padding-bottom: 1rem !important;
    }

    .cm-004 .hxc-overlay .pb-5 {
        padding-bottom: 1.25rem !important;
    }

    .cm-004 .hxc-overlay .pb-6 {
        padding-bottom: 1.5rem !important;
    }

    .cm-004 .hxc-overlay .pb-7 {
        padding-bottom: 1.75rem !important;
    }

    .cm-004 .hxc-overlay .pb-8 {
        padding-bottom: 2rem !important;
    }

    .cm-004 .hxc-overlay .pb-9 {
        padding-bottom: 2.25rem !important;
    }

    .cm-004 .hxc-overlay .pb-10 {
        padding-bottom: 2.5rem !important;
    }

    .cm-004 .hxc-overlay .pb-11 {
        padding-bottom: 3rem !important;
    }

    .cm-004 .hxc-overlay .pb-12 {
        padding-bottom: 3.5rem !important;
    }

    .cm-004 .hxc-overlay .pb-13 {
        padding-bottom: 4rem !important;
    }

    .cm-004 .hxc-overlay .pb-14 {
        padding-bottom: 4.5rem !important;
    }

    .cm-004 .hxc-overlay .pb-15 {
        padding-bottom: 5rem !important;
    }

    .cm-004 .hxc-overlay .pb-16 {
        padding-bottom: 6rem !important;
    }

    .cm-004 .hxc-overlay .pb-17 {
        padding-bottom: 7rem !important;
    }

    .cm-004 .hxc-overlay .pb-18 {
        padding-bottom: 8rem !important;
    }

    .cm-004 .hxc-overlay .pb-19 {
        padding-bottom: 9rem !important;
    }

    .cm-004 .hxc-overlay .pb-20 {
        padding-bottom: 10rem !important;
    }

    .cm-004 .hxc-overlay .pb-21 {
        padding-bottom: 12.5rem !important;
    }

    .cm-004 .hxc-overlay .pb-22 {
        padding-bottom: 15rem !important;
    }

    .cm-004 .hxc-overlay .pb-23 {
        padding-bottom: 17.5rem !important;
    }

    .cm-004 .hxc-overlay .pb-24 {
        padding-bottom: 20rem !important;
    }

    .cm-004 .hxc-overlay .pb-25 {
        padding-bottom: 22.5rem !important;
    }

    .cm-004 .hxc-overlay .ps-0 {
        padding-left: 0 !important;
    }

    .cm-004 .hxc-overlay .ps-1 {
        padding-left: 0.25rem !important;
    }

    .cm-004 .hxc-overlay .ps-2 {
        padding-left: 0.5rem !important;
    }

    .cm-004 .hxc-overlay .ps-3 {
        padding-left: 0.75rem !important;
    }

    .cm-004 .hxc-overlay .ps-4 {
        padding-left: 1rem !important;
    }

    .cm-004 .hxc-overlay .ps-5 {
        padding-left: 1.25rem !important;
    }

    .cm-004 .hxc-overlay .ps-6 {
        padding-left: 1.5rem !important;
    }

    .cm-004 .hxc-overlay .ps-7 {
        padding-left: 1.75rem !important;
    }

    .cm-004 .hxc-overlay .ps-8 {
        padding-left: 2rem !important;
    }

    .cm-004 .hxc-overlay .ps-9 {
        padding-left: 2.25rem !important;
    }

    .cm-004 .hxc-overlay .ps-10 {
        padding-left: 2.5rem !important;
    }

    .cm-004 .hxc-overlay .ps-11 {
        padding-left: 3rem !important;
    }

    .cm-004 .hxc-overlay .ps-12 {
        padding-left: 3.5rem !important;
    }

    .cm-004 .hxc-overlay .ps-13 {
        padding-left: 4rem !important;
    }

    .cm-004 .hxc-overlay .ps-14 {
        padding-left: 4.5rem !important;
    }

    .cm-004 .hxc-overlay .ps-15 {
        padding-left: 5rem !important;
    }

    .cm-004 .hxc-overlay .ps-16 {
        padding-left: 6rem !important;
    }

    .cm-004 .hxc-overlay .ps-17 {
        padding-left: 7rem !important;
    }

    .cm-004 .hxc-overlay .ps-18 {
        padding-left: 8rem !important;
    }

    .cm-004 .hxc-overlay .ps-19 {
        padding-left: 9rem !important;
    }

    .cm-004 .hxc-overlay .ps-20 {
        padding-left: 10rem !important;
    }

    .cm-004 .hxc-overlay .ps-21 {
        padding-left: 12.5rem !important;
    }

    .cm-004 .hxc-overlay .ps-22 {
        padding-left: 15rem !important;
    }

    .cm-004 .hxc-overlay .ps-23 {
        padding-left: 17.5rem !important;
    }

    .cm-004 .hxc-overlay .ps-24 {
        padding-left: 20rem !important;
    }

    .cm-004 .hxc-overlay .ps-25 {
        padding-left: 22.5rem !important;
    }

    .cm-004 .hxc-overlay .gap-0 {
        gap: 0 !important;
    }

    .cm-004 .hxc-overlay .gap-1 {
        gap: 0.25rem !important;
    }

    .cm-004 .hxc-overlay .gap-2 {
        gap: 0.5rem !important;
    }

    .cm-004 .hxc-overlay .gap-3 {
        gap: 0.75rem !important;
    }

    .cm-004 .hxc-overlay .gap-4 {
        gap: 1rem !important;
    }

    .cm-004 .hxc-overlay .gap-5 {
        gap: 1.25rem !important;
    }

    .cm-004 .hxc-overlay .gap-6 {
        gap: 1.5rem !important;
    }

    .cm-004 .hxc-overlay .gap-7 {
        gap: 1.75rem !important;
    }

    .cm-004 .hxc-overlay .gap-8 {
        gap: 2rem !important;
    }

    .cm-004 .hxc-overlay .gap-9 {
        gap: 2.25rem !important;
    }

    .cm-004 .hxc-overlay .gap-10 {
        gap: 2.5rem !important;
    }

    .cm-004 .hxc-overlay .gap-11 {
        gap: 3rem !important;
    }

    .cm-004 .hxc-overlay .gap-12 {
        gap: 3.5rem !important;
    }

    .cm-004 .hxc-overlay .gap-13 {
        gap: 4rem !important;
    }

    .cm-004 .hxc-overlay .gap-14 {
        gap: 4.5rem !important;
    }

    .cm-004 .hxc-overlay .gap-15 {
        gap: 5rem !important;
    }

    .cm-004 .hxc-overlay .gap-16 {
        gap: 6rem !important;
    }

    .cm-004 .hxc-overlay .gap-17 {
        gap: 7rem !important;
    }

    .cm-004 .hxc-overlay .gap-18 {
        gap: 8rem !important;
    }

    .cm-004 .hxc-overlay .gap-19 {
        gap: 9rem !important;
    }

    .cm-004 .hxc-overlay .gap-20 {
        gap: 10rem !important;
    }

    .cm-004 .hxc-overlay .gap-21 {
        gap: 12.5rem !important;
    }

    .cm-004 .hxc-overlay .gap-22 {
        gap: 15rem !important;
    }

    .cm-004 .hxc-overlay .gap-23 {
        gap: 17.5rem !important;
    }

    .cm-004 .hxc-overlay .gap-24 {
        gap: 20rem !important;
    }

    .cm-004 .hxc-overlay .gap-25 {
        gap: 22.5rem !important;
    }

    .cm-004 .hxc-overlay .font-monospace {
        font-family: var(--bs-font-monospace) !important;
    }

    .cm-004 .hxc-overlay .fst-italic {
        font-style: italic !important;
    }

    .cm-004 .hxc-overlay .fst-normal {
        font-style: normal !important;
    }

    .cm-004 .hxc-overlay .fw-light {
        font-weight: 400 !important;
    }

    .cm-004 .hxc-overlay .fw-lighter {
        font-weight: lighter !important;
    }

    .cm-004 .hxc-overlay .fw-normal {
        font-weight: 500 !important;
    }

    .cm-004 .hxc-overlay .fw-bold {
        font-weight: 700 !important;
    }

    .cm-004 .hxc-overlay .fw-semibold {
        font-weight: 600 !important;
    }

    .cm-004 .hxc-overlay .fw-bolder {
        font-weight: bolder !important;
    }

    .cm-004 .hxc-overlay .lh-1 {
        line-height: 1 !important;
    }

    .cm-004 .hxc-overlay .lh-xxs {
        line-height: 1.05 !important;
    }

    .cm-004 .hxc-overlay .lh-xs {
        line-height: 1.35 !important;
    }

    .cm-004 .hxc-overlay .lh-sm {
        line-height: 1.5 !important;
    }

    .cm-004 .hxc-overlay .lh-base {
        line-height: 1.7 !important;
    }

    .cm-004 .hxc-overlay .lh-lg {
        line-height: 1.9 !important;
    }

    .cm-004 .hxc-overlay .text-start {
        text-align: left !important;
    }

    .cm-004 .hxc-overlay .text-end {
        text-align: right !important;
    }

    .cm-004 .hxc-overlay .text-center {
        text-align: center !important;
    }

    .cm-004 .hxc-overlay .text-decoration-none {
        text-decoration: none !important;
    }

    .cm-004 .hxc-overlay .text-decoration-underline {
        text-decoration: underline !important;
    }

    .cm-004 .hxc-overlay .text-decoration-line-through {
        text-decoration: line-through !important;
    }

    .cm-004 .hxc-overlay .text-lowercase {
        text-transform: lowercase !important;
    }

    .cm-004 .hxc-overlay .text-uppercase {
        text-transform: uppercase !important;
    }

    .cm-004 .hxc-overlay .text-capitalize {
        text-transform: capitalize !important;
    }

    .cm-004 .hxc-overlay .text-wrap {
        white-space: normal !important;
    }

    .cm-004 .hxc-overlay .text-nowrap {
        white-space: nowrap !important;
    }

    .cm-004 .hxc-overlay .text-break {
        word-wrap: break-word !important;
        word-break: break-word !important;
    }

    .cm-004 .hxc-overlay .text-yellow {
        --bs-text-opacity: 1;
        color: #fab758 !important;
    }

    .cm-004 .hxc-overlay .text-green {
        --bs-text-opacity: 1;
        color: #45c4a0 !important;
    }

    .cm-004 .hxc-overlay .text-navy {
        --bs-text-opacity: 1;
        color: #343f52 !important;
    }

    .cm-004 .hxc-overlay .text-ash {
        --bs-text-opacity: 1;
        color: #9499a3 !important;
    }

    .cm-004 .hxc-overlay .text-white {
        --bs-text-opacity: 1;
        color: #fff !important;
    }

    .cm-004 .hxc-overlay .text-light {
        --bs-text-opacity: 1;
        color: #fefefe !important;
    }

    .cm-004 .hxc-overlay .text-gray {
        --bs-text-opacity: 1;
        color: #f6f7f9 !important;
    }

    .cm-004 .hxc-overlay .text-primary {
        --bs-text-opacity: 1;
        color: #3f78e0 !important;
    }

    .cm-004 .hxc-overlay .text-warning {
        --bs-text-opacity: 1;
        color: #fab758 !important;
    }

    .cm-004 .hxc-overlay .text-dark {
        --bs-text-opacity: 1;
        color: #343f52 !important;
    }

    .cm-004 .hxc-overlay .text-black-50 {
        --bs-text-opacity: 1;
        color: rgba(0, 0, 0, 0.5) !important;
    }

    .cm-004 .hxc-overlay .text-white-50 {
        --bs-text-opacity: 1;
        color: rgba(255, 255, 255, 0.5) !important;
    }

    .cm-004 .hxc-overlay .text-reset {
        --bs-text-opacity: 1;
        color: inherit !important;
    }

    .cm-004 .hxc-overlay .bg-blue {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-sky {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-purple {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-grape {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-violet {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-pink {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-fuchsia {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-red {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-orange {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-yellow {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-green {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-leaf {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-aqua {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-navy {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-ash {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-white {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-light-overlay {
        --bs-bg-opacity: 1;
        background-color: #fff !important;
    }

    .cm-004 .hxc-overlay .bg-light-overlay-code {
        --bs-bg-opacity: 1;
        background-color: #fff !important;
    }

    .cm-004 .control-banner {
        padding-top: 0px !important;
        margin-top: 50px !important;
    }

    @media (max-width: 450px) {
        .cm-004 .control-banner {
            padding-top: 0px !important;
            margin-top: 50px !important;
        }
    }

    .cm-004 .hxc-overlay .scbg-light {
        --bs-bg-opacity: 1;
        background-color: #fff !important;
    }

    .cm-004 .hxc-overlay .bg-gray {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-dark {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-primary {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-secondary {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-success {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-info {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-warning {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-danger {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-black {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-body {
        --bs-bg-opacity: 1;
        background-color: #000000 !important;
    }

    .cm-004 .hxc-overlay .bg-transparent {
        --bs-bg-opacity: 1;
        background-color: transparent !important;
    }

    .cm-004 .hxc-overlay .bg-opacity-10 {
        --bs-bg-opacity: 0.1;
    }

    .cm-004 .hxc-overlay .bg-opacity-25 {
        --bs-bg-opacity: 0.25;
    }

    .cm-004 .hxc-overlay .bg-opacity-50 {
        --bs-bg-opacity: 0.5;
    }

    .cm-004 .hxc-overlay .bg-opacity-75 {
        --bs-bg-opacity: 0.75;
    }

    .cm-004 .hxc-overlay .bg-opacity-100 {
        --bs-bg-opacity: 1;
    }

    .cm-004 .hxc-overlay .bg-gradient {
        background-image: var(--bs-gradient) !important;
    }

    .cm-004 .hxc-overlay .rounded {
        border-radius: 0.4rem !important;
    }

    .cm-004 .hxc-overlay .rounded-0 {
        border-radius: 0 !important;
    }

    .cm-004 .hxc-overlay .visible {
        visibility: visible !important;
    }

    .cm-004 .hxc-overlay .invisible {
        visibility: hidden !important;
    }

    @media (min-width: 576px) {
        .cm-004 .hxc-overlay .float-sm-start {
            float: left !important;
        }

        .cm-004 .hxc-overlay .float-sm-end {
            float: right !important;
        }

        .cm-004 .hxc-overlay .float-sm-none {
            float: none !important;
        }

        .cm-004 .hxc-overlay .d-sm-inline {
            display: inline !important;
        }

        .cm-004 .hxc-overlay .d-sm-inline-block {
            display: inline-block !important;
        }

        .cm-004 .hxc-overlay .d-sm-block {
            display: block !important;
        }

        .cm-004 .hxc-overlay .d-sm-grid {
            display: grid !important;
        }

        .cm-004 .hxc-overlay .d-sm-table {
            display: table !important;
        }

        .cm-004 .hxc-overlay .d-sm-table-row {
            display: table-row !important;
        }

        .cm-004 .hxc-overlay .d-sm-table-cell {
            display: table-cell !important;
        }

        .cm-004 .hxc-overlay .d-sm-flex {
            display: flex !important;
        }

        .cm-004 .hxc-overlay .d-sm-inline-flex {
            display: inline-flex !important;
        }

        .cm-004 .hxc-overlay .d-sm-none {
            display: none !important;
        }

        .cm-004 .hxc-overlay .flex-sm-fill {
            flex: 1 1 auto !important;
        }

        .cm-004 .hxc-overlay .flex-sm-row {
            flex-direction: row !important;
        }

        .cm-004 .hxc-overlay .flex-sm-column {
            flex-direction: column !important;
        }

        .cm-004 .hxc-overlay .flex-sm-row-reverse {
            flex-direction: row-reverse !important;
        }

        .cm-004 .hxc-overlay .flex-sm-column-reverse {
            flex-direction: column-reverse !important;
        }

        .cm-004 .hxc-overlay .flex-sm-grow-0 {
            flex-grow: 0 !important;
        }

        .cm-004 .hxc-overlay .flex-sm-grow-1 {
            flex-grow: 1 !important;
        }

        .cm-004 .hxc-overlay .flex-sm-shrink-0 {
            flex-shrink: 0 !important;
        }

        .cm-004 .hxc-overlay .flex-sm-shrink-1 {
            flex-shrink: 1 !important;
        }

        .cm-004 .hxc-overlay .flex-sm-wrap {
            flex-wrap: wrap !important;
        }

        .cm-004 .hxc-overlay .flex-sm-nowrap {
            flex-wrap: nowrap !important;
        }

        .cm-004 .hxc-overlay .flex-sm-wrap-reverse {
            flex-wrap: wrap-reverse !important;
        }

        .cm-004 .hxc-overlay .justify-content-sm-start {
            justify-content: flex-start !important;
        }

        .cm-004 .hxc-overlay .justify-content-sm-end {
            justify-content: flex-end !important;
        }

        .cm-004 .hxc-overlay .justify-content-sm-center {
            justify-content: center !important;
        }

        .cm-004 .hxc-overlay .justify-content-sm-between {
            justify-content: space-between !important;
        }

        .cm-004 .hxc-overlay .justify-content-sm-around {
            justify-content: space-around !important;
        }

        .cm-004 .hxc-overlay .justify-content-sm-evenly {
            justify-content: space-evenly !important;
        }

        .cm-004 .hxc-overlay .align-items-sm-start {
            align-items: flex-start !important;
        }

        .cm-004 .hxc-overlay .align-items-sm-end {
            align-items: flex-end !important;
        }

        .cm-004 .hxc-overlay .align-items-sm-center {
            align-items: center !important;
        }

        .cm-004 .hxc-overlay .align-items-sm-baseline {
            align-items: baseline !important;
        }

        .cm-004 .hxc-overlay .align-items-sm-stretch {
            align-items: stretch !important;
        }

        .cm-004 .hxc-overlay .align-content-sm-start {
            align-content: flex-start !important;
        }

        .cm-004 .hxc-overlay .align-content-sm-end {
            align-content: flex-end !important;
        }

        .cm-004 .hxc-overlay .align-content-sm-center {
            align-content: center !important;
        }

        .cm-004 .hxc-overlay .align-content-sm-between {
            align-content: space-between !important;
        }

        .cm-004 .hxc-overlay .align-content-sm-around {
            align-content: space-around !important;
        }

        .cm-004 .hxc-overlay .align-content-sm-stretch {
            align-content: stretch !important;
        }

        .cm-004 .hxc-overlay .align-self-sm-auto {
            align-self: auto !important;
        }

        .cm-004 .hxc-overlay .align-self-sm-start {
            align-self: flex-start !important;
        }

        .cm-004 .hxc-overlay .align-self-sm-end {
            align-self: flex-end !important;
        }

        .cm-004 .hxc-overlay .align-self-sm-center {
            align-self: center !important;
        }

        .cm-004 .hxc-overlay .align-self-sm-baseline {
            align-self: baseline !important;
        }

        .cm-004 .hxc-overlay .align-self-sm-stretch {
            align-self: stretch !important;
        }

        .cm-004 .hxc-overlay .m-sm-auto {
            margin: auto !important;
        }

        .cm-004 .hxc-overlay .py-sm-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .cm-004 .hxc-overlay .py-sm-1 {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-2 {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-3 {
            padding-top: 0.75rem !important;
            padding-bottom: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-4 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-5 {
            padding-top: 1.25rem !important;
            padding-bottom: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-6 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-7 {
            padding-top: 1.75rem !important;
            padding-bottom: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-8 {
            padding-top: 2rem !important;
            padding-bottom: 2rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-9 {
            padding-top: 2.25rem !important;
            padding-bottom: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-10 {
            padding-top: 2.5rem !important;
            padding-bottom: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-11 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-12 {
            padding-top: 3.5rem !important;
            padding-bottom: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-13 {
            padding-top: 4rem !important;
            padding-bottom: 4rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-14 {
            padding-top: 4.5rem !important;
            padding-bottom: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-15 {
            padding-top: 5rem !important;
            padding-bottom: 5rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-16 {
            padding-top: 6rem !important;
            padding-bottom: 6rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-17 {
            padding-top: 7rem !important;
            padding-bottom: 7rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-18 {
            padding-top: 8rem !important;
            padding-bottom: 8rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-19 {
            padding-top: 9rem !important;
            padding-bottom: 9rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-20 {
            padding-top: 10rem !important;
            padding-bottom: 10rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-21 {
            padding-top: 12.5rem !important;
            padding-bottom: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-22 {
            padding-top: 15rem !important;
            padding-bottom: 15rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-23 {
            padding-top: 17.5rem !important;
            padding-bottom: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-24 {
            padding-top: 20rem !important;
            padding-bottom: 20rem !important;
        }

        .cm-004 .hxc-overlay .py-sm-25 {
            padding-top: 22.5rem !important;
            padding-bottom: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-0 {
            padding-top: 0 !important;
        }

        .cm-004 .hxc-overlay .pt-sm-1 {
            padding-top: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-2 {
            padding-top: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-3 {
            padding-top: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-4 {
            padding-top: 1rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-5 {
            padding-top: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-6 {
            padding-top: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-7 {
            padding-top: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-8 {
            padding-top: 2rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-9 {
            padding-top: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-10 {
            padding-top: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-11 {
            padding-top: 3rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-12 {
            padding-top: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-13 {
            padding-top: 4rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-14 {
            padding-top: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-15 {
            padding-top: 5rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-16 {
            padding-top: 6rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-17 {
            padding-top: 7rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-18 {
            padding-top: 8rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-19 {
            padding-top: 9rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-20 {
            padding-top: 10rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-21 {
            padding-top: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-22 {
            padding-top: 15rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-23 {
            padding-top: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-24 {
            padding-top: 20rem !important;
        }

        .cm-004 .hxc-overlay .pt-sm-25 {
            padding-top: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .text-sm-start {
            text-align: left !important;
        }

        .cm-004 .hxc-overlay .text-sm-end {
            text-align: right !important;
        }

        .cm-004 .hxc-overlay .text-sm-center {
            text-align: center !important;
        }
    }

    @media (min-width: 768px) {
        .cm-004 .hxc-overlay .float-md-start {
            float: left !important;
        }

        .cm-004 .hxc-overlay .float-md-end {
            float: right !important;
        }

        .cm-004 .hxc-overlay .float-md-none {
            float: none !important;
        }

        .cm-004 .hxc-overlay .flex-md-fill {
            flex: 1 1 auto !important;
        }

        .cm-004 .hxc-overlay .flex-md-row {
            flex-direction: row !important;
        }

        .cm-004 .hxc-overlay .flex-md-column {
            flex-direction: column !important;
        }

        .cm-004 .hxc-overlay .flex-md-row-reverse {
            flex-direction: row-reverse !important;
        }

        .cm-004 .hxc-overlay .flex-md-column-reverse {
            flex-direction: column-reverse !important;
        }

        .cm-004 .hxc-overlay .flex-md-grow-0 {
            flex-grow: 0 !important;
        }

        .cm-004 .hxc-overlay .flex-md-grow-1 {
            flex-grow: 1 !important;
        }

        .cm-004 .hxc-overlay .flex-md-shrink-0 {
            flex-shrink: 0 !important;
        }

        .cm-004 .hxc-overlay .flex-md-shrink-1 {
            flex-shrink: 1 !important;
        }

        .cm-004 .hxc-overlay .flex-md-wrap {
            flex-wrap: wrap !important;
        }

        .cm-004 .hxc-overlay .flex-md-nowrap {
            flex-wrap: nowrap !important;
        }

        .cm-004 .hxc-overlay .flex-md-wrap-reverse {
            flex-wrap: wrap-reverse !important;
        }

        .cm-004 .hxc-overlay .justify-content-md-start {
            justify-content: flex-start !important;
        }

        .cm-004 .hxc-overlay .justify-content-md-end {
            justify-content: flex-end !important;
        }

        .cm-004 .hxc-overlay .justify-content-md-center {
            justify-content: center !important;
        }

        .cm-004 .hxc-overlay .justify-content-md-between {
            justify-content: space-between !important;
        }

        .cm-004 .hxc-overlay .justify-content-md-around {
            justify-content: space-around !important;
        }

        .cm-004 .hxc-overlay .justify-content-md-evenly {
            justify-content: space-evenly !important;
        }

        .cm-004 .hxc-overlay .align-items-md-start {
            align-items: flex-start !important;
        }

        .cm-004 .hxc-overlay .align-items-md-end {
            align-items: flex-end !important;
        }

        .cm-004 .hxc-overlay .align-items-md-center {
            align-items: center !important;
        }

        .cm-004 .hxc-overlay .align-items-md-baseline {
            align-items: baseline !important;
        }

        .cm-004 .hxc-overlay .align-items-md-stretch {
            align-items: stretch !important;
        }

        .cm-004 .hxc-overlay .align-content-md-start {
            align-content: flex-start !important;
        }

        .cm-004 .hxc-overlay .align-content-md-end {
            align-content: flex-end !important;
        }

        .cm-004 .hxc-overlay .align-content-md-center {
            align-content: center !important;
        }

        .cm-004 .hxc-overlay .align-content-md-between {
            align-content: space-between !important;
        }

        .cm-004 .hxc-overlay .align-content-md-around {
            align-content: space-around !important;
        }

        .cm-004 .hxc-overlay .align-content-md-stretch {
            align-content: stretch !important;
        }

        .cm-004 .hxc-overlay .align-self-md-auto {
            align-self: auto !important;
        }

        .cm-004 .hxc-overlay .align-self-md-start {
            align-self: flex-start !important;
        }

        .cm-004 .hxc-overlay .align-self-md-end {
            align-self: flex-end !important;
        }

        .cm-004 .hxc-overlay .align-self-md-center {
            align-self: center !important;
        }

        .cm-004 .hxc-overlay .align-self-md-baseline {
            align-self: baseline !important;
        }

        .cm-004 .hxc-overlay .align-self-md-stretch {
            align-self: stretch !important;
        }

        .cm-004 .hxc-overlay .mt-md-6 {
            margin-top: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-7 {
            margin-top: 1.6rem !important;
            margin-bottom: 0.35rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-8 {
            margin-top: 2.4rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-9 {
            margin-top: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-10 {
            margin-top: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-11 {
            margin-top: 3rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-12 {
            margin-top: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-13 {
            margin-top: 4rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-14 {
            margin-top: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-15 {
            margin-top: 5rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-16 {
            margin-top: 6rem !important;
        }

        .cm-004 .hxc-overlay .mb-md-15 {
            margin-bottom: 5rem !important;
        }

        .cm-004 .hxc-overlay .mb-md-16 {
            margin-bottom: 6rem !important;
        }

        .cm-004 .hxc-overlay .mb-md-17 {
            margin-bottom: 2rem !important;
        }

        .cm-004 .hxc-overlay .mb-md-18 {
            margin-bottom: 8rem !important;
        }

        .cm-004 .hxc-overlay .mb-md-auto {
            margin-bottom: auto !important;
        }

        .cm-004 .hxc-overlay .mt-md-n1 {
            margin-top: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n2 {
            margin-top: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n3 {
            margin-top: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n4 {
            margin-top: -1rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n5 {
            margin-top: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n6 {
            margin-top: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n7 {
            margin-top: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n8 {
            margin-top: -2rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n9 {
            margin-top: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n10 {
            margin-top: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n11 {
            margin-top: -3rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n12 {
            margin-top: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n13 {
            margin-top: -4rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n14 {
            margin-top: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n15 {
            margin-top: -5rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n16 {
            margin-top: -6rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n17 {
            margin-top: -8.8rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n18 {
            margin-top: -8rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n19 {
            margin-top: -9rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n20 {
            margin-top: -10rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n21 {
            margin-top: -4.9rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n21-withoutbanner {
            margin-top: -6.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n22 {
            margin-top: -15rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n23 {
            margin-top: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n24 {
            margin-top: -20rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n25 {
            margin-top: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .py-md-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .cm-004 .hxc-overlay .py-md-1 {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .py-md-2 {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .py-md-3 {
            padding-top: 0.75rem !important;
            padding-bottom: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .py-md-4 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }

        .cm-004 .hxc-overlay .py-md-5 {
            padding-top: 1.25rem !important;
            padding-bottom: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .py-md-6 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .py-md-7 {
            padding-top: 1.75rem !important;
            padding-bottom: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .py-md-8 {
            padding-top: 2rem !important;
            padding-bottom: 2rem !important;
        }

        .cm-004 .hxc-overlay .py-md-9 {
            padding-top: 2.25rem !important;
            padding-bottom: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .py-md-10 {
            padding-top: 2.5rem !important;
            padding-bottom: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .py-md-11 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }

        .cm-004 .hxc-overlay .py-md-12 {
            padding-top: 3.5rem !important;
            padding-bottom: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .py-md-13 {
            padding-top: 4rem !important;
            padding-bottom: 4rem !important;
        }

        .cm-004 .hxc-overlay .py-md-14 {
            padding-top: 4.5rem !important;
            padding-bottom: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .py-md-15 {
            padding-top: 5rem !important;
            padding-bottom: 5rem !important;
        }

        .cm-004 .hxc-overlay .py-md-16 {
            padding-top: 6rem !important;
            padding-bottom: 6rem !important;
        }

        .cm-004 .hxc-overlay .py-md-17 {
            padding-top: 7rem !important;
            padding-bottom: 7rem !important;
        }

        .cm-004 .hxc-overlay .py-md-18 {
            padding-top: 8rem !important;
            padding-bottom: 8rem !important;
        }

        .cm-004 .hxc-overlay .py-md-19 {
            padding-top: 9rem !important;
            padding-bottom: 9rem !important;
        }

        .cm-004 .hxc-overlay .py-md-20 {
            padding-top: 10rem !important;
            padding-bottom: 10rem !important;
        }

        .cm-004 .hxc-overlay .py-md-21 {
            padding-top: 12.5rem !important;
            padding-bottom: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .py-md-22 {
            padding-top: 15rem !important;
            padding-bottom: 15rem !important;
        }

        .cm-004 .hxc-overlay .py-md-23 {
            padding-top: 17.5rem !important;
            padding-bottom: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .py-md-24 {
            padding-top: 20rem !important;
            padding-bottom: 20rem !important;
        }

        .cm-004 .hxc-overlay .py-md-25 {
            padding-top: 22.5rem !important;
            padding-bottom: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-0 {
            padding-top: 0 !important;
        }

        .cm-004 .hxc-overlay .pt-md-1 {
            padding-top: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-2 {
            padding-top: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-3 {
            padding-top: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-4 {
            padding-top: 1rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-5 {
            padding-top: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-6 {
            padding-top: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-7 {
            padding-top: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-8 {
            padding-top: 2rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-9 {
            padding-top: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-10 {
            padding-top: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-11 {
            padding-top: 3rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-12 {
            padding-top: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-13 {
            padding-top: 44px !important;
        }

        .cm-004 .hxc-overlay .pt-md-14 {
            padding-top: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-15 {
            padding-top: 5rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-16 {
            padding-top: 6rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-17 {
            padding-top: 7rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-18 {
            padding-top: 8rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-19 {
            padding-top: 9rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-20 {
            padding-top: 10rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-21 {
            padding-top: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-22 {
            padding-top: 15rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-23 {
            padding-top: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-24 {
            padding-top: 20rem !important;
        }

        .cm-004 .hxc-overlay .pt-md-25 {
            padding-top: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-0 {
            padding-bottom: 0 !important;
        }

        .cm-004 .hxc-overlay .pb-md-1 {
            padding-bottom: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-2 {
            padding-bottom: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-3 {
            padding-bottom: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-4 {
            padding-bottom: 1rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-5 {
            padding-bottom: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-6 {
            padding-bottom: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-7 {
            padding-bottom: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-8 {
            padding-bottom: 2rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-9 {
            padding-bottom: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-10 {
            padding-bottom: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-11 {
            padding-bottom: 3rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-12 {
            padding-bottom: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-13 {
            padding-bottom: 4rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-14 {
            padding-bottom: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-15 {
            padding-bottom: 5rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-16 {
            padding-bottom: 6rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-17 {
            padding-bottom: 7rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-18 {
            padding-bottom: 8rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-19 {
            padding-bottom: 9rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-20 {
            padding-bottom: 10rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-21 {
            padding-bottom: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-22 {
            padding-bottom: 15rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-23 {
            padding-bottom: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-24 {
            padding-bottom: 20rem !important;
        }

        .cm-004 .hxc-overlay .pb-md-25 {
            padding-bottom: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .text-md-start {
            text-align: left !important;
        }

        .cm-004 .hxc-overlay .text-md-end {
            text-align: right !important;
        }

        .cm-004 .hxc-overlay .text-md-center {
            text-align: center !important;
        }
    }

    @media (min-width: 992px) {
        .cm-004 .hxc-overlay .float-lg-start {
            float: left !important;
        }

        .cm-004 .hxc-overlay .float-lg-end {
            float: right !important;
        }

        .cm-004 .hxc-overlay .float-lg-none {
            float: none !important;
        }

        .cm-004 .hxc-overlay .d-lg-inline {
            display: inline !important;
        }

        .cm-004 .hxc-overlay .d-lg-inline-block {
            display: inline-block !important;
        }

        .cm-004 .hxc-overlay .d-lg-block {
            display: block !important;
        }

        .cm-004 .hxc-overlay .d-lg-grid {
            display: grid !important;
        }

        .cm-004 .hxc-overlay .d-lg-table {
            display: table !important;
        }

        .cm-004 .hxc-overlay .d-lg-table-row {
            display: table-row !important;
        }

        .cm-004 .hxc-overlay .d-lg-table-cell {
            display: table-cell !important;
        }

        .cm-004 .hxc-overlay .d-lg-flex {
            display: flex !important;
        }

        .cm-004 .hxc-overlay .d-lg-inline-flex {
            display: inline-flex !important;
        }

        .cm-004 .hxc-overlay .d-lg-none {
            display: none !important;
        }

        .cm-004 .hxc-overlay .flex-lg-fill {
            flex: 1 1 auto !important;
        }

        .cm-004 .hxc-overlay .flex-lg-row-overlay {
            flex-direction: row !important;
        }

        .cm-004 .hxc-overlay .flex-lg-column {
            flex-direction: column !important;
        }

        .cm-004 .hxc-overlay .flex-lg-row-reverse {
            flex-direction: row-reverse !important;
        }

        .cm-004 .hxc-overlay .flex-lg-column-reverse {
            flex-direction: column-reverse !important;
        }

        .cm-004 .hxc-overlay .flex-lg-grow-0 {
            flex-grow: 0 !important;
        }

        .cm-004 .hxc-overlay .flex-lg-grow-1 {
            flex-grow: 1 !important;
        }

        .cm-004 .hxc-overlay .flex-lg-shrink-0 {
            flex-shrink: 0 !important;
        }

        .cm-004 .hxc-overlay .flex-lg-shrink-1 {
            flex-shrink: 1 !important;
        }

        .cm-004 .hxc-overlay .flex-lg-wrap {
            flex-wrap: wrap !important;
        }

        .cm-004 .hxc-overlay .flex-lg-nowrap {
            flex-wrap: nowrap !important;
        }

        .cm-004 .hxc-overlay .flex-lg-wrap-reverse {
            flex-wrap: wrap-reverse !important;
        }

        .cm-004 .hxc-overlay .justify-content-lg-start {
            justify-content: flex-start !important;
        }

        .cm-004 .hxc-overlay .justify-content-lg-end {
            justify-content: flex-end !important;
        }

        .cm-004 .hxc-overlay .justify-content-lg-center {
            justify-content: center !important;
        }

        .cm-004 .hxc-overlay .justify-content-lg-between {
            justify-content: space-between !important;
        }

        .cm-004 .hxc-overlay .justify-content-lg-around {
            justify-content: space-around !important;
        }

        .cm-004 .hxc-overlay .justify-content-lg-evenly {
            justify-content: space-evenly !important;
        }

        .cm-004 .hxc-overlay .align-items-lg-start {
            align-items: flex-start !important;
        }

        .cm-004 .hxc-overlay .align-items-lg-end {
            align-items: flex-end !important;
        }

        .cm-004 .hxc-overlay .align-items-lg-center {
            align-items: center !important;
        }

        .cm-004 .hxc-overlay .align-items-lg-baseline {
            align-items: baseline !important;
        }

        .cm-004 .hxc-overlay .align-items-lg-stretch {
            align-items: stretch !important;
        }

        .cm-004 .hxc-overlay .align-content-lg-start {
            align-content: flex-start !important;
        }

        .cm-004 .hxc-overlay .align-content-lg-end {
            align-content: flex-end !important;
        }

        .cm-004 .hxc-overlay .align-content-lg-center {
            align-content: center !important;
        }

        .cm-004 .hxc-overlay .align-content-lg-between {
            align-content: space-between !important;
        }

        .cm-004 .hxc-overlay .align-content-lg-around {
            align-content: space-around !important;
        }

        .cm-004 .hxc-overlay .align-content-lg-stretch {
            align-content: stretch !important;
        }

        .cm-004 .hxc-overlay .align-self-lg-auto {
            align-self: auto !important;
        }

        .cm-004 .hxc-overlay .align-self-lg-start {
            align-self: flex-start !important;
        }

        .cm-004 .hxc-overlay .align-self-lg-end {
            align-self: flex-end !important;
        }

        .cm-004 .hxc-overlay .align-self-lg-center {
            align-self: center !important;
        }

        .cm-004 .hxc-overlay .align-self-lg-baseline {
            align-self: baseline !important;
        }

        .cm-004 .hxc-overlay .align-self-lg-stretch {
            align-self: stretch !important;
        }

        .cm-004 .hxc-overlay .order-lg-first {
            order: -1 !important;
        }

        .cm-004 .hxc-overlay .order-lg-0 {
            order: 0 !important;
        }

        .cm-004 .hxc-overlay .order-lg-1 {
            order: 1 !important;
        }

        .cm-004 .hxc-overlay .order-lg-2 {
            order: 2 !important;
        }

        .cm-004 .hxc-overlay .order-lg-3 {
            order: 3 !important;
        }

        .cm-004 .hxc-overlay .order-lg-4 {
            order: 4 !important;
        }

        .cm-004 .hxc-overlay .order-lg-5 {
            order: 5 !important;
        }

        .cm-004 .hxc-overlay .order-lg-last {
            order: 6 !important;
        }

        .cm-004 .hxc-overlay .m-lg-0 {
            margin: 0 !important;
        }

        .cm-004 .hxc-overlay .m-lg-1 {
            margin: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-2 {
            margin: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-3 {
            margin: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-4 {
            margin: 1rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-5 {
            margin: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-6 {
            margin: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-7 {
            margin: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-8 {
            margin: 2rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-9 {
            margin: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-10 {
            margin: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-11 {
            margin: 3rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-12 {
            margin: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-13 {
            margin: 4rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-14 {
            margin: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-15 {
            margin: 5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-16 {
            margin: 6rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-17 {
            margin: 7rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-18 {
            margin: 8rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-19 {
            margin: 9rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-20 {
            margin: 10rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-21 {
            margin: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-22 {
            margin: 15rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-23 {
            margin: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-24 {
            margin: 20rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-25 {
            margin: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-auto {
            margin: auto !important;
        }

        .cm-004 .hxc-overlay .mx-lg-auto {
            margin-right: auto !important;
            margin-left: auto !important;
        }

        .cm-004 .hxc-overlay .mt-lg-0 {
            margin-top: 0 !important;
        }

        .cm-004 .hxc-overlay .mt-lg-1 {
            margin-top: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-2 {
            margin-top: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-3 {
            margin-top: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-4 {
            margin-top: 1rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-5 {
            margin-top: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-6 {
            margin-top: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-7 {
            margin-top: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-8 {
            margin-top: 2rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-9 {
            margin-top: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-10 {
            margin-top: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-11 {
            margin-top: 3rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-12 {
            margin-top: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-13 {
            margin-top: 4rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-14 {
            margin-top: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-15 {
            margin-top: 5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-16 {
            margin-top: 6rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-17 {
            margin-top: 7rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-18 {
            margin-top: 8rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-19 {
            margin-top: 9rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-20 {
            margin-top: 10rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-21 {
            margin-top: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-22 {
            margin-top: 15rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-23 {
            margin-top: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-24 {
            margin-top: 20rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-25 {
            margin-top: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-auto {
            margin-top: auto !important;
        }

        .cm-004 .hxc-overlay .me-lg-0 {
            margin-right: 0 !important;
        }

        .cm-004 .hxc-overlay .me-lg-1 {
            margin-right: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-2 {
            margin-right: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-3 {
            margin-right: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-4 {
            margin-right: 1rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-5 {
            margin-right: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-6 {
            margin-right: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-7 {
            margin-right: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-8 {
            margin-right: 2rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-9 {
            margin-right: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-10 {
            margin-right: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-11 {
            margin-right: 3rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-12 {
            margin-right: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-13 {
            margin-right: 4rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-14 {
            margin-right: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-15 {
            margin-right: 5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-16 {
            margin-right: 6rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-17 {
            margin-right: 7rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-18 {
            margin-right: 8rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-19 {
            margin-right: 9rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-20 {
            margin-right: 10rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-21 {
            margin-right: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-22 {
            margin-right: 15rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-23 {
            margin-right: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-24 {
            margin-right: 20rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-25 {
            margin-right: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-auto {
            margin-right: auto !important;
        }

        .cm-004 .hxc-overlay .mb-lg-0 {
            margin-bottom: 0 !important;
        }

        .cm-004 .hxc-overlay .mb-lg-1 {
            margin-bottom: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-2 {
            margin-bottom: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-3 {
            margin-bottom: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-4 {
            margin-bottom: 1rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-5 {
            margin-bottom: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-6 {
            margin-bottom: 36px !important;
        }

        .cm-004 .hxc-overlay .mb-lg-7 {
            margin-bottom: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-8 {
            margin-bottom: 2rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-9 {
            margin-bottom: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-10 {
            margin-bottom: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-11 {
            margin-bottom: 3rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-12 {
            margin-bottom: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-13 {
            margin-bottom: 4rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-14 {
            margin-bottom: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-15 {
            margin-bottom: 5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-16 {
            margin-bottom: 6rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-17 {
            margin-bottom: 7rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-18 {
            margin-bottom: 8rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-19 {
            margin-bottom: 9rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-20 {
            margin-bottom: 10rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-21 {
            margin-bottom: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-22 {
            margin-bottom: 15rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-23 {
            margin-bottom: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-24 {
            margin-bottom: 20rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-25 {
            margin-bottom: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-auto {
            margin-bottom: auto !important;
        }

        .cm-004 .hxc-overlay .ms-lg-0 {
            margin-left: 0 !important;
        }

        .cm-004 .hxc-overlay .ms-lg-1 {
            margin-left: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-2 {
            margin-left: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-3 {
            margin-left: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-4 {
            margin-left: 1rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-5 {
            margin-left: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-6 {
            margin-left: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-7 {
            margin-left: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-8 {
            margin-left: 2rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-9 {
            margin-left: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-10 {
            margin-left: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-11 {
            margin-left: 3rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-12 {
            margin-left: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-13 {
            margin-left: 4rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-14 {
            margin-left: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-15 {
            margin-left: 5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-16 {
            margin-left: 6rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-17 {
            margin-left: 7rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-18 {
            margin-left: 8rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-19 {
            margin-left: 9rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-20 {
            margin-left: 10rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-21 {
            margin-left: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-22 {
            margin-left: 15rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-23 {
            margin-left: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-24 {
            margin-left: 20rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-25 {
            margin-left: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-auto {
            margin-left: auto !important;
        }

        .cm-004 .hxc-overlay .m-lg-n1 {
            margin: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n2 {
            margin: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n3 {
            margin: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n4 {
            margin: -1rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n5 {
            margin: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n6 {
            margin: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n7 {
            margin: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n8 {
            margin: -2rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n9 {
            margin: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n10 {
            margin: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n11 {
            margin: -3rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n12 {
            margin: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n13 {
            margin: -4rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n14 {
            margin: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n15 {
            margin: -5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n16 {
            margin: -6rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n17 {
            margin: -7rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n18 {
            margin: -8rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n19 {
            margin: -9rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n20 {
            margin: -10rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n21 {
            margin: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n22 {
            margin: -15rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n23 {
            margin: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n24 {
            margin: -20rem !important;
        }

        .cm-004 .hxc-overlay .m-lg-n25 {
            margin: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n1 {
            margin-right: -0.25rem !important;
            margin-left: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n2 {
            margin-right: -0.5rem !important;
            margin-left: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n3 {
            margin-right: -0.75rem !important;
            margin-left: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n4 {
            margin-right: -1rem !important;
            margin-left: -1rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n5 {
            margin-right: -1.25rem !important;
            margin-left: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n6 {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n7 {
            margin-right: -1.75rem !important;
            margin-left: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n8 {
            margin-right: -2rem !important;
            margin-left: -2rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n9 {
            margin-right: -2.25rem !important;
            margin-left: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n10 {
            margin-right: -2.5rem !important;
            margin-left: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n11 {
            margin-right: -3rem !important;
            margin-left: -3rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n12 {
            margin-right: -3.5rem !important;
            margin-left: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n13 {
            margin-right: -4rem !important;
            margin-left: -4rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n14 {
            margin-right: -4.5rem !important;
            margin-left: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n15 {
            margin-right: -5rem !important;
            margin-left: -5rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n16 {
            margin-right: -6rem !important;
            margin-left: -6rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n17 {
            margin-right: -7rem !important;
            margin-left: -7rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n18 {
            margin-right: -8rem !important;
            margin-left: -8rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n19 {
            margin-right: -9rem !important;
            margin-left: -9rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n20 {
            margin-right: -10rem !important;
            margin-left: -10rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n21 {
            margin-right: -12.5rem !important;
            margin-left: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n22 {
            margin-right: -15rem !important;
            margin-left: -15rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n23 {
            margin-right: -17.5rem !important;
            margin-left: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n24 {
            margin-right: -20rem !important;
            margin-left: -20rem !important;
        }

        .cm-004 .hxc-overlay .mx-lg-n25 {
            margin-right: -22.5rem !important;
            margin-left: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n1 {
            margin-top: -0.25rem !important;
            margin-bottom: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n2 {
            margin-top: -0.5rem !important;
            margin-bottom: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n3 {
            margin-top: -0.75rem !important;
            margin-bottom: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n4 {
            margin-top: -1rem !important;
            margin-bottom: -1rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n5 {
            margin-top: -1.25rem !important;
            margin-bottom: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n6 {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n7 {
            margin-top: -1.75rem !important;
            margin-bottom: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n8 {
            margin-top: -2rem !important;
            margin-bottom: -2rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n9 {
            margin-top: -2.25rem !important;
            margin-bottom: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n10 {
            margin-top: -2.5rem !important;
            margin-bottom: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n11 {
            margin-top: -3rem !important;
            margin-bottom: -3rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n12 {
            margin-top: -3.5rem !important;
            margin-bottom: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n13 {
            margin-top: -4rem !important;
            margin-bottom: -4rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n14 {
            margin-top: -4.5rem !important;
            margin-bottom: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n15 {
            margin-top: -5rem !important;
            margin-bottom: -5rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n16 {
            margin-top: -6rem !important;
            margin-bottom: -6rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n17 {
            margin-top: -7rem !important;
            margin-bottom: -7rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n18 {
            margin-top: -8rem !important;
            margin-bottom: -8rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n19 {
            margin-top: -9rem !important;
            margin-bottom: -9rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n20 {
            margin-top: -10rem !important;
            margin-bottom: -10rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n21 {
            margin-top: -12.5rem !important;
            margin-bottom: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n22 {
            margin-top: -15rem !important;
            margin-bottom: -15rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n23 {
            margin-top: -17.5rem !important;
            margin-bottom: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n24 {
            margin-top: -20rem !important;
            margin-bottom: -20rem !important;
        }

        .cm-004 .hxc-overlay .my-lg-n25 {
            margin-top: -22.5rem !important;
            margin-bottom: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n1 {
            margin-top: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n2 {
            margin-top: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n3 {
            margin-top: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n4 {
            margin-top: -1rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n5 {
            margin-top: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n6 {
            margin-top: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n7 {
            margin-top: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n8 {
            margin-top: -2rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n9 {
            margin-top: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n10 {
            margin-top: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n11 {
            margin-top: -3rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n12 {
            margin-top: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n13 {
            margin-top: -4rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n14 {
            margin-top: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n15 {
            margin-top: -5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n16 {
            margin-top: -6rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n17 {
            margin-top: -7rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n18 {
            margin-top: -8rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n19 {
            margin-top: -9rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n20 {
            margin-top: -10rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n21 {
            margin-top: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n22 {
            margin-top: -15rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n23 {
            margin-top: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n24 {
            margin-top: -20rem !important;
        }

        .cm-004 .hxc-overlay .mt-lg-n25 {
            margin-top: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n1 {
            margin-right: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n2 {
            margin-right: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n3 {
            margin-right: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n4 {
            margin-right: -1rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n5 {
            margin-right: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n6 {
            margin-right: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n7 {
            margin-right: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n8 {
            margin-right: -2rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n9 {
            margin-right: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n10 {
            margin-right: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n11 {
            margin-right: -3rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n12 {
            margin-right: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n13 {
            margin-right: -4rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n14 {
            margin-right: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n15 {
            margin-right: -5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n16 {
            margin-right: -6rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n17 {
            margin-right: -7rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n18 {
            margin-right: -8rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n19 {
            margin-right: -9rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n20 {
            margin-right: -10rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n21 {
            margin-right: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n22 {
            margin-right: -15rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n23 {
            margin-right: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n24 {
            margin-right: -20rem !important;
        }

        .cm-004 .hxc-overlay .me-lg-n25 {
            margin-right: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n1 {
            margin-bottom: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n2 {
            margin-bottom: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n3 {
            margin-bottom: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n4 {
            margin-bottom: -1rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n5 {
            margin-bottom: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n6 {
            margin-bottom: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n7 {
            margin-bottom: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n8 {
            margin-bottom: -2rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n9 {
            margin-bottom: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n10 {
            margin-bottom: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n11 {
            margin-bottom: -3rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n12 {
            margin-bottom: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n13 {
            margin-bottom: -4rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n14 {
            margin-bottom: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n15 {
            margin-bottom: -5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n16 {
            margin-bottom: -6rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n17 {
            margin-bottom: -7rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n18 {
            margin-bottom: -8rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n19 {
            margin-bottom: -9rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n20 {
            margin-bottom: -10rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n21 {
            margin-bottom: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n22 {
            margin-bottom: -15rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n23 {
            margin-bottom: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n24 {
            margin-bottom: -20rem !important;
        }

        .cm-004 .hxc-overlay .mb-lg-n25 {
            margin-bottom: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n1 {
            margin-left: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n2 {
            margin-left: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n3 {
            margin-left: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n4 {
            margin-left: -1rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n5 {
            margin-left: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n6 {
            margin-left: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n7 {
            margin-left: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n8 {
            margin-left: -2rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n9 {
            margin-left: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n10 {
            margin-left: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n11 {
            margin-left: -3rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n12 {
            margin-left: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n13 {
            margin-left: -4rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n14 {
            margin-left: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n15 {
            margin-left: -5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n16 {
            margin-left: -6rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n17 {
            margin-left: -7rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n18 {
            margin-left: -8rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n19 {
            margin-left: -9rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n20 {
            margin-left: -10rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n21 {
            margin-left: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n22 {
            margin-left: -15rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n23 {
            margin-left: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n24 {
            margin-left: -20rem !important;
        }

        .cm-004 .hxc-overlay .ms-lg-n25 {
            margin-left: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-0 {
            padding: 0 !important;
        }

        .cm-004 .hxc-overlay .p-lg-1 {
            padding: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-2 {
            padding: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-3 {
            padding: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-4 {
            padding: 1rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-5 {
            padding: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-6 {
            padding: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-7 {
            padding: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-8 {
            padding: 2rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-9 {
            padding: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-10 {
            padding: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-11 {
            padding: 3rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-12 {
            padding: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-13 {
            padding: 4rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-14 {
            padding: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-15 {
            padding: 5rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-16 {
            padding: 6rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-17 {
            padding: 7rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-18 {
            padding: 8rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-19 {
            padding: 9rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-20 {
            padding: 10rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-21 {
            padding: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-22 {
            padding: 15rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-23 {
            padding: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-24 {
            padding: 20rem !important;
        }

        .cm-004 .hxc-overlay .p-lg-25 {
            padding: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-0 {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }

        .cm-004 .hxc-overlay .px-lg-1 {
            padding-right: 0.25rem !important;
            padding-left: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-2 {
            padding-right: 0.5rem !important;
            padding-left: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-3 {
            padding-right: 0.75rem !important;
            padding-left: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-4 {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-5 {
            padding-right: 1.25rem !important;
            padding-left: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-6 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-7 {
            padding-right: 1.75rem !important;
            padding-left: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-8 {
            padding-right: 2rem !important;
            padding-left: 2rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-9 {
            padding-right: 2.25rem !important;
            padding-left: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-10 {
            padding-right: 2.5rem !important;
            padding-left: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-11 {
            padding-right: 3rem !important;
            padding-left: 3rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-12 {
            padding-right: 3.5rem !important;
            padding-left: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-13 {
            padding-right: 4rem !important;
            padding-left: 4rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-14 {
            padding-right: 4.5rem !important;
            padding-left: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-15 {
            padding-right: 5rem !important;
            padding-left: 5rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-16 {
            padding-right: 6rem !important;
            padding-left: 6rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-17 {
            padding-right: 7rem !important;
            padding-left: 7rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-18 {
            padding-right: 8rem !important;
            padding-left: 8rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-19 {
            padding-right: 9rem !important;
            padding-left: 9rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-20 {
            padding-right: 10rem !important;
            padding-left: 10rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-21 {
            padding-right: 12.5rem !important;
            padding-left: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-22 {
            padding-right: 15rem !important;
            padding-left: 15rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-23 {
            padding-right: 17.5rem !important;
            padding-left: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-24 {
            padding-right: 20rem !important;
            padding-left: 20rem !important;
        }

        .cm-004 .hxc-overlay .px-lg-25 {
            padding-right: 22.5rem !important;
            padding-left: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .cm-004 .hxc-overlay .py-lg-1 {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-2 {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-3 {
            padding-top: 0.75rem !important;
            padding-bottom: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-4 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-5 {
            padding-top: 1.25rem !important;
            padding-bottom: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-6 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-7 {
            padding-top: 1.75rem !important;
            padding-bottom: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-8 {
            padding-top: 2rem !important;
            padding-bottom: 2rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-9 {
            padding-top: 2.25rem !important;
            padding-bottom: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-10 {
            padding-top: 2.5rem !important;
            padding-bottom: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-11 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-12 {
            padding-top: 3.5rem !important;
            padding-bottom: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-13 {
            padding-top: 4rem !important;
            padding-bottom: 4rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-14 {
            padding-top: 4.5rem !important;
            padding-bottom: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-15 {
            padding-top: 5rem !important;
            padding-bottom: 5rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-16 {
            padding-top: 6rem !important;
            padding-bottom: 6rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-17 {
            padding-top: 7rem !important;
            padding-bottom: 7rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-18 {
            padding-top: 8rem !important;
            padding-bottom: 8rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-19 {
            padding-top: 9rem !important;
            padding-bottom: 9rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-20 {
            padding-top: 10rem !important;
            padding-bottom: 10rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-21 {
            padding-top: 12.5rem !important;
            padding-bottom: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-22 {
            padding-top: 15rem !important;
            padding-bottom: 15rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-23 {
            padding-top: 17.5rem !important;
            padding-bottom: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-24 {
            padding-top: 20rem !important;
            padding-bottom: 20rem !important;
        }

        .cm-004 .hxc-overlay .py-lg-25 {
            padding-top: 22.5rem !important;
            padding-bottom: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-0 {
            padding-top: 0 !important;
        }

        .cm-004 .hxc-overlay .pt-lg-1 {
            padding-top: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-2 {
            padding-top: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-3 {
            padding-top: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-4 {
            padding-top: 1rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-5 {
            padding-top: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-6 {
            padding-top: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-7 {
            padding-top: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-8 {
            padding-top: 2rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-9 {
            padding-top: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-10 {
            padding-top: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-11 {
            padding-top: 3rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-12 {
            padding-top: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-13 {
            padding-top: 4rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-14 {
            padding-top: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-15 {
            padding-top: 5rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-16 {
            padding-top: 6rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-17 {
            padding-top: 7rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-18 {
            padding-top: 8rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-19 {
            padding-top: 9rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-20 {
            padding-top: 10rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-21 {
            padding-top: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-22 {
            padding-top: 15rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-23 {
            padding-top: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-24 {
            padding-top: 20rem !important;
        }

        .cm-004 .hxc-overlay .pt-lg-25 {
            padding-top: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-0 {
            padding-right: 0 !important;
        }

        .cm-004 .hxc-overlay .pe-lg-1 {
            padding-right: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-2 {
            padding-right: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-3 {
            padding-right: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-4 {
            padding-right: 1rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-5 {
            padding-right: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-6 {
            padding-right: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-7 {
            padding-right: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-8 {
            padding-right: 2rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-9 {
            padding-right: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-10 {
            padding-right: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-11 {
            padding-right: 3rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-12 {
            padding-right: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-13 {
            padding-right: 4rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-14 {
            padding-right: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-15 {
            padding-right: 5rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-16 {
            padding-right: 6rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-17 {
            padding-right: 7rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-18 {
            padding-right: 8rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-19 {
            padding-right: 9rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-20 {
            padding-right: 10rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-21 {
            padding-right: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-22 {
            padding-right: 15rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-23 {
            padding-right: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-24 {
            padding-right: 20rem !important;
        }

        .cm-004 .hxc-overlay .pe-lg-25 {
            padding-right: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-0 {
            padding-bottom: 0 !important;
        }

        .cm-004 .hxc-overlay .pb-lg-1 {
            padding-bottom: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-2 {
            padding-bottom: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-3 {
            padding-bottom: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-4 {
            padding-bottom: 1rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-5 {
            padding-bottom: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-6 {
            padding-bottom: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-7 {
            padding-bottom: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-8 {
            padding-bottom: 2rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-9 {
            padding-bottom: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-10 {
            padding-bottom: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-11 {
            padding-bottom: 3rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-12 {
            padding-bottom: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-13 {
            padding-bottom: 4rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-14 {
            padding-bottom: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-15 {
            padding-bottom: 5rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-16 {
            padding-bottom: 6rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-17 {
            padding-bottom: 7rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-18 {
            padding-bottom: 8rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-19 {
            padding-bottom: 9rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-20 {
            padding-bottom: 10rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-21 {
            padding-bottom: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-22 {
            padding-bottom: 15rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-23 {
            padding-bottom: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-24 {
            padding-bottom: 20rem !important;
        }

        .cm-004 .hxc-overlay .pb-lg-25 {
            padding-bottom: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-0 {
            padding-left: 0 !important;
        }

        .cm-004 .hxc-overlay .ps-lg-1 {
            padding-left: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-2 {
            padding-left: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-3 {
            padding-left: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-4 {
            padding-left: 1rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-5 {
            padding-left: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-6 {
            padding-left: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-7 {
            padding-left: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-8 {
            padding-left: 2rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-9 {
            padding-left: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-10 {
            padding-left: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-11 {
            padding-left: 3rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-12 {
            padding-left: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-13 {
            padding-left: 4rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-14 {
            padding-left: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-15 {
            padding-left: 5rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-16 {
            padding-left: 6rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-17 {
            padding-left: 7rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-18 {
            padding-left: 8rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-19 {
            padding-left: 9rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-20 {
            padding-left: 10rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-21 {
            padding-left: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-22 {
            padding-left: 15rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-23 {
            padding-left: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-24 {
            padding-left: 20rem !important;
        }

        .cm-004 .hxc-overlay .ps-lg-25 {
            padding-left: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-0 {
            gap: 0 !important;
        }

        .cm-004 .hxc-overlay .gap-lg-1 {
            gap: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-2 {
            gap: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-3 {
            gap: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-4 {
            gap: 1rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-5 {
            gap: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-6 {
            gap: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-7 {
            gap: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-8 {
            gap: 2rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-9 {
            gap: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-10 {
            gap: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-11 {
            gap: 3rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-12 {
            gap: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-13 {
            gap: 4rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-14 {
            gap: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-15 {
            gap: 5rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-16 {
            gap: 6rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-17 {
            gap: 7rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-18 {
            gap: 8rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-19 {
            gap: 9rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-20 {
            gap: 10rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-21 {
            gap: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-22 {
            gap: 15rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-23 {
            gap: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-24 {
            gap: 20rem !important;
        }

        .cm-004 .hxc-overlay .gap-lg-25 {
            gap: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .text-lg-start {
            text-align: left !important;
        }

        .cm-004 .hxc-overlay .text-lg-end {
            text-align: right !important;
        }

        .cm-004 .hxc-overlay .text-lg-center {
            text-align: center !important;
        }
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .float-xl-start {
            float: left !important;
        }

        .cm-004 .hxc-overlay .float-xl-end {
            float: right !important;
        }

        .cm-004 .hxc-overlay .float-xl-none {
            float: none !important;
        }

        .cm-004 .hxc-overlay .d-xl-inline {
            display: inline !important;
        }

        .cm-004 .hxc-overlay .d-xl-inline-block {
            display: inline-block !important;
        }

        .cm-004 .hxc-overlay .d-xl-block {
            display: block !important;
        }

        .cm-004 .hxc-overlay .d-xl-grid {
            display: grid !important;
        }

        .cm-004 .hxc-overlay .d-xl-table {
            display: table !important;
        }

        .cm-004 .hxc-overlay .d-xl-table-row {
            display: table-row !important;
        }

        .cm-004 .hxc-overlay .d-xl-table-cell {
            display: table-cell !important;
        }

        .cm-004 .hxc-overlay .d-xl-flex {
            display: flex !important;
        }

        .cm-004 .hxc-overlay .d-xl-inline-flex {
            display: inline-flex !important;
        }

        .cm-004 .hxc-overlay .d-xl-none {
            display: none !important;
        }

        .cm-004 .hxc-overlay .flex-xl-fill {
            flex: 1 1 auto !important;
        }

        .cm-004 .hxc-overlay .flex-xl-row {
            flex-direction: row !important;
        }

        .cm-004 .hxc-overlay .flex-xl-column {
            flex-direction: column !important;
        }

        .cm-004 .hxc-overlay .flex-xl-row-reverse {
            flex-direction: row-reverse !important;
        }

        .cm-004 .hxc-overlay .flex-xl-column-reverse {
            flex-direction: column-reverse !important;
        }

        .cm-004 .hxc-overlay .flex-xl-grow-0 {
            flex-grow: 0 !important;
        }

        .cm-004 .hxc-overlay .flex-xl-grow-1 {
            flex-grow: 1 !important;
        }

        .cm-004 .hxc-overlay .flex-xl-shrink-0 {
            flex-shrink: 0 !important;
        }

        .cm-004 .hxc-overlay .flex-xl-shrink-1 {
            flex-shrink: 1 !important;
        }

        .cm-004 .hxc-overlay .flex-xl-wrap {
            flex-wrap: wrap !important;
        }

        .cm-004 .hxc-overlay .flex-xl-nowrap {
            flex-wrap: nowrap !important;
        }

        .cm-004 .hxc-overlay .flex-xl-wrap-reverse {
            flex-wrap: wrap-reverse !important;
        }

        .cm-004 .hxc-overlay .justify-content-xl-start {
            justify-content: flex-start !important;
        }

        .cm-004 .hxc-overlay .justify-content-xl-end {
            justify-content: flex-end !important;
        }

        .cm-004 .hxc-overlay .justify-content-xl-center {
            justify-content: center !important;
        }

        .cm-004 .hxc-overlay .justify-content-xl-between {
            justify-content: space-between !important;
        }

        .cm-004 .hxc-overlay .justify-content-xl-around {
            justify-content: space-around !important;
        }

        .cm-004 .hxc-overlay .justify-content-xl-evenly {
            justify-content: space-evenly !important;
        }

        .cm-004 .hxc-overlay .align-items-xl-start {
            align-items: flex-start !important;
        }

        .cm-004 .hxc-overlay .align-items-xl-end {
            align-items: flex-end !important;
        }

        .cm-004 .hxc-overlay .align-items-xl-center {
            align-items: center !important;
        }

        .cm-004 .hxc-overlay .align-items-xl-baseline {
            align-items: baseline !important;
        }

        .cm-004 .hxc-overlay .align-items-xl-stretch {
            align-items: stretch !important;
        }

        .cm-004 .hxc-overlay .align-content-xl-start {
            align-content: flex-start !important;
        }

        .cm-004 .hxc-overlay .align-content-xl-end {
            align-content: flex-end !important;
        }

        .cm-004 .hxc-overlay .align-content-xl-center {
            align-content: center !important;
        }

        .cm-004 .hxc-overlay .align-content-xl-between {
            align-content: space-between !important;
        }

        .cm-004 .hxc-overlay .align-content-xl-around {
            align-content: space-around !important;
        }

        .cm-004 .hxc-overlay .align-content-xl-stretch {
            align-content: stretch !important;
        }

        .cm-004 .hxc-overlay .align-self-xl-auto {
            align-self: auto !important;
        }

        .cm-004 .hxc-overlay .align-self-xl-start {
            align-self: flex-start !important;
        }

        .cm-004 .hxc-overlay .align-self-xl-end {
            align-self: flex-end !important;
        }

        .cm-004 .hxc-overlay .align-self-xl-center {
            align-self: center !important;
        }

        .cm-004 .hxc-overlay .align-self-xl-baseline {
            align-self: baseline !important;
        }

        .cm-004 .hxc-overlay .align-self-xl-stretch {
            align-self: stretch !important;
        }

        .cm-004 .hxc-overlay .order-xl-first {
            order: -1 !important;
        }

        .cm-004 .hxc-overlay .order-xl-0 {
            order: 0 !important;
        }

        .cm-004 .hxc-overlay .order-xl-1 {
            order: 1 !important;
        }

        .cm-004 .hxc-overlay .order-xl-2 {
            order: 2 !important;
        }

        .cm-004 .hxc-overlay .order-xl-3 {
            order: 3 !important;
        }

        .cm-004 .hxc-overlay .order-xl-4 {
            order: 4 !important;
        }

        .cm-004 .hxc-overlay .order-xl-5 {
            order: 5 !important;
        }

        .cm-004 .hxc-overlay .order-xl-last {
            order: 6 !important;
        }

        .cm-004 .hxc-overlay .m-xl-0 {
            margin: 0 !important;
        }

        .cm-004 .hxc-overlay .m-xl-1 {
            margin: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-2 {
            margin: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-3 {
            margin: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-4 {
            margin: 1rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-5 {
            margin: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-6 {
            margin: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-7 {
            margin: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-8 {
            margin: 2rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-9 {
            margin: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-10 {
            margin: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-11 {
            margin: 3rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-12 {
            margin: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-13 {
            margin: 4rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-14 {
            margin: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-15 {
            margin: 5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-16 {
            margin: 6rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-17 {
            margin: 7rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-18 {
            margin: 8rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-19 {
            margin: 9rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-20 {
            margin: 10rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-21 {
            margin: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-22 {
            margin: 15rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-23 {
            margin: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-24 {
            margin: 20rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-25 {
            margin: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-auto {
            margin: auto !important;
        }

        .cm-004 .hxc-overlay .mx-xl-0 {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

        .cm-004 .hxc-overlay .mx-xl-1 {
            margin-right: 0.25rem !important;
            margin-left: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-2 {
            margin-right: 0.5rem !important;
            margin-left: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-3 {
            margin-right: 0.75rem !important;
            margin-left: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-4 {
            margin-right: 1rem !important;
            margin-left: 1rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-5 {
            margin-right: 1.25rem !important;
            margin-left: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-6 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-7 {
            margin-right: 1.75rem !important;
            margin-left: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-8 {
            margin-right: 2rem !important;
            margin-left: 2rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-9 {
            margin-right: 2.25rem !important;
            margin-left: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-10 {
            margin-right: 2.5rem !important;
            margin-left: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-11 {
            margin-right: 3rem !important;
            margin-left: 3rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-12 {
            margin-right: 3.5rem !important;
            margin-left: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-13 {
            margin-right: 4rem !important;
            margin-left: 4rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-14 {
            margin-right: 4.5rem !important;
            margin-left: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-15 {
            margin-right: 5rem !important;
            margin-left: 5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-16 {
            margin-right: 6rem !important;
            margin-left: 6rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-17 {
            margin-right: 7rem !important;
            margin-left: 7rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-18 {
            margin-right: 8rem !important;
            margin-left: 8rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-19 {
            margin-right: 9rem !important;
            margin-left: 9rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-20 {
            margin-right: 10rem !important;
            margin-left: 10rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-21 {
            margin-right: 12.5rem !important;
            margin-left: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-22 {
            margin-right: 15rem !important;
            margin-left: 15rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-23 {
            margin-right: 17.5rem !important;
            margin-left: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-24 {
            margin-right: 20rem !important;
            margin-left: 20rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-25 {
            margin-right: 22.5rem !important;
            margin-left: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-auto {
            margin-right: auto !important;
            margin-left: auto !important;
        }

        .cm-004 .hxc-overlay .my-xl-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .cm-004 .hxc-overlay .my-xl-1 {
            margin-top: 0.25rem !important;
            margin-bottom: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-2 {
            margin-top: 0.5rem !important;
            margin-bottom: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-3 {
            margin-top: 0.75rem !important;
            margin-bottom: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-4 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-5 {
            margin-top: 1.25rem !important;
            margin-bottom: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-6 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-7 {
            margin-top: 1.75rem !important;
            margin-bottom: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-8 {
            margin-top: 2rem !important;
            margin-bottom: 2rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-9 {
            margin-top: 2.25rem !important;
            margin-bottom: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-10 {
            margin-top: 2.5rem !important;
            margin-bottom: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-11 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-12 {
            margin-top: 3.5rem !important;
            margin-bottom: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-13 {
            margin-top: 4rem !important;
            margin-bottom: 4rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-14 {
            margin-top: 4.5rem !important;
            margin-bottom: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-15 {
            margin-top: 5rem !important;
            margin-bottom: 5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-16 {
            margin-top: 6rem !important;
            margin-bottom: 6rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-17 {
            margin-top: 7rem !important;
            margin-bottom: 7rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-18 {
            margin-top: 8rem !important;
            margin-bottom: 8rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-19 {
            margin-top: 9rem !important;
            margin-bottom: 9rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-20 {
            margin-top: 10rem !important;
            margin-bottom: 10rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-21 {
            margin-top: 12.5rem !important;
            margin-bottom: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-22 {
            margin-top: 15rem !important;
            margin-bottom: 15rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-23 {
            margin-top: 17.5rem !important;
            margin-bottom: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-24 {
            margin-top: 20rem !important;
            margin-bottom: 20rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-25 {
            margin-top: 22.5rem !important;
            margin-bottom: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-auto {
            margin-top: auto !important;
            margin-bottom: auto !important;
        }

        .cm-004 .hxc-overlay .mt-xl-0 {
            margin-top: 0 !important;
        }

        .cm-004 .hxc-overlay .mt-xl-1 {
            margin-top: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-2 {
            margin-top: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-3 {
            margin-top: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-4 {
            margin-top: 1rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-5 {
            margin-top: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-6 {
            margin-top: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-7 {
            margin-top: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-8 {
            margin-top: 2rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-9 {
            margin-top: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-10 {
            margin-top: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-11 {
            margin-top: 3rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-12 {
            margin-top: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-13 {
            margin-top: 4rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-14 {
            margin-top: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-15 {
            margin-top: 5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-16 {
            margin-top: 6rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-17 {
            margin-top: 7rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-18 {
            margin-top: 8rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-19 {
            margin-top: 9rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-20 {
            margin-top: 10rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-21 {
            margin-top: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-22 {
            margin-top: 15rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-23 {
            margin-top: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-24 {
            margin-top: 20rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-25 {
            margin-top: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-auto {
            margin-top: auto !important;
        }

        .cm-004 .hxc-overlay .me-xl-0 {
            margin-right: 0 !important;
        }

        .cm-004 .hxc-overlay .me-xl-1 {
            margin-right: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-2 {
            margin-right: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-3 {
            margin-right: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-4 {
            margin-right: 1rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-5 {
            margin-right: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-6 {
            margin-right: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-7 {
            margin-right: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-8 {
            margin-right: 2rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-9 {
            margin-right: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-10 {
            margin-right: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-11 {
            margin-right: 3rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-12 {
            margin-right: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-13 {
            margin-right: 4rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-14 {
            margin-right: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-15 {
            margin-right: 5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-16 {
            margin-right: 6rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-17 {
            margin-right: 7rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-18 {
            margin-right: 8rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-19 {
            margin-right: 9rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-20 {
            margin-right: 10rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-21 {
            margin-right: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-22 {
            margin-right: 15rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-23 {
            margin-right: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-24 {
            margin-right: 20rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-25 {
            margin-right: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-auto {
            margin-right: auto !important;
        }

        .cm-004 .hxc-overlay .mb-xl-0 {
            margin-bottom: 0 !important;
        }

        .cm-004 .hxc-overlay .mb-xl-1 {
            margin-bottom: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-2 {
            margin-bottom: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-3 {
            margin-bottom: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-4 {
            margin-bottom: 1rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-5 {
            margin-bottom: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-6 {
            margin-bottom: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-7 {
            margin-bottom: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-8 {
            margin-bottom: 2rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-9 {
            margin-bottom: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-10 {
            margin-bottom: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-11 {
            margin-bottom: 3rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-12 {
            margin-bottom: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-13 {
            margin-bottom: 4rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-14 {
            margin-bottom: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-15 {
            margin-bottom: 5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-16 {
            margin-bottom: 6rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-17 {
            margin-bottom: 7rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-18 {
            margin-bottom: 8rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-19 {
            margin-bottom: 9rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-20 {
            margin-bottom: 10rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-21 {
            margin-bottom: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-22 {
            margin-bottom: 15rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-23 {
            margin-bottom: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-24 {
            margin-bottom: 20rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-25 {
            margin-bottom: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-auto {
            margin-bottom: auto !important;
        }

        .cm-004 .hxc-overlay .ms-xl-0 {
            margin-left: 0 !important;
        }

        .cm-004 .hxc-overlay .ms-xl-1 {
            margin-left: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-2 {
            margin-left: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-3 {
            margin-left: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-4 {
            margin-left: 1rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-5 {
            margin-left: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-6 {
            margin-left: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-7 {
            margin-left: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-8 {
            margin-left: 2rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-9 {
            margin-left: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-10 {
            margin-left: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-11 {
            margin-left: 3rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-12 {
            margin-left: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-13 {
            margin-left: 4rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-14 {
            margin-left: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-15 {
            margin-left: 5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-16 {
            margin-left: 6rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-17 {
            margin-left: 7rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-18 {
            margin-left: 8rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-19 {
            margin-left: 9rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-20 {
            margin-left: 10rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-21 {
            margin-left: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-22 {
            margin-left: 15rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-23 {
            margin-left: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-24 {
            margin-left: 20rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-25 {
            margin-left: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-auto {
            margin-left: auto !important;
        }

        .cm-004 .hxc-overlay .m-xl-n1 {
            margin: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n2 {
            margin: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n3 {
            margin: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n4 {
            margin: -1rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n5 {
            margin: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n6 {
            margin: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n7 {
            margin: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n8 {
            margin: -2rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n9 {
            margin: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n10 {
            margin: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n11 {
            margin: -3rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n12 {
            margin: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n13 {
            margin: -4rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n14 {
            margin: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n15 {
            margin: -5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n16 {
            margin: -6rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n17 {
            margin: -7rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n18 {
            margin: -8rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n19 {
            margin: -9rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n20 {
            margin: -10rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n21 {
            margin: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n22 {
            margin: -15rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n23 {
            margin: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n24 {
            margin: -20rem !important;
        }

        .cm-004 .hxc-overlay .m-xl-n25 {
            margin: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n1 {
            margin-right: -0.25rem !important;
            margin-left: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n2 {
            margin-right: -0.5rem !important;
            margin-left: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n3 {
            margin-right: -0.75rem !important;
            margin-left: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n4 {
            margin-right: -1rem !important;
            margin-left: -1rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n5 {
            margin-right: -1.25rem !important;
            margin-left: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n6 {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n7 {
            margin-right: -1.75rem !important;
            margin-left: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n8 {
            margin-right: -2rem !important;
            margin-left: -2rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n9 {
            margin-right: -2.25rem !important;
            margin-left: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n10 {
            margin-right: -2.5rem !important;
            margin-left: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n11 {
            margin-right: -3rem !important;
            margin-left: -3rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n12 {
            margin-right: -3.5rem !important;
            margin-left: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n13 {
            margin-right: -4rem !important;
            margin-left: -4rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n14 {
            margin-right: -4.5rem !important;
            margin-left: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n15 {
            margin-right: -5rem !important;
            margin-left: -5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n16 {
            margin-right: -6rem !important;
            margin-left: -6rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n17 {
            margin-right: -7rem !important;
            margin-left: -7rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n18 {
            margin-right: -8rem !important;
            margin-left: -8rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n19 {
            margin-right: -9rem !important;
            margin-left: -9rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n20 {
            margin-right: -10rem !important;
            margin-left: -10rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n21 {
            margin-right: -12.5rem !important;
            margin-left: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n22 {
            margin-right: -15rem !important;
            margin-left: -15rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n23 {
            margin-right: -17.5rem !important;
            margin-left: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n24 {
            margin-right: -20rem !important;
            margin-left: -20rem !important;
        }

        .cm-004 .hxc-overlay .mx-xl-n25 {
            margin-right: -22.5rem !important;
            margin-left: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n1 {
            margin-top: -0.25rem !important;
            margin-bottom: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n2 {
            margin-top: -0.5rem !important;
            margin-bottom: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n3 {
            margin-top: -0.75rem !important;
            margin-bottom: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n4 {
            margin-top: -1rem !important;
            margin-bottom: -1rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n5 {
            margin-top: -1.25rem !important;
            margin-bottom: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n6 {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n7 {
            margin-top: -1.75rem !important;
            margin-bottom: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n8 {
            margin-top: -2rem !important;
            margin-bottom: -2rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n9 {
            margin-top: -2.25rem !important;
            margin-bottom: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n10 {
            margin-top: -2.5rem !important;
            margin-bottom: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n11 {
            margin-top: -3rem !important;
            margin-bottom: -3rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n12 {
            margin-top: -3.5rem !important;
            margin-bottom: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n13 {
            margin-top: -4rem !important;
            margin-bottom: -4rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n14 {
            margin-top: -4.5rem !important;
            margin-bottom: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n15 {
            margin-top: -5rem !important;
            margin-bottom: -5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n16 {
            margin-top: -6rem !important;
            margin-bottom: -6rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n17 {
            margin-top: -7rem !important;
            margin-bottom: -7rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n18 {
            margin-top: -8rem !important;
            margin-bottom: -8rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n19 {
            margin-top: -9rem !important;
            margin-bottom: -9rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n20 {
            margin-top: -10rem !important;
            margin-bottom: -10rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n21 {
            margin-top: -12.5rem !important;
            margin-bottom: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n22 {
            margin-top: -15rem !important;
            margin-bottom: -15rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n23 {
            margin-top: -17.5rem !important;
            margin-bottom: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n24 {
            margin-top: -20rem !important;
            margin-bottom: -20rem !important;
        }

        .cm-004 .hxc-overlay .my-xl-n25 {
            margin-top: -22.5rem !important;
            margin-bottom: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n1 {
            margin-top: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n2 {
            margin-top: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n3 {
            margin-top: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n4 {
            margin-top: -1rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n5 {
            margin-top: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n6 {
            margin-top: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n7 {
            margin-top: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n8 {
            margin-top: -2rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n9 {
            margin-top: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n10 {
            margin-top: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n11 {
            margin-top: -3rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n12 {
            margin-top: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n13 {
            margin-top: -4rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n14 {
            margin-top: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n15 {
            margin-top: -5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n16 {
            margin-top: -6rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n17 {
            margin-top: -7rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n18 {
            margin-top: -8rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n19 {
            margin-top: -9rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n20 {
            margin-top: -10rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n21 {
            margin-top: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n22 {
            margin-top: -15rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n23 {
            margin-top: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n24 {
            margin-top: -20rem !important;
        }

        .cm-004 .hxc-overlay .mt-xl-n25 {
            margin-top: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n1 {
            margin-right: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n2 {
            margin-right: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n3 {
            margin-right: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n4 {
            margin-right: -1rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n5 {
            margin-right: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n6 {
            margin-right: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n7 {
            margin-right: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n8 {
            margin-right: -2rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n9 {
            margin-right: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n10 {
            margin-right: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n11 {
            margin-right: -3rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n12 {
            margin-right: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n13 {
            margin-right: -4rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n14 {
            margin-right: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n15 {
            margin-right: -5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n16 {
            margin-right: -6rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n17 {
            margin-right: -7rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n18 {
            margin-right: -8rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n19 {
            margin-right: -9rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n20 {
            margin-right: -10rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n21 {
            margin-right: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n22 {
            margin-right: -15rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n23 {
            margin-right: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n24 {
            margin-right: -20rem !important;
        }

        .cm-004 .hxc-overlay .me-xl-n25 {
            margin-right: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n1 {
            margin-bottom: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n2 {
            margin-bottom: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n3 {
            margin-bottom: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n4 {
            margin-bottom: -1rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n5 {
            margin-bottom: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n6 {
            margin-bottom: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n7 {
            margin-bottom: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n8 {
            margin-bottom: -2rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n9 {
            margin-bottom: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n10 {
            margin-bottom: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n11 {
            margin-bottom: -3rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n12 {
            margin-bottom: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n13 {
            margin-bottom: -4rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n14 {
            margin-bottom: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n15 {
            margin-bottom: -5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n16 {
            margin-bottom: -6rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n17 {
            margin-bottom: -7rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n18 {
            margin-bottom: -8rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n19 {
            margin-bottom: -9rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n20 {
            margin-bottom: -10rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n21 {
            margin-bottom: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n22 {
            margin-bottom: -15rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n23 {
            margin-bottom: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n24 {
            margin-bottom: -20rem !important;
        }

        .cm-004 .hxc-overlay .mb-xl-n25 {
            margin-bottom: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n1 {
            margin-left: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n2 {
            margin-left: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n3 {
            margin-left: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n4 {
            margin-left: -1rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n5 {
            margin-left: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n6 {
            margin-left: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n7 {
            margin-left: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n8 {
            margin-left: -2rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n9 {
            margin-left: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n10 {
            margin-left: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n11 {
            margin-left: -3rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n12 {
            margin-left: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n13 {
            margin-left: -4rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n14 {
            margin-left: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n15 {
            margin-left: -5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n16 {
            margin-left: -6rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n17 {
            margin-left: -7rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n18 {
            margin-left: -8rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n19 {
            margin-left: -9rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n20 {
            margin-left: -10rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n21 {
            margin-left: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n22 {
            margin-left: -15rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n23 {
            margin-left: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n24 {
            margin-left: -20rem !important;
        }

        .cm-004 .hxc-overlay .ms-xl-n25 {
            margin-left: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-0 {
            padding: 0 !important;
        }

        .cm-004 .hxc-overlay .p-xl-1 {
            padding: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-2 {
            padding: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-3 {
            padding: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-4 {
            padding: 1rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-5 {
            padding: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-6 {
            padding: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-7 {
            padding: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-8 {
            padding: 2rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-9 {
            padding: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-10 {
            padding: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-11 {
            padding: 3rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-12 {
            padding: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-13 {
            padding: 4rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-14 {
            padding: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-15 {
            padding: 5rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-16 {
            padding: 6rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-17 {
            padding: 7rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-18 {
            padding: 8rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-19 {
            padding: 9rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-20 {
            padding: 10rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-21 {
            padding: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-22 {
            padding: 15rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-23 {
            padding: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-24 {
            padding: 20rem !important;
        }

        .cm-004 .hxc-overlay .p-xl-25 {
            padding: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-0 {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }

        .cm-004 .hxc-overlay .px-xl-1 {
            padding-right: 0.25rem !important;
            padding-left: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-2 {
            padding-right: 0.5rem !important;
            padding-left: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-3 {
            padding-right: 0.75rem !important;
            padding-left: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-4 {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-5 {
            padding-right: 1.25rem !important;
            padding-left: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-6 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-7 {
            padding-right: 1.75rem !important;
            padding-left: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-8 {
            padding-right: 2rem !important;
            padding-left: 2rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-9 {
            padding-right: 2.25rem !important;
            padding-left: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-10 {
            padding-right: 2.5rem !important;
            padding-left: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-11 {
            padding-right: 3rem !important;
            padding-left: 3rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-12 {
            padding-right: 3.5rem !important;
            padding-left: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-13 {
            padding-right: 4rem !important;
            padding-left: 4rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-14 {
            padding-right: 4.5rem !important;
            padding-left: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-15 {
            padding-right: 5rem !important;
            padding-left: 5rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-16 {
            padding-right: 6rem !important;
            padding-left: 6rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-17 {
            padding-right: 7rem !important;
            padding-left: 7rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-18 {
            padding-right: 8rem !important;
            padding-left: 8rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-19 {
            padding-right: 9rem !important;
            padding-left: 9rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-20 {
            padding-right: 10rem !important;
            padding-left: 10rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-21 {
            padding-right: 12.5rem !important;
            padding-left: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-22 {
            padding-right: 15rem !important;
            padding-left: 15rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-23 {
            padding-right: 17.5rem !important;
            padding-left: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-24 {
            padding-right: 20rem !important;
            padding-left: 20rem !important;
        }

        .cm-004 .hxc-overlay .px-xl-25 {
            padding-right: 22.5rem !important;
            padding-left: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .cm-004 .hxc-overlay .py-xl-1 {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-2 {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-3 {
            padding-top: 0.75rem !important;
            padding-bottom: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-4 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-5 {
            padding-top: 1.25rem !important;
            padding-bottom: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-6 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-7 {
            padding-top: 1.75rem !important;
            padding-bottom: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-8 {
            padding-top: 2rem !important;
            padding-bottom: 2rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-9 {
            padding-top: 2.25rem !important;
            padding-bottom: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-10 {
            padding-top: 2.5rem !important;
            padding-bottom: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-11 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-12 {
            padding-top: 3.5rem !important;
            padding-bottom: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-13 {
            padding-top: 4rem !important;
            padding-bottom: 4rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-14 {
            padding-top: 4.5rem !important;
            padding-bottom: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-15 {
            padding-top: 5rem !important;
            padding-bottom: 5rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-16 {
            padding-top: 6rem !important;
            padding-bottom: 6rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-17 {
            padding-top: 7rem !important;
            padding-bottom: 7rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-18 {
            padding-top: 8rem !important;
            padding-bottom: 8rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-19 {
            padding-top: 9rem !important;
            padding-bottom: 9rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-20 {
            padding-top: 10rem !important;
            padding-bottom: 10rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-21 {
            padding-top: 12.5rem !important;
            padding-bottom: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-22 {
            padding-top: 15rem !important;
            padding-bottom: 15rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-23 {
            padding-top: 17.5rem !important;
            padding-bottom: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-24 {
            padding-top: 20rem !important;
            padding-bottom: 20rem !important;
        }

        .cm-004 .hxc-overlay .py-xl-25 {
            padding-top: 22.5rem !important;
            padding-bottom: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-0 {
            padding-top: 0 !important;
        }

        .cm-004 .hxc-overlay .pt-xl-1 {
            padding-top: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-2 {
            padding-top: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-3 {
            padding-top: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-4 {
            padding-top: 1rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-5 {
            padding-top: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-6 {
            padding-top: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-7 {
            padding-top: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-8 {
            padding-top: 2rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-9 {
            padding-top: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-10 {
            padding-top: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-11 {
            padding-top: 3rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-12 {
            padding-top: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-13 {
            padding-top: 4rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-14 {
            padding-top: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-15 {
            padding-top: 5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-16 {
            padding-top: 6rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-17 {
            padding-top: 7rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-18 {
            padding-top: 8rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-19 {
            padding-top: 9rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-20 {
            padding-top: 10rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-21 {
            padding-top: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-22 {
            padding-top: 15rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-23 {
            padding-top: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-24 {
            padding-top: 20rem !important;
        }

        .cm-004 .hxc-overlay .pt-xl-25 {
            padding-top: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-0 {
            padding-right: 0 !important;
        }

        .cm-004 .hxc-overlay .pe-xl-1 {
            padding-right: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-2 {
            padding-right: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-3 {
            padding-right: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-4 {
            padding-right: 1rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-5 {
            padding-right: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-6 {
            padding-right: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-7 {
            padding-right: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-8 {
            padding-right: 2rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-9 {
            padding-right: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-10 {
            padding-right: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-11 {
            padding-right: 3rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-12 {
            padding-right: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-13 {
            padding-right: 4rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-14 {
            padding-right: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-15 {
            padding-right: 5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-16 {
            padding-right: 6rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-17 {
            padding-right: 7rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-18 {
            padding-right: 8rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-19 {
            padding-right: 9rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-20 {
            padding-right: 10rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-21 {
            padding-right: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-22 {
            padding-right: 15rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-23 {
            padding-right: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-24 {
            padding-right: 20rem !important;
        }

        .cm-004 .hxc-overlay .pe-xl-25 {
            padding-right: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-0 {
            padding-bottom: 0 !important;
        }

        .cm-004 .hxc-overlay .pb-xl-1 {
            padding-bottom: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-2 {
            padding-bottom: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-3 {
            padding-bottom: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-4 {
            padding-bottom: 1rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-5 {
            padding-bottom: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-6 {
            padding-bottom: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-7 {
            padding-bottom: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-8 {
            padding-bottom: 2rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-9 {
            padding-bottom: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-10 {
            padding-bottom: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-11 {
            padding-bottom: 3rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-12 {
            padding-bottom: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-13 {
            padding-bottom: 4rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-14 {
            padding-bottom: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-15 {
            padding-bottom: 5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-16 {
            padding-bottom: 6rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-17 {
            padding-bottom: 7rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-18 {
            padding-bottom: 8rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-19 {
            padding-bottom: 9rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-20 {
            padding-bottom: 10rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-21 {
            padding-bottom: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-22 {
            padding-bottom: 15rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-23 {
            padding-bottom: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-24 {
            padding-bottom: 20rem !important;
        }

        .cm-004 .hxc-overlay .pb-xl-25 {
            padding-bottom: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-0 {
            padding-left: 0 !important;
        }

        .cm-004 .hxc-overlay .ps-xl-1 {
            padding-left: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-2 {
            padding-left: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-3 {
            padding-left: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-4 {
            padding-left: 1rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-5 {
            padding-left: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-6 {
            padding-left: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-7 {
            padding-left: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-8 {
            padding-left: 2rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-9 {
            padding-left: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-10 {
            padding-left: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-11 {
            padding-left: 3rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-12 {
            padding-left: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-13 {
            padding-left: 4rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-14 {
            padding-left: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-15 {
            padding-left: 5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-16 {
            padding-left: 6rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-17 {
            padding-left: 7rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-18 {
            padding-left: 8rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-19 {
            padding-left: 9rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-20 {
            padding-left: 10rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-21 {
            padding-left: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-22 {
            padding-left: 15rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-23 {
            padding-left: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-24 {
            padding-left: 20rem !important;
        }

        .cm-004 .hxc-overlay .ps-xl-25 {
            padding-left: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-0 {
            gap: 0 !important;
        }

        .cm-004 .hxc-overlay .gap-xl-1 {
            gap: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-2 {
            gap: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-3 {
            gap: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-4 {
            gap: 1rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-5 {
            gap: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-6 {
            gap: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-7 {
            gap: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-8 {
            gap: 2rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-9 {
            gap: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-10 {
            gap: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-11 {
            gap: 3rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-12 {
            gap: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-13 {
            gap: 4rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-14 {
            gap: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-15 {
            gap: 5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-16 {
            gap: 6rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-17 {
            gap: 7rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-18 {
            gap: 8rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-19 {
            gap: 9rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-20 {
            gap: 10rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-21 {
            gap: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-22 {
            gap: 15rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-23 {
            gap: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-24 {
            gap: 20rem !important;
        }

        .cm-004 .hxc-overlay .gap-xl-25 {
            gap: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .text-xl-start {
            text-align: left !important;
        }

        .cm-004 .hxc-overlay .text-xl-end {
            text-align: right !important;
        }

        .cm-004 .hxc-overlay .text-xl-center {
            text-align: center !important;
        }
    }

    @media (min-width: 1400px) {
        .cm-004 .hxc-overlay .float-xxl-start {
            float: left !important;
        }

        .cm-004 .hxc-overlay .float-xxl-end {
            float: right !important;
        }

        .cm-004 .hxc-overlay .float-xxl-none {
            float: none !important;
        }

        .cm-004 .hxc-overlay .d-xxl-inline {
            display: inline !important;
        }

        .cm-004 .hxc-overlay .d-xxl-inline-block {
            display: inline-block !important;
        }

        .cm-004 .hxc-overlay .d-xxl-block {
            display: block !important;
        }

        .cm-004 .hxc-overlay .d-xxl-grid {
            display: grid !important;
        }

        .cm-004 .hxc-overlay .d-xxl-table {
            display: table !important;
        }

        .cm-004 .hxc-overlay .d-xxl-table-row {
            display: table-row !important;
        }

        .cm-004 .hxc-overlay .d-xxl-table-cell {
            display: table-cell !important;
        }

        .cm-004 .hxc-overlay .d-xxl-flex {
            display: flex !important;
        }

        .cm-004 .hxc-overlay .d-xxl-inline-flex {
            display: inline-flex !important;
        }

        .cm-004 .hxc-overlay .d-xxl-none {
            display: none !important;
        }

        .cm-004 .hxc-overlay .flex-xxl-fill {
            flex: 1 1 auto !important;
        }

        .cm-004 .hxc-overlay .flex-xxl-row {
            flex-direction: row !important;
        }

        .cm-004 .hxc-overlay .flex-xxl-column {
            flex-direction: column !important;
        }

        .cm-004 .hxc-overlay .flex-xxl-row-reverse {
            flex-direction: row-reverse !important;
        }

        .cm-004 .hxc-overlay .flex-xxl-column-reverse {
            flex-direction: column-reverse !important;
        }

        .cm-004 .hxc-overlay .flex-xxl-grow-0 {
            flex-grow: 0 !important;
        }

        .cm-004 .hxc-overlay .flex-xxl-grow-1 {
            flex-grow: 1 !important;
        }

        .cm-004 .hxc-overlay .flex-xxl-shrink-0 {
            flex-shrink: 0 !important;
        }

        .cm-004 .hxc-overlay .flex-xxl-shrink-1 {
            flex-shrink: 1 !important;
        }

        .cm-004 .hxc-overlay .flex-xxl-wrap {
            flex-wrap: wrap !important;
        }

        .cm-004 .hxc-overlay .flex-xxl-nowrap {
            flex-wrap: nowrap !important;
        }

        .cm-004 .hxc-overlay .flex-xxl-wrap-reverse {
            flex-wrap: wrap-reverse !important;
        }

        .cm-004 .hxc-overlay .justify-content-xxl-start {
            justify-content: flex-start !important;
        }

        .cm-004 .hxc-overlay .justify-content-xxl-end {
            justify-content: flex-end !important;
        }

        .cm-004 .hxc-overlay .justify-content-xxl-center {
            justify-content: center !important;
        }

        .cm-004 .hxc-overlay .justify-content-xxl-between {
            justify-content: space-between !important;
        }

        .cm-004 .hxc-overlay .justify-content-xxl-around {
            justify-content: space-around !important;
        }

        .cm-004 .hxc-overlay .justify-content-xxl-evenly {
            justify-content: space-evenly !important;
        }

        .cm-004 .hxc-overlay .align-items-xxl-start {
            align-items: flex-start !important;
        }

        .cm-004 .hxc-overlay .align-items-xxl-end {
            align-items: flex-end !important;
        }

        .cm-004 .hxc-overlay .align-items-xxl-center {
            align-items: center !important;
        }

        .cm-004 .hxc-overlay .align-items-xxl-baseline {
            align-items: baseline !important;
        }

        .cm-004 .hxc-overlay .align-items-xxl-stretch {
            align-items: stretch !important;
        }

        .cm-004 .hxc-overlay .align-content-xxl-start {
            align-content: flex-start !important;
        }

        .cm-004 .hxc-overlay .align-content-xxl-end {
            align-content: flex-end !important;
        }

        .cm-004 .hxc-overlay .align-content-xxl-center {
            align-content: center !important;
        }

        .cm-004 .hxc-overlay .align-content-xxl-between {
            align-content: space-between !important;
        }

        .cm-004 .hxc-overlay .align-content-xxl-around {
            align-content: space-around !important;
        }

        .cm-004 .hxc-overlay .align-content-xxl-stretch {
            align-content: stretch !important;
        }

        .cm-004 .hxc-overlay .align-self-xxl-auto {
            align-self: auto !important;
        }

        .cm-004 .hxc-overlay .align-self-xxl-start {
            align-self: flex-start !important;
        }

        .cm-004 .hxc-overlay .align-self-xxl-end {
            align-self: flex-end !important;
        }

        .cm-004 .hxc-overlay .align-self-xxl-center {
            align-self: center !important;
        }

        .cm-004 .hxc-overlay .align-self-xxl-baseline {
            align-self: baseline !important;
        }

        .cm-004 .hxc-overlay .align-self-xxl-stretch {
            align-self: stretch !important;
        }

        .cm-004 .hxc-overlay .order-xxl-first {
            order: -1 !important;
        }

        .cm-004 .hxc-overlay .order-xxl-0 {
            order: 0 !important;
        }

        .cm-004 .hxc-overlay .order-xxl-1 {
            order: 1 !important;
        }

        .cm-004 .hxc-overlay .order-xxl-2 {
            order: 2 !important;
        }

        .cm-004 .hxc-overlay .order-xxl-3 {
            order: 3 !important;
        }

        .cm-004 .hxc-overlay .order-xxl-4 {
            order: 4 !important;
        }

        .cm-004 .hxc-overlay .order-xxl-5 {
            order: 5 !important;
        }

        .cm-004 .hxc-overlay .order-xxl-last {
            order: 6 !important;
        }

        .cm-004 .hxc-overlay .m-xxl-0 {
            margin: 0 !important;
        }

        .cm-004 .hxc-overlay .m-xxl-1 {
            margin: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-2 {
            margin: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-3 {
            margin: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-4 {
            margin: 1rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-5 {
            margin: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-6 {
            margin: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-7 {
            margin: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-8 {
            margin: 2rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-9 {
            margin: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-10 {
            margin: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-11 {
            margin: 3rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-12 {
            margin: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-13 {
            margin: 4rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-14 {
            margin: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-15 {
            margin: 5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-16 {
            margin: 6rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-17 {
            margin: 7rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-18 {
            margin: 8rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-19 {
            margin: 9rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-20 {
            margin: 10rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-21 {
            margin: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-22 {
            margin: 15rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-23 {
            margin: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-24 {
            margin: 20rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-25 {
            margin: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-auto {
            margin: auto !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-0 {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-1 {
            margin-right: 0.25rem !important;
            margin-left: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-2 {
            margin-right: 0.5rem !important;
            margin-left: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-3 {
            margin-right: 0.75rem !important;
            margin-left: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-4 {
            margin-right: 1rem !important;
            margin-left: 1rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-5 {
            margin-right: 1.25rem !important;
            margin-left: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-6 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-7 {
            margin-right: 1.75rem !important;
            margin-left: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-8 {
            margin-right: 2rem !important;
            margin-left: 2rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-9 {
            margin-right: 2.25rem !important;
            margin-left: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-10 {
            margin-right: 2.5rem !important;
            margin-left: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-11 {
            margin-right: 3rem !important;
            margin-left: 3rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-12 {
            margin-right: 3.5rem !important;
            margin-left: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-13 {
            margin-right: 4rem !important;
            margin-left: 4rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-14 {
            margin-right: 4.5rem !important;
            margin-left: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-15 {
            margin-right: 5rem !important;
            margin-left: 5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-16 {
            margin-right: 6rem !important;
            margin-left: 6rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-17 {
            margin-right: 7rem !important;
            margin-left: 7rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-18 {
            margin-right: 8rem !important;
            margin-left: 8rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-19 {
            margin-right: 9rem !important;
            margin-left: 9rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-20 {
            margin-right: 10rem !important;
            margin-left: 10rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-21 {
            margin-right: 12.5rem !important;
            margin-left: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-22 {
            margin-right: 15rem !important;
            margin-left: 15rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-23 {
            margin-right: 17.5rem !important;
            margin-left: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-24 {
            margin-right: 20rem !important;
            margin-left: 20rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-25 {
            margin-right: 22.5rem !important;
            margin-left: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-auto {
            margin-right: auto !important;
            margin-left: auto !important;
        }

        .cm-004 .hxc-overlay .my-xxl-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .cm-004 .hxc-overlay .my-xxl-1 {
            margin-top: 0.25rem !important;
            margin-bottom: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-2 {
            margin-top: 0.5rem !important;
            margin-bottom: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-3 {
            margin-top: 0.75rem !important;
            margin-bottom: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-4 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-5 {
            margin-top: 1.25rem !important;
            margin-bottom: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-6 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-7 {
            margin-top: 1.75rem !important;
            margin-bottom: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-8 {
            margin-top: 2rem !important;
            margin-bottom: 2rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-9 {
            margin-top: 2.25rem !important;
            margin-bottom: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-10 {
            margin-top: 2.5rem !important;
            margin-bottom: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-11 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-12 {
            margin-top: 3.5rem !important;
            margin-bottom: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-13 {
            margin-top: 4rem !important;
            margin-bottom: 4rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-14 {
            margin-top: 4.5rem !important;
            margin-bottom: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-15 {
            margin-top: 5rem !important;
            margin-bottom: 5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-16 {
            margin-top: 6rem !important;
            margin-bottom: 6rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-17 {
            margin-top: 7rem !important;
            margin-bottom: 7rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-18 {
            margin-top: 8rem !important;
            margin-bottom: 8rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-19 {
            margin-top: 9rem !important;
            margin-bottom: 9rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-20 {
            margin-top: 10rem !important;
            margin-bottom: 10rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-21 {
            margin-top: 12.5rem !important;
            margin-bottom: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-22 {
            margin-top: 15rem !important;
            margin-bottom: 15rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-23 {
            margin-top: 17.5rem !important;
            margin-bottom: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-24 {
            margin-top: 20rem !important;
            margin-bottom: 20rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-25 {
            margin-top: 22.5rem !important;
            margin-bottom: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-auto {
            margin-top: auto !important;
            margin-bottom: auto !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-0 {
            margin-top: 0 !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-1 {
            margin-top: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-2 {
            margin-top: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-3 {
            margin-top: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-4 {
            margin-top: 1rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-5 {
            margin-top: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-6 {
            margin-top: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-7 {
            margin-top: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-8 {
            margin-top: 2rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-9 {
            margin-top: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-10 {
            margin-top: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-11 {
            margin-top: 3rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-12 {
            margin-top: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-13 {
            margin-top: 4rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-14 {
            margin-top: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-15 {
            margin-top: 5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-16 {
            margin-top: 6rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-17 {
            margin-top: 7rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-18 {
            margin-top: 8rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-19 {
            margin-top: 9rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-20 {
            margin-top: 10rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-21 {
            margin-top: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-22 {
            margin-top: 15rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-23 {
            margin-top: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-24 {
            margin-top: 20rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-25 {
            margin-top: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-auto {
            margin-top: auto !important;
        }

        .cm-004 .hxc-overlay .me-xxl-0 {
            margin-right: 0 !important;
        }

        .cm-004 .hxc-overlay .me-xxl-1 {
            margin-right: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-2 {
            margin-right: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-3 {
            margin-right: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-4 {
            margin-right: 1rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-5 {
            margin-right: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-6 {
            margin-right: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-7 {
            margin-right: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-8 {
            margin-right: 2rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-9 {
            margin-right: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-10 {
            margin-right: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-11 {
            margin-right: 3rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-12 {
            margin-right: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-13 {
            margin-right: 4rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-14 {
            margin-right: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-15 {
            margin-right: 5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-16 {
            margin-right: 6rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-17 {
            margin-right: 7rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-18 {
            margin-right: 8rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-19 {
            margin-right: 9rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-20 {
            margin-right: 10rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-21 {
            margin-right: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-22 {
            margin-right: 15rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-23 {
            margin-right: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-24 {
            margin-right: 20rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-25 {
            margin-right: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-auto {
            margin-right: auto !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-0 {
            margin-bottom: 0 !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-1 {
            margin-bottom: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-2 {
            margin-bottom: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-3 {
            margin-bottom: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-4 {
            margin-bottom: 1rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-5 {
            margin-bottom: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-6 {
            margin-bottom: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-7 {
            margin-bottom: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-8 {
            margin-bottom: 2rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-9 {
            margin-bottom: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-10 {
            margin-bottom: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-11 {
            margin-bottom: 3rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-12 {
            margin-bottom: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-13 {
            margin-bottom: 4rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-14 {
            margin-bottom: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-15 {
            margin-bottom: 5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-16 {
            margin-bottom: 6rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-17 {
            margin-bottom: 7rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-18 {
            margin-bottom: 8rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-19 {
            margin-bottom: 9rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-20 {
            margin-bottom: 10rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-21 {
            margin-bottom: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-22 {
            margin-bottom: 15rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-23 {
            margin-bottom: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-24 {
            margin-bottom: 20rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-25 {
            margin-bottom: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-auto {
            margin-bottom: auto !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-0 {
            margin-left: 0 !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-1 {
            margin-left: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-2 {
            margin-left: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-3 {
            margin-left: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-4 {
            margin-left: 1rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-5 {
            margin-left: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-6 {
            margin-left: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-7 {
            margin-left: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-8 {
            margin-left: 2rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-9 {
            margin-left: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-10 {
            margin-left: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-11 {
            margin-left: 3rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-12 {
            margin-left: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-13 {
            margin-left: 4rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-14 {
            margin-left: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-15 {
            margin-left: 5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-16 {
            margin-left: 6rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-17 {
            margin-left: 7rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-18 {
            margin-left: 8rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-19 {
            margin-left: 9rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-20 {
            margin-left: 10rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-21 {
            margin-left: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-22 {
            margin-left: 15rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-23 {
            margin-left: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-24 {
            margin-left: 20rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-25 {
            margin-left: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-auto {
            margin-left: auto !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n1 {
            margin: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n2 {
            margin: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n3 {
            margin: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n4 {
            margin: -1rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n5 {
            margin: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n6 {
            margin: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n7 {
            margin: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n8 {
            margin: -2rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n9 {
            margin: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n10 {
            margin: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n11 {
            margin: -3rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n12 {
            margin: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n13 {
            margin: -4rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n14 {
            margin: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n15 {
            margin: -5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n16 {
            margin: -6rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n17 {
            margin: -7rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n18 {
            margin: -8rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n19 {
            margin: -9rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n20 {
            margin: -10rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n21 {
            margin: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n22 {
            margin: -15rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n23 {
            margin: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n24 {
            margin: -20rem !important;
        }

        .cm-004 .hxc-overlay .m-xxl-n25 {
            margin: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n1 {
            margin-right: -0.25rem !important;
            margin-left: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n2 {
            margin-right: -0.5rem !important;
            margin-left: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n3 {
            margin-right: -0.75rem !important;
            margin-left: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n4 {
            margin-right: -1rem !important;
            margin-left: -1rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n5 {
            margin-right: -1.25rem !important;
            margin-left: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n6 {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n7 {
            margin-right: -1.75rem !important;
            margin-left: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n8 {
            margin-right: -2rem !important;
            margin-left: -2rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n9 {
            margin-right: -2.25rem !important;
            margin-left: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n10 {
            margin-right: -2.5rem !important;
            margin-left: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n11 {
            margin-right: -3rem !important;
            margin-left: -3rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n12 {
            margin-right: -3.5rem !important;
            margin-left: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n13 {
            margin-right: -4rem !important;
            margin-left: -4rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n14 {
            margin-right: -4.5rem !important;
            margin-left: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n15 {
            margin-right: -5rem !important;
            margin-left: -5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n16 {
            margin-right: -6rem !important;
            margin-left: -6rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n17 {
            margin-right: -7rem !important;
            margin-left: -7rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n18 {
            margin-right: -8rem !important;
            margin-left: -8rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n19 {
            margin-right: -9rem !important;
            margin-left: -9rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n20 {
            margin-right: -10rem !important;
            margin-left: -10rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n21 {
            margin-right: -12.5rem !important;
            margin-left: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n22 {
            margin-right: -15rem !important;
            margin-left: -15rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n23 {
            margin-right: -17.5rem !important;
            margin-left: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n24 {
            margin-right: -20rem !important;
            margin-left: -20rem !important;
        }

        .cm-004 .hxc-overlay .mx-xxl-n25 {
            margin-right: -22.5rem !important;
            margin-left: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n1 {
            margin-top: -0.25rem !important;
            margin-bottom: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n2 {
            margin-top: -0.5rem !important;
            margin-bottom: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n3 {
            margin-top: -0.75rem !important;
            margin-bottom: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n4 {
            margin-top: -1rem !important;
            margin-bottom: -1rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n5 {
            margin-top: -1.25rem !important;
            margin-bottom: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n6 {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n7 {
            margin-top: -1.75rem !important;
            margin-bottom: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n8 {
            margin-top: -2rem !important;
            margin-bottom: -2rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n9 {
            margin-top: -2.25rem !important;
            margin-bottom: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n10 {
            margin-top: -2.5rem !important;
            margin-bottom: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n11 {
            margin-top: -3rem !important;
            margin-bottom: -3rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n12 {
            margin-top: -3.5rem !important;
            margin-bottom: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n13 {
            margin-top: -4rem !important;
            margin-bottom: -4rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n14 {
            margin-top: -4.5rem !important;
            margin-bottom: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n15 {
            margin-top: -5rem !important;
            margin-bottom: -5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n16 {
            margin-top: -6rem !important;
            margin-bottom: -6rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n17 {
            margin-top: -7rem !important;
            margin-bottom: -7rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n18 {
            margin-top: -8rem !important;
            margin-bottom: -8rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n19 {
            margin-top: -9rem !important;
            margin-bottom: -9rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n20 {
            margin-top: -10rem !important;
            margin-bottom: -10rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n21 {
            margin-top: -12.5rem !important;
            margin-bottom: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n22 {
            margin-top: -15rem !important;
            margin-bottom: -15rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n23 {
            margin-top: -17.5rem !important;
            margin-bottom: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n24 {
            margin-top: -20rem !important;
            margin-bottom: -20rem !important;
        }

        .cm-004 .hxc-overlay .my-xxl-n25 {
            margin-top: -22.5rem !important;
            margin-bottom: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n1 {
            margin-top: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n2 {
            margin-top: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n3 {
            margin-top: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n4 {
            margin-top: -1rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n5 {
            margin-top: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n6 {
            margin-top: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n7 {
            margin-top: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n8 {
            margin-top: -2rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n9 {
            margin-top: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n10 {
            margin-top: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n11 {
            margin-top: -3rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n12 {
            margin-top: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n13 {
            margin-top: -4rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n14 {
            margin-top: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n15 {
            margin-top: -5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n16 {
            margin-top: -6rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n17 {
            margin-top: -7rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n18 {
            margin-top: -8rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n19 {
            margin-top: -9rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n20 {
            margin-top: -10rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n21 {
            margin-top: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n22 {
            margin-top: -15rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n23 {
            margin-top: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n24 {
            margin-top: -20rem !important;
        }

        .cm-004 .hxc-overlay .mt-xxl-n25 {
            margin-top: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n1 {
            margin-right: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n2 {
            margin-right: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n3 {
            margin-right: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n4 {
            margin-right: -1rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n5 {
            margin-right: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n6 {
            margin-right: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n7 {
            margin-right: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n8 {
            margin-right: -2rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n9 {
            margin-right: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n10 {
            margin-right: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n11 {
            margin-right: -3rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n12 {
            margin-right: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n13 {
            margin-right: -4rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n14 {
            margin-right: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n15 {
            margin-right: -5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n16 {
            margin-right: -6rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n17 {
            margin-right: -7rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n18 {
            margin-right: -8rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n19 {
            margin-right: -9rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n20 {
            margin-right: -10rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n21 {
            margin-right: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n22 {
            margin-right: -15rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n23 {
            margin-right: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n24 {
            margin-right: -20rem !important;
        }

        .cm-004 .hxc-overlay .me-xxl-n25 {
            margin-right: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n1 {
            margin-bottom: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n2 {
            margin-bottom: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n3 {
            margin-bottom: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n4 {
            margin-bottom: -1rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n5 {
            margin-bottom: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n6 {
            margin-bottom: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n7 {
            margin-bottom: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n8 {
            margin-bottom: -2rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n9 {
            margin-bottom: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n10 {
            margin-bottom: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n11 {
            margin-bottom: -3rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n12 {
            margin-bottom: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n13 {
            margin-bottom: -4rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n14 {
            margin-bottom: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n15 {
            margin-bottom: -5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n16 {
            margin-bottom: -6rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n17 {
            margin-bottom: -7rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n18 {
            margin-bottom: -8rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n19 {
            margin-bottom: -9rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n20 {
            margin-bottom: -10rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n21 {
            margin-bottom: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n22 {
            margin-bottom: -15rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n23 {
            margin-bottom: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n24 {
            margin-bottom: -20rem !important;
        }

        .cm-004 .hxc-overlay .mb-xxl-n25 {
            margin-bottom: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n1 {
            margin-left: -0.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n2 {
            margin-left: -0.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n3 {
            margin-left: -0.75rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n4 {
            margin-left: -1rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n5 {
            margin-left: -1.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n6 {
            margin-left: -1.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n7 {
            margin-left: -1.75rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n8 {
            margin-left: -2rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n9 {
            margin-left: -2.25rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n10 {
            margin-left: -2.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n11 {
            margin-left: -3rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n12 {
            margin-left: -3.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n13 {
            margin-left: -4rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n14 {
            margin-left: -4.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n15 {
            margin-left: -5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n16 {
            margin-left: -6rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n17 {
            margin-left: -7rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n18 {
            margin-left: -8rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n19 {
            margin-left: -9rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n20 {
            margin-left: -10rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n21 {
            margin-left: -12.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n22 {
            margin-left: -15rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n23 {
            margin-left: -17.5rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n24 {
            margin-left: -20rem !important;
        }

        .cm-004 .hxc-overlay .ms-xxl-n25 {
            margin-left: -22.5rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-0 {
            padding: 0 !important;
        }

        .cm-004 .hxc-overlay .p-xxl-1 {
            padding: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-2 {
            padding: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-3 {
            padding: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-4 {
            padding: 1rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-5 {
            padding: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-6 {
            padding: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-7 {
            padding: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-8 {
            padding: 2rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-9 {
            padding: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-10 {
            padding: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-11 {
            padding: 3rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-12 {
            padding: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-13 {
            padding: 4rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-14 {
            padding: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-15 {
            padding: 5rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-16 {
            padding: 6rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-17 {
            padding: 7rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-18 {
            padding: 8rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-19 {
            padding: 9rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-20 {
            padding: 10rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-21 {
            padding: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-22 {
            padding: 15rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-23 {
            padding: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-24 {
            padding: 20rem !important;
        }

        .cm-004 .hxc-overlay .p-xxl-25 {
            padding: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-0 {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }

        .cm-004 .hxc-overlay .px-xxl-1 {
            padding-right: 0.25rem !important;
            padding-left: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-2 {
            padding-right: 0.5rem !important;
            padding-left: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-3 {
            padding-right: 0.75rem !important;
            padding-left: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-4 {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-5 {
            padding-right: 1.25rem !important;
            padding-left: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-6 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-7 {
            padding-right: 1.75rem !important;
            padding-left: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-8 {
            padding-right: 2rem !important;
            padding-left: 2rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-9 {
            padding-right: 2.25rem !important;
            padding-left: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-10 {
            padding-right: 2.5rem !important;
            padding-left: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-11 {
            padding-right: 3rem !important;
            padding-left: 3rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-12 {
            padding-right: 3.5rem !important;
            padding-left: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-13 {
            padding-right: 4rem !important;
            padding-left: 4rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-14 {
            padding-right: 4.5rem !important;
            padding-left: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-15 {
            padding-right: 5rem !important;
            padding-left: 5rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-16 {
            padding-right: 6rem !important;
            padding-left: 6rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-17 {
            padding-right: 7rem !important;
            padding-left: 7rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-18 {
            padding-right: 8rem !important;
            padding-left: 8rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-19 {
            padding-right: 9rem !important;
            padding-left: 9rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-20 {
            padding-right: 10rem !important;
            padding-left: 10rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-21 {
            padding-right: 12.5rem !important;
            padding-left: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-22 {
            padding-right: 15rem !important;
            padding-left: 15rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-23 {
            padding-right: 17.5rem !important;
            padding-left: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-24 {
            padding-right: 20rem !important;
            padding-left: 20rem !important;
        }

        .cm-004 .hxc-overlay .px-xxl-25 {
            padding-right: 22.5rem !important;
            padding-left: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .cm-004 .hxc-overlay .py-xxl-1 {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-2 {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-3 {
            padding-top: 0.75rem !important;
            padding-bottom: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-4 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-5 {
            padding-top: 1.25rem !important;
            padding-bottom: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-6 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-7 {
            padding-top: 1.75rem !important;
            padding-bottom: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-8 {
            padding-top: 2rem !important;
            padding-bottom: 2rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-9 {
            padding-top: 2.25rem !important;
            padding-bottom: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-10 {
            padding-top: 2.5rem !important;
            padding-bottom: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-11 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-12 {
            padding-top: 3.5rem !important;
            padding-bottom: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-13 {
            padding-top: 4rem !important;
            padding-bottom: 4rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-14 {
            padding-top: 4.5rem !important;
            padding-bottom: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-15 {
            padding-top: 5rem !important;
            padding-bottom: 5rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-16 {
            padding-top: 6rem !important;
            padding-bottom: 6rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-17 {
            padding-top: 7rem !important;
            padding-bottom: 7rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-18 {
            padding-top: 8rem !important;
            padding-bottom: 8rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-19 {
            padding-top: 9rem !important;
            padding-bottom: 9rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-20 {
            padding-top: 10rem !important;
            padding-bottom: 10rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-21 {
            padding-top: 12.5rem !important;
            padding-bottom: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-22 {
            padding-top: 15rem !important;
            padding-bottom: 15rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-23 {
            padding-top: 17.5rem !important;
            padding-bottom: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-24 {
            padding-top: 20rem !important;
            padding-bottom: 20rem !important;
        }

        .cm-004 .hxc-overlay .py-xxl-25 {
            padding-top: 22.5rem !important;
            padding-bottom: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-0 {
            padding-top: 0 !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-1 {
            padding-top: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-2 {
            padding-top: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-3 {
            padding-top: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-4 {
            padding-top: 1rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-5 {
            padding-top: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-6 {
            padding-top: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-7 {
            padding-top: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-8 {
            padding-top: 2rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-9 {
            padding-top: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-10 {
            padding-top: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-11 {
            padding-top: 3rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-12 {
            padding-top: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-13 {
            padding-top: 4rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-14 {
            padding-top: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-15 {
            padding-top: 5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-16 {
            padding-top: 6rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-17 {
            padding-top: 7rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-18 {
            padding-top: 8rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-19 {
            padding-top: 9rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-20 {
            padding-top: 10rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-21 {
            padding-top: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-22 {
            padding-top: 15rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-23 {
            padding-top: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-24 {
            padding-top: 20rem !important;
        }

        .cm-004 .hxc-overlay .pt-xxl-25 {
            padding-top: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-0 {
            padding-right: 0 !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-1 {
            padding-right: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-2 {
            padding-right: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-3 {
            padding-right: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-4 {
            padding-right: 1rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-5 {
            padding-right: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-6 {
            padding-right: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-7 {
            padding-right: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-8 {
            padding-right: 2rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-9 {
            padding-right: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-10 {
            padding-right: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-11 {
            padding-right: 3rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-12 {
            padding-right: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-13 {
            padding-right: 4rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-14 {
            padding-right: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-15 {
            padding-right: 5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-16 {
            padding-right: 6rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-17 {
            padding-right: 7rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-18 {
            padding-right: 8rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-19 {
            padding-right: 9rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-20 {
            padding-right: 10rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-21 {
            padding-right: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-22 {
            padding-right: 15rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-23 {
            padding-right: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-24 {
            padding-right: 20rem !important;
        }

        .cm-004 .hxc-overlay .pe-xxl-25 {
            padding-right: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-0 {
            padding-bottom: 0 !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-1 {
            padding-bottom: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-2 {
            padding-bottom: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-3 {
            padding-bottom: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-4 {
            padding-bottom: 1rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-5 {
            padding-bottom: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-6 {
            padding-bottom: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-7 {
            padding-bottom: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-8 {
            padding-bottom: 2rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-9 {
            padding-bottom: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-10 {
            padding-bottom: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-11 {
            padding-bottom: 3rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-12 {
            padding-bottom: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-13 {
            padding-bottom: 4rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-14 {
            padding-bottom: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-15 {
            padding-bottom: 5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-16 {
            padding-bottom: 6rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-17 {
            padding-bottom: 7rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-18 {
            padding-bottom: 8rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-19 {
            padding-bottom: 9rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-20 {
            padding-bottom: 10rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-21 {
            padding-bottom: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-22 {
            padding-bottom: 15rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-23 {
            padding-bottom: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-24 {
            padding-bottom: 20rem !important;
        }

        .cm-004 .hxc-overlay .pb-xxl-25 {
            padding-bottom: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-0 {
            padding-left: 0 !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-1 {
            padding-left: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-2 {
            padding-left: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-3 {
            padding-left: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-4 {
            padding-left: 1rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-5 {
            padding-left: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-6 {
            padding-left: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-7 {
            padding-left: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-8 {
            padding-left: 2rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-9 {
            padding-left: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-10 {
            padding-left: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-11 {
            padding-left: 3rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-12 {
            padding-left: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-13 {
            padding-left: 4rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-14 {
            padding-left: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-15 {
            padding-left: 5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-16 {
            padding-left: 6rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-17 {
            padding-left: 7rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-18 {
            padding-left: 8rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-19 {
            padding-left: 9rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-20 {
            padding-left: 10rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-21 {
            padding-left: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-22 {
            padding-left: 15rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-23 {
            padding-left: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-24 {
            padding-left: 20rem !important;
        }

        .cm-004 .hxc-overlay .ps-xxl-25 {
            padding-left: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-0 {
            gap: 0 !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-1 {
            gap: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-2 {
            gap: 0.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-3 {
            gap: 0.75rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-4 {
            gap: 1rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-5 {
            gap: 1.25rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-6 {
            gap: 1.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-7 {
            gap: 1.75rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-8 {
            gap: 2rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-9 {
            gap: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-10 {
            gap: 2.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-11 {
            gap: 3rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-12 {
            gap: 3.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-13 {
            gap: 4rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-14 {
            gap: 4.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-15 {
            gap: 5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-16 {
            gap: 6rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-17 {
            gap: 7rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-18 {
            gap: 8rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-19 {
            gap: 9rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-20 {
            gap: 10rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-21 {
            gap: 12.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-22 {
            gap: 15rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-23 {
            gap: 17.5rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-24 {
            gap: 20rem !important;
        }

        .cm-004 .hxc-overlay .gap-xxl-25 {
            gap: 22.5rem !important;
        }

        .cm-004 .hxc-overlay .text-xxl-start {
            text-align: left !important;
        }

        .cm-004 .hxc-overlay .text-xxl-end {
            text-align: right !important;
        }

        .cm-004 .hxc-overlay .text-xxl-center {
            text-align: center !important;
        }
    }

    .cm-004 .hxc-overlay body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        word-spacing: 0.05rem;
        overflow-x: hidden !important;
    }

    .cm-004 .hxc-overlay hr.dark {
        color: rgba(164, 174, 198, 0.25);
    }

    .cm-004 .hxc-overlay ::-moz-selection {
        background: rgba(63, 120, 224, 0.7);
        color: #fff;
    }

    .cm-004 .hxc-overlay ::selection {
        background: rgba(63, 120, 224, 0.7);
        color: #fff;
    }

    .cm-004 .hxc-overlay a {
        transition: all 0.2s ease-in-out;
        /*font-family: 'Krungsri-bol';*/
        font-style: normal;
    }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay a {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay a:focus {
        outline: 0;
    }

    .cm-004 .hxc-overlay a[href^=tel] {
        color: inherit;
        text-decoration: inherit;
    }

    .cm-004 .hxc-overlay a.hover {
        position: relative;
    }

        .cm-004 .hxc-overlay a.hover::before {
            position: absolute;
            width: 100%;
            height: 1px;
            background: currentColor;
            top: 100%;
            left: 0;
            pointer-events: none;
        }

        .cm-004 .hxc-overlay a.hover::before {
            content: "";
            transform-origin: 100% 50%;
            transform: scale3d(0, 1, 1);
            transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
        }

        .cm-004 .hxc-overlay a.hover:hover:before {
            transform-origin: 0% 50%;
            transform: scale3d(1, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);
        }

    .cm-004 .hxc-overlay a.hover-2 {
        position: relative;
        z-index: 1;
        padding: 0 0.2rem 0.05rem;
    }

        .cm-004 .hxc-overlay a.hover-2::before {
            position: absolute;
            width: 100%;
            height: 100%;
            background: #e0e9fa;
            top: 0;
            left: 0;
            pointer-events: none;
            z-index: -1;
        }

        .cm-004 .hxc-overlay a.hover-2::before {
            content: "";
            transform-origin: 100% 50%;
            transform: scale3d(0, 1, 1);
            transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1);
        }

        .cm-004 .hxc-overlay a.hover-2:hover.link-body {
            color: inherit;
        }

        .cm-004 .hxc-overlay a.hover-2:hover:before {
            transform-origin: 0% 50%;
            transform: scale3d(1, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);
        }

    .cm-004 .hxc-overlay a.hover-3 {
        position: relative;
        padding: 0 0.2rem 0.05rem;
        transition: color ease 0.3s;
        z-index: 1;
    }

        .cm-004 .hxc-overlay a.hover-3:before {
            content: "";
            position: absolute;
            z-index: -1;
            width: 100%;
            height: 3px;
            left: 0;
            bottom: -3px;
            background-color: #e0e9fa;
            transition: all 0.3s ease-in-out;
        }

        .cm-004 .hxc-overlay a.hover-3:hover.link-body {
            color: inherit;
        }

        .cm-004 .hxc-overlay a.hover-3:hover:before {
            height: calc(106%);
        }

        .cm-004 .hxc-overlay a.hover-3.more:before {
            bottom: -1px;
        }

        .cm-004 .hxc-overlay a.hover-3.more:hover:before {
            height: calc(103%);
        }

    .cm-004 .hxc-overlay .text-reset a {
        color: inherit !important;
    }

        .cm-004 .hxc-overlay .link-dark:hover,
        .cm-004 .hxc-overlay a.text-reset:hover,
        .cm-004 .hxc-overlay .text-reset a:hover {
            color: #3f78e0 !important;
        }

    .cm-004 .hxc-overlay [class*=text-] .text-reset:hover {
        color: inherit !important;
    }

    .cm-004 .hxc-overlay .link-body {
        color: #60697b;
    }

    .cm-004 .hxc-overlay .link-inverse {
        color: #cacaca;
    }

    .cm-004 .hxc-overlay .text-inverse,
    .cm-004 .hxc-overlay .link-inverse,
    .cm-004 .hxc-overlay .text-inverse a:not(.btn) {
        color: #fff;
    }

    .cm-004 .hxc-overlay .bg-dark.text-inverse,
    .cm-004 .hxc-overlay .bg-dark.link-inverse,
    .cm-004 .hxc-overlay .bg-dark.text-inverse a:not(.btn):not([class*=link-]),
    .cm-004 .hxc-overlay .bg-navy.text-inverse,
    .cm-004 .hxc-overlay .bg-navy.link-inverse,
    .cm-004 .hxc-overlay .bg-navy.text-inverse a:not(.btn):not([class*=link-]),
    .cm-004 .hxc-overlay [class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]),
    .cm-004 .hxc-overlay .bg-navy.text-inverse .post-meta,
    .cm-004 .hxc-overlay .bg-dark.text-inverse .post-meta {
        color: #cacaca;
    }

        .cm-004 .hxc-overlay .text-inverse a:not(.btn):hover,
        .cm-004 .hxc-overlay .bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
        .cm-004 .hxc-overlay .bg-navy.text-inverse a:not(.btn):not([class*=link-]):hover,
        .cm-004 .hxc-overlay [class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover {
            color: #3f78e0;
        }

    .cm-004 .hxc-overlay .text-inverse a:not(.btn):hover {
        border-color: #3f78e0;
    }

    .cm-004 .hxc-overlay .badge.bg-light-overlay {
        background: rgba(164, 174, 198, 0.2) !important;
    }

    .cm-004 .hxc-overlay .more {
        font-weight: 700;
        letter-spacing: -0.01rem;
        display: inline-block;
    }

        .cm-004 .hxc-overlay .more:after {
            line-height: 1;
            font-family: "Unicons";
            content: "\e94c";
            padding-left: 0.05rem;
            font-size: 0.9rem;
            font-weight: normal;
            vertical-align: -3px;
            margin-right: -0.25rem;
            display: inline-block;
        }

    .cm-004 .hxc-overlay hr.double {
        background: none;
        border-style: double;
        border-color: rgba(164, 174, 198, 0.2);
        border-top: 0;
    }

    .cm-004 .hxc-overlay _:default:not(:root:root),
    .cm-004 .hxc-overlay hr.double {
        border-bottom-width: 3px;
    }

    .cm-004 .hxc-overlay .divider-icon {
        border: 0;
        position: relative;
        margin: 4.5rem 0;
    }

        .cm-004 .hxc-overlay .divider-icon i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 1.2rem;
            color: rgba(164, 174, 198, 0.2);
        }

        .cm-004 .hxc-overlay .divider-icon:before,
        .cm-004 .hxc-overlay .divider-icon:after {
            position: absolute;
            top: 50%;
            content: "";
            border-top: 1px solid rgba(164, 174, 198, 0.2);
            width: calc(48.5%);
        }

        .cm-004 .hxc-overlay .divider-icon:before {
            left: 0;
        }

        .cm-004 .hxc-overlay .divider-icon:after {
            right: 0;
        }

    .cm-004 .hxc-overlay .divider:after {
        content: "";
        width: 100%;
        height: 5px;
        background: currentColor;
        display: block;
        margin-top: -5px;
    }

    .cm-004 .hxc-overlay .divider.divider-alt:after {
        margin-top: 0;
        margin-bottom: -5px;
    }

    .cm-004 .hxc-overlay [class*=divider-v-] {
        position: relative;
        width: auto;
        height: 100%;
        overflow: hidden;
    }

        .cm-004 .hxc-overlay [class*=divider-v-] > svg {
            height: 100%;
            width: auto;
            transform: scale(1.2);
            position: absolute;
        }

        .cm-004 .hxc-overlay [class*=divider-v-]:after {
            display: none;
        }

        .cm-004 .hxc-overlay [class*=divider-v-].divider-v-start > svg {
            top: 0;
            left: 0;
        }

        .cm-004 .hxc-overlay [class*=divider-v-].divider-v-end > svg {
            top: 0;
            right: 0;
        }

    .cm-004 .hxc-overlay h1,
    .cm-004 .hxc-overlay h2,
    .cm-004 .hxc-overlay h3,
    .cm-004 .hxc-overlay h4,
    .cm-004 .hxc-overlay h5,
    .cm-004 .hxc-overlay h6,
    .cm-004 .hxc-overlay .h1,
    .cm-004 .hxc-overlay .h2,
    .cm-004 .hxc-overlay .h3,
    .cm-004 .hxc-overlay .h4,
    .cm-004 .hxc-overlay .h5,
    .cm-004 .hxc-overlay .h6 {
        margin-top: 0;
        margin-bottom: 0.5rem;
        font-weight: 700;
        color: #343f52;
        word-spacing: 0.1rem;
        /*letter-spacing: -0.01rem;*/
    }

        .cm-004 .hxc-overlay h1.text-uppercase,
        .cm-004 .hxc-overlay h2.text-uppercase,
        .cm-004 .hxc-overlay h3.text-uppercase,
        .cm-004 .hxc-overlay h4.text-uppercase,
        .cm-004 .hxc-overlay h5.text-uppercase,
        .cm-004 .hxc-overlay h6.text-uppercase,
        .cm-004 .hxc-overlay .text-uppercase.h1,
        .cm-004 .hxc-overlay .text-uppercase.h2,
        .cm-004 .hxc-overlay .text-uppercase.h3,
        .cm-004 .hxc-overlay .text-uppercase.h4,
        .cm-004 .hxc-overlay .text-uppercase.h5,
        .cm-004 .hxc-overlay .text-uppercase.h6 {
            /*letter-spacing: 0.02rem;*/
        }

    .cm-004 .hxc-overlay h1,
    .cm-004 .hxc-overlay .h1 {
        line-height: 1.3;
    }

    .cm-004 .hxc-overlay h2,
    .cm-004 .hxc-overlay .h2 {
        line-height: 1.35;
    }

    .cm-004 .hxc-overlay h3,
    .cm-004 .hxc-overlay .h3 {
        line-height: 1.4;
    }

    .cm-004 .hxc-overlay h4,
    .cm-004 .hxc-overlay .h4 {
        line-height: 1.45;
    }

    .cm-004 .hxc-overlay h5,
    .cm-004 .hxc-overlay .h5 {
        line-height: 1.5;
    }

    .cm-004 .hxc-overlay h6,
    .cm-004 .hxc-overlay .h6 {
        line-height: 1.55;
    }

    .cm-004 .hxc-overlay .display-1 {
        line-height: 1.2;
    }

    .cm-004 .hxc-overlay .display-2,
    .cm-004 .hxc-overlay .display-3 {
        line-height: 1.25;
    }

    .cm-004 .hxc-overlay .display-4,
    .cm-004 .hxc-overlay .display-5 {
        line-height: 1.3;
    }

    .cm-004 .hxc-overlay .display-6 {
        line-height: 1.35;
    }

    .cm-004 .hxc-overlay .ls-xs {
        letter-spacing: -0.035em !important;
    }

    .cm-004 .hxc-overlay .ls-sm {
        letter-spacing: -0.03em !important;
    }

    .cm-004 .hxc-overlay .ls-md {
        letter-spacing: -0.01rem !important;
    }

    .cm-004 .hxc-overlay .ls-lg {
        letter-spacing: 0.02rem !important;
    }

    .cm-004 .hxc-overlay .ls-xl {
        letter-spacing: 0.05rem !important;
    }

    .cm-004 .hxc-overlay .ls-normal {
        letter-spacing: normal;
    }

    .cm-004 .hxc-overlay .lead {
        line-height: 1.65;
    }

        .cm-004 .hxc-overlay .lead.fs-lg {
            font-size: 1.05rem !important;
            line-height: 1.6;
        }

    .cm-004 .hxc-overlay .mark,
    .cm-004 .hxc-overlay mark {
        color: inherit;
        border-radius: 0.4rem;
    }

    .cm-004 .hxc-overlay .rounded img {
        border-radius: 0.4rem;
    }

    @media (min-width: 992px) {

        .cm-004 .hxc-overlay .map.rounded-lg-start iframe,
        .cm-004 .hxc-overlay .image-wrapper.rounded-lg-start {
            border-bottom-left-radius: 0.4rem !important;
            border-top-left-radius: 0.4rem !important;
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
        }

        .cm-004 .hxc-overlay .image-wrapper.rounded-4-lg-start {
            border-bottom-left-radius: 0.8rem !important;
            border-top-left-radius: 0.8rem !important;
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
        }
    }

    @media (max-width: 991.98px) {

        .cm-004 .hxc-overlay .map.rounded-top iframe,
        .cm-004 .hxc-overlay .image-wrapper.rounded-top {
            border-top-left-radius: 0.4rem !important;
            border-top-right-radius: 0.4rem !important;
        }

        .cm-004 .hxc-overlay .image-wrapper.rounded-4-top {
            border-top-left-radius: 0.8rem !important;
            border-top-right-radius: 0.8rem !important;
        }
    }

    .cm-004 .hxc-overlay .rounded-xl,
    .cm-004 .hxc-overlay .rounded-xl > .plyr,
    .cm-004 .hxc-overlay .rounded-xl img {
        border-radius: 0.8rem !important;
    }

    .cm-004 .hxc-overlay .page-frame section,
    .cm-004 .hxc-overlay .page-frame footer {
        margin-top: 1.25rem;
    }

    @media (min-width: 768px) {
        .cm-004 .hxc-overlay .section-frame {
            margin-left: 1.5rem;
            margin-right: 1.5rem;
            border-radius: 1rem;
        }

            .cm-004 .hxc-overlay .section-frame.br-fix {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }

        .cm-004 .hxc-overlay .section-frame-wrapper {
            border-radius: 1rem;
        }
    }

    .cm-004 .hxc-overlay figure {
        margin: 0;
        padding: 0;
    }

        .cm-004 .hxc-overlay figure img {
            width: 100%;
            max-width: 100%;
            height: auto !important;
        }

    .cm-004 .hxc-overlay .table:not(.table-borderless) tbody {
        border-top-width: 1px !important;
    }

    .cm-004 .hxc-overlay .map iframe {
        display: block;
    }

    .cm-004 .hxc-overlay .map.map-full {
        height: 100%;
        min-height: 15rem;
    }

    .cm-004 .hxc-overlay [class*=mt-n],
    .cm-004 .hxc-overlay [class*=mb-n] {
        position: relative;
        z-index: 3;
    }

    .cm-004 .hxc-overlay .mb-n50p {
        transform: translateY(50%);
    }

    .cm-004 .hxc-overlay .mt-n50p {
        transform: translateY(-50%);
    }

    @media screen and (min-width: 576px) {
        .cm-004 .hxc-overlay .mb-sm-n50p {
            transform: translateY(50%);
        }

        .cm-004 .hxc-overlay .mt-sm-n50p {
            transform: translateY(-50%);
        }
    }

    @media screen and (min-width: 768px) {
        .cm-004 .hxc-overlay .mb-md-n50p {
            transform: translateY(50%);
        }

        .cm-004 .hxc-overlay .mt-md-n50p {
            transform: translateY(-50%);
        }
    }

    @media screen and (min-width: 992px) {
        .cm-004 .hxc-overlay .mb-lg-n50p {
            transform: translateY(50%);
        }

        .cm-004 .hxc-overlay .mt-lg-n50p {
            transform: translateY(-50%);
        }
    }

    @media screen and (min-width: 1200px) {
        .cm-004 .hxc-overlay .mb-xl-n50p {
            transform: translateY(50%);
        }

        .cm-004 .hxc-overlay .mt-xl-n50p {
            transform: translateY(-50%);
        }
    }

    @media screen and (min-width: 1400px) {
        .cm-004 .hxc-overlay .mb-xxl-n50p {
            transform: translateY(50%);
        }

        .cm-004 .hxc-overlay .mt-xxl-n50p {
            transform: translateY(-50%);
        }
    }

    @media (max-width: 1199.98px) {
        .cm-004 .hxc-overlay .border-radius-lg-top {
            border-top-left-radius: 0 !important;
            border-top-right-radius: 0 !important;
        }
    }

    @media (min-width: 992px) {
        .cm-004 .hxc-overlay .position-lg-absolute {
            position: absolute !important;
        }

        .cm-004 .hxc-overlay .position-lg-sticky {
            position: sticky;
        }
    }

    .cm-004 .hxc-overlay .scrollbar-hidden,
    .cm-004 .hxc-overlay .offcanvas,
    .cm-004 .hxc-overlay .mega-menu-scroll {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

        .cm-004 .hxc-overlay .scrollbar-hidden::-webkit-scrollbar,
        .cm-004 .hxc-overlay .offcanvas::-webkit-scrollbar,
        .cm-004 .hxc-overlay .mega-menu-scroll::-webkit-scrollbar {
            display: none;
        }

    @media (min-width: 992px) {
        .cm-004 .hxc-overlay .cc-2 {
            -moz-column-count: 2;
            column-count: 2;
        }

            .cm-004 .hxc-overlay .cc-2 li {
                display: inline-block;
                width: 100%;
            }

        .cm-004 .hxc-overlay .cc-3 {
            -moz-column-count: 3;
            column-count: 3;
        }

            .cm-004 .hxc-overlay .cc-3 li {
                display: inline-block;
                width: 100%;
            }
    }

    .cm-004 .hxc-overlay .text-search {
        font-family: "krungsri-bol";
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 55px;
        color: #FFFFFF;
    }

    .cm-004 .hxc-overlay .text-se-titles {
        font-family: 'krungsri-bol';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 27px;
        color: #FFFFFF;
        margin-bottom: 7px;
    }

    .cm-004 .hxc-overlay .text-search-title {
        padding-top: 8px;
        padding-right: 8px;
        font-family: "Krungsri-med";
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        color: #222222;
        /*text-wrap: nowrap;*/
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .cm-004 .hxc-overlay .text-search-subtitle {
        font-family: "krungsri";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        color: #5A5A5A;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding-right: 8px;
    }

    .cm-004 .hxc-overlay .text-recomm {
        font-family: 'Krungsri-med';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 41px;
        color: #222222;
        padding-bottom: 16px;
    }

    @media (max-width: 768px) {
        .cm-004 .hxc-overlay .text-recomm {
            font-family: 'Krungsri-med';
            font-style: normal;
            font-weight: 700;
            font-size: 24px;
            line-height: 41px;
            color: #222222;
            padding-bottom: 5px;
        }
    }

    .cm-004 .hxc-overlay .text-tabs {
        font-family: 'Krungsri';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        color: #222222;
    }

    .cm-004 .hxc-overlay .text-tabs-hover {
        font-family: 'Krungsri';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        color: #949494;
        font-weight: 700;
    }

    .cm-004 .hxc-overlay .text-header {
        font-family: 'Krungsri-bol';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        color: #222222;
        margin-bottom: 16px;
    }

    .cm-004 .hxc-overlay .text-subheader {
        font-family: 'thongterm';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        color: #5A5A5A;
        margin-bottom: 8px;
    }

    .cm-004 .hxc-overlay .text-headerlink {
        font-family: 'thongterm';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        color: #F76F00;
    }

    .cm-004 .hxc-overlay .text-btn-osrp {
        font-family: 'thongterm';
        font-style: normal;
        /*font-weight: 400;*/
        font-size: 14px;
        line-height: 29px;
        color: #545454;
    }

    .cm-004 .hxc-overlay .text-btn-over {
        font-family: 'thongterm';
        font-style: normal;
        /*font-weight: 400;*/
        font-size: 14px;
        line-height: 29px;
        color: #545454;
    }

    .cm-004 .hxc-overlay .text-se-subtitles {
        font-family: 'Krungsri-bol';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 27px;
        color: #222222;
        margin-bottom: 8px;
    }

    @media (max-width: 450px) {
        .cm-004 .hxc-overlay .text-se-subtitles {
            font-family: 'Krungsri-bol';
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 27px;
            color: #222222;
            margin-bottom: 15px;
        }
    }

    .cm-004 .hxc-overlay .text-list {
        font-family: 'thongterm';
        font-style: normal;
        /*font-weight: 400;*/
        font-size: 14px;
        line-height: 29px;
        color: #545454;
        padding-left: 8px;
        margin-bottom: 0px;
    }

    .cm-004 .hxc-overlay .zindex-n {
        z-index: -1;
    }

    .cm-004 .hxc-overlay .zindex-1 {
        z-index: 1;
    }

    .cm-004 .hxc-overlay .bg-soft-blue {
        background-color: #edf2fc !important;
    }

    .cm-004 .hxc-overlay .text-soft-blue {
        color: #edf2fc !important;
    }

    .cm-004 .hxc-overlay .bg-soft-sky {
        background-color: #f0f8fe !important;
    }

    .cm-004 .hxc-overlay .text-soft-sky {
        color: #f0f8fe !important;
    }

    .cm-004 .hxc-overlay .bg-soft-purple {
        background-color: #f2f3fb !important;
    }

    .cm-004 .hxc-overlay .text-soft-purple {
        color: #f2f3fb !important;
    }

    .cm-004 .hxc-overlay .bg-soft-grape {
        background-color: #f0f0f8 !important;
    }

    .cm-004 .hxc-overlay .text-soft-grape {
        color: #f0f0f8 !important;
    }

    .cm-004 .hxc-overlay .bg-soft-violet {
        background-color: #f6f3f9 !important;
    }

    .cm-004 .hxc-overlay .text-soft-violet {
        color: #f6f3f9 !important;
    }

    .cm-004 .hxc-overlay .bg-soft-pink {
        background-color: #fbf1f4 !important;
    }

    .cm-004 .hxc-overlay .text-soft-pink {
        color: #fbf1f4 !important;
    }

    .cm-004 .hxc-overlay .bg-soft-fuchsia {
        background: #FFFFFF;
        box-shadow: 1px 2px 10px rgba(35, 19, 18, 0.1);
        border-radius: 4px;
        margin: auto;
    }

    @media (min-width: 992px) {
        .cm-004 .hxc-overlay .bg-soft-fuchsia {
            background: #FFFFFF;
            box-shadow: 1px 2px 10px rgba(35, 19, 18, 0.1);
            border-radius: 4px;
            width: 370px;
            /* max-height: 130px;*/
            margin: auto;
        }
    }

    .cm-004 .hxc-overlay .text-soft-fuchsia {
        color: #fdf1f8 !important;
    }

    .cm-004 .hxc-overlay .bg-soft-red {
        background-color: #fcf0f1 !important;
    }

    .cm-004 .hxc-overlay .text-soft-red {
        color: #fcf0f1 !important;
    }

    .cm-004 .hxc-overlay .bg-soft-orange {
        background-color: #fef4f2 !important;
    }

    .cm-004 .hxc-overlay .text-soft-orange {
        color: #fef4f2 !important;
    }

    .cm-004 .hxc-overlay .bg-soft-green {
        background-color: #edf9f6 !important;
    }

    .cm-004 .hxc-overlay .text-soft-green {
        color: #edf9f6 !important;
    }

    .cm-004 .hxc-overlay .bg-soft-leaf {
        background-color: #f3f8f5 !important;
    }

    .cm-004 .hxc-overlay .text-soft-leaf {
        color: #f3f8f5 !important;
    }

    .cm-004 .hxc-overlay .bg-soft-aqua {
        background-color: #eff7fa !important;
    }

    .cm-004 .hxc-overlay .text-soft-aqua {
        color: #eff7fa !important;
    }

    .cm-004 .hxc-overlay .bg-soft-navy {
        background-color: #ecedef !important;
    }

    .cm-004 .hxc-overlay .text-soft-navy {
        color: #ecedef !important;
    }

    .cm-004 .hxc-overlay .bg-soft-ash {
        background-color: #f5f5f6 !important;
    }

    .cm-004 .hxc-overlay .text-soft-ash {
        color: #f5f5f6 !important;
    }

    .cm-004 .hxc-overlay .bg-soft-gray {
        background-color: #fefefe !important;
    }

    .cm-004 .hxc-overlay .text-soft-gray {
        color: #fefefe !important;
    }

    .cm-004 .hxc-overlay .bg-soft-dark {
        background-color: #eaebec !important;
    }

    .cm-004 .hxc-overlay .text-soft-dark {
        color: #eaebec !important;
        /*.hxc-overlay .bg-soft-primary {
     background-color: #6F5F5E !important;
     transition: 0.4s ease all;
     height:302px;
     }
     .hxc-overlay .text-soft-primary {
     color: #edf2fc !important;
     }*/
    }

    .cm-004 .hxc-overlay .bg-soft-primary {
        background-color: #edf2fc !important;
        background-color: #6F5F5E !important;
        transition: 0.1s ease all;
        height: 219px;
        /*height: auto;*/
    }

    .cm-004 .hxc-overlay .bg-soft-primary-overlay {
        background-color: #edf2fc !important;
        background-color: #6F5F5E !important;
        transition: 0.1s ease all;
        height: auto;
    }

    .cm-004 .hxc-overlay .text-soft-primary {
        color: #edf2fc !important;
    }

    @media (min-width: 990px) {
        .cm-004 .hxc-overlay .bg-soft-primary {
            background-color: #edf2fc !important;
            background-color: #6F5F5E !important;
            transition: 0.1s ease all;
            height: 219px;
            /*height: auto;*/
        }

        .cm-004 .hxc-overlay .bg-soft-primary-overlay {
            background-color: #edf2fc !important;
            background-color: #6F5F5E !important;
            transition: 0.1s ease all;
            height: auto;
        }

        .cm-004 .hxc-overlay .text-soft-primary {
            color: #edf2fc !important;
        }
    }

    @media (max-width: 768px) {
        .cm-004 {
            /*mobile*/
        }

            .cm-004 .hxc-overlay .bg-soft-primary {
                background-color: #edf2fc !important;
                background-color: #6F5F5E !important;
                transition: 0.1s ease all;
                height: 214px;
                position: sticky;
                top: 0;
                z-index: 10;
            }

            .cm-004 .hxc-overlay .bg-soft-primary-overlay {
                background-color: #edf2fc !important;
                background-color: #6F5F5E !important;
                transition: 0.1s ease all;
                height: auto;
                position: sticky;
                top: 0;
                z-index: 10;
                left: 0;
            }

            .cm-004 .hxc-overlay .text-soft-primary {
                color: #edf2fc !important;
            }
    }

    .cm-004 .hxc-overlay .bg-soft-gray {
        background: rgba(164, 174, 198, 0.2);
    }

    .cm-004 .hxc-overlay .bg-pale-blue {
        background-color: #e0e9fa !important;
    }

    .cm-004 .hxc-overlay .text-pale-blue {
        color: #e0e9fa !important;
    }

    .cm-004 .hxc-overlay .bg-pale-sky {
        background-color: #e5f4fd !important;
    }

    .cm-004 .hxc-overlay .text-pale-sky {
        color: #e5f4fd !important;
    }

    .cm-004 .hxc-overlay .bg-pale-purple {
        background-color: #e9eaf8 !important;
    }

    .cm-004 .hxc-overlay .text-pale-purple {
        color: #e9eaf8 !important;
    }

    .cm-004 .hxc-overlay .bg-pale-grape {
        background-color: #e6e5f4 !important;
    }

    .cm-004 .hxc-overlay .text-pale-grape {
        color: #e6e5f4 !important;
    }

    .cm-004 .hxc-overlay .bg-pale-violet {
        background-color: #f0eaf6 !important;
    }

    .cm-004 .hxc-overlay .text-pale-violet {
        color: #f0eaf6 !important;
    }

    .cm-004 .hxc-overlay .bg-pale-pink {
        background-color: #f8e7ec !important;
    }

    .cm-004 .hxc-overlay .text-pale-pink {
        color: #f8e7ec !important;
    }

    .cm-004 .hxc-overlay .bg-pale-fuchsia {
        background-color: #fbe7f3 !important;
    }

    .cm-004 .hxc-overlay .text-pale-fuchsia {
        color: #fbe7f3 !important;
    }

    .cm-004 .hxc-overlay .bg-pale-red {
        background-color: #fae6e7 !important;
    }

    .cm-004 .hxc-overlay .bg-soft-yellow {
        background-color: #fff8ee !important;
    }

    .cm-004 .hxc-overlay .text-soft-yellow {
        color: #fff8ee !important;
    }

    .cm-004 .hxc-overlay .bg-gradient-yellow {
        background: linear-gradient(180deg, #fff8ee, rgba(255, 255, 255, 0) 100%) !important;
    }

    .cm-004 .hxc-overlay .bg-gradient-reverse-yellow {
        background: linear-gradient(0deg, #fff8ee, rgba(255, 255, 255, 0) 100%) !important;
    }

    .cm-004 .hxc-overlay .wrapper.bg-soft-yellow.angled.lower-start:after,
    .cm-004 .hxc-overlay .wrapper.bg-soft-yellow.angled.upper-start:before {
        border-left-color: #fff8ee !important;
    }

    .cm-004 .hxc-overlay .wrapper.bg-soft-yellow.angled.lower-end:after,
    .cm-004 .hxc-overlay .wrapper.bg-soft-yellow.angled.upper-end:before {
        border-right-color: #fff8ee !important;
    }

    .cm-004 .hxc-overlay .bg-height {
        height: 30rem;
    }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .bg-height {
            height: 20rem;
        }
    }

    @media (max-width: 767px) {
        .cm-004 .hxc-overlay .bg-height {
            height: 15rem;
        }
    }

    .cm-004 .hxc-overlay .bg-white-700 {
        background: rgba(255, 255, 255, 0.7) !important;
    }

    .cm-004 .hxc-overlay .bg-white-900 {
        background: rgba(255, 255, 255, 0.9) !important;
    }

    .cm-004 .hxc-overlay blockquote {
        border-left: 0.15rem solid #3f78e0;
        padding-left: 1rem;
        font-size: 0.85rem;
        line-height: 1.7;
        font-weight: 500;
    }

        .cm-004 .hxc-overlay blockquote.border-0 {
            padding-left: 0;
        }

        .cm-004 .hxc-overlay blockquote.icon {
            position: relative;
            border: 0;
            padding: 0;
        }

            .cm-004 .hxc-overlay blockquote.icon:before {
                content: "\201d";
                position: absolute;
                top: -1.5rem;
                left: -0.9rem;
                color: rgba(52, 63, 82, 0.05);
                font-size: 10rem;
                line-height: 1;
                z-index: 1;
            }

        .cm-004 .hxc-overlay blockquote.icon-top {
            padding-top: 3.75rem;
            position: relative;
        }

            .cm-004 .hxc-overlay blockquote.icon-top:before {
                content: "\201c";
                color: #aab0bc;
                opacity: 0.3;
                font-size: 6.5rem;
                font-weight: normal;
                top: 0;
                left: -0.3rem;
            }

            .cm-004 .hxc-overlay blockquote.icon-top.text-white:before {
                color: #fff;
            }

        .cm-004 .hxc-overlay blockquote.text-center.icon-top:before {
            left: 50%;
            transform: translateX(-52%);
        }

    .cm-004 .hxc-overlay .blockquote-footer {
        font-weight: 700;
        margin-top: 0;
        text-transform: uppercase;
        letter-spacing: 0.02rem;
    }

    .cm-004 .hxc-overlay .blockquote-details {
        display: flex;
        align-items: center;
        text-align: left;
    }

        .cm-004 .hxc-overlay .blockquote-details p {
            font-size: 0.8rem;
        }

        .cm-004 .hxc-overlay .blockquote-details .info {
            padding-left: 1rem;
        }

        .cm-004 .hxc-overlay .blockquote-details .icon-img img {
            width: 3.5rem !important;
        }

    .cm-004 .hxc-overlay .widget .list-unstyled:not(.tag-list) li + li,
    .cm-004 .hxc-overlay .unordered-list li + li,
    .cm-004 .hxc-overlay .icon-list:not(.row) li + li {
        margin-top: 0.35rem;
    }

    .cm-004 .hxc-overlay .list-unstyled li a.active {
        color: #3f78e0 !important;
    }

    .cm-004 .hxc-overlay .filter:not(.basic-filter) p {
        margin: 0 1rem 0 0;
        display: inline;
    }

    .cm-004 .hxc-overlay .filter:not(.basic-filter) ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline;
    }

        .cm-004 .hxc-overlay .filter:not(.basic-filter) ul li {
            display: inline;
        }

            .cm-004 .hxc-overlay .filter:not(.basic-filter) ul li + li:before {
                content: "";
                display: inline-block;
                width: 0.2rem;
                height: 0.2rem;
                border-radius: 100%;
                margin: 0 0.8rem 0 0.5rem;
                vertical-align: 0.15rem;
                background: rgba(30, 34, 40, 0.2);
            }

            .cm-004 .hxc-overlay .filter:not(.basic-filter) ul li a {
                cursor: pointer;
            }

                .cm-004 .hxc-overlay .filter:not(.basic-filter) ul li a.active,
                .cm-004 .hxc-overlay .filter:not(.basic-filter) ul li a:hover {
                    color: #3f78e0;
                }

    .cm-004 .hxc-overlay .filter:not(.basic-filter).dark-filter ul li + li:before {
        background: rgba(255, 255, 255, 0.2);
    }

    .cm-004 .hxc-overlay .filter:not(.basic-filter).dark-filter ul li a.active,
    .cm-004 .hxc-overlay .filter:not(.basic-filter).dark-filter ul li a:hover {
        color: #fff;
    }

    .cm-004 .hxc-overlay .isotope-filter {
        position: relative;
        z-index: 5;
    }

    .cm-004 .hxc-overlay .filter.basic-filter p {
        margin: 0 1rem 0 0;
        display: inline;
        color: #343f52;
        font-weight: 700;
    }

    .cm-004 .hxc-overlay .filter.basic-filter ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline;
    }

        .cm-004 .hxc-overlay .filter.basic-filter ul li {
            display: inline;
            margin-right: 1rem;
        }

            .cm-004 .hxc-overlay .filter.basic-filter ul li a {
                cursor: pointer;
                color: #60697b;
            }

                .cm-004 .hxc-overlay .filter.basic-filter ul li a.active,
                .cm-004 .hxc-overlay .filter.basic-filter ul li a:hover {
                    color: #3f78e0;
                }

    .cm-004 .hxc-overlay .filter.basic-filter.dark-filter ul li a.active,
    .cm-004 .hxc-overlay .filter.basic-filter.dark-filter ul li a:hover {
        color: #fff;
    }

    .cm-004 .hxc-overlay .tag-list li {
        display: inline-block;
        margin-right: 0.2rem;
        margin-bottom: 0.1rem;
    }

        .cm-004 .hxc-overlay .tag-list li a:before {
            font-style: normal;
            content: "#";
            font-weight: normal;
            padding-right: 0.2rem;
        }

    .cm-004 .hxc-overlay .widget .tag-list li,
    .cm-004 .hxc-overlay .blog.single .post .tag-list li {
        margin-top: 0;
        margin-bottom: 0.45rem;
    }

        .cm-004 .hxc-overlay .widget .tag-list li a {
            display: flex;
            align-items: center;
        }

    .cm-004 .hxc-overlay .meta,
    .cm-004 .hxc-overlay .post-category,
    .cm-004 .hxc-overlay .filter:not(.basic-filter),
    .cm-004 .hxc-overlay .filter:not(.basic-filter) ul li a {
        text-transform: uppercase;
        letter-spacing: 0.02rem;
        font-size: 0.7rem;
        font-weight: 700;
        color: #aab0bc;
    }

    .cm-004 .hxc-overlay .meta {
        font-size: 0.65rem;
    }

    .cm-004 .hxc-overlay .post-category {
        margin-bottom: 0.4rem;
    }

    .cm-004 .hxc-overlay .post-meta {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 0.7rem;
        color: #aab0bc;
    }

        .cm-004 .hxc-overlay .post-meta li {
            display: inline-block;
        }

            .cm-004 .hxc-overlay .post-meta li a {
                color: #aab0bc;
            }

                .cm-004 .hxc-overlay .post-meta li a:hover {
                    color: #3f78e0;
                    border-color: #3f78e0;
                }

            .cm-004 .hxc-overlay .post-meta li:before {
                content: "";
                display: inline-block;
                width: 0.2rem;
                height: 0.2rem;
                border-radius: 100%;
                margin: 0 0.6rem 0;
                vertical-align: 0.15rem;
                background: #aab0bc;
                opacity: 0.5;
            }

            .cm-004 .hxc-overlay .post-meta li i {
                padding-right: 0.2rem;
                vertical-align: -0.05rem;
            }

        .cm-004 .hxc-overlay .post-meta.text-white li:before {
            background: #fff;
        }

    .cm-004 .hxc-overlay .post-header .post-meta {
        font-size: 0.8rem;
    }

        .cm-004 .hxc-overlay .post-header .post-meta li:before {
            margin: 0 0.6rem 0 0.4rem;
        }

    .cm-004 .hxc-overlay .post-meta li:first-child:before,
    .cm-004 .hxc-overlay article .post-meta li.ms-auto:before {
        display: none;
    }

    @media (max-width: 767px) {

        .cm-004 .hxc-overlay .card-footer .post-meta li.post-author,
        .cm-004 .hxc-overlay .card-footer .post-meta li.post-comments span {
            display: none;
        }

        .cm-004 .hxc-overlay .post-header .post-meta li.post-author,
        .cm-004 .hxc-overlay .post-header .post-meta li.post-comments span,
        .cm-004 .hxc-overlay .post-header .post-meta li.post-likes span {
            display: none;
        }
    }

    .cm-004 .hxc-overlay pre[class*=language-] {
        position: relative;
        padding-top: 2rem;
    }

        .cm-004 .hxc-overlay pre[class*=language-]:focus {
            outline: none;
        }

    .cm-004 .hxc-overlay :not(pre) > code[class*=language-],
    .cm-004 .hxc-overlay pre[class*=language-],
    .cm-004 .hxc-overlay pre {
        margin: 0;
        background: none;
        padding: 2rem;
        font-size: 0.7rem;
    }

    .cm-004 .hxc-overlay .external,
    .cm-004 .hxc-overlay .internal,
    .cm-004 .hxc-overlay .code,
    .cm-004 .hxc-overlay .terminal,
    .cm-004 .hxc-overlay .kbd,
    .cm-004 .hxc-overlay .folder,
    .cm-004 .hxc-overlay .file,
    .cm-004 .hxc-overlay mark.doc,
    .cm-004 .hxc-overlay .doc.mark {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        position: relative;
        display: inline-flex;
        align-items: center;
        margin: 0.275rem 0.1rem;
        vertical-align: 2px;
        padding: 0.05rem 0.4rem 0.05rem 1.4rem;
        font-size: 0.65rem;
        border-radius: 0.2rem;
        background: rgba(164, 174, 198, 0.15);
        box-shadow: none;
        border: 0;
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto;
    }

    .cm-004 .hxc-overlay mark.doc,
    .cm-004 .hxc-overlay .doc.mark {
        padding: 0.05rem 0.4rem 0.2rem;
        padding-bottom: 0.05rem;
    }

    .cm-004 .hxc-overlay .external:after,
    .cm-004 .hxc-overlay .internal:after,
    .cm-004 .hxc-overlay .code:before,
    .cm-004 .hxc-overlay .terminal:before,
    .cm-004 .hxc-overlay .kbd:before,
    .cm-004 .hxc-overlay .folder:before,
    .cm-004 .hxc-overlay .file:before {
        position: absolute;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1.6rem;
        padding-top: 0.05rem;
        margin-right: 0.4rem;
        text-align: center;
        color: inherit;
        font-family: "Unicons";
        font-size: 0.7rem;
        border-radius: 0.2rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .cm-004 .hxc-overlay .external,
    .cm-004 .hxc-overlay .internal {
        color: #60697b;
        padding: 0.05rem 1.6rem 0.05rem 0.4rem;
    }

        .cm-004 .hxc-overlay .external:after,
        .cm-004 .hxc-overlay .internal:after {
            color: #60697b;
            font-size: 0.65rem;
            left: auto;
            right: 0;
            margin-right: 0;
            margin-left: 0.4rem;
        }

        .cm-004 .hxc-overlay .external.text-white:after,
        .cm-004 .hxc-overlay .internal.text-white:after {
            color: #fff;
        }

        .cm-004 .hxc-overlay .external:not(.text-white):hover,
        .cm-004 .hxc-overlay .external:not(.text-white):hover:after,
        .cm-004 .hxc-overlay .internal:not(.text-white):hover,
        .cm-004 .hxc-overlay .internal:not(.text-white):hover:after {
            color: #3f78e0;
        }

    .cm-004 .hxc-overlay .external {
        padding-right: 1.4rem;
    }

        .cm-004 .hxc-overlay .external.my-0:after {
            padding-top: 0;
        }

        .cm-004 .hxc-overlay .external:after {
            font-family: "Custom";
            content: "\e906";
            font-size: 0.7rem;
        }

    .cm-004 .hxc-overlay .internal {
        padding-right: 1.4rem;
    }

        .cm-004 .hxc-overlay .internal:after {
            content: "\e94c";
            font-size: 0.8rem;
        }

    .cm-004 .hxc-overlay .code:before {
        font-size: 0.85rem;
        content: "\e952";
    }

    .cm-004 .hxc-overlay .terminal:before {
        font-family: "Custom";
        content: "\e905";
        font-size: 0.8rem;
    }

    .cm-004 .hxc-overlay .folder:before {
        content: "\eb34";
    }

    .cm-004 .hxc-overlay .file:before {
        content: "\eaed";
    }

    .cm-004 .hxc-overlay .kbd:before {
        content: "\eba9";
        font-size: 0.8rem;
    }

    .cm-004 .hxc-overlay .text-gradient {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
    }

    .cm-004 .hxc-overlay .fs-sm {
        font-size: 0.7rem !important;
    }

    .cm-004 .hxc-overlay .fs-lg {
        font-size: 1rem !important;
    }

    .cm-004 .hxc-overlay .fs-24 {
        font-size: 1.2rem !important;
    }

    .cm-004 .hxc-overlay .fs-26 {
        font-size: calc(1.315rem) !important;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .fs-26 {
            font-size: 1.3rem !important;
        }
    }

    .cm-004 .hxc-overlay .fs-27 {
        font-size: calc(1.38rem) !important;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .fs-27 {
            font-size: 1.35rem !important;
        }
    }

    .cm-004 .hxc-overlay .fs-28 {
        font-size: calc(1.445rem) !important;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .fs-28 {
            font-size: 1.4rem !important;
        }
    }

    .cm-004 .hxc-overlay .fs-29 {
        font-size: calc(1.51rem) !important;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .fs-29 {
            font-size: 1.45rem !important;
        }
    }

    .cm-004 .hxc-overlay .fs-30 {
        font-size: calc(1.575rem) !important;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .fs-30 {
            font-size: 1.5rem !important;
        }
    }

    .cm-004 .hxc-overlay .fs-31 {
        font-size: calc(1.64rem) !important;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .fs-31 {
            font-size: 1.55rem !important;
        }
    }

    .cm-004 .hxc-overlay .fs-32 {
        font-size: calc(1.705rem) !important;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .fs-32 {
            font-size: 1.6rem !important;
        }
    }

    .cm-004 .hxc-overlay .fs-33 {
        font-size: calc(1.77rem) !important;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .fs-33 {
            font-size: 1.65rem !important;
        }
    }

    .cm-004 .hxc-overlay .fs-34 {
        font-size: calc(1.835rem) !important;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .fs-34 {
            font-size: 1.7rem !important;
        }
    }

    .cm-004 .hxc-overlay .fs-35 {
        font-size: calc(1.9rem) !important;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .fs-35 {
            font-size: 1.75rem !important;
        }
    }

    .cm-004 .hxc-overlay .fs-36 {
        font-size: calc(1.965rem) !important;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .fs-36 {
            font-size: 1.8rem !important;
        }
    }

    .cm-004 .hxc-overlay .fs-37 {
        font-size: calc(2.03rem) !important;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .fs-37 {
            font-size: 1.85rem !important;
        }
    }

    .cm-004 .hxc-overlay .fs-38 {
        font-size: calc(2.095rem) !important;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .fs-38 {
            font-size: 1.9rem !important;
        }
    }

    .cm-004 .hxc-overlay input,
    .cm-004 .hxc-overlay textarea,
    .cm-004 .hxc-overlay select {
        -webkit-appearance: none !important;
    }

    .cm-004 .hxc-overlay .form-floating > label {
        color: #959ca9;
        font-size: 0.75rem;
    }

    .cm-004 .hxc-overlay .form-floating.input-group label {
        margin-left: 0.05rem !important;
    }

    .cm-004 .hxc-overlay .form-floating > textarea.form-control-overlay:not(:-moz-placeholder-shown) {
        padding-top: 1.3rem;
    }

    .cm-004 .hxc-overlay .form-floating > textarea.form-control-overlay:not(:-ms-input-placeholder) {
        padding-top: 1.3rem;
    }

    .cm-004 .hxc-overlay .form-floating > textarea.form-control-overlay:focus,
    .cm-004 .hxc-overlay .form-floating > textarea.form-control-overlay:not(:placeholder-shown) {
        padding-top: 1.3rem;
    }

    .cm-004 .hxc-overlay .form-floating > textarea.form-control-overlay:-webkit-autofill {
        padding-top: 1.3rem;
    }

    .cm-004 .hxc-overlay .search-form {
        position: relative;
    }

        .cm-004 .hxc-overlay .search-form .form-control-overlay {
            margin: 0;
            padding-right: 2.25rem !important;
        }

        .cm-004 .hxc-overlay .search-form:before {
            content: "\eca5";
            font-family: "Unicons";
            display: block;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 0.75rem;
            font-size: 0.9rem;
            color: #959ca9;
            z-index: 1;
        }

    .cm-004 .hxc-overlay .password-toggle {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0.75rem;
        cursor: pointer;
        font-size: 0.9rem;
        color: #959ca9;
    }

    .cm-004 .hxc-overlay .form-check-input {
        box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
        margin-top: 0.2rem;
    }

    .cm-004 .hxc-overlay .form-select {
        background-clip: padding-box;
    }

        .cm-004 .hxc-overlay .form-select.form-select-sm {
            width: auto;
            min-width: 2.5rem;
            padding: 0.2rem 0.5rem;
            background-position: right 0.4rem center;
        }

    .cm-004 .hxc-overlay .mc-field-group {
        text-align: left !important;
        height: 64px;
        margin-bottom: 35px;
    }

    @media (min-width: 990px) {
        .cm-004 .hxc-overlay .mc-field-group {
            text-align: left !important;
            height: 64px;
            width: 570px;
            margin-top: 16px !important;
            margin-bottom: 35px !important;
        }
    }

    .cm-004 .hxc-overlay .input-group > .form-control-overlay:focus,
    .cm-004 .hxc-overlay .input-group > .form-select:focus {
        z-index: 0;
    }

    .cm-004 .hxc-overlay .input-group > .btn {
        max-height: 3.6rem;
    }

    .cm-004 .hxc-overlay form.dark-fields .form-control-overlay {
        background: rgba(255, 255, 255, 0.03);
        border-color: rgba(255, 255, 255, 0.1);
        color: #cacaca;
    }

    .cm-004 .hxc-overlay .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transform: translateY(0);
        letter-spacing: -0.01rem;
        position: relative;
    }

        .cm-004 .hxc-overlay .btn:not(.btn-link):hover {
            transform: translateY(-0.15rem);
            box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        }

        .cm-004 .hxc-overlay .btn.btn-white:hover,
        .cm-004 .hxc-overlay .btn[class*=btn-soft-]:hover {
            box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.05);
        }

        .cm-004 .hxc-overlay .btn.btn-block {
            padding: 0;
            width: 2.2rem;
            height: 2.2rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
            line-height: 1;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .cm-004 .hxc-overlay .btn.btn-block.btn-sm,
            .cm-004 .hxc-overlay .btn-group-sm > .btn.btn-block {
                width: 1.8rem;
                height: 1.8rem;
                font-size: 1rem;
            }

            .cm-004 .hxc-overlay .btn.btn-block.btn-lg,
            .cm-004 .hxc-overlay .btn-group-lg > .btn.btn-block {
                width: 3rem;
                height: 3rem;
                font-size: calc(1.445rem);
            }

    @media (min-width: 1200px) {

        .cm-004 .hxc-overlay .btn.btn-block.btn-lg,
        .cm-004 .hxc-overlay .btn-group-lg > .btn.btn-block {
            font-size: 1.4rem;
        }
    }

    .cm-004 .hxc-overlay .btn.btn-block.btn-play {
        width: 3.5rem;
        height: 3.5rem;
        font-size: 1.2rem;
    }

        .cm-004 .hxc-overlay .btn.btn-block.btn-play i {
            margin-left: 0.15rem;
        }

    .cm-004 .hxc-overlay .btn.btn-block .number {
        display: table-cell;
        text-align: center;
        margin: 0 auto;
        vertical-align: middle;
        font-size: 1.1rem;
        font-weight: 700;
    }

    .cm-004 .hxc-overlay .btn.btn-circle {
        padding: 0;
        border-radius: 100% !important;
        width: 2.2rem;
        height: 2.2rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        line-height: 1;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .cm-004 .hxc-overlay .btn.btn-circle.btn-sm,
        .cm-004 .hxc-overlay .btn-group-sm > .btn.btn-circle {
            width: 1.8rem;
            height: 1.8rem;
            font-size: 0.8rem;
        }

            .cm-004 .hxc-overlay .btn.btn-circle.btn-sm i,
            .cm-004 .hxc-overlay .btn-group-sm > .btn.btn-circle i {
                font-size: 0.85rem;
            }

        .cm-004 .hxc-overlay .btn.btn-circle.btn-lg,
        .cm-004 .hxc-overlay .btn-group-lg > .btn.btn-circle {
            width: 3rem;
            height: 3rem;
            font-size: calc(1.315rem);
        }

    @media (min-width: 1200px) {

        .cm-004 .hxc-overlay .btn.btn-circle.btn-lg,
        .cm-004 .hxc-overlay .btn-group-lg > .btn.btn-circle {
            font-size: 1.3rem;
        }
    }

    .cm-004 .hxc-overlay .btn.btn-circle.btn-play {
        width: 3.5rem;
        height: 3.5rem;
        font-size: calc(2.615rem);
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .btn.btn-circle.btn-play {
            font-size: 2.3rem;
        }
    }

    .cm-004 .hxc-overlay .btn.btn-circle.btn-play i {
        margin-left: 0.15rem;
    }

    .cm-004 .hxc-overlay .btn.btn-circle.btn-play:hover {
        transform: translateY(0);
    }

    .cm-004 .hxc-overlay .btn.btn-circle.counter {
        box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
    }

    .cm-004 .hxc-overlay .btn.btn-circle .number {
        display: table-cell;
        text-align: center;
        margin: 0 auto;
        vertical-align: middle;
        font-size: 1.1rem;
        font-weight: 700;
    }

    .cm-004 .hxc-overlay .btn.btn-expand {
        background: none;
        border: 0;
        padding-left: 0;
        padding-top: 0.55rem;
        padding-bottom: 0.55rem;
        max-height: 2.5rem;
        font-size: 0.85rem;
    }

        .cm-004 .hxc-overlay .btn.btn-expand span {
            position: relative;
            z-index: 2;
            padding-left: 2.95rem;
        }

        .cm-004 .hxc-overlay .btn.btn-expand i {
            position: absolute;
            z-index: 2;
            width: 2.5rem;
            height: 2.5rem;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: calc(1.38rem);
            transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
        }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .btn.btn-expand i {
            font-size: 1.35rem;
        }
    }

    .cm-004 .hxc-overlay .btn.btn-expand:before {
        content: "";
        transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
        width: auto;
        height: 2.5rem;
        position: absolute;
        top: 0;
        left: 0;
        width: 2.5rem;
        border-radius: 50rem;
        z-index: 0;
    }

    .cm-004 .hxc-overlay .btn.btn-expand:hover {
        background: none;
        transform: translateY(0);
        color: #fff;
        box-shadow: none;
    }

        .cm-004 .hxc-overlay .btn.btn-expand:hover i {
            left: 0.25rem;
        }

        .cm-004 .hxc-overlay .btn.btn-expand:hover:before {
            width: 100%;
        }

    .cm-004 .hxc-overlay .btn.btn-expand.btn-sm,
    .cm-004 .hxc-overlay .btn-group-sm > .btn.btn-expand {
        padding-top: 0.45rem;
        padding-bottom: 0.45rem;
        font-size: 0.75rem;
    }

        .cm-004 .hxc-overlay .btn.btn-expand.btn-sm i,
        .cm-004 .hxc-overlay .btn-group-sm > .btn.btn-expand i {
            width: 2.15rem;
            height: 2.15rem;
            font-size: 1.1rem;
        }

        .cm-004 .hxc-overlay .btn.btn-expand.btn-sm span,
        .cm-004 .hxc-overlay .btn-group-sm > .btn.btn-expand span {
            padding-left: 2.65rem;
        }

        .cm-004 .hxc-overlay .btn.btn-expand.btn-sm:before,
        .cm-004 .hxc-overlay .btn-group-sm > .btn.btn-expand:before {
            width: 2.15rem;
        }

        .cm-004 .hxc-overlay .btn.btn-expand.btn-sm:hover:before,
        .cm-004 .hxc-overlay .btn-group-sm > .btn.btn-expand:hover:before {
            width: 100%;
        }

    .cm-004 .hxc-overlay .btn.btn-expand.btn-lg,
    .cm-004 .hxc-overlay .btn-group-lg > .btn.btn-expand {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
        font-size: 0.9rem;
    }

        .cm-004 .hxc-overlay .btn.btn-expand.btn-lg i,
        .cm-004 .hxc-overlay .btn-group-lg > .btn.btn-expand i {
            width: 2.9rem;
            height: 2.9rem;
            font-size: calc(1.38rem);
        }

    @media (min-width: 1200px) {

        .cm-004 .hxc-overlay .btn.btn-expand.btn-lg i,
        .cm-004 .hxc-overlay .btn-group-lg > .btn.btn-expand i {
            font-size: 1.35rem;
        }
    }

    .cm-004 .hxc-overlay .btn.btn-expand.btn-lg span,
    .cm-004 .hxc-overlay .btn-group-lg > .btn.btn-expand span {
        padding-left: 3.4rem;
    }

    .cm-004 .hxc-overlay .btn.btn-expand.btn-lg:before,
    .cm-004 .hxc-overlay .btn-group-lg > .btn.btn-expand:before {
        width: 2.9rem;
    }

    .cm-004 .hxc-overlay .btn.btn-expand.btn-lg:hover:before,
    .cm-004 .hxc-overlay .btn-group-lg > .btn.btn-expand:hover:before {
        width: 100%;
    }

    .cm-004 .hxc-overlay .input-group .btn:hover {
        transform: none;
    }

    .cm-004 .hxc-overlay button-over:focus {
        outline: 0;
    }

    .cm-004 .hxc-overlay .btn-yellow {
        --bs-btn-active-shadow: var(--bs-btn-box-shadow);
        --bs-btn-color: #5B5B5B;
        --bs-btn-bg: #FFD400;
        --bs-btn-border-color: #FFD400;
        --bs-btn-hover-color: #5B5B5B;
        --bs-btn-hover-bg: #FFD400;
        --bs-btn-hover-border-color: #FFD400;
        --bs-btn-focus-shadow-rgb: 251, 194, 113;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #FFD400;
        --bs-btn-active-border-color: #FFD400;
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #FFD400;
        --bs-btn-disabled-border-color: #FFD400;
        border-radius: 0px 3px 3px 0px;
        width: 64px;
    }

        .cm-004 .hxc-overlay .btn-yellow.btn-expand {
            color: #FFD400;
        }

            .cm-004 .hxc-overlay .btn-yellow.btn-expand:before {
                background-color: #fab758;
            }

    .cm-004 .hxc-overlay .icon-btn001 {
        width: 16px;
        height: 16px;
        font-size: 16px;
    }

    .cm-004 .hxc-overlay .btn-white {
        --bs-btn-active-shadow: var(--bs-btn-box-shadow);
        --bs-btn-color: #fff;
        --bs-btn-bg: #fff;
        --bs-btn-border-color: #fff;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: white;
        --bs-btn-hover-border-color: white;
        --bs-btn-focus-shadow-rgb: 255, 255, 255;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: white;
        --bs-btn-active-border-color: white;
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #fff;
        --bs-btn-disabled-border-color: #fff;
    }

        .cm-004 .hxc-overlay .btn-white.btn-expand {
            color: #fff;
        }

            .cm-004 .hxc-overlay .btn-white.btn-expand:before {
                background-color: #fff;
            }

    .cm-004 .hxc-overlay .btn-light {
        --bs-btn-active-shadow: var(--bs-btn-box-shadow);
        --bs-btn-color: #fff;
        --bs-btn-bg: #fefefe;
        --bs-btn-border-color: #fefefe;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #fefefe;
        --bs-btn-hover-border-color: #fefefe;
        --bs-btn-focus-shadow-rgb: 254, 254, 254;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #fefefe;
        --bs-btn-active-border-color: #fefefe;
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #fefefe;
        --bs-btn-disabled-border-color: #fefefe;
    }

        .cm-004 .hxc-overlay .btn-light.btn-expand {
            color: #fefefe;
        }

            .cm-004 .hxc-overlay .btn-light.btn-expand:before {
                background-color: #fefefe;
            }

    .cm-004 .hxc-overlay .btn-brown {
        --bs-btn-active-shadow: var(--bs-btn-box-shadow);
        --bs-btn-color: #fff;
        --bs-btn-bg: #554242;
        --bs-btn-border-color: #554242;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #554242;
        --bs-btn-hover-border-color: #554242;
        --bs-btn-focus-shadow-rgb: 254, 254, 254;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #554242;
        --bs-btn-active-border-color: #554242;
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #554242;
        --bs-btn-disabled-border-color: #554242;
    }

        .cm-004 .hxc-overlay .btn-brown.btn-expand {
            color: #554242;
        }

            .cm-004 .hxc-overlay .btn-brown.btn-expand:before {
                background-color: #554242;
            }

    .cm-004 .hxc-overlay .btn-dark {
        --bs-btn-active-shadow: var(--bs-btn-box-shadow);
        --bs-btn-color: #fff;
        --bs-btn-bg: #262b32;
        --bs-btn-border-color: #262b32;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #262b32;
        --bs-btn-hover-border-color: #262b32;
        --bs-btn-focus-shadow-rgb: 71, 75, 81;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #262b32;
        --bs-btn-active-border-color: #262b32;
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #262b32;
        --bs-btn-disabled-border-color: #262b32;
    }

        .cm-004 .hxc-overlay .btn-dark.btn-expand {
            color: #262b32;
        }

            .cm-004 .hxc-overlay .btn-dark.btn-expand:before {
                background-color: #262b32;
            }

    .cm-004 .hxc-overlay .btn-primary {
        --bs-btn-active-shadow: var(--bs-btn-box-shadow);
        --bs-btn-color: #fff;
        --bs-btn-bg: #3f78e0;
        --bs-btn-border-color: #3f78e0;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #3f78e0;
        --bs-btn-hover-border-color: #3f78e0;
        --bs-btn-focus-shadow-rgb: 92, 140, 229;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #3f78e0;
        --bs-btn-active-border-color: #3f78e0;
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #3f78e0;
        --bs-btn-disabled-border-color: #3f78e0;
    }

        .cm-004 .hxc-overlay .btn-primary.btn-expand {
            color: #3f78e0;
        }

            .cm-004 .hxc-overlay .btn-primary.btn-expand:before {
                background-color: #3f78e0;
            }

    .cm-004 .hxc-overlay .btn-osrp-white {
        background: #FFFFFF;
        border: 1px solid #E8E8E8;
        border-radius: 4px;
        padding: 4px 7px 1px 8px;
        margin-top: 5px;
        margin-right: 7px;
        text-wrap: wrap;
        text-align: left;
    }

        .cm-004 .hxc-overlay .btn-osrp-white:hover {
            background: #FFD400;
            border: 1px solid #E8E8E8;
            border-radius: 4px;
        }

        .cm-004 .hxc-overlay .btn-osrp-white.btn-expand {
            color: #FFFFFF;
        }

            .cm-004 .hxc-overlay .btn-osrp-white.btn-expand:before {
                background-color: #FFFFFF;
            }

    .cm-004 .hxc-overlay .btn-over-white {
        background: #FFFFFF;
        border: 1px solid #E8E8E8;
        border-radius: 4px;
        padding: 4px 8px 1px;
        margin-top: 8px;
        margin-right: 7px;
    }

    @media (min-width: 990px) {
        .cm-004 .hxc-overlay .btn-over-white {
            background: #FFFFFF;
            border: 1px solid #E8E8E8;
            border-radius: 4px;
            padding: 4px 8px 1px;
            margin-top: 8px;
        }
    }

    .cm-004 .hxc-overlay .btn-over-white:hover {
        background: #FFD400;
        border: 1px solid #E8E8E8;
        border-radius: 4px;
    }

    .cm-004 .hxc-overlay .btn-over-white.btn-expand {
        color: #FFFFFF;
    }

        .cm-004 .hxc-overlay .btn-over-white.btn-expand:before {
            background-color: #FFFFFF;
        }

    .cm-004 .hxc-overlay .btn-success {
        --bs-btn-active-shadow: var(--bs-btn-box-shadow);
        --bs-btn-color: #fff;
        --bs-btn-bg: #45c4a0;
        --bs-btn-border-color: #45c4a0;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #45c4a0;
        --bs-btn-hover-border-color: #45c4a0;
        --bs-btn-focus-shadow-rgb: 97, 205, 174;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #45c4a0;
        --bs-btn-active-border-color: #45c4a0;
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #45c4a0;
        --bs-btn-disabled-border-color: #45c4a0;
    }

        .cm-004 .hxc-overlay .btn-success.btn-expand {
            color: #45c4a0;
        }

            .cm-004 .hxc-overlay .btn-success.btn-expand:before {
                background-color: #45c4a0;
            }

    .cm-004 .hxc-overlay .btn-soft-yellow {
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.05) !important;
        --bs-btn-color: #fab758;
        --bs-btn-bg: #fef3e4;
        --bs-btn-border-color: #fef3e4;
        --bs-btn-hover-color: #fab758;
        --bs-btn-hover-bg: #fef3e4;
        --bs-btn-hover-border-color: #fef3e4;
        --bs-btn-focus-shadow-rgb: 253, 234, 207;
        --bs-btn-active-color: #fab758;
        --bs-btn-active-bg: #fef3e4;
        --bs-btn-active-border-color: #fef3e4;
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        --bs-btn-disabled-color: #fab758;
        --bs-btn-disabled-bg: #fef3e4;
        --bs-btn-disabled-border-color: #fef3e4;
    }

        .cm-004 .hxc-overlay .btn-soft-yellow.btn-expand {
            color: #fab758;
        }

            .cm-004 .hxc-overlay .btn-soft-yellow.btn-expand i,
            .cm-004 .hxc-overlay .btn-soft-yellow.btn-expand:before,
            .cm-004 .hxc-overlay .btn-soft-yellow.btn-expand:hover,
            .cm-004 .hxc-overlay .btn-soft-yellow.btn-expand:hover:before {
                color: #fab758;
            }

            .cm-004 .hxc-overlay .btn-soft-yellow.btn-expand:before {
                background-color: #fef3e4;
            }

    .cm-004 .hxc-overlay .btn-soft-primary {
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.05) !important;
        --bs-btn-color: #3f78e0;
        --bs-btn-bg: #e0e9fa;
        --bs-btn-border-color: #e0e9fa;
        --bs-btn-hover-color: #3f78e0;
        --bs-btn-hover-bg: #e0e9fa;
        --bs-btn-hover-border-color: #e0e9fa;
        --bs-btn-focus-shadow-rgb: 200, 216, 246;
        --bs-btn-active-color: #3f78e0;
        --bs-btn-active-bg: #e0e9fa;
        --bs-btn-active-border-color: #e0e9fa;
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        --bs-btn-disabled-color: #3f78e0;
        --bs-btn-disabled-bg: #e0e9fa;
        --bs-btn-disabled-border-color: #e0e9fa;
    }

        .cm-004 .hxc-overlay .btn-soft-primary.btn-expand {
            color: #3f78e0;
        }

            .cm-004 .hxc-overlay .btn-soft-primary.btn-expand i,
            .cm-004 .hxc-overlay .btn-soft-primary.btn-expand:before,
            .cm-004 .hxc-overlay .btn-soft-primary.btn-expand:hover,
            .cm-004 .hxc-overlay .btn-soft-primary.btn-expand:hover:before {
                color: #3f78e0;
            }

            .cm-004 .hxc-overlay .btn-soft-primary.btn-expand:before {
                background-color: #e0e9fa;
            }

    .cm-004 .hxc-overlay .btn-white {
        --bs-btn-color: #343f52;
        --bs-btn-bg: #fff;
        --bs-btn-border-color: #fff;
        --bs-btn-hover-color: #343f52;
        --bs-btn-hover-bg: white;
        --bs-btn-hover-border-color: white;
        --bs-btn-focus-shadow-rgb: 225, 226, 229;
        --bs-btn-active-color: #343f52;
        --bs-btn-active-bg: white;
        --bs-btn-active-border-color: white;
        --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
        --bs-btn-disabled-color: #343f52;
        --bs-btn-disabled-bg: #fff;
        --bs-btn-disabled-border-color: #fff;
    }

        .cm-004 .hxc-overlay .btn-white.btn-expand i {
            color: #343f52;
        }

        .cm-004 .hxc-overlay .btn-white.btn-play:hover {
            color: #3f78e0;
        }

    .cm-004 .hxc-overlay .btn-gradient {
        color: #fff !important;
        border: 0;
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
    }

        .cm-004 .hxc-overlay .btn-gradient.btn-sm,
        .cm-004 .hxc-overlay .btn-group-sm > .btn-gradient.btn {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
        }

        .cm-004 .hxc-overlay .btn-gradient.btn-lg,
        .cm-004 .hxc-overlay .btn-group-lg > .btn-gradient.btn {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
        }

    .cm-004 .hxc-overlay .btn-lg,
    .cm-004 .hxc-overlay .btn-group-lg > .btn {
        --bs-btn-padding-y: 0.65rem;
        --bs-btn-padding-x: 1.4rem;
        --bs-btn-font-size: 0.85rem;
        --bs-btn-border-radius: 0.4rem;
    }

    .cm-004 .hxc-overlay .btn-sm,
    .cm-004 .hxc-overlay .btn-group-sm > .btn {
        --bs-btn-padding-y: 0.4rem;
        --bs-btn-padding-x: 1rem;
        --bs-btn-font-size: 0.7rem;
        --bs-btn-border-radius: 0.4rem;
    }

    .cm-004 .hxc-overlay .btn-icon.btn-sm,
    .cm-004 .hxc-overlay .btn-group-sm > .btn-icon.btn {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }

        .cm-004 .hxc-overlay .btn-icon.btn-sm i,
        .cm-004 .hxc-overlay .btn-group-sm > .btn-icon.btn i {
            font-size: 0.8rem;
        }

    .cm-004 .hxc-overlay .btn-icon.btn-icon-start i {
        margin-right: 0.3rem;
    }

    .cm-004 .hxc-overlay .btn-icon.btn-icon-end i {
        margin-left: 0.3rem;
    }

    .cm-004 .hxc-overlay .navigation .btn-icon i {
        font-size: 0.9rem;
    }

    .cm-004 .hxc-overlay .navigation .btn-icon.btn-icon-start i {
        margin-right: 0.2rem;
    }

    .cm-004 .hxc-overlay .navigation .btn-icon.btn-icon-end i {
        margin-left: 0.2rem;
    }

    .cm-004 .hxc-overlay .navbar .btn-sm,
    .cm-004 .hxc-overlay .navbar .btn-group-sm > .btn {
        font-size: 0.8rem;
    }

    .cm-004 .hxc-overlay .social > a {
        margin: 0 0.7rem 0 0;
    }

    .cm-004 .hxc-overlay [class*=text-end] .social > a,
    .cm-004 .hxc-overlay .social[class*=text-end] > a {
        margin: 0 0 0 0.7rem;
    }

    @media (min-width: 768px) {

        .cm-004 .hxc-overlay [class*=text-md-end] .social > a,
        .cm-004 .hxc-overlay .social[class*=text-md-end] > a {
            margin: 0 0 0 0.7rem;
        }
    }

    .cm-004 .hxc-overlay .text-center .social > a,
    .cm-004 .hxc-overlay .social.text-center > a {
        margin: 0 0.35rem;
    }

    .cm-004 .hxc-overlay .badge-lg {
        font-size: 0.6rem;
        padding: 0.35rem 0.55rem;
    }

    .cm-004 .hxc-overlay .badge-cart {
        border-radius: 100%;
        width: 0.9rem;
        height: 0.9rem;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.55rem;
    }

    .cm-004 .hxc-overlay .avatar {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        line-height: 1.7;
        letter-spacing: -0.01rem;
        border-radius: 100%;
        height: auto;
    }

    @keyframes fadeIn {
        .hxc-overlay from {
            opacity: 0;
        }

        .hxc-overlay to {
            opacity: 1;
        }
    }

    @keyframes fadeInDown {
        .hxc-overlay from {
            opacity: 0;
            transform: translate3d(0, -30%, 0);
        }

        .hxc-overlay to {
            opacity: 1;
            transform: none;
        }
    }

    @keyframes priceFade {
        .hxc-overlay 0% {
            opacity: 1;
            transform: translateY(0);
        }

        .hxc-overlay 100% {
            opacity: 0;
            transform: translateY(80%);
        }
    }

    @keyframes priceShow {
        .hxc-overlay 0% {
            opacity: 0;
            transform: translateY(-80%);
        }

        .hxc-overlay 100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes ripple-1 {
        .hxc-overlay 0% {
            transform: scale(1);
            opacity: 1;
        }

        .hxc-overlay 100% {
            transform: scale(1.5);
            opacity: 0;
        }
    }

    @keyframes ripple-2 {
        .hxc-overlay 0% {
            transform: scale(1);
            opacity: 1;
        }

        .hxc-overlay 100% {
            transform: scale(1.7);
            opacity: 0;
        }
    }

    @keyframes loader-scale {
        .hxc-overlay 0% {
            transform: scale(0);
            opacity: 0;
        }

        .hxc-overlay 50% {
            opacity: 1;
        }

        .hxc-overlay 100% {
            transform: scale(1);
            opacity: 0;
        }
    }

    .cm-004 .hxc-overlay .bg-dark > .swiper-hero:before,
    .cm-004 .hxc-overlay .gloader {
        border-color: #fff;
    }

    .cm-004 .hxc-overlay :root {
        --animate-delay: 0.5s;
    }

    .cm-004 .hxc-overlay .transition-none {
        transition: none;
    }

    .cm-004 .hxc-overlay .dropdown-menu {
        border: 0;
    }

    .cm-004 .hxc-overlay .dropdown-item {
        font-weight: 700;
        letter-spacing: -0.01rem;
    }

        .cm-004 .hxc-overlay .dropdown-item:hover,
        .cm-004 .hxc-overlay .dropdown-item:focus {
            outline: 0;
        }

    .cm-004 .hxc-overlay .dropdown-header {
        padding-top: 0;
        text-transform: uppercase;
        letter-spacing: 0.02rem;
    }

    .cm-004 .hxc-overlay .navbar .dropdown-menu[data-bs-popper] {
        margin-top: 0;
    }

    @media (max-width: 575.98px) {
        .cm-004 .hxc-overlay .navbar-expand-sm .offcanvas-nav {
            overflow-x: hidden;
            overflow-y: auto;
            flex-direction: column;
        }

            .cm-004 .hxc-overlay .navbar-expand-sm .offcanvas-nav .offcanvas-header,
            .cm-004 .hxc-overlay .navbar-expand-sm .offcanvas-nav .offcanvas-body,
            .cm-004 .hxc-overlay .navbar-expand-sm .offcanvas-nav .offcanvas-footer {
                width: 100%;
            }

            .cm-004 .hxc-overlay .navbar-expand-sm .offcanvas-nav .offcanvas-body {
                overflow-y: unset;
                flex-grow: 0;
            }

        .cm-004 .hxc-overlay .navbar-expand-sm .navbar-collapse .dropdown-menu {
            padding: 0;
            margin-top: 0;
            background: none;
        }

            .cm-004 .hxc-overlay .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item {
                color: #fff;
                padding-left: 1rem;
                padding-top: 0.3rem;
                padding-bottom: 0.3rem;
            }

        .cm-004 .hxc-overlay .navbar-expand-sm .navbar-collapse .nav-link,
        .cm-004 .hxc-overlay .navbar-expand-sm .navbar-collapse .show > .nav-link,
        .cm-004 .hxc-overlay .navbar-expand-sm .navbar-collapse .nav-link.active,
        .cm-004 .hxc-overlay .navbar-expand-sm .navbar-collapse .nav-link:hover,
        .cm-004 .hxc-overlay .navbar-expand-sm .navbar-collapse .nav-link:focus {
            color: #fff !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .navbar-collapse .nav-link {
            padding-top: 0.3rem;
            padding-bottom: 0.3rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
            position: absolute;
            margin-right: 0;
            right: -0.25rem;
            top: 0.35rem;
            font-size: 0.9rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
            top: 0.3rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .dropdown-header {
            padding-left: 1rem;
            padding-right: 1rem;
            margin-top: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .dropstart .dropdown-toggle:after,
        .cm-004 .hxc-overlay .navbar-expand-sm .dropend .dropdown-toggle:after {
            content: "\e92d" !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .dropstart .dropdown-menu[data-bs-popper] {
            margin-right: 0;
            margin-left: 0.75rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .dropdown-toggle:after {
            top: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .language-select .dropdown-toggle:after {
            vertical-align: 0 !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .navbar-other .nav-item-overlay2.language-select .nav-link {
            font-size: 1.05rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .navbar-other .nav-item-overlay2 .nav-link > i {
            font-size: calc(1.315rem);
        }
    }

    @media (max-width: 575.98px) and (min-width: 1200px) {
        .cm-004 .hxc-overlay .navbar-expand-sm .navbar-other .nav-item-overlay2 .nav-link > i {
            font-size: 1.3rem;
        }
    }

    @media (max-width: 575.98px) {
        .cm-004 .hxc-overlay .navbar-expand-sm .navbar-brand {
            padding-top: 1.2rem;
            padding-bottom: 1.2rem;
        }
    }

    @media (max-width: 575.98px) {
        .cm-004 .hxc-overlay .navbar-expand-sm.fancy .navbar-collapse-wrapper {
            background: none !important;
            box-shadow: none !important;
        }
    }

    @media (max-width: 575.98px) {
        .cm-004 .hxc-overlay .navbar-expand-sm.center-logo.fixed .offcanvas-header .logo-light {
            display: inline-block;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm.center-logo.fixed .offcanvas-header .logo-dark {
            display: none;
        }
    }

    @media (max-width: 575.98px) {
        .cm-004 .hxc-overlay .navbar-expand-sm .nav-item-overlay2.parent-link .dropdown-toggle {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
    }

    @media (min-width: 576px) {
        .cm-004 .hxc-overlay .navbar-expand-sm.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
            color: #3f78e0;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .navbar-nav,
        .cm-004 .hxc-overlay .navbar-expand-sm .dropdown-mega {
            position: static !important;
        }

            .cm-004 .hxc-overlay .navbar-expand-sm .navbar-nav .dropdown-menu.dropdown-lg {
                padding: 1.6rem 0.25rem 1.3rem 0.25rem;
            }

                .cm-004 .hxc-overlay .navbar-expand-sm .navbar-nav .dropdown-menu.dropdown-lg .dropdown-lg-content {
                    display: flex;
                    flex-direction: row;
                }

                .cm-004 .hxc-overlay .navbar-expand-sm .navbar-nav .dropdown-menu.dropdown-lg .dropdown-header {
                    padding-top: 0;
                }

            .cm-004 .hxc-overlay .navbar-expand-sm .navbar-nav .dropdown-menu:before {
                position: absolute;
                top: -1rem;
                left: -1rem;
                width: 100%;
                height: 100%;
                content: "";
                display: block;
                z-index: -1;
            }

            .cm-004 .hxc-overlay .navbar-expand-sm .navbar-nav .dropdown-menu .dropdown-toggle:after {
                position: absolute;
                margin-right: 0;
                right: 1rem;
                top: 0.15rem;
                font-size: 0.85rem;
            }

            .cm-004 .hxc-overlay .navbar-expand-sm .navbar-nav .dropdown-menu.mega-menu {
                margin-left: 0.75rem !important;
                margin-right: 0.75rem !important;
            }

        .cm-004 .hxc-overlay .navbar-expand-sm:not(.hover-none) .navbar-nav .dropdown-menu {
            top: 120%;
            visibility: hidden;
            pointer-events: none;
            opacity: 0;
            display: block;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm:not(.hover-none) .navbar-nav .dropdown:not(.dropdown-submenu):hover > .dropdown-menu {
            top: 100%;
            pointer-events: all;
            visibility: visible;
            opacity: 1;
            transition: all 0.25s ease-in-out;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm:not(.hover-none) .navbar-nav .dropdown-submenu {
            position: relative;
        }

            .cm-004 .hxc-overlay .navbar-expand-sm:not(.hover-none) .navbar-nav .dropdown-submenu .dropdown-menu {
                top: 30%;
            }

            .cm-004 .hxc-overlay .navbar-expand-sm:not(.hover-none) .navbar-nav .dropdown-submenu.dropstart:before {
                position: absolute;
                left: -1rem;
                width: 100%;
                height: 100%;
                content: "";
                display: block;
                z-index: -1;
            }

            .cm-004 .hxc-overlay .navbar-expand-sm:not(.hover-none) .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
                top: 0;
                pointer-events: all;
                visibility: visible;
                opacity: 1;
                transition: all 0.25s ease-in-out;
            }

        .cm-004 .hxc-overlay .navbar-expand-sm .dropend > .dropdown-menu {
            margin-left: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .dropstart > .dropdown-menu {
            margin-right: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .offcanvas-nav {
            position: unset;
            flex-direction: row;
        }

            .cm-004 .hxc-overlay .navbar-expand-sm .offcanvas-nav.offcanvas-start,
            .cm-004 .hxc-overlay .navbar-expand-sm .offcanvas-nav.offcanvas-end {
                width: 100%;
            }

        .cm-004 .hxc-overlay .navbar-expand-sm.fancy.navbar-bg-light:not(.fixed),
        .cm-004 .hxc-overlay .navbar-expand-sm.extended.navbar-bg-light:not(.fixed) {
            background: none !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm.extended:not(.fixed) .navbar-collapse .nav-link {
            padding-top: 1.15rem;
            padding-bottom: 1.15rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm.fancy:not(.fixed) .navbar-collapse .nav-link {
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm[class*=navbar-bg-]:not(.fancy):not(.extended):not(.fixed) .navbar-collapse .nav-link {
            padding-top: 1.7rem;
            padding-bottom: 1.7rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm.transparent:not(.fixed) {
            padding-top: 0.3rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm.extended .navbar-collapse-wrapper,
        .cm-004 .hxc-overlay .navbar-expand-sm.fancy .navbar-collapse-wrapper {
            box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.02);
            width: 100%;
            border-radius: 0.4rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm.extended:not(.extended-alt):not(.fixed) .navbar-collapse-wrapper {
            padding: 0 1.5rem 0 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm.extended.extended-alt:not(.fixed) .navbar-collapse-wrapper {
            padding: 0 1.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm.fancy:not(.fixed) .navbar-collapse-wrapper {
            padding: 0 1.5rem 0 1.5rem;
            margin-top: 2.25rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm.extended:not(.extended-alt) .navbar-brand {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm.extended.extended-alt .navbar-brand {
            padding-top: 1.75rem;
            padding-bottom: 1.75rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm.fixed .topbar {
            display: none !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm.navbar-light:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu,
        .cm-004 .hxc-overlay .navbar-expand-sm.navbar-dark:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu,
        .cm-004 .hxc-overlay .navbar-expand-sm.transparent.fixed .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu {
            margin-top: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .navbar-collapse .nav-link {
            white-space: nowrap;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .navbar-collapse .nav-item-overlay2.parent-link {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

            .cm-004 .hxc-overlay .navbar-expand-sm .navbar-collapse .nav-item-overlay2.parent-link .nav-link:first-child {
                padding-right: 0 !important;
            }

            .cm-004 .hxc-overlay .navbar-expand-sm .navbar-collapse .nav-item-overlay2.parent-link .dropdown-toggle {
                padding-left: 0 !important;
            }

        .cm-004 .hxc-overlay .navbar-expand-sm .mega-menu-content > .row > [class*=col-] + [class*=col-],
        .cm-004 .hxc-overlay .navbar-expand-sm .dropdown-lg-content > div + div {
            border-left: 1px solid rgba(164, 174, 198, 0.2);
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .mega-menu-content {
            padding: 0.6rem 0.25rem 0.2rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-sm .mega-menu-dark {
            background: #2e353e;
        }

            .cm-004 .hxc-overlay .navbar-expand-sm .mega-menu-dark .img-svg {
                background: rgba(255, 255, 255, 0.05);
                transition: all 0.2s ease-in-out;
            }

                .cm-004 .hxc-overlay .navbar-expand-sm .mega-menu-dark .img-svg:hover {
                    background: rgba(255, 255, 255, 0.09);
                }

            .cm-004 .hxc-overlay .navbar-expand-sm .mega-menu-dark .dropdown-item {
                color: #fff;
            }

                .cm-004 .hxc-overlay .navbar-expand-sm .mega-menu-dark .dropdown-item:hover,
                .cm-004 .hxc-overlay .navbar-expand-sm .mega-menu-dark .dropdown-item:focus {
                    color: #fff;
                }

        .cm-004 .hxc-overlay .navbar-expand-sm .mega-menu-img {
            padding: 0 !important;
        }

            .cm-004 .hxc-overlay .navbar-expand-sm .mega-menu-img .mega-menu-content {
                padding: 0.2rem 2rem !important;
                margin: 1.8rem 0 !important;
            }

            .cm-004 .hxc-overlay .navbar-expand-sm .mega-menu-img .dropdown-item {
                padding-left: 0;
                padding-right: 0;
            }

        .cm-004 .hxc-overlay .navbar-expand-sm.caret-none .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
            display: none;
        }
    }

    @media (max-width: 767.98px) {
        .cm-004 .hxc-overlay .navbar-expand-md .offcanvas-nav {
            overflow-x: hidden;
            overflow-y: auto;
            flex-direction: column;
        }

            .cm-004 .hxc-overlay .navbar-expand-md .offcanvas-nav .offcanvas-header,
            .cm-004 .hxc-overlay .navbar-expand-md .offcanvas-nav .offcanvas-body,
            .cm-004 .hxc-overlay .navbar-expand-md .offcanvas-nav .offcanvas-footer {
                width: 100%;
            }

            .cm-004 .hxc-overlay .navbar-expand-md .offcanvas-nav .offcanvas-body {
                overflow-y: unset;
                flex-grow: 0;
            }

        .cm-004 .hxc-overlay .navbar-expand-md .navbar-collapse .dropdown-menu {
            padding: 0;
            margin-top: 0;
            background: none;
        }

            .cm-004 .hxc-overlay .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item {
                color: #fff;
                padding-left: 1rem;
                padding-top: 0.3rem;
                padding-bottom: 0.3rem;
            }

        .cm-004 .hxc-overlay .navbar-expand-md .navbar-collapse .nav-link,
        .cm-004 .hxc-overlay .navbar-expand-md .navbar-collapse .show > .nav-link,
        .cm-004 .hxc-overlay .navbar-expand-md .navbar-collapse .nav-link.active,
        .cm-004 .hxc-overlay .navbar-expand-md .navbar-collapse .nav-link:hover,
        .cm-004 .hxc-overlay .navbar-expand-md .navbar-collapse .nav-link:focus {
            color: #fff !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-md .navbar-collapse .nav-link {
            padding-top: 0.3rem;
            padding-bottom: 0.3rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md .navbar-collapse .dropdown-toggle:after {
            position: absolute;
            margin-right: 0;
            right: -0.25rem;
            top: 0.35rem;
            font-size: 0.9rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
            top: 0.3rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md .dropdown-header {
            padding-left: 1rem;
            padding-right: 1rem;
            margin-top: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md .dropstart .dropdown-toggle:after,
        .cm-004 .hxc-overlay .navbar-expand-md .dropend .dropdown-toggle:after {
            content: "\e92d" !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-md .dropstart .dropdown-menu[data-bs-popper] {
            margin-right: 0;
            margin-left: 0.75rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md .dropdown-toggle:after {
            top: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-md .language-select .dropdown-toggle:after {
            vertical-align: 0 !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-md .navbar-other .nav-item-overlay2.language-select .nav-link {
            font-size: 1.05rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md .navbar-other .nav-item-overlay2 .nav-link > i {
            font-size: calc(1.315rem);
        }
    }

    @media (max-width: 767.98px) and (min-width: 1200px) {
        .cm-004 .hxc-overlay .navbar-expand-md .navbar-other .nav-item-overlay2 .nav-link > i {
            font-size: 1.3rem;
        }
    }

    @media (max-width: 767.98px) {
        .cm-004 .hxc-overlay .navbar-expand-md .navbar-brand {
            padding-top: 1.2rem;
            padding-bottom: 1.2rem;
        }
    }

    @media (max-width: 767.98px) {
        .cm-004 .hxc-overlay .navbar-expand-md.fancy .navbar-collapse-wrapper {
            background: none !important;
            box-shadow: none !important;
        }
    }

    @media (max-width: 767.98px) {
        .cm-004 .hxc-overlay .navbar-expand-md.center-logo.fixed .offcanvas-header .logo-light {
            display: inline-block;
        }

        .cm-004 .hxc-overlay .navbar-expand-md.center-logo.fixed .offcanvas-header .logo-dark {
            display: none;
        }
    }

    @media (max-width: 767.98px) {
        .cm-004 .hxc-overlay .navbar-expand-md .nav-item-overlay2.parent-link .dropdown-toggle {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
    }

    @media (min-width: 768px) {
        .cm-004 .hxc-overlay .navbar-expand-md.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
            color: #3f78e0;
        }

        .cm-004 .hxc-overlay .navbar-expand-md .navbar-nav,
        .cm-004 .hxc-overlay .navbar-expand-md .dropdown-mega {
            position: static !important;
        }

            .cm-004 .hxc-overlay .navbar-expand-md .navbar-nav .dropdown-menu.dropdown-lg {
                padding: 1.6rem 0.25rem 1.3rem 0.25rem;
            }

                .cm-004 .hxc-overlay .navbar-expand-md .navbar-nav .dropdown-menu.dropdown-lg .dropdown-lg-content {
                    display: flex;
                    flex-direction: row;
                }

                .cm-004 .hxc-overlay .navbar-expand-md .navbar-nav .dropdown-menu.dropdown-lg .dropdown-header {
                    padding-top: 0;
                }

            .cm-004 .hxc-overlay .navbar-expand-md .navbar-nav .dropdown-menu:before {
                position: absolute;
                top: -1rem;
                left: -1rem;
                width: 100%;
                height: 100%;
                content: "";
                display: block;
                z-index: -1;
            }

            .cm-004 .hxc-overlay .navbar-expand-md .navbar-nav .dropdown-menu .dropdown-toggle:after {
                position: absolute;
                margin-right: 0;
                right: 1rem;
                top: 0.15rem;
                font-size: 0.85rem;
            }

            .cm-004 .hxc-overlay .navbar-expand-md .navbar-nav .dropdown-menu.mega-menu {
                margin-left: 0.75rem !important;
                margin-right: 0.75rem !important;
            }

        .cm-004 .hxc-overlay .navbar-expand-md:not(.hover-none) .navbar-nav .dropdown-menu {
            top: 120%;
            visibility: hidden;
            pointer-events: none;
            opacity: 0;
            display: block;
        }

        .cm-004 .hxc-overlay .navbar-expand-md:not(.hover-none) .navbar-nav .dropdown:not(.dropdown-submenu):hover > .dropdown-menu {
            top: 100%;
            pointer-events: all;
            visibility: visible;
            opacity: 1;
            transition: all 0.25s ease-in-out;
        }

        .cm-004 .hxc-overlay .navbar-expand-md:not(.hover-none) .navbar-nav .dropdown-submenu {
            position: relative;
        }

            .cm-004 .hxc-overlay .navbar-expand-md:not(.hover-none) .navbar-nav .dropdown-submenu .dropdown-menu {
                top: 30%;
            }

            .cm-004 .hxc-overlay .navbar-expand-md:not(.hover-none) .navbar-nav .dropdown-submenu.dropstart:before {
                position: absolute;
                left: -1rem;
                width: 100%;
                height: 100%;
                content: "";
                display: block;
                z-index: -1;
            }

            .cm-004 .hxc-overlay .navbar-expand-md:not(.hover-none) .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
                top: 0;
                pointer-events: all;
                visibility: visible;
                opacity: 1;
                transition: all 0.25s ease-in-out;
            }

        .cm-004 .hxc-overlay .navbar-expand-md .dropend > .dropdown-menu {
            margin-left: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md .dropstart > .dropdown-menu {
            margin-right: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md .offcanvas-nav {
            position: unset;
            flex-direction: row;
        }

            .cm-004 .hxc-overlay .navbar-expand-md .offcanvas-nav.offcanvas-start,
            .cm-004 .hxc-overlay .navbar-expand-md .offcanvas-nav.offcanvas-end {
                width: 100%;
            }

        .cm-004 .hxc-overlay .navbar-expand-md.fancy.navbar-bg-light:not(.fixed),
        .cm-004 .hxc-overlay .navbar-expand-md.extended.navbar-bg-light:not(.fixed) {
            background: none !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-md.extended:not(.fixed) .navbar-collapse .nav-link {
            padding-top: 1.15rem;
            padding-bottom: 1.15rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md.fancy:not(.fixed) .navbar-collapse .nav-link {
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md[class*=navbar-bg-]:not(.fancy):not(.extended):not(.fixed) .navbar-collapse .nav-link {
            padding-top: 1.7rem;
            padding-bottom: 1.7rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md.transparent:not(.fixed) {
            padding-top: 0.3rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md.extended .navbar-collapse-wrapper,
        .cm-004 .hxc-overlay .navbar-expand-md.fancy .navbar-collapse-wrapper {
            box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.02);
            width: 100%;
            border-radius: 0.4rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md.extended:not(.extended-alt):not(.fixed) .navbar-collapse-wrapper {
            padding: 0 1.5rem 0 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md.extended.extended-alt:not(.fixed) .navbar-collapse-wrapper {
            padding: 0 1.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md.fancy:not(.fixed) .navbar-collapse-wrapper {
            padding: 0 1.5rem 0 1.5rem;
            margin-top: 2.25rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md.extended:not(.extended-alt) .navbar-brand {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md.extended.extended-alt .navbar-brand {
            padding-top: 1.75rem;
            padding-bottom: 1.75rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md.fixed .topbar {
            display: none !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-md.navbar-light:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu,
        .cm-004 .hxc-overlay .navbar-expand-md.navbar-dark:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu,
        .cm-004 .hxc-overlay .navbar-expand-md.transparent.fixed .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu {
            margin-top: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md .navbar-collapse .nav-link {
            white-space: nowrap;
        }

        .cm-004 .hxc-overlay .navbar-expand-md .navbar-collapse .nav-item-overlay2.parent-link {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

            .cm-004 .hxc-overlay .navbar-expand-md .navbar-collapse .nav-item-overlay2.parent-link .nav-link:first-child {
                padding-right: 0 !important;
            }

            .cm-004 .hxc-overlay .navbar-expand-md .navbar-collapse .nav-item-overlay2.parent-link .dropdown-toggle {
                padding-left: 0 !important;
            }

        .cm-004 .hxc-overlay .navbar-expand-md .mega-menu-content > .row > [class*=col-] + [class*=col-],
        .cm-004 .hxc-overlay .navbar-expand-md .dropdown-lg-content > div + div {
            border-left: 1px solid rgba(164, 174, 198, 0.2);
        }

        .cm-004 .hxc-overlay .navbar-expand-md .mega-menu-content {
            padding: 0.6rem 0.25rem 0.2rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-md .mega-menu-dark {
            background: #2e353e;
        }

            .cm-004 .hxc-overlay .navbar-expand-md .mega-menu-dark .img-svg {
                background: rgba(255, 255, 255, 0.05);
                transition: all 0.2s ease-in-out;
            }

                .cm-004 .hxc-overlay .navbar-expand-md .mega-menu-dark .img-svg:hover {
                    background: rgba(255, 255, 255, 0.09);
                }

            .cm-004 .hxc-overlay .navbar-expand-md .mega-menu-dark .dropdown-item {
                color: #fff;
            }

                .cm-004 .hxc-overlay .navbar-expand-md .mega-menu-dark .dropdown-item:hover,
                .cm-004 .hxc-overlay .navbar-expand-md .mega-menu-dark .dropdown-item:focus {
                    color: #fff;
                }

        .cm-004 .hxc-overlay .navbar-expand-md .mega-menu-img {
            padding: 0 !important;
        }

            .cm-004 .hxc-overlay .navbar-expand-md .mega-menu-img .mega-menu-content {
                padding: 0.2rem 2rem !important;
                margin: 1.8rem 0 !important;
            }

            .cm-004 .hxc-overlay .navbar-expand-md .mega-menu-img .dropdown-item {
                padding-left: 0;
                padding-right: 0;
            }

        .cm-004 .hxc-overlay .navbar-expand-md.caret-none .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
            display: none;
        }
    }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .navbar-expand-lg .offcanvas-nav {
            overflow-x: hidden;
            overflow-y: auto;
            flex-direction: column;
        }

            .cm-004 .hxc-overlay .navbar-expand-lg .offcanvas-nav .offcanvas-header,
            .cm-004 .hxc-overlay .navbar-expand-lg .offcanvas-nav .offcanvas-body,
            .cm-004 .hxc-overlay .navbar-expand-lg .offcanvas-nav .offcanvas-footer {
                width: 100%;
            }

            .cm-004 .hxc-overlay .navbar-expand-lg .offcanvas-nav .offcanvas-body {
                overflow-y: unset;
                flex-grow: 0;
            }

        .cm-004 .hxc-overlay .navbar-expand-lg .navbar-collapse .dropdown-menu {
            padding: 0;
            margin-top: 0;
            background: none;
        }

            .cm-004 .hxc-overlay .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
                color: #fff;
                padding-left: 1rem;
                padding-top: 0.3rem;
                padding-bottom: 0.3rem;
            }

        .cm-004 .hxc-overlay .navbar-expand-lg .navbar-collapse .nav-link,
        .cm-004 .hxc-overlay .navbar-expand-lg .navbar-collapse .show > .nav-link,
        .cm-004 .hxc-overlay .navbar-expand-lg .navbar-collapse .nav-link.active,
        .cm-004 .hxc-overlay .navbar-expand-lg .navbar-collapse .nav-link:hover,
        .cm-004 .hxc-overlay .navbar-expand-lg .navbar-collapse .nav-link:focus {
            color: #fff !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .navbar-collapse .nav-link {
            padding-top: 0.3rem;
            padding-bottom: 0.3rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
            position: absolute;
            margin-right: 0;
            right: -0.25rem;
            top: 0.35rem;
            font-size: 0.9rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
            top: 0.3rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .dropdown-header {
            padding-left: 1rem;
            padding-right: 1rem;
            margin-top: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .dropstart .dropdown-toggle:after,
        .cm-004 .hxc-overlay .navbar-expand-lg .dropend .dropdown-toggle:after {
            content: "\e92d" !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .dropstart .dropdown-menu[data-bs-popper] {
            margin-right: 0;
            margin-left: 0.75rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .dropdown-toggle:after {
            top: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .language-select .dropdown-toggle:after {
            vertical-align: 0 !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .navbar-other .nav-item-overlay2.language-select .nav-link {
            font-size: 1.05rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .navbar-other .nav-item-overlay2 .nav-link > i {
            font-size: calc(1.315rem);
        }
    }

    @media (max-width: 991.98px) and (min-width: 1200px) {
        .cm-004 .hxc-overlay .navbar-expand-lg .navbar-other .nav-item-overlay2 .nav-link > i {
            font-size: 1.3rem;
        }
    }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .navbar-expand-lg .navbar-brand {
            padding-top: 1.2rem;
            padding-bottom: 1.2rem;
        }
    }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .navbar-expand-lg.fancy .navbar-collapse-wrapper {
            background: none !important;
            box-shadow: none !important;
        }
    }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .navbar-expand-lg.center-logo.fixed .offcanvas-header .logo-light {
            display: inline-block;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg.center-logo.fixed .offcanvas-header .logo-dark {
            display: none;
        }
    }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .navbar-expand-lg .nav-item-overlay2.parent-link .dropdown-toggle {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
    }

    @media (min-width: 992px) {
        .cm-004 .hxc-overlay .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
            color: #3f78e0;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .navbar-nav,
        .cm-004 .hxc-overlay .navbar-expand-lg .dropdown-mega {
            position: static !important;
        }

            .cm-004 .hxc-overlay .navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-lg {
                padding: 1.6rem 0.25rem 1.3rem 0.25rem;
            }

                .cm-004 .hxc-overlay .navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-lg .dropdown-lg-content {
                    display: flex;
                    flex-direction: row;
                }

                .cm-004 .hxc-overlay .navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-lg .dropdown-header {
                    padding-top: 0;
                }

            .cm-004 .hxc-overlay .navbar-expand-lg .navbar-nav .dropdown-menu:before {
                position: absolute;
                top: -1rem;
                left: -1rem;
                width: 100%;
                height: 100%;
                content: "";
                display: block;
                z-index: -1;
            }

            .cm-004 .hxc-overlay .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-toggle:after {
                position: absolute;
                margin-right: 0;
                right: 1rem;
                top: 0.15rem;
                font-size: 0.85rem;
            }

            .cm-004 .hxc-overlay .navbar-expand-lg .navbar-nav .dropdown-menu.mega-menu {
                margin-left: 0.75rem !important;
                margin-right: 0.75rem !important;
            }

        .cm-004 .hxc-overlay .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown-menu {
            top: 120%;
            visibility: hidden;
            pointer-events: none;
            opacity: 0;
            display: block;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown:not(.dropdown-submenu):hover > .dropdown-menu {
            top: 100%;
            pointer-events: all;
            visibility: visible;
            opacity: 1;
            transition: all 0.25s ease-in-out;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown-submenu {
            position: relative;
        }

            .cm-004 .hxc-overlay .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown-submenu .dropdown-menu {
                top: 30%;
            }

            .cm-004 .hxc-overlay .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown-submenu.dropstart:before {
                position: absolute;
                left: -1rem;
                width: 100%;
                height: 100%;
                content: "";
                display: block;
                z-index: -1;
            }

            .cm-004 .hxc-overlay .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
                top: 0;
                pointer-events: all;
                visibility: visible;
                opacity: 1;
                transition: all 0.25s ease-in-out;
            }

        .cm-004 .hxc-overlay .navbar-expand-lg .dropend > .dropdown-menu {
            margin-left: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .dropstart > .dropdown-menu {
            margin-right: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .offcanvas-nav {
            position: unset;
            flex-direction: row;
        }

            .cm-004 .hxc-overlay .navbar-expand-lg .offcanvas-nav.offcanvas-start,
            .cm-004 .hxc-overlay .navbar-expand-lg .offcanvas-nav.offcanvas-end {
                width: 100%;
            }

        .cm-004 .hxc-overlay .navbar-expand-lg.fancy.navbar-bg-light:not(.fixed),
        .cm-004 .hxc-overlay .navbar-expand-lg.extended.navbar-bg-light:not(.fixed) {
            background: none !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg.extended:not(.fixed) .navbar-collapse .nav-link {
            padding-top: 1.15rem;
            padding-bottom: 1.15rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg.fancy:not(.fixed) .navbar-collapse .nav-link {
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg[class*=navbar-bg-]:not(.fancy):not(.extended):not(.fixed) .navbar-collapse .nav-link {
            padding-top: 1.7rem;
            padding-bottom: 1.7rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg.transparent:not(.fixed) {
            padding-top: 0.3rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg.extended .navbar-collapse-wrapper,
        .cm-004 .hxc-overlay .navbar-expand-lg.fancy .navbar-collapse-wrapper {
            box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.02);
            width: 100%;
            border-radius: 0.4rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg.extended:not(.extended-alt):not(.fixed) .navbar-collapse-wrapper {
            padding: 0 1.5rem 0 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg.extended.extended-alt:not(.fixed) .navbar-collapse-wrapper {
            padding: 0 1.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg.fancy:not(.fixed) .navbar-collapse-wrapper {
            padding: 0 1.5rem 0 1.5rem;
            margin-top: 2.25rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg.extended:not(.extended-alt) .navbar-brand {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg.extended.extended-alt .navbar-brand {
            padding-top: 1.75rem;
            padding-bottom: 1.75rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg.fixed .topbar {
            display: none !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg.navbar-light:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu,
        .cm-004 .hxc-overlay .navbar-expand-lg.navbar-dark:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu,
        .cm-004 .hxc-overlay .navbar-expand-lg.transparent.fixed .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu {
            margin-top: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .navbar-collapse .nav-link {
            white-space: nowrap;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .navbar-collapse .nav-item-overlay2.parent-link {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

            .cm-004 .hxc-overlay .navbar-expand-lg .navbar-collapse .nav-item-overlay2.parent-link .nav-link:first-child {
                padding-right: 0 !important;
            }

            .cm-004 .hxc-overlay .navbar-expand-lg .navbar-collapse .nav-item-overlay2.parent-link .dropdown-toggle {
                padding-left: 0 !important;
            }

        .cm-004 .hxc-overlay .navbar-expand-lg .mega-menu-content > .row > [class*=col-] + [class*=col-],
        .cm-004 .hxc-overlay .navbar-expand-lg .dropdown-lg-content > div + div {
            border-left: 1px solid rgba(164, 174, 198, 0.2);
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .mega-menu-content {
            padding: 0.6rem 0.25rem 0.2rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-lg .mega-menu-dark {
            background: #2e353e;
        }

            .cm-004 .hxc-overlay .navbar-expand-lg .mega-menu-dark .img-svg {
                background: rgba(255, 255, 255, 0.05);
                transition: all 0.2s ease-in-out;
            }

                .cm-004 .hxc-overlay .navbar-expand-lg .mega-menu-dark .img-svg:hover {
                    background: rgba(255, 255, 255, 0.09);
                }

            .cm-004 .hxc-overlay .navbar-expand-lg .mega-menu-dark .dropdown-item {
                color: #fff;
            }

                .cm-004 .hxc-overlay .navbar-expand-lg .mega-menu-dark .dropdown-item:hover,
                .cm-004 .hxc-overlay .navbar-expand-lg .mega-menu-dark .dropdown-item:focus {
                    color: #fff;
                }

        .cm-004 .hxc-overlay .navbar-expand-lg .mega-menu-img {
            padding: 0 !important;
        }

            .cm-004 .hxc-overlay .navbar-expand-lg .mega-menu-img .mega-menu-content {
                padding: 0.2rem 2rem !important;
                margin: 1.8rem 0 !important;
            }

            .cm-004 .hxc-overlay .navbar-expand-lg .mega-menu-img .dropdown-item {
                padding-left: 0;
                padding-right: 0;
            }

        .cm-004 .hxc-overlay .navbar-expand-lg.caret-none .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
            display: none;
        }
    }

    @media (max-width: 1199.98px) {
        .cm-004 .hxc-overlay .navbar-expand-xl .offcanvas-nav {
            overflow-x: hidden;
            overflow-y: auto;
            flex-direction: column;
        }

            .cm-004 .hxc-overlay .navbar-expand-xl .offcanvas-nav .offcanvas-header,
            .cm-004 .hxc-overlay .navbar-expand-xl .offcanvas-nav .offcanvas-body,
            .cm-004 .hxc-overlay .navbar-expand-xl .offcanvas-nav .offcanvas-footer {
                width: 100%;
            }

            .cm-004 .hxc-overlay .navbar-expand-xl .offcanvas-nav .offcanvas-body {
                overflow-y: unset;
                flex-grow: 0;
            }

        .cm-004 .hxc-overlay .navbar-expand-xl .navbar-collapse .dropdown-menu {
            padding: 0;
            margin-top: 0;
            background: none;
        }

            .cm-004 .hxc-overlay .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item {
                color: #fff;
                padding-left: 1rem;
                padding-top: 0.3rem;
                padding-bottom: 0.3rem;
            }

        .cm-004 .hxc-overlay .navbar-expand-xl .navbar-collapse .nav-link,
        .cm-004 .hxc-overlay .navbar-expand-xl .navbar-collapse .show > .nav-link,
        .cm-004 .hxc-overlay .navbar-expand-xl .navbar-collapse .nav-link.active,
        .cm-004 .hxc-overlay .navbar-expand-xl .navbar-collapse .nav-link:hover,
        .cm-004 .hxc-overlay .navbar-expand-xl .navbar-collapse .nav-link:focus {
            color: #fff !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .navbar-collapse .nav-link {
            padding-top: 0.3rem;
            padding-bottom: 0.3rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
            position: absolute;
            margin-right: 0;
            right: -0.25rem;
            top: 0.35rem;
            font-size: 0.9rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
            top: 0.3rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .dropdown-header {
            padding-left: 1rem;
            padding-right: 1rem;
            margin-top: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .dropstart .dropdown-toggle:after,
        .cm-004 .hxc-overlay .navbar-expand-xl .dropend .dropdown-toggle:after {
            content: "\e92d" !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .dropstart .dropdown-menu[data-bs-popper] {
            margin-right: 0;
            margin-left: 0.75rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .dropdown-toggle:after {
            top: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .language-select .dropdown-toggle:after {
            vertical-align: 0 !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .navbar-other .nav-item-overlay2.language-select .nav-link {
            font-size: 1.05rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .navbar-other .nav-item-overlay2 .nav-link > i {
            font-size: calc(1.315rem);
        }
    }

    @media (max-width: 1199.98px) and (min-width: 1200px) {
        .cm-004 .hxc-overlay .navbar-expand-xl .navbar-other .nav-item-overlay2 .nav-link > i {
            font-size: 1.3rem;
        }
    }

    @media (max-width: 1199.98px) {
        .cm-004 .hxc-overlay .navbar-expand-xl .navbar-brand {
            padding-top: 1.2rem;
            padding-bottom: 1.2rem;
        }
    }

    @media (max-width: 1199.98px) {
        .cm-004 .hxc-overlay .navbar-expand-xl.fancy .navbar-collapse-wrapper {
            background: none !important;
            box-shadow: none !important;
        }
    }

    @media (max-width: 1199.98px) {
        .cm-004 .hxc-overlay .navbar-expand-xl.center-logo.fixed .offcanvas-header .logo-light {
            display: inline-block;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl.center-logo.fixed .offcanvas-header .logo-dark {
            display: none;
        }
    }

    @media (max-width: 1199.98px) {
        .cm-004 .hxc-overlay .navbar-expand-xl .nav-item-overlay2.parent-link .dropdown-toggle {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .navbar-expand-xl.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
            color: #3f78e0;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .navbar-nav,
        .cm-004 .hxc-overlay .navbar-expand-xl .dropdown-mega {
            position: static !important;
        }

            .cm-004 .hxc-overlay .navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-lg {
                padding: 1.6rem 0.25rem 1.3rem 0.25rem;
            }

                .cm-004 .hxc-overlay .navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-lg .dropdown-lg-content {
                    display: flex;
                    flex-direction: row;
                }

                .cm-004 .hxc-overlay .navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-lg .dropdown-header {
                    padding-top: 0;
                }

            .cm-004 .hxc-overlay .navbar-expand-xl .navbar-nav .dropdown-menu:before {
                position: absolute;
                top: -1rem;
                left: -1rem;
                width: 100%;
                height: 100%;
                content: "";
                display: block;
                z-index: -1;
            }

            .cm-004 .hxc-overlay .navbar-expand-xl .navbar-nav .dropdown-menu .dropdown-toggle:after {
                position: absolute;
                margin-right: 0;
                right: 1rem;
                top: 0.15rem;
                font-size: 0.85rem;
            }

            .cm-004 .hxc-overlay .navbar-expand-xl .navbar-nav .dropdown-menu.mega-menu {
                margin-left: 0.75rem !important;
                margin-right: 0.75rem !important;
            }

        .cm-004 .hxc-overlay .navbar-expand-xl:not(.hover-none) .navbar-nav .dropdown-menu {
            top: 120%;
            visibility: hidden;
            pointer-events: none;
            opacity: 0;
            display: block;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl:not(.hover-none) .navbar-nav .dropdown:not(.dropdown-submenu):hover > .dropdown-menu {
            top: 100%;
            pointer-events: all;
            visibility: visible;
            opacity: 1;
            transition: all 0.25s ease-in-out;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl:not(.hover-none) .navbar-nav .dropdown-submenu {
            position: relative;
        }

            .cm-004 .hxc-overlay .navbar-expand-xl:not(.hover-none) .navbar-nav .dropdown-submenu .dropdown-menu {
                top: 30%;
            }

            .cm-004 .hxc-overlay .navbar-expand-xl:not(.hover-none) .navbar-nav .dropdown-submenu.dropstart:before {
                position: absolute;
                left: -1rem;
                width: 100%;
                height: 100%;
                content: "";
                display: block;
                z-index: -1;
            }

            .cm-004 .hxc-overlay .navbar-expand-xl:not(.hover-none) .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
                top: 0;
                pointer-events: all;
                visibility: visible;
                opacity: 1;
                transition: all 0.25s ease-in-out;
            }

        .cm-004 .hxc-overlay .navbar-expand-xl .dropend > .dropdown-menu {
            margin-left: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .dropstart > .dropdown-menu {
            margin-right: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .offcanvas-nav {
            position: unset;
            flex-direction: row;
        }

            .cm-004 .hxc-overlay .navbar-expand-xl .offcanvas-nav.offcanvas-start,
            .cm-004 .hxc-overlay .navbar-expand-xl .offcanvas-nav.offcanvas-end {
                width: 100%;
            }

        .cm-004 .hxc-overlay .navbar-expand-xl.fancy.navbar-bg-light:not(.fixed),
        .cm-004 .hxc-overlay .navbar-expand-xl.extended.navbar-bg-light:not(.fixed) {
            background: none !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl.extended:not(.fixed) .navbar-collapse .nav-link {
            padding-top: 1.15rem;
            padding-bottom: 1.15rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl.fancy:not(.fixed) .navbar-collapse .nav-link {
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl[class*=navbar-bg-]:not(.fancy):not(.extended):not(.fixed) .navbar-collapse .nav-link {
            padding-top: 1.7rem;
            padding-bottom: 1.7rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl.transparent:not(.fixed) {
            padding-top: 0.3rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl.extended .navbar-collapse-wrapper,
        .cm-004 .hxc-overlay .navbar-expand-xl.fancy .navbar-collapse-wrapper {
            box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.02);
            width: 100%;
            border-radius: 0.4rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl.extended:not(.extended-alt):not(.fixed) .navbar-collapse-wrapper {
            padding: 0 1.5rem 0 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl.extended.extended-alt:not(.fixed) .navbar-collapse-wrapper {
            padding: 0 1.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl.fancy:not(.fixed) .navbar-collapse-wrapper {
            padding: 0 1.5rem 0 1.5rem;
            margin-top: 2.25rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl.extended:not(.extended-alt) .navbar-brand {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl.extended.extended-alt .navbar-brand {
            padding-top: 1.75rem;
            padding-bottom: 1.75rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl.fixed .topbar {
            display: none !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl.navbar-light:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu,
        .cm-004 .hxc-overlay .navbar-expand-xl.navbar-dark:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu,
        .cm-004 .hxc-overlay .navbar-expand-xl.transparent.fixed .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu {
            margin-top: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .navbar-collapse .nav-link {
            white-space: nowrap;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .navbar-collapse .nav-item-overlay2.parent-link {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

            .cm-004 .hxc-overlay .navbar-expand-xl .navbar-collapse .nav-item-overlay2.parent-link .nav-link:first-child {
                padding-right: 0 !important;
            }

            .cm-004 .hxc-overlay .navbar-expand-xl .navbar-collapse .nav-item-overlay2.parent-link .dropdown-toggle {
                padding-left: 0 !important;
            }

        .cm-004 .hxc-overlay .navbar-expand-xl .mega-menu-content > .row > [class*=col-] + [class*=col-],
        .cm-004 .hxc-overlay .navbar-expand-xl .dropdown-lg-content > div + div {
            border-left: 1px solid rgba(164, 174, 198, 0.2);
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .mega-menu-content {
            padding: 0.6rem 0.25rem 0.2rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xl .mega-menu-dark {
            background: #2e353e;
        }

            .cm-004 .hxc-overlay .navbar-expand-xl .mega-menu-dark .img-svg {
                background: rgba(255, 255, 255, 0.05);
                transition: all 0.2s ease-in-out;
            }

                .cm-004 .hxc-overlay .navbar-expand-xl .mega-menu-dark .img-svg:hover {
                    background: rgba(255, 255, 255, 0.09);
                }

            .cm-004 .hxc-overlay .navbar-expand-xl .mega-menu-dark .dropdown-item {
                color: #fff;
            }

                .cm-004 .hxc-overlay .navbar-expand-xl .mega-menu-dark .dropdown-item:hover,
                .cm-004 .hxc-overlay .navbar-expand-xl .mega-menu-dark .dropdown-item:focus {
                    color: #fff;
                }

        .cm-004 .hxc-overlay .navbar-expand-xl .mega-menu-img {
            padding: 0 !important;
        }

            .cm-004 .hxc-overlay .navbar-expand-xl .mega-menu-img .mega-menu-content {
                padding: 0.2rem 2rem !important;
                margin: 1.8rem 0 !important;
            }

            .cm-004 .hxc-overlay .navbar-expand-xl .mega-menu-img .dropdown-item {
                padding-left: 0;
                padding-right: 0;
            }

        .cm-004 .hxc-overlay .navbar-expand-xl.caret-none .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
            display: none;
        }
    }

    @media (max-width: 1399.98px) {
        .cm-004 .hxc-overlay .navbar-expand-xxl .offcanvas-nav {
            overflow-x: hidden;
            overflow-y: auto;
            flex-direction: column;
        }

            .cm-004 .hxc-overlay .navbar-expand-xxl .offcanvas-nav .offcanvas-header,
            .cm-004 .hxc-overlay .navbar-expand-xxl .offcanvas-nav .offcanvas-body,
            .cm-004 .hxc-overlay .navbar-expand-xxl .offcanvas-nav .offcanvas-footer {
                width: 100%;
            }

            .cm-004 .hxc-overlay .navbar-expand-xxl .offcanvas-nav .offcanvas-body {
                overflow-y: unset;
                flex-grow: 0;
            }

        .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-collapse .dropdown-menu {
            padding: 0;
            margin-top: 0;
            background: none;
        }

            .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
                color: #fff;
                padding-left: 1rem;
                padding-top: 0.3rem;
                padding-bottom: 0.3rem;
            }

        .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-collapse .nav-link,
        .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-collapse .show > .nav-link,
        .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-collapse .nav-link.active,
        .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-collapse .nav-link:hover,
        .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-collapse .nav-link:focus {
            color: #fff !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-collapse .nav-link {
            padding-top: 0.3rem;
            padding-bottom: 0.3rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
            position: absolute;
            margin-right: 0;
            right: -0.25rem;
            top: 0.35rem;
            font-size: 0.9rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
            top: 0.3rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .dropdown-header {
            padding-left: 1rem;
            padding-right: 1rem;
            margin-top: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .dropstart .dropdown-toggle:after,
        .cm-004 .hxc-overlay .navbar-expand-xxl .dropend .dropdown-toggle:after {
            content: "\e92d" !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .dropstart .dropdown-menu[data-bs-popper] {
            margin-right: 0;
            margin-left: 0.75rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .dropdown-toggle:after {
            top: 0.25rem !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .language-select .dropdown-toggle:after {
            vertical-align: 0 !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-other .nav-item-overlay2.language-select .nav-link {
            font-size: 1.05rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-other .nav-item-overlay2 .nav-link > i {
            font-size: calc(1.315rem);
        }
    }

    @media (max-width: 1399.98px) and (min-width: 1200px) {
        .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-other .nav-item-overlay2 .nav-link > i {
            font-size: 1.3rem;
        }
    }

    @media (max-width: 1399.98px) {
        .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-brand {
            padding-top: 1.2rem;
            padding-bottom: 1.2rem;
        }
    }

    @media (max-width: 1399.98px) {
        .cm-004 .hxc-overlay .navbar-expand-xxl.fancy .navbar-collapse-wrapper {
            background: none !important;
            box-shadow: none !important;
        }
    }

    @media (max-width: 1399.98px) {
        .cm-004 .hxc-overlay .navbar-expand-xxl.center-logo.fixed .offcanvas-header .logo-light {
            display: inline-block;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl.center-logo.fixed .offcanvas-header .logo-dark {
            display: none;
        }
    }

    @media (max-width: 1399.98px) {
        .cm-004 .hxc-overlay .navbar-expand-xxl .nav-item-overlay2.parent-link .dropdown-toggle {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
    }

    @media (min-width: 1400px) {
        .cm-004 .hxc-overlay .navbar-expand-xxl.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
            color: #3f78e0;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-nav,
        .cm-004 .hxc-overlay .navbar-expand-xxl .dropdown-mega {
            position: static !important;
        }

            .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-nav .dropdown-menu.dropdown-lg {
                padding: 1.6rem 0.25rem 1.3rem 0.25rem;
            }

                .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-nav .dropdown-menu.dropdown-lg .dropdown-lg-content {
                    display: flex;
                    flex-direction: row;
                }

                .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-nav .dropdown-menu.dropdown-lg .dropdown-header {
                    padding-top: 0;
                }

            .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-nav .dropdown-menu:before {
                position: absolute;
                top: -1rem;
                left: -1rem;
                width: 100%;
                height: 100%;
                content: "";
                display: block;
                z-index: -1;
            }

            .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-nav .dropdown-menu .dropdown-toggle:after {
                position: absolute;
                margin-right: 0;
                right: 1rem;
                top: 0.15rem;
                font-size: 0.85rem;
            }

            .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-nav .dropdown-menu.mega-menu {
                margin-left: 0.75rem !important;
                margin-right: 0.75rem !important;
            }

        .cm-004 .hxc-overlay .navbar-expand-xxl:not(.hover-none) .navbar-nav .dropdown-menu {
            top: 120%;
            visibility: hidden;
            pointer-events: none;
            opacity: 0;
            display: block;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl:not(.hover-none) .navbar-nav .dropdown:not(.dropdown-submenu):hover > .dropdown-menu {
            top: 100%;
            pointer-events: all;
            visibility: visible;
            opacity: 1;
            transition: all 0.25s ease-in-out;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl:not(.hover-none) .navbar-nav .dropdown-submenu {
            position: relative;
        }

            .cm-004 .hxc-overlay .navbar-expand-xxl:not(.hover-none) .navbar-nav .dropdown-submenu .dropdown-menu {
                top: 30%;
            }

            .cm-004 .hxc-overlay .navbar-expand-xxl:not(.hover-none) .navbar-nav .dropdown-submenu.dropstart:before {
                position: absolute;
                left: -1rem;
                width: 100%;
                height: 100%;
                content: "";
                display: block;
                z-index: -1;
            }

            .cm-004 .hxc-overlay .navbar-expand-xxl:not(.hover-none) .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
                top: 0;
                pointer-events: all;
                visibility: visible;
                opacity: 1;
                transition: all 0.25s ease-in-out;
            }

        .cm-004 .hxc-overlay .navbar-expand-xxl .dropend > .dropdown-menu {
            margin-left: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .dropstart > .dropdown-menu {
            margin-right: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .offcanvas-nav {
            position: unset;
            flex-direction: row;
        }

            .cm-004 .hxc-overlay .navbar-expand-xxl .offcanvas-nav.offcanvas-start,
            .cm-004 .hxc-overlay .navbar-expand-xxl .offcanvas-nav.offcanvas-end {
                width: 100%;
            }

        .cm-004 .hxc-overlay .navbar-expand-xxl.fancy.navbar-bg-light:not(.fixed),
        .cm-004 .hxc-overlay .navbar-expand-xxl.extended.navbar-bg-light:not(.fixed) {
            background: none !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl.extended:not(.fixed) .navbar-collapse .nav-link {
            padding-top: 1.15rem;
            padding-bottom: 1.15rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl.fancy:not(.fixed) .navbar-collapse .nav-link {
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl[class*=navbar-bg-]:not(.fancy):not(.extended):not(.fixed) .navbar-collapse .nav-link {
            padding-top: 1.7rem;
            padding-bottom: 1.7rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl.transparent:not(.fixed) {
            padding-top: 0.3rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl.extended .navbar-collapse-wrapper,
        .cm-004 .hxc-overlay .navbar-expand-xxl.fancy .navbar-collapse-wrapper {
            box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.02);
            width: 100%;
            border-radius: 0.4rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl.extended:not(.extended-alt):not(.fixed) .navbar-collapse-wrapper {
            padding: 0 1.5rem 0 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl.extended.extended-alt:not(.fixed) .navbar-collapse-wrapper {
            padding: 0 1.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl.fancy:not(.fixed) .navbar-collapse-wrapper {
            padding: 0 1.5rem 0 1.5rem;
            margin-top: 2.25rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl.extended:not(.extended-alt) .navbar-brand {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl.extended.extended-alt .navbar-brand {
            padding-top: 1.75rem;
            padding-bottom: 1.75rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl.fixed .topbar {
            display: none !important;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl.navbar-light:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu,
        .cm-004 .hxc-overlay .navbar-expand-xxl.navbar-dark:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu,
        .cm-004 .hxc-overlay .navbar-expand-xxl.transparent.fixed .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu {
            margin-top: 0.5rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-collapse .nav-link {
            white-space: nowrap;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-collapse .nav-item-overlay2.parent-link {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

            .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-collapse .nav-item-overlay2.parent-link .nav-link:first-child {
                padding-right: 0 !important;
            }

            .cm-004 .hxc-overlay .navbar-expand-xxl .navbar-collapse .nav-item-overlay2.parent-link .dropdown-toggle {
                padding-left: 0 !important;
            }

        .cm-004 .hxc-overlay .navbar-expand-xxl .mega-menu-content > .row > [class*=col-] + [class*=col-],
        .cm-004 .hxc-overlay .navbar-expand-xxl .dropdown-lg-content > div + div {
            border-left: 1px solid rgba(164, 174, 198, 0.2);
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .mega-menu-content {
            padding: 0.6rem 0.25rem 0.2rem;
        }

        .cm-004 .hxc-overlay .navbar-expand-xxl .mega-menu-dark {
            background: #2e353e;
        }

            .cm-004 .hxc-overlay .navbar-expand-xxl .mega-menu-dark .img-svg {
                background: rgba(255, 255, 255, 0.05);
                transition: all 0.2s ease-in-out;
            }

                .cm-004 .hxc-overlay .navbar-expand-xxl .mega-menu-dark .img-svg:hover {
                    background: rgba(255, 255, 255, 0.09);
                }

            .cm-004 .hxc-overlay .navbar-expand-xxl .mega-menu-dark .dropdown-item {
                color: #fff;
            }

                .cm-004 .hxc-overlay .navbar-expand-xxl .mega-menu-dark .dropdown-item:hover,
                .cm-004 .hxc-overlay .navbar-expand-xxl .mega-menu-dark .dropdown-item:focus {
                    color: #fff;
                }

        .cm-004 .hxc-overlay .navbar-expand-xxl .mega-menu-img {
            padding: 0 !important;
        }

            .cm-004 .hxc-overlay .navbar-expand-xxl .mega-menu-img .mega-menu-content {
                padding: 0.2rem 2rem !important;
                margin: 1.8rem 0 !important;
            }

            .cm-004 .hxc-overlay .navbar-expand-xxl .mega-menu-img .dropdown-item {
                padding-left: 0;
                padding-right: 0;
            }

        .cm-004 .hxc-overlay .navbar-expand-xxl.caret-none .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
            display: none;
        }
    }

    .cm-004 .hxc-overlay .navbar-expand .offcanvas-nav {
        overflow-x: hidden;
        overflow-y: auto;
        flex-direction: column;
    }

        .cm-004 .hxc-overlay .navbar-expand .offcanvas-nav .offcanvas-header,
        .cm-004 .hxc-overlay .navbar-expand .offcanvas-nav .offcanvas-body,
        .cm-004 .hxc-overlay .navbar-expand .offcanvas-nav .offcanvas-footer {
            width: 100%;
        }

        .cm-004 .hxc-overlay .navbar-expand .offcanvas-nav .offcanvas-body {
            overflow-y: unset;
            flex-grow: 0;
        }

    .cm-004 .hxc-overlay .navbar-expand .navbar-collapse .dropdown-menu {
        padding: 0;
        margin-top: 0;
        background: none;
    }

        .cm-004 .hxc-overlay .navbar-expand .navbar-collapse .dropdown-menu .dropdown-item {
            color: #fff;
            padding-left: 1rem;
            padding-top: 0.3rem;
            padding-bottom: 0.3rem;
        }

    .cm-004 .hxc-overlay .navbar-expand .navbar-collapse .nav-link,
    .cm-004 .hxc-overlay .navbar-expand .navbar-collapse .show > .nav-link,
    .cm-004 .hxc-overlay .navbar-expand .navbar-collapse .nav-link.active,
    .cm-004 .hxc-overlay .navbar-expand .navbar-collapse .nav-link:hover,
    .cm-004 .hxc-overlay .navbar-expand .navbar-collapse .nav-link:focus {
        color: #fff !important;
    }

    .cm-004 .hxc-overlay .navbar-expand .navbar-collapse .nav-link {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }

    .cm-004 .hxc-overlay .navbar-expand .navbar-collapse .dropdown-toggle:after {
        position: absolute;
        margin-right: 0;
        right: -0.25rem;
        top: 0.35rem;
        font-size: 0.9rem;
    }

    .cm-004 .hxc-overlay .navbar-expand .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
        top: 0.3rem;
    }

    .cm-004 .hxc-overlay .navbar-expand .dropdown-header {
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: 0.5rem;
    }

    .cm-004 .hxc-overlay .navbar-expand .dropstart .dropdown-toggle:after,
    .cm-004 .hxc-overlay .navbar-expand .dropend .dropdown-toggle:after {
        content: "\e92d" !important;
    }

    .cm-004 .hxc-overlay .navbar-expand .dropstart .dropdown-menu[data-bs-popper] {
        margin-right: 0;
        margin-left: 0.75rem;
    }

    .cm-004 .hxc-overlay .navbar-expand .dropdown-toggle:after {
        top: 0.25rem !important;
    }

    .cm-004 .hxc-overlay .navbar-expand .language-select .dropdown-toggle:after {
        vertical-align: 0 !important;
    }

    .cm-004 .hxc-overlay .navbar-expand .navbar-other .nav-item-overlay2.language-select .nav-link {
        font-size: 1.05rem;
    }

    .cm-004 .hxc-overlay .navbar-expand .navbar-other .nav-item-overlay2 .nav-link > i {
        font-size: calc(1.315rem);
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .navbar-expand .navbar-other .nav-item-overlay2 .nav-link > i {
            font-size: 1.3rem;
        }
    }

    .cm-004 .hxc-overlay .navbar-expand .navbar-brand {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }

    .cm-004 .hxc-overlay .navbar-expand.fancy .navbar-collapse-wrapper {
        background: none !important;
        box-shadow: none !important;
    }

    .cm-004 .hxc-overlay .navbar-expand.center-logo.fixed .offcanvas-header .logo-light {
        display: inline-block;
    }

    .cm-004 .hxc-overlay .navbar-expand.center-logo.fixed .offcanvas-header .logo-dark {
        display: none;
    }

    .cm-004 .hxc-overlay .navbar-expand .nav-item-overlay2.parent-link .dropdown-toggle {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .cm-004 .hxc-overlay .navbar-expand.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
        color: #3f78e0;
    }

    .cm-004 .hxc-overlay .navbar-expand .navbar-nav,
    .cm-004 .hxc-overlay .navbar-expand .dropdown-mega {
        position: static !important;
    }

        .cm-004 .hxc-overlay .navbar-expand .navbar-nav .dropdown-menu.dropdown-lg {
            padding: 1.6rem 0.25rem 1.3rem 0.25rem;
        }

            .cm-004 .hxc-overlay .navbar-expand .navbar-nav .dropdown-menu.dropdown-lg .dropdown-lg-content {
                display: flex;
                flex-direction: row;
            }

            .cm-004 .hxc-overlay .navbar-expand .navbar-nav .dropdown-menu.dropdown-lg .dropdown-header {
                padding-top: 0;
            }

        .cm-004 .hxc-overlay .navbar-expand .navbar-nav .dropdown-menu:before {
            position: absolute;
            top: -1rem;
            left: -1rem;
            width: 100%;
            height: 100%;
            content: "";
            display: block;
            z-index: -1;
        }

        .cm-004 .hxc-overlay .navbar-expand .navbar-nav .dropdown-menu .dropdown-toggle:after {
            position: absolute;
            margin-right: 0;
            right: 1rem;
            top: 0.15rem;
            font-size: 0.85rem;
        }

        .cm-004 .hxc-overlay .navbar-expand .navbar-nav .dropdown-menu.mega-menu {
            margin-left: 0.75rem !important;
            margin-right: 0.75rem !important;
        }

    .cm-004 .hxc-overlay .navbar-expand:not(.hover-none) .navbar-nav .dropdown-menu {
        top: 120%;
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        display: block;
    }

    .cm-004 .hxc-overlay .navbar-expand:not(.hover-none) .navbar-nav .dropdown:not(.dropdown-submenu):hover > .dropdown-menu {
        top: 100%;
        pointer-events: all;
        visibility: visible;
        opacity: 1;
        transition: all 0.25s ease-in-out;
    }

    .cm-004 .hxc-overlay .navbar-expand:not(.hover-none) .navbar-nav .dropdown-submenu {
        position: relative;
    }

        .cm-004 .hxc-overlay .navbar-expand:not(.hover-none) .navbar-nav .dropdown-submenu .dropdown-menu {
            top: 30%;
        }

        .cm-004 .hxc-overlay .navbar-expand:not(.hover-none) .navbar-nav .dropdown-submenu.dropstart:before {
            position: absolute;
            left: -1rem;
            width: 100%;
            height: 100%;
            content: "";
            display: block;
            z-index: -1;
        }

        .cm-004 .hxc-overlay .navbar-expand:not(.hover-none) .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
            top: 0;
            pointer-events: all;
            visibility: visible;
            opacity: 1;
            transition: all 0.25s ease-in-out;
        }

    .cm-004 .hxc-overlay .navbar-expand .dropend > .dropdown-menu {
        margin-left: 0.5rem;
    }

    .cm-004 .hxc-overlay .navbar-expand .dropstart > .dropdown-menu {
        margin-right: 0.5rem;
    }

    .cm-004 .hxc-overlay .navbar-expand .offcanvas-nav {
        position: unset;
        flex-direction: row;
    }

        .cm-004 .hxc-overlay .navbar-expand .offcanvas-nav.offcanvas-start,
        .cm-004 .hxc-overlay .navbar-expand .offcanvas-nav.offcanvas-end {
            width: 100%;
        }

    .cm-004 .hxc-overlay .navbar-expand.fancy.navbar-bg-light:not(.fixed),
    .cm-004 .hxc-overlay .navbar-expand.extended.navbar-bg-light:not(.fixed) {
        background: none !important;
    }

    .cm-004 .hxc-overlay .navbar-expand.extended:not(.fixed) .navbar-collapse .nav-link {
        padding-top: 1.15rem;
        padding-bottom: 1.15rem;
    }

    .cm-004 .hxc-overlay .navbar-expand.fancy:not(.fixed) .navbar-collapse .nav-link {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .cm-004 .hxc-overlay .navbar-expand[class*=navbar-bg-]:not(.fancy):not(.extended):not(.fixed) .navbar-collapse .nav-link {
        padding-top: 1.7rem;
        padding-bottom: 1.7rem;
    }

    .cm-004 .hxc-overlay .navbar-expand.transparent:not(.fixed) {
        padding-top: 0.3rem;
    }

    .cm-004 .hxc-overlay .navbar-expand.extended .navbar-collapse-wrapper,
    .cm-004 .hxc-overlay .navbar-expand.fancy .navbar-collapse-wrapper {
        box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.02);
        width: 100%;
        border-radius: 0.4rem;
    }

    .cm-004 .hxc-overlay .navbar-expand.extended:not(.extended-alt):not(.fixed) .navbar-collapse-wrapper {
        padding: 0 1.5rem 0 0.5rem;
    }

    .cm-004 .hxc-overlay .navbar-expand.extended.extended-alt:not(.fixed) .navbar-collapse-wrapper {
        padding: 0 1.5rem;
    }

    .cm-004 .hxc-overlay .navbar-expand.fancy:not(.fixed) .navbar-collapse-wrapper {
        padding: 0 1.5rem 0 1.5rem;
        margin-top: 2.25rem;
    }

    .cm-004 .hxc-overlay .navbar-expand.extended:not(.extended-alt) .navbar-brand {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .cm-004 .hxc-overlay .navbar-expand.extended.extended-alt .navbar-brand {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }

    .cm-004 .hxc-overlay .navbar-expand.fixed .topbar {
        display: none !important;
    }

    .cm-004 .hxc-overlay .navbar-expand.navbar-light:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu,
    .cm-004 .hxc-overlay .navbar-expand.navbar-dark:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu,
    .cm-004 .hxc-overlay .navbar-expand.transparent.fixed .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu {
        margin-top: 0.5rem;
    }

    .cm-004 .hxc-overlay .navbar-expand .navbar-collapse .nav-link {
        white-space: nowrap;
    }

    .cm-004 .hxc-overlay .navbar-expand .navbar-collapse .nav-item-overlay2.parent-link {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .cm-004 .hxc-overlay .navbar-expand .navbar-collapse .nav-item-overlay2.parent-link .nav-link:first-child {
            padding-right: 0 !important;
        }

        .cm-004 .hxc-overlay .navbar-expand .navbar-collapse .nav-item-overlay2.parent-link .dropdown-toggle {
            padding-left: 0 !important;
        }

    .cm-004 .hxc-overlay .navbar-expand .mega-menu-content > .row > [class*=col-] + [class*=col-],
    .cm-004 .hxc-overlay .navbar-expand .dropdown-lg-content > div + div {
        border-left: 1px solid rgba(164, 174, 198, 0.2);
    }

    .cm-004 .hxc-overlay .navbar-expand .mega-menu-content {
        padding: 0.6rem 0.25rem 0.2rem;
    }

    .cm-004 .hxc-overlay .navbar-expand .mega-menu-dark {
        background: #2e353e;
    }

        .cm-004 .hxc-overlay .navbar-expand .mega-menu-dark .img-svg {
            background: rgba(255, 255, 255, 0.05);
            transition: all 0.2s ease-in-out;
        }

            .cm-004 .hxc-overlay .navbar-expand .mega-menu-dark .img-svg:hover {
                background: rgba(255, 255, 255, 0.09);
            }

        .cm-004 .hxc-overlay .navbar-expand .mega-menu-dark .dropdown-item {
            color: #fff;
        }

            .cm-004 .hxc-overlay .navbar-expand .mega-menu-dark .dropdown-item:hover,
            .cm-004 .hxc-overlay .navbar-expand .mega-menu-dark .dropdown-item:focus {
                color: #fff;
            }

    .cm-004 .hxc-overlay .navbar-expand .mega-menu-img {
        padding: 0 !important;
    }

        .cm-004 .hxc-overlay .navbar-expand .mega-menu-img .mega-menu-content {
            padding: 0.2rem 2rem !important;
            margin: 1.8rem 0 !important;
        }

        .cm-004 .hxc-overlay .navbar-expand .mega-menu-img .dropdown-item {
            padding-left: 0;
            padding-right: 0;
        }

    .cm-004 .hxc-overlay .navbar-expand.caret-none .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
        display: none;
    }

    .cm-004 .hxc-overlay .dropdown-mega .dropdown-menu {
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        max-width: none !important;
    }

    @media (min-width: 992px) {
        .cm-004 .hxc-overlay .mega-menu-scroll {
            overflow-y: scroll;
        }

            .cm-004 .hxc-overlay .mega-menu-scroll > span {
                font-size: 0.7rem;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: auto;
                position: absolute;
                bottom: 0.3rem;
                left: 0;
                text-align: center;
                color: #cacaca;
            }

                .cm-004 .hxc-overlay .mega-menu-scroll > span i {
                    font-size: 1rem;
                }
    }

    @media (min-width: 1400px) {
        .cm-004 .hxc-overlay .mega-menu-scroll {
            height: 30.6rem;
        }
    }

    @media (min-width: 1200px) and (max-width: 1399.98px) {
        .cm-004 .hxc-overlay .mega-menu-scroll {
            height: 26.2rem;
        }
    }

    @media (min-width: 992px) and (max-width: 1199.98px) {
        .cm-004 .hxc-overlay .mega-menu-scroll {
            height: 21.8rem;
        }
    }

    .cm-004 .hxc-overlay .dropend > .dropdown-menu {
        right: auto;
        left: 100%;
        margin-top: 0;
        margin-left: 0;
    }

    .cm-004 .hxc-overlay .dropstart > .dropdown-menu {
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-right: 0;
    }

    .cm-004 .hxc-overlay .language-select .dropdown-toggle:after {
        position: unset !important;
        margin-left: 0 !important;
        margin-right: -0.25rem !important;
        vertical-align: -1px !important;
    }

    .cm-004 .hxc-overlay .language-select .dropdown-menu {
        left: 50% !important;
        transform: translateX(-50%) !important;
        top: 100% !important;
        margin-top: 0.5rem !important;
        padding: 0.65rem 0;
        position: absolute;
        min-width: 4rem;
    }

    .cm-004 .hxc-overlay .share-dropdown .dropdown-menu {
        min-width: 6.25rem;
        margin-top: 1rem !important;
        padding-top: 0.65rem !important;
        padding-bottom: 0.65rem !important;
    }

        .cm-004 .hxc-overlay .share-dropdown .dropdown-menu[data-popper-placement^=top] {
            margin-top: 0 !important;
            margin-bottom: 1rem !important;
        }

        .cm-004 .hxc-overlay .share-dropdown .dropdown-menu .dropdown-item {
            padding: 0.25rem 1.15rem;
            font-size: 0.7rem;
        }

            .cm-004 .hxc-overlay .share-dropdown .dropdown-menu .dropdown-item i {
                padding-right: 0.4rem;
                vertical-align: -0.1rem;
                width: 1rem;
                font-size: 0.8rem;
            }

    .cm-004 .hxc-overlay .dropdown-toggle:focus {
        outline: 0;
    }

    .cm-004 .hxc-overlay .dropdown-toggle:after {
        font-size: 0.85rem;
        margin-right: -0.25rem;
    }

    .cm-004 .hxc-overlay .navbar-light .language-select .dropdown-toggle:after {
        color: #3f78e0;
    }

    .cm-004 .hxc-overlay .share-dropdown .dropdown-toggle:after {
        display: none;
    }

    .cm-004 .hxc-overlay .navbar-nav .dropdown.dropstart > .dropdown-toggle:after {
        border: 0;
        content: "\e931";
    }

    .cm-004 .hxc-overlay .nav-link {
        --bs-nav-link-font-weight: 700;
        /*letter-spacing: -0.01rem;*/
    }

        .cm-004 .hxc-overlay .nav-link p {
            font-size: 0.8rem;
        }

    .cm-004 .hxc-overlay .sidebar .nav-link {
        letter-spacing: normal;
    }

    .cm-004 .hxc-overlay .navbar-other .nav-link {
        cursor: pointer;
    }

    @media (min-width: 992px) and (max-width: 1199.98px) {
        .cm-004 .hxc-overlay .navbar .navbar-collapse .nav-link {
            padding-right: 0.6rem;
            padding-left: 0.6rem;
        }
    }

    .cm-004 .hxc-overlay .nav-tabs-overlay2 .nav-link {
        background: #fff;
        transition: all 0.2s ease-in-out;
        font-size: 0.85rem;
        padding: 0.6rem 1.3rem;
    }

        .cm-004 .hxc-overlay .nav-tabs-overlay2 .nav-link i {
            font-size: 1rem;
        }

    .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-basic {
        border-color: transparent;
    }

        .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-basic .nav-link {
            border: 0;
            border-radius: 0;
            border-color: transparent;
            background: transparent;
            font-size: 16px;
            padding: 0.6rem 0;
            padding-bottom: 3px;
            margin-right: 1.2rem;
            font-weight: 500 !important;
        }

            .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-basic .nav-link:hover,
            .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-basic .nav-link:focus {
                /*border-color: #FDD200;*/
                border-bottom: 3px solid #FDD200;
            }

            .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-basic .nav-link.active,
            .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-basic .nav-item-overlay2.show .nav-link {
                color: #222222;
                border-bottom: 3px solid #FDD200;
            }

    @media (min-width: 1200px) {

        .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-basic .nav-link:hover,
        .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-basic .nav-link:focus {
            /*border-color: #FDD200;*/
            border-bottom: 3px solid #FDD200;
        }

        .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-basic .nav-link.active,
        .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-basic .nav-item-overlay2.show .nav-link {
            color: #222222;
            border-bottom: 3px solid #FDD200;
        }
    }

    .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-pills {
        border-color: transparent;
    }

        .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-pills .nav-link {
            border-color: transparent;
            box-shadow: 0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
            margin-right: 0.5rem;
            display: flex;
            align-items: center;
        }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .nav-tabs-overlay2.d-flex:not(.nav-pills) {
            justify-content: flex-start !important;
        }
    }

    @media (max-width: 767px) {

        .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-basic,
        .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-pills {
            flex-direction: row;
            order: 3;
            width: calc(115%);
            margin: 5px -15px 0;
            padding: 5px 15px 0;
            display: flex;
            flex-wrap: nowrap;
            border-top: 1px solid #f3f3f4;
        }

        .cm-004 .hxc-overlay .card-navrow {
            flex-wrap: wrap;
        }

        .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-basic .nav-item-overlay2,
        .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-pills .nav-item-overlay2 {
            margin-bottom: 1rem;
        }

        .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-basic .nav-link,
        .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-pills .nav-link {
            margin-right: 1rem;
        }
    }

    .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-bg {
        border-color: transparent;
    }

        .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-bg .nav-link {
            padding: 1.4rem 1.2rem;
            border-radius: 0.4rem;
            border: 1px solid transparent;
            line-height: 1.25rem;
            box-shadow: none;
            background: transparent;
        }

            .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-bg .nav-link:first-child {
                margin-left: 0;
            }

            .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-bg .nav-link:last-child {
                margin-right: 0;
            }

            .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-bg .nav-link:hover,
            .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-bg .nav-link.active {
                color: #343f52;
                border-color: transparent;
                background: #fff;
                box-shadow: 0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
            }

            .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-bg .nav-link p {
                margin: 0;
                font-weight: 500;
                color: #60697b;
            }

        .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-bg.nav-tabs-overlay2-shadow-lg .nav-link:hover,
        .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-tabs-overlay2-bg.nav-tabs-overlay2-shadow-lg .nav-link.active {
            box-shadow: 0rem 0.25rem 1.75rem rgba(30, 34, 40, 0.07);
        }

    .cm-004 .hxc-overlay .nav-tabs-overlay2.flex-column.nav-tabs-overlay2-bg .nav-item-overlay2 {
        margin-bottom: 1rem;
    }

    .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-justified .nav-item-overlay2 {
        text-align: left;
    }

    @media (min-width: 992px) {
        .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-justified .nav-item-overlay2 {
            margin-left: 0.75rem;
            margin-right: 0.75rem;
        }

            .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-justified .nav-item-overlay2:first-child {
                margin-left: 0;
            }

            .cm-004 .hxc-overlay .nav-tabs-overlay2.nav-justified .nav-item-overlay2:last-child {
                margin-right: 0;
            }
    }

    .cm-004 .hxc-overlay .tab-content {
        margin-top: 1.25rem;
    }

    .cm-004 .hxc-overlay header {
        position: relative;
    }

    .cm-004 .hxc-overlay .navbar {
        width: 100%;
        z-index: 1020;
    }

        .cm-004 .hxc-overlay .navbar .sc-container-over {
            position: relative;
        }

        .cm-004 .hxc-overlay .navbar .navbar-collapse {
            align-items: center;
        }

        .cm-004 .hxc-overlay .navbar.transparent .logo-dark {
            display: none;
        }

        .cm-004 .hxc-overlay .navbar.transparent.fixed .logo-light {
            display: none;
        }

        .cm-004 .hxc-overlay .navbar.transparent.fixed .logo-dark {
            display: inline-block;
        }

        .cm-004 .hxc-overlay .navbar.navbar-dark .logo-dark {
            display: none;
        }

        .cm-004 .hxc-overlay .navbar.navbar-light.fixed .logo-light {
            display: none;
        }

        .cm-004 .hxc-overlay .navbar.navbar-light.fixed .logo-dark {
            display: inline-block;
        }

        .cm-004 .hxc-overlay .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
            background: #3f78e0;
            border-color: #3f78e0;
            color: #fff;
        }

        .cm-004 .hxc-overlay .navbar.navbar-bg-light {
            background: #fff;
            box-shadow: none;
        }

        .cm-004 .hxc-overlay .navbar.navbar-bg-dark {
            background: #21262c;
        }

        .cm-004 .hxc-overlay .navbar .navbar-other .nav-item-overlay2 .nav-link {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

            .cm-004 .hxc-overlay .navbar .navbar-other .nav-item-overlay2 .nav-link > i {
                font-size: 1.1rem;
            }

        .cm-004 .hxc-overlay .navbar .navbar-other .navbar-nav > .nav-item-overlay2 .nav-link {
            padding-left: 0;
            padding-right: 0;
        }

        .cm-004 .hxc-overlay .navbar .navbar-other .navbar-nav > .nav-item-overlay2 + .nav-item-overlay2 {
            margin-left: 0.8rem;
        }

        .cm-004 .hxc-overlay .navbar.fixed:not(.extended) .topbar {
            display: none !important;
        }

        .cm-004 .hxc-overlay .navbar.fixed .navbar-collapse-wrapper {
            background: none !important;
            box-shadow: none !important;
        }

    .cm-004 .hxc-overlay .navbar-clone {
        z-index: 1008;
        top: 0;
        left: 0;
        transform: translateY(-100%);
        transition: all 300ms ease-in-out, padding-right 0ms;
    }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .navbar-clone {
            transition: none;
        }
    }

    @media only screen and (max-width: 959px) {
        .cm-004 .hxc-overlay .filter-subnav-inner {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
    }

    .cm-004 .hxc-overlay .justify-between {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .cm-004 .hxc-overlay .items-center {
        -ms-flex-align: center;
        align-items: center;
    }

    .cm-004 .hxc-overlay .flex-row {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .cm-004 .hxc-overlay .flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .cm-004 .hxc-overlay .filter-subnav {
        position: relative;
        background: #fff;
        opacity: 1;
    }

    .cm-004 .hxc-overlay .container-over-fluid {
        padding-right: 20px;
        padding-left: 20px;
    }

    .cm-004 .hxc-overlay .filter-categories {
        position: relative;
        text-align: center;
        font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-top: 1rem;
    }

        .cm-004 .hxc-overlay .filter-categories:not(.allow-overflow) ul {
            overflow-x: auto;
            overflow-y: hidden;
        }

        .cm-004 .hxc-overlay .filter-categories ul {
            padding: 0 2px;
            white-space: nowrap;
            scroll-behavior: smooth;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
        }

            .cm-004 .hxc-overlay .filter-categories ul::-webkit-scrollbar {
                display: none;
            }

    @media only screen and (max-width: 959px) {
        .cm-004 .hxc-overlay .filter-categories {
            -ms-flex-order: 3;
            order: 3;
        }

            .cm-004 .hxc-overlay .filter-categories a {
                font-size: 16px;
            }
    }

    .cm-004 .hxc-overlay .filter-categories .category {
        display: inline-block;
    }

        .cm-004 .hxc-overlay .filter-categories .category a {
            display: inline-block;
            padding: 10px 12px;
            color: #6e6d7a;
        }

            .cm-004 .hxc-overlay .filter-categories .category.active a,
            .cm-004 .hxc-overlay .filter-categories .category a:hover {
                -webkit-transition: color 200ms ease;
                transition: color 200ms ease;
                color: #0d0c22;
            }

        .cm-004 .hxc-overlay .filter-categories .category.active > a {
            border-radius: 8px;
            background: rgba(13, 12, 34, 0.05);
            font-weight: 500;
        }

        .cm-004 .hxc-overlay .filter-categories .category a:after {
            content: attr(title);
            display: block;
            visibility: hidden;
            height: 0;
            overflow: hidden;
            font-weight: 500;
        }

    .cm-004 .hxc-overlay .filter-categories .scroll a {
        position: absolute;
        z-index: 1;
        width: 40px;
        padding: 10px 0;
        color: #0d0c22;
    }

        .cm-004 .hxc-overlay .filter-categories .scroll a svg {
            width: 12px;
            height: 12px;
            fill: currentColor;
        }

    @media only screen and (max-width: 959px) {
        .cm-004 .hxc-overlay .filter-categories .scroll a svg {
            width: 14px;
            height: 14px;
        }
    }

    .cm-004 .hxc-overlay .filter-categories .scroll-forward a {
        right: 0;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, white));
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%);
    }

        .cm-004 .hxc-overlay .filter-categories .scroll-forward a svg {
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

    .cm-004 .hxc-overlay .filter-categories .scroll-backward a {
        left: 0;
        background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(50%, white));
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 50%);
    }

        .cm-004 .hxc-overlay .filter-categories .scroll-backward a svg {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .cm-004 .hxc-overlay .filter-settings {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    @media only screen and (max-width: 959px) {
        .cm-004 .hxc-overlay .filter-settings {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            -ms-flex-order: 2;
            order: 2;
        }

            .cm-004 .hxc-overlay .filter-settings .btn-dropdown {
                z-index: 4;
            }
    }

    .cm-004 .hxc-overlay .filter-settings span.meatball {
        display: none;
        top: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 18px;
        height: 18px;
        margin: 0 5px 0 -2px;
        padding: 3px 5px 4px;
        border-radius: 50%;
        background-color: #ea4c89;
        color: #fff;
        line-height: 1;
        text-align: center;
        vertical-align: middle;
    }

    .cm-004 .hxc-overlay .sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        transform: translateY(0%);
    }

    .cm-004 .hxc-overlay .navbar-stick {
        transform: translateY(0%);
    }

        .cm-004 .hxc-overlay .navbar-stick:not(.navbar-dark) {
            box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.06);
            background: rgba(255, 255, 255, 0.97);
        }

    .cm-004 .hxc-overlay button.hamburger {
        cursor: pointer;
        background: none;
        border: 0;
        padding: 0;
        margin: 0 0 0 0.2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #343f52;
        transition: all 0.2s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay button.hamburger {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay button.hamburger::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

    .cm-004 .hxc-overlay button.hamburger:focus {
        outline: 0;
    }

    .cm-004 .hxc-overlay button.hamburger:before,
    .cm-004 .hxc-overlay button.hamburger:after {
        content: "";
    }

    .cm-004 .hxc-overlay button.hamburger:before,
    .cm-004 .hxc-overlay button.hamburger span,
    .cm-004 .hxc-overlay button.hamburger:after {
        width: 1.2rem;
        height: 0.15rem;
        transition: all 0.2s ease-in-out;
        background: currentColor;
        border-radius: 2rem;
    }

    @media (prefers-reduced-motion: reduce) {

        .cm-004 .hxc-overlay button.hamburger:before,
        .cm-004 .hxc-overlay button.hamburger span,
        .cm-004 .hxc-overlay button.hamburger:after {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay button.hamburger:before,
    .cm-004 .hxc-overlay button.hamburger span {
        margin: 0 0 0.25rem;
    }

    .cm-004 .hxc-overlay .navbar.position-absolute:not(.fixed):not(.navbar-light) button.hamburger,
    .cm-004 .hxc-overlay .navbar.navbar-bg-dark button.hamburger,
    .cm-004 .hxc-overlay .navbar.navbar-dark button.hamburger {
        color: #fff;
    }

    .cm-004 .hxc-overlay .card {
        box-shadow: 0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
        border: 0;
    }

    .cm-004 .hxc-overlay .card-search-overlay {
        border: 0;
    }

    .cm-004 .hxc-overlay .card[class*=bg-] {
        box-shadow: none !important;
    }

    .cm-004 .hxc-overlay .card-img-top img {
        border-top-left-radius: 0.4rem;
        border-top-right-radius: 0.4rem;
    }

    .cm-004 .hxc-overlay .card-img-top .plyr {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .card-md-none {
            background: none;
            border-radius: 0;
        }

            .cm-004 .hxc-overlay .card-md-none .card-body {
                padding: 0;
            }
    }

    .cm-004 .hxc-overlay [class*=card-border-] {
        position: relative;
    }

        .cm-004 .hxc-overlay [class*=card-border-]:after {
            content: "";
            position: absolute;
        }

    .cm-004 .hxc-overlay .card-border-top:after {
        top: 0;
        right: 0;
        left: 0;
        border-top-width: 4px;
        border-bottom-width: calc(-3.6rem);
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: inherit;
        border-bottom-color: transparent;
        border-top-left-radius: 0.4rem;
        border-top-right-radius: 0.4rem;
    }

    .cm-004 .hxc-overlay .card-border-top[class*=border-soft-]:after {
        border-top-width: 6px;
        border-bottom-width: calc(-5.6rem);
    }

    .cm-004 .hxc-overlay .card-border-bottom:after {
        bottom: 0;
        right: 0;
        left: 0;
        border-bottom-width: 4px;
        border-top-width: calc(-3.6rem);
        border-bottom-style: solid;
        border-top-style: solid;
        border-bottom-color: inherit;
        border-top-color: transparent;
        border-bottom-left-radius: 0.4rem;
        border-bottom-right-radius: 0.4rem;
    }

    .cm-004 .hxc-overlay .card-border-bottom[class*=border-soft-]:after {
        border-bottom-width: 6px;
        border-top-width: calc(-5.6rem);
    }

    .cm-004 .hxc-overlay .card-border-start:after {
        top: 0;
        left: 0;
        bottom: 0;
        border-left-width: 4px;
        border-right-width: calc(-3.6rem);
        border-left-style: solid;
        border-right-style: solid;
        border-left-color: inherit;
        border-right-color: transparent;
        border-top-left-radius: 0.4rem;
        border-bottom-left-radius: 0.4rem;
    }

    .cm-004 .hxc-overlay .card-border-start[class*=border-soft-]:after {
        border-left-width: 6px;
        border-right-width: calc(-5.6rem);
    }

    .cm-004 .hxc-overlay .card-border-end:after {
        top: 0;
        right: 0;
        bottom: 0;
        border-right-width: 4px;
        border-left-width: calc(-3.6rem);
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: inherit;
        border-left-color: transparent;
        border-top-right-radius: 0.4rem;
        border-bottom-right-radius: 0.4rem;
    }

    .cm-004 .hxc-overlay .card-border-end[class*=border-soft-]:after {
        border-right-width: 6px;
        border-left-width: calc(-5.6rem);
    }

    .cm-004 .hxc-overlay .container-over-card > .card,
    .cm-004 .hxc-overlay .container-over-card > .card.image-wrapper:before {
        border-radius: 0 !important;
    }

    @media (min-width: 1480px) {
        .cm-004 .hxc-overlay .container-over-card {
            max-width: 1470px;
            margin: 0 auto;
        }

            .cm-004 .hxc-overlay .container-over-card > .card,
            .cm-004 .hxc-overlay .container-over-card > .card.image-wrapper:before {
                border-radius: 0.8rem !important;
            }
    }

    .cm-004 .hxc-overlay .btn-close {
        padding: 0 0;
        color: #343f52;
        background: none;
        border: 0;
        line-height: 1;
        transition: all 0.2s ease-in-out;
        position: absolute;
        top: 16px;
        right: 20.5px;
        font-size: 24px;
        color: #FFFFFF;
        font-weight: 400;
    }

    @media (max-width: 768px) {
        .cm-004 .hxc-overlay .btn-close {
            padding: 0 0;
            color: #343f52;
            background: none;
            border: 0;
            line-height: 1;
            transition: all 0.2s ease-in-out;
            position: absolute;
            top: 0px !important;
            right: -25px !important;
            font-size: 24px;
            color: #FFFFFF;
            font-weight: 400;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .btn-close {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay .btn-close:before {
        font-family: "Unicons";
        /*font-size: 1.05rem;*/
        content: "\ed3b";
        width: 1.8rem;
        height: 1.8rem;
        line-height: 1.8rem;
        border-radius: 100%;
        margin: 0;
        padding: 0;
        box-shadow: none;
        transition: background 0.2s ease-in-out;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cm-004 .hxc-overlay .btn-close:hover {
        color: #343f52;
        text-decoration: none;
    }

        .cm-004 .hxc-overlay .btn-close:hover:before {
            background: rgba(0, 0, 0, 0.11);
        }

    .cm-004 .hxc-overlay .btn-close:focus {
        outline: none;
    }

    .cm-004 .hxc-overlay .btn-close:disabled,
    .cm-004 .hxc-overlay .btn-close.disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        opacity: 0.25;
    }

    .cm-004 .hxc-overlay .btn-close-white {
        color: #fff;
    }

        .cm-004 .hxc-overlay .btn-close-white:before {
            background: rgba(255, 255, 255, 0.08);
        }

        .cm-004 .hxc-overlay .btn-close-white:hover {
            color: #fff;
        }

            .cm-004 .hxc-overlay .btn-close-white:hover:before {
                background: rgba(255, 255, 255, 0.11);
            }

    .cm-004 .hxc-overlay .modal-over .btn-close {
        position: absolute;
        /*top: 0.7rem;
     right: 0.7rem;*/
        top: 0rem;
        right: 0rem;
    }

    @media (min-width: 990px) {
        .cm-004 .hxc-overlay .modal-over .btn-close {
            position: absolute;
            top: 1.7rem;
            right: 1.7rem;
        }
    }

    .cm-004 .hxc-overlay .modal-over.fade.modal-bottom-center .modal-dialog {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
    }

    @media (min-width: 576px) {
        .cm-004 .hxc-overlay .modal-over.fade.modal-bottom-center .modal-dialog {
            margin: 1.75rem auto;
        }
    }

    @media (max-width: 767.98px) {
        .cm-004 .hxc-overlay .modal-over.fade.modal-bottom-center .modal-dialog {
            width: calc(99%);
        }
    }

    .cm-004 .hxc-overlay .tooltip {
        font-weight: 500;
        pointer-events: none;
    }

    .cm-004 .hxc-overlay .has-tooltip:focus {
        outline: 0;
    }

    .cm-004 .hxc-overlay .white-tooltip {
        margin-right: 0.25rem !important;
    }

        .cm-004 .hxc-overlay .white-tooltip.bs-tooltip-start .tooltip-arrow::before,
        .cm-004 .hxc-overlay .white-tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
            border-left-color: #fff;
        }

        .cm-004 .hxc-overlay .white-tooltip .tooltip-inner {
            background: #fff;
            color: #343f52;
            font-size: 0.7rem;
            padding-top: 0.35rem;
            padding-bottom: 0.35rem;
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }

    .cm-004 .hxc-overlay .has-popover:focus {
        outline: 0;
    }

    .cm-004 .hxc-overlay .popover-header {
        padding: 1rem 1.25rem 0.25rem;
        border: 0;
        font-size: 1rem;
    }

    .cm-004 .hxc-overlay .popover-body {
        padding: 0 1.25rem 1rem;
    }

    @media (min-width: 1400px) {
        .cm-004 .hxc-overlay .container-over-custom {
            max-width: 80%;
        }
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .container-over-custom {
            max-width: 90%;
        }
    }

    .cm-004 .hxc-overlay .swiper-wrapper.ticker {
        transition-timing-function: linear !important;
    }

    .cm-004 .hxc-overlay #offcanvas-cart {
        width: 20rem;
    }

    .cm-004 .hxc-overlay #offcanvas-search {
        bottom: auto;
        height: 100%;
        padding: 0 !important;
        overflow-x: hidden;
    }

        .cm-004 .hxc-overlay #offcanvas-search .search-form:before {
            font-size: 1rem;
            color: #343f52;
            left: 0;
            right: auto;
        }

        .cm-004 .hxc-overlay #offcanvas-search .search-form .form-control-overlay {
            font-size: 0.8rem;
            border: 0;
            background: none;
            box-shadow: none;
            padding-left: 1.75rem;
            padding-right: 0.75rem !important;
        }

    .cm-004 .hxc-overlay .offcanvas.bg-light {
        background: #fefefe;
        color: #60697b;
    }

    .cm-004 .hxc-overlay .offcanvas-header {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        display: flex;
        flex-direction: row;
    }

        .cm-004 .hxc-overlay .offcanvas-header .btn-close {
            margin: 0;
            padding: 0;
            margin-right: -0.5rem;
        }

        .cm-004 .hxc-overlay .offcanvas-header a:focus {
            outline: 0;
        }

    .cm-004 .hxc-overlay .offcanvas-body {
        padding-top: 0;
        padding-bottom: 0;
    }

    .cm-004 .hxc-overlay .offcanvas-nav .offcanvas-header .btn-close {
        margin-right: -0.75rem;
    }

    .cm-004 .hxc-overlay .offcanvas-nav .offcanvas-body {
        flex-grow: 0;
    }

    .cm-004 .hxc-overlay .offcanvas:not(.offcanvas-nav) {
        overflow-y: auto;
    }

        .cm-004 .hxc-overlay .offcanvas:not(.offcanvas-nav) .offcanvas-body {
            overflow-y: unset;
        }

    .cm-004 .hxc-overlay .offcanvas-footer {
        display: flex;
        flex-shrink: 0;
        margin-top: auto;
        padding: 1.5rem 0;
    }

    .cm-004 .hxc-overlay img.svg-inject {
        visibility: hidden;
    }

    .cm-004 .hxc-overlay .icon-svg,
    .cm-004 .hxc-overlay .icon-svg.icon-svg-lg {
        width: 3rem;
        height: 3rem;
    }

        .cm-004 .hxc-overlay .icon-svg.icon-svg-md {
            width: 2.6rem;
            height: 2.6rem;
        }

        .cm-004 .hxc-overlay .icon-svg.icon-svg-sm {
            width: 2.2rem;
            height: 2.2rem;
        }

        .cm-004 .hxc-overlay .icon-svg.icon-svg-xs {
            width: 1.8rem;
            height: 1.8rem;
        }

    .cm-004 .hxc-overlay .svg-bg {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        width: 3rem;
        height: 3rem;
    }

        .cm-004 .hxc-overlay .svg-bg .icon-svg {
            width: 1.3rem;
            height: 1.3rem;
        }

        .cm-004 .hxc-overlay .svg-bg.svg-bg-lg {
            width: 4rem;
            height: 4rem;
        }

            .cm-004 .hxc-overlay .svg-bg.svg-bg-lg .icon-svg {
                width: 1.5rem;
                height: 1.5rem;
            }

    .cm-004 .hxc-overlay .lineal-fill {
        fill: #8caeec;
    }

    .cm-004 .hxc-overlay .text-white .lineal-fill {
        fill: white;
    }

    .cm-004 .hxc-overlay .text-light .lineal-fill {
        fill: #fefefe;
    }

    @font-face {
        font-family: "Unicons";
        src: url("../fonts/unicons/Unicons.woff2") format("woff2"), url("../fonts/unicons/Unicons.woff") format("woff");
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }

    @font-face {
        font-family: "Custom";
        src: url("../fonts/custom/Custom.woff2") format("woff2"), url("../fonts/custom/Custom.woff") format("woff");
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }

    .cm-004 .hxc-overlay [class^=uil-],
    .cm-004 .hxc-overlay [class*=" uil-"],
    .cm-004 .hxc-overlay [class^=icn-],
    .cm-004 .hxc-overlay [class*=" icn-"] {
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        word-spacing: normal;
    }

    .cm-004 .hxc-overlay [class^=uil-],
    .cm-004 .hxc-overlay [class*=" uil-"] {
        font-family: "Unicons" !important;
    }

    .cm-004 .hxc-overlay [class^=icn-],
    .cm-004 .hxc-overlay [class*=" icn-"] {
        font-family: "Custom" !important;
    }

    .cm-004 .hxc-overlay .uil-info-circle:before {
        content: "\eb99";
    }

    .cm-004 .hxc-overlay .uil-search:before {
        content: "\eca5";
    }

    .cm-004 .hxc-overlay .counter-wrapper p {
        margin-bottom: 0;
        font-size: 0.8rem;
        font-weight: 500;
    }

    .cm-004 .hxc-overlay .counter-wrapper .counter {
        font-size: calc(2.225rem);
        letter-spacing: normal;
        line-height: 1;
        margin-bottom: 0.5rem;
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .counter-wrapper .counter {
            font-size: 2rem;
        }
    }

    .cm-004 .hxc-overlay .counter-wrapper .counter.counter-lg {
        font-size: calc(2.485rem);
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .counter-wrapper .counter.counter-lg {
            font-size: 2.2rem;
        }
    }

    .cm-004 .hxc-overlay .counter-wrapper .card-body {
        padding: 1.5rem;
    }

    .cm-004 .hxc-overlay .counter-wrapper .icon-bg {
        margin: 0 auto;
    }

    .cm-004 .hxc-overlay html,
    .cm-004 .hxc-overlay body {
        height: 100%;
    }

    .cm-004 .hxc-overlay body {
        display: flex;
        flex-direction: column;
    }

    .cm-004 .hxc-overlay .content-wrapper-overlay,
    .cm-004 .hxc-overlay footer {
        flex-shrink: 0;
    }

    .cm-004 .hxc-overlay .content-wrapper-overlay {
        flex-grow: 1;
    }

    .cm-004 .hxc-overlay figure.overlay img {
        opacity: 1;
        width: 100%;
        max-width: 100%;
        vertical-align: top;
        position: relative;
    }

    .cm-004 .hxc-overlay .overlay {
        position: relative;
        text-align: center;
        overflow: hidden;
        transform: translate3d(0, 0, 0);
    }

        .cm-004 .hxc-overlay .overlay figcaption,
        .cm-004 .hxc-overlay .overlay .figcaption {
            padding: 0.5rem;
            z-index: 5;
            pointer-events: none;
        }

        .cm-004 .hxc-overlay .overlay * {
            transition: all 0.4s ease;
        }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .overlay * {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay .overlay img {
        transition: none;
    }

    .cm-004 .hxc-overlay .overlay:not(.caption-overlay) i {
        display: block;
        font-size: calc(1.445rem);
    }

    @media (min-width: 1200px) {
        .cm-004 .hxc-overlay .overlay:not(.caption-overlay) i {
            font-size: 1.4rem;
        }
    }

    .cm-004 .hxc-overlay .overlay a {
        position: relative;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 3;
        cursor: pointer !important;
    }

    .cm-004 .hxc-overlay .overlay span.bg {
        position: relative;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 3;
        cursor: pointer !important;
        opacity: 0;
        z-index: 4;
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(30, 34, 40, 0.6);
    }

    .cm-004 .hxc-overlay .overlay.color span.bg {
        background: rgba(63, 120, 224, 0.7);
    }

    .cm-004 .hxc-overlay .overlay.light span.bg {
        background: rgba(255, 255, 255, 0.6);
    }

    .cm-004 .hxc-overlay .overlay.overlay-gradient-1 span.bg {
        background: linear-gradient(120deg, #f857a6 10%, #ef3f6e 100%);
    }

    .cm-004 .hxc-overlay .overlay.overlay-gradient-2 span.bg {
        background: linear-gradient(40deg, #f5b161 0.4%, #ec366e 100.2%);
    }

    .cm-004 .hxc-overlay .overlay.overlay-gradient-3 span.bg {
        background: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);
    }

    .cm-004 .hxc-overlay .overlay.overlay-gradient-4 span.bg {
        background: linear-gradient(125deg, #9040db, #ff72c2 50%, #ffd84f);
    }

    .cm-004 .hxc-overlay .overlay.overlay-gradient-5 span.bg {
        background: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
    }

    .cm-004 .hxc-overlay .overlay.overlay-gradient-6 span.bg {
        background: linear-gradient(45deg, #08AEEA 0%, #2AF598 100%);
    }

    .cm-004 .hxc-overlay .overlay.overlay-gradient-7 span.bg {
        background: linear-gradient(100deg, #605dba 20%, #3f78e0 85%);
    }

    .cm-004 .hxc-overlay .overlay.overlay-gradient-8 span.bg {
        background: linear-gradient(0deg, #2c46a7, #3757c4);
    }

    .cm-004 .hxc-overlay .overlay.overlay-gradient-9 span.bg {
        background: linear-gradient(45deg, #ffdee9, #b5fffc);
    }

    .cm-004 .hxc-overlay .overlay:not(.overlay-3):hover span.bg {
        opacity: 1;
        transition: opacity 0.35s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .overlay:not(.overlay-3):hover span.bg {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay .overlay * {
        color: #fff !important;
    }

    .cm-004 .hxc-overlay .overlay.light * {
        color: #343f52 !important;
    }

    .cm-004 .hxc-overlay .overlay img {
        max-width: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        vertical-align: top;
    }

    .cm-004 .hxc-overlay .overlay.caption figcaption {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 1;
        padding: 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        text-align: left;
    }

        .cm-004 .hxc-overlay .overlay.caption figcaption .post-meta {
            display: flex;
            flex-direction: row;
        }

            .cm-004 .hxc-overlay .overlay.caption figcaption .post-meta > li {
                display: flex;
                align-items: center;
            }

        .cm-004 .hxc-overlay .overlay.caption figcaption .badge {
            color: #343f52 !important;
        }

    .cm-004 .hxc-overlay .overlay.caption.caption-overlay span.bg {
        opacity: 1;
        background: none;
        background: rgba(30, 34, 40, 0) linear-gradient(transparent 15%, transparent 20%, rgba(30, 34, 40, 0.3) 55%, rgba(30, 34, 40, 0.7) 85%, rgba(30, 34, 40, 0.75) 100%) repeat scroll 0 0;
    }

        .cm-004 .hxc-overlay .overlay.caption.caption-overlay span.bg:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            width: 100%;
            height: 100%;
            background: rgba(30, 34, 40, 0.2);
            transition: all 0.4s ease;
        }

    @media (prefers-reduced-motion: reduce) {
        .cm-004 .hxc-overlay .overlay.caption.caption-overlay span.bg:after {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay .overlay.caption.caption-overlay span.bg:hover:after {
        opacity: 1;
    }

    .cm-004 .hxc-overlay .overlay-1 * {
        box-sizing: border-box;
    }

    .cm-004 .hxc-overlay .overlay-1 figcaption {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 0.75rem 1rem;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        opacity: 0;
        text-align: center;
    }

    .cm-004 .hxc-overlay .overlay-1 .from-top {
        position: absolute;
        padding: 0.75rem 1rem;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-80%);
    }

    .cm-004 .hxc-overlay .overlay-1:hover figcaption,
    .cm-004 .hxc-overlay .overlay-1:hover .figcaption {
        opacity: 1;
    }

        .cm-004 .hxc-overlay .overlay-1:hover figcaption *,
        .cm-004 .hxc-overlay .overlay-1:hover .figcaption * {
            transform: translateY(-50%);
        }

    .cm-004 .hxc-overlay .overlay-2 * {
        position: absolute;
        left: 0;
        margin: 0;
        width: 100%;
        text-align: center;
    }

    .cm-004 .hxc-overlay .overlay-2 > * {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        position: absolute;
    }

    .cm-004 .hxc-overlay .overlay-2 figcaption {
        height: 100%;
        opacity: 0;
    }

    .cm-004 .hxc-overlay .overlay-2 img {
        position: relative;
    }

    .cm-004 .hxc-overlay .overlay-2 .from-top {
        bottom: 50%;
        padding: 0 1rem;
        transform: translate3d(0%, -100%, 0);
    }

    .cm-004 .hxc-overlay .overlay-2 .from-bottom {
        top: 50%;
        padding: 0 1rem;
        transform: translate3d(0%, 100%, 0);
    }

    .cm-004 .hxc-overlay .overlay-2:hover * {
        opacity: 1;
    }

    .cm-004 .hxc-overlay .overlay-2:hover figcaption * {
        transform: translate3d(0%, 0%, 0);
    }

    .cm-004 .hxc-overlay .overlay-3 {
        text-align: left;
    }

        .cm-004 .hxc-overlay .overlay-3 span.bg {
            position: absolute;
            display: block;
            width: 0;
            height: 100%;
            left: 0;
            top: 0;
            opacity: 0;
            visibility: hidden;
        }

        .cm-004 .hxc-overlay .overlay-3:hover span.bg {
            visibility: visible;
            opacity: 0.8;
            width: 100%;
        }

        .cm-004 .hxc-overlay .overlay-3 figcaption {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            opacity: 0;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 1rem 1.25rem;
        }

        .cm-004 .hxc-overlay .overlay-3 .from-left {
            opacity: 0;
            transition: opacity 0.4s, transform 0.4s;
            transform: translate3d(-10%, 0, 0);
        }

            .cm-004 .hxc-overlay .overlay-3 .from-left:nth-child(1) {
                transition-delay: 0.15s;
            }

            .cm-004 .hxc-overlay .overlay-3 .from-left:nth-child(2) {
                transition-delay: 0.2s;
            }

        .cm-004 .hxc-overlay .overlay-3:hover figcaption,
        .cm-004 .hxc-overlay .overlay-3:hover .figcaption {
            opacity: 1;
        }

            .cm-004 .hxc-overlay .overlay-3:hover figcaption .from-left,
            .cm-004 .hxc-overlay .overlay-3:hover .figcaption .from-left {
                opacity: 1;
                transform: translate3d(0, 0, 0);
            }

    .cm-004 .hxc-overlay .hover-scale {
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        transform: translateY(0);
    }

        .cm-004 .hxc-overlay .hover-scale img {
            transition: all 0.35s ease-in-out;
        }

        .cm-004 .hxc-overlay .hover-scale:hover img {
            transform: scale(1.05);
        }

    .cm-004 .hxc-overlay .gbtn.focused {
        outline: none;
    }

    .cm-004 .hxc-overlay .gvideo .plyr {
        border-radius: 0 !important;
    }

    .cm-004 .hxc-overlay .gslide-image img {
        max-height: 100vh;
    }

    .cm-004 .hxc-overlay video.player {
        max-width: 100%;
    }

    .cm-004 .hxc-overlay .plyr {
        border-radius: 0.4rem;
        position: relative;
        z-index: 2;
    }

    .cm-004 .hxc-overlay .plyr__control--overlaid {
        border: 0;
        padding: 1.25rem;
        background: #fff;
        box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
        color: #343f52;
        opacity: 1;
    }

        .cm-004 .hxc-overlay .plyr__control--overlaid:focus,
        .cm-004 .hxc-overlay .plyr__control--overlaid:hover {
            background: #fff !important;
            color: #3f78e0 !important;
            box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
            transition: all 0.2s ease-in-out;
        }

    @media (prefers-reduced-motion: reduce) {

        .cm-004 .hxc-overlay .plyr__control--overlaid:focus,
        .cm-004 .hxc-overlay .plyr__control--overlaid:hover {
            transition: none;
        }
    }

    .cm-004 .hxc-overlay .plyr--video .plyr__controls {
        background: linear-gradient(transparent, rgba(30, 34, 40, 0.2));
    }

        .cm-004 .hxc-overlay .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
        .cm-004 .hxc-overlay .plyr--video .plyr__controls .plyr__control:hover,
        .cm-004 .hxc-overlay .plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
            background: #3f78e0;
        }

    .cm-004 .hxc-overlay .plyr--full-ui input[type=range] {
        color: #3f78e0;
    }

    .cm-004 .hxc-overlay .plyr__control--overlaid::before,
    .cm-004 .hxc-overlay .plyr__control--overlaid::after,
    .cm-004 .hxc-overlay .btn-circle.ripple::before,
    .cm-004 .hxc-overlay .btn-circle.ripple::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 50%;
        background: #fff;
        opacity: 0.8;
        animation: ripple-1 2s infinite ease-in-out;
        z-index: -1;
    }

    .cm-004 .hxc-overlay .plyr__control--overlaid::after,
    .cm-004 .hxc-overlay .btn-circle.ripple::after {
        opacity: 0.6;
        animation: ripple-2 2s infinite ease-in-out;
        animation-delay: 0.5s;
    }

    .cm-004 .hxc-overlay .item figure,
    .cm-004 .hxc-overlay .swiper-slide figure {
        position: relative;
    }

        .cm-004 .hxc-overlay .item figure .item-link,
        .cm-004 .hxc-overlay .item figure .item-like,
        .cm-004 .hxc-overlay .item figure .item-view,
        .cm-004 .hxc-overlay .swiper-slide figure .item-link,
        .cm-004 .hxc-overlay .swiper-slide figure .item-like,
        .cm-004 .hxc-overlay .swiper-slide figure .item-view {
            opacity: 0;
            position: absolute;
            right: 0;
            bottom: 1rem;
            width: 2.2rem;
            height: 2.2rem;
            line-height: 2.2rem;
            z-index: 1;
            transition: all 0.3s ease-in-out;
            color: #343f52;
            background: rgba(255, 255, 255, 0.7);
            box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.02);
            font-size: 1rem;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .cm-004 .hxc-overlay .item figure .item-link:hover,
            .cm-004 .hxc-overlay .item figure .item-like:hover,
            .cm-004 .hxc-overlay .item figure .item-view:hover,
            .cm-004 .hxc-overlay .swiper-slide figure .item-link:hover,
            .cm-004 .hxc-overlay .swiper-slide figure .item-like:hover,
            .cm-004 .hxc-overlay .swiper-slide figure .item-view:hover {
                background: rgba(255, 255, 255, 0.9);
            }

    .cm-004 .hxc-overlay .item:hover figure .item-link,
    .cm-004 .hxc-overlay .item:hover figure .item-like,
    .cm-004 .hxc-overlay .item:hover figure .item-view,
    .cm-004 .hxc-overlay .swiper-slide:hover figure .item-link,
    .cm-004 .hxc-overlay .swiper-slide:hover figure .item-like,
    .cm-004 .hxc-overlay .swiper-slide:hover figure .item-view {
        opacity: 1;
        right: 1rem;
    }

    .cm-004 .hxc-overlay .item figure .item-like,
    .cm-004 .hxc-overlay .item figure .item-view,
    .cm-004 .hxc-overlay .swiper-slide figure .item-like,
    .cm-004 .hxc-overlay .swiper-slide figure .item-view {
        background: #fff;
    }

    .cm-004 .hxc-overlay .item figure .item-like,
    .cm-004 .hxc-overlay .swiper-slide figure .item-like {
        bottom: auto;
        top: 1rem;
    }

    .cm-004 .hxc-overlay .item figure .item-view,
    .cm-004 .hxc-overlay .swiper-slide figure .item-view {
        bottom: auto;
        top: 3.7rem;
    }

    .cm-004 .hxc-overlay .item figure .item-cart,
    .cm-004 .hxc-overlay .swiper-slide figure .item-cart {
        opacity: 0;
        position: absolute;
        bottom: -2rem;
        padding: 0.8rem;
        margin: 0;
        left: 0;
        width: 100%;
        height: auto;
        color: #fff;
        background: rgba(38, 43, 50, 0.8);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        text-align: center;
        transition: all 0.3s ease-in-out;
        font-size: 0.85rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
    }

        .cm-004 .hxc-overlay .item figure .item-cart i,
        .cm-004 .hxc-overlay .swiper-slide figure .item-cart i {
            font-weight: normal;
            margin-right: 0.25rem;
            margin-top: -0.05rem;
        }

        .cm-004 .hxc-overlay .item figure .item-cart:hover,
        .cm-004 .hxc-overlay .swiper-slide figure .item-cart:hover {
            background: rgba(38, 43, 50, 0.9);
        }

    .cm-004 .hxc-overlay .item:hover figure .item-cart,
    .cm-004 .hxc-overlay .swiper-slide:hover figure .item-cart {
        opacity: 1;
        bottom: 0;
    }

    .cm-004 .hxc-overlay .shop figure {
        overflow: hidden;
        transform: translate3d(0px, 0px, 0px);
    }

    .cm-004 .hxc-overlay .price {
        margin: 0;
    }

        .cm-004 .hxc-overlay .price del {
            color: #9499a3;
        }

        .cm-004 .hxc-overlay .price ins {
            text-decoration: none;
            color: #e2626b;
        }

    .cm-004 .hxc-overlay .shopping-cart .shopping-cart-item .price {
        margin-bottom: 0.4rem;
    }

    .cm-004 .hxc-overlay table.shopping-cart td {
        vertical-align: middle;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }

    .cm-004 .hxc-overlay .shape.rellax {
        position: absolute;
    }

    .cm-004 .hxc-overlay .shape.rellax {
        z-index: 1;
    }

    .cm-004 .hxc-overlay .position-relative .shape.rellax + figure {
        position: relative;
        z-index: 2;
    }

    .cm-004 .hxc-overlay .bg-dot,
    .cm-004 .hxc-overlay .bg-line {
        opacity: 0.5;
    }

    .cm-004 .hxc-overlay .bg-dot {
        background-size: 0.75rem 0.75rem;
    }

        .cm-004 .hxc-overlay .bg-dot.orange {
            background-image: radial-gradient(#f78b77 2px, transparent 2.5px);
        }

        .cm-004 .hxc-overlay .bg-dot.yellow {
            background-image: radial-gradient(#fab758 2px, transparent 2.5px);
        }

        .cm-004 .hxc-overlay .bg-dot.navy {
            background-image: radial-gradient(#343f52 2px, transparent 2.5px);
        }

        .cm-004 .hxc-overlay .bg-dot.white {
            background-image: radial-gradient(#fff 2px, transparent 2.5px);
        }

        .cm-004 .hxc-overlay .bg-dot.primary {
            background-image: radial-gradient(#3f78e0 2px, transparent 2.5px);
        }

    .cm-004 .hxc-overlay .bg-line.blue {
        background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #3f78e0 1.6px, #3f78e0 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
    }

    @media (max-width: 575.98px) {
        .cm-004 .hxc-overlay .shape {
            display: none;
        }
    }

    .cm-004 .hxc-overlay .shape.blue .svg-fill {
        fill: #3f78e0;
    }

    .cm-004 .hxc-overlay aside:not(.doc-sidebar) .widget + .widget {
        margin-top: 2rem;
    }

    .cm-004 .hxc-overlay footer [class*=col-] .widget + .widget {
        margin-top: 1rem;
    }

    .cm-004 .hxc-overlay .sticky-sidebar {
        position: sticky;
        top: 0;
        height: 100%;
    }

    .cm-004 .hxc-overlay .sidebar nav .nav-link {
        font-weight: 500;
        padding: 0;
        font-size: inherit;
        line-height: inherit;
    }

        .cm-004 .hxc-overlay .sidebar nav .nav-link.active {
            color: #3f78e0 !important;
        }

    .cm-004 .hxc-overlay #comments {
        margin: 0;
        position: relative;
    }

        .cm-004 .hxc-overlay #comments ol.commentlist {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .cm-004 .hxc-overlay #comments ol.commentlist li.comment {
                margin-top: 2rem;
            }

                .cm-004 .hxc-overlay #comments ol.commentlist li.comment:first-child {
                    margin: 0;
                }

        .cm-004 .hxc-overlay #comments ul.children {
            margin: 2rem 0 0 0;
            overflow: inherit;
            padding: 0 0 0 3.5rem;
            list-style: none;
        }

            .cm-004 .hxc-overlay #comments ul.children li.comment {
                position: relative;
            }

                .cm-004 .hxc-overlay #comments ul.children li.comment:before {
                    display: block;
                    font-family: "Custom";
                    content: "\e904";
                    font-size: calc(2.225rem);
                    position: absolute;
                    left: -2.5rem;
                    top: -1.25rem;
                    color: rgba(164, 174, 198, 0.25);
                }

    .cm-004 .hxc-overlay .wrapper-border {
        border-bottom: 1px solid rgba(164, 174, 198, 0.2);
    }

        .cm-004 .hxc-overlay .wrapper-border.bg-dark {
            border-color: rgba(255, 255, 255, 0.08);
        }

    .cm-004 .hxc-overlay footer.bg-dark,
    .cm-004 .hxc-overlay .footer.bg-dark {
        background: #21262c !important;
    }

    .cm-004 .hxc-overlay .image-wrapper {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: relative;
        z-index: 0;
    }

        .cm-004 .hxc-overlay .image-wrapper:not(.mobile) {
            background-attachment: fixed !important;
        }

        .cm-004 .hxc-overlay .image-wrapper.bg-auto {
            background-size: auto;
            background-position: center center;
            background-repeat: no-repeat;
            background-attachment: scroll !important;
        }

        .cm-004 .hxc-overlay .image-wrapper.bg-full {
            background-size: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-attachment: scroll !important;
        }

        .cm-004 .hxc-overlay .image-wrapper.bg-cover {
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            background-attachment: scroll !important;
        }

        .cm-004 .hxc-overlay .image-wrapper.bg-overlay:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            background: rgba(30, 34, 40, 0.5);
        }

        .cm-004 .hxc-overlay .image-wrapper.bg-overlay-300:before {
            background: rgba(30, 34, 40, 0.3);
        }

        .cm-004 .hxc-overlay .image-wrapper.bg-overlay-400:before {
            background: rgba(30, 34, 40, 0.4);
        }

        .cm-004 .hxc-overlay .image-wrapper.bg-overlay-light-300:before {
            background: rgba(255, 255, 255, 0.3);
        }

        .cm-004 .hxc-overlay .image-wrapper.bg-overlay-light-400:before {
            background: rgba(255, 255, 255, 0.4);
        }

        .cm-004 .hxc-overlay .image-wrapper.bg-overlay-light-500:before {
            background: rgba(255, 255, 255, 0.5);
        }

        .cm-004 .hxc-overlay .image-wrapper.bg-overlay-light-600:before {
            background: rgba(255, 255, 255, 0.6);
        }

        .cm-004 .hxc-overlay .image-wrapper.bg-overlay:not(.bg-content) *,
        .cm-004 .hxc-overlay .image-wrapper.bg-overlay.bg-content .content {
            position: relative;
            z-index: 2;
        }

        .cm-004 .hxc-overlay .image-wrapper.bg-overlay .form-floating > label {
            position: absolute;
        }

        .cm-004 .hxc-overlay .image-wrapper.card:before {
            border-radius: 0.4rem !important;
        }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .image-wrapper.bg-full {
            background-size: cover !important;
        }
    }

    @media (max-width: 767px) {
        .cm-004 .hxc-overlay .bg-map {
            background: none !important;
        }
    }

    @media (max-width: 575.98px) {
        .cm-004 .hxc-overlay .bg-xs-none {
            background-image: none !important;
        }
    }

    @media (max-width: 991.98px) {
        .cm-004 .hxc-overlay .image-wrapper.bg-cover {
            min-height: 25rem;
        }
    }

    @media (max-width: 767px) {
        .cm-004 .hxc-overlay .image-wrapper.bg-cover {
            min-height: 20rem;
        }
    }

    .cm-004 .hxc-overlay .bg-lines {
        position: relative;
    }

        .cm-004 .hxc-overlay .bg-lines:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url(../../assets/img/photos/lines.png) no-repeat center center;
            background-size: cover;
            pointer-events: none;
        }

    .cm-004 .hxc-overlay .video-wrapper {
        position: relative;
        overflow: hidden;
    }

        .cm-004 .hxc-overlay .video-wrapper.bg-overlay:after {
            content: "";
            display: block;
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(30, 34, 40, 0.4);
            z-index: 1;
        }

        .cm-004 .hxc-overlay .video-wrapper.bg-overlay.bg-overlay-gradient:after {
            opacity: 0.4;
            background: linear-gradient(120deg, #542461 50%, #332487 100%);
        }

        .cm-004 .hxc-overlay .video-wrapper video {
            -o-object-fit: cover;
            object-fit: cover;
            display: block;
            position: absolute;
            height: 100% !important;
            width: 100% !important;
            max-width: 100% !important;
            top: 0;
            left: 0;
            background: #000;
        }

            .cm-004 .hxc-overlay .video-wrapper video:-webkit-media-controls {
                display: none !important;
            }

        .cm-004 .hxc-overlay .video-wrapper .video-content {
            position: absolute;
            z-index: 2;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            flex-direction: column;
        }

    .cm-004 .hxc-overlay .pattern-wrapper {
        background-repeat: repeat;
        background-attachment: fixed;
    }

    .cm-004 .hxc-overlay .sitesearch-wrapper.angled {
        position: relative;
        border: 0;
    }

        .cm-004 .hxc-overlay .sitesearch-wrapper.angled:before,
        .cm-004 .hxc-overlay .sitesearch-wrapper.angled:after {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            z-index: 0;
            border: 0 solid transparent;
        }

        .cm-004 .hxc-overlay .sitesearch-wrapper.angled.lower-end:after {
            border-right-color: transparent;
            border-right-width: 100vw;
            border-bottom-width: 4rem;
            bottom: -4rem;
        }

        .cm-004 .hxc-overlay .sitesearch-wrapper.angled.lower-start:after {
            border-left-color: transparent;
            border-left-width: 100vw;
            border-bottom-width: 4rem;
            bottom: -4rem;
        }

        .cm-004 .hxc-overlay .sitesearch-wrapper.angled.upper-end:before {
            border-right-color: transparent;
            border-right-width: 100vw;
            border-top-width: 4rem;
            top: -4rem;
        }

        .cm-004 .hxc-overlay .sitesearch-wrapper.angled.upper-start:before {
            border-left-color: transparent;
            border-left-width: 100vw;
            border-top-width: 4rem;
            top: -4rem;
        }

    .cm-004 .hxc-overlay footer.bg-dark.angled.lower-end:after,
    .cm-004 .hxc-overlay footer.bg-dark.angled.upper-end:before {
        border-right-color: #21262c !important;
    }

    .cm-004 .hxc-overlay footer.bg-dark.angled.lower-start:after,
    .cm-004 .hxc-overlay footer.bg-dark.angled.upper-start:before {
        border-left-color: #21262c !important;
    }

    @media (min-width: 1550px) {

        /* Overwrite by tar */
        .cm-004 .hxc-overlay .box-layout {
            position: relative;
            background: #edeef1;
        }

            .cm-004 .hxc-overlay .box-layout .content-wrapper-overlay,
            .cm-004 .hxc-overlay .box-layout footer:not(.blockquote-footer) {
                width: 100%;
                max-width: 1550px !important;
                margin: 0 auto;
                position: relative;
            }
    }

    .cm-004 .hxc-overlay [data-cue="fadeIn"] {
        opacity: 1;
    }

    .cm-004 .hxc-overlay .nav-item-overlay2.active a.active {
        border-bottom: 2px solid #FDD200;
        font-weight: 700 !important;
    }

    .cm-004 .hxc-overlay .nav-item-overlay2 {
        font-weight: normal !important;
    }

    .cm-004 #bannerzone {
        padding-left: 0px;
    }

    .cm-004 .hxc-overlay .result-pagination-store {
        margin-bottom: 40px;
        color: #545454;
    }

        .cm-004 .hxc-overlay .result-pagination-store a {
            text-decoration: none !important;
        }

        .cm-004 .hxc-overlay .result-pagination-store .result-page {
            width: 24px;
            display: inline-block;
        }

    .cm-004 .hxc-overlay li.page-item {
        text-decoration: none;
        display: inline-block;
    }

    .cm-004 .hxc-overlay .page-link {
        padding: 2px 8px;
        background-color: inherit;
    }

    .cm-004 .hxc-overlay .page-item .page-link {
        border: none;
        font-weight: bold;
        color: #554242;
    }

    .cm-004 .hxc-without-banner {
        height: 219px !important;
    }

    .cm-004 .hxc-pd-custom {
        padding-left: 0px !important;
    }

    .cm-004 .hxc-d-none {
        display: none;
    }

    .cm-004 .input-text-result-custom {
        padding: 15px 16px !important;
        font-family: 'Thongterm-Bold' !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        color: #222222 !important;
        background-color: #fefefe !important;
        border-color: #eeebd8 !important;
        outline: 0 !important;
        text-decoration: none;
    }

    .cm-004 .filter-categories.js-filter-categories.js-shot-categories {
        position: sticky;
        top: 0px;
        z-index: 10;
        background: #fff;
        /*.hxc-banner {
     opacity: 0;
     transition: opacity 0.7s ease;
     }
     .hxc-banner.active {
     opacity: 1;
     }
     .hxc-result {
     opacity: 0;
     transition: opacity 0.7s ease;
     }
     .hxc-result.active {
     opacity: 1;
     }*/
    }

    .cm-004 .hxc-overlay .btn-yellow-overlaySearch {
        margin: 0;
        padding: 0;
    }

    .cm-004 .hxc-overlay-loading {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: fixed;
        display: block;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 1100;
        text-align: center;
        display: none;
    }

    .cm-004 .hxc-overlay-spinner {
        width: 70px;
        text-align: center;
        margin: auto;
        height: 100%;
        justify-content: center;
        align-items: center;
        display: flex;
    }

        .cm-004 .hxc-overlay-spinner > div {
            width: 18px;
            height: 18px;
            background-color: #ffd400;
            border-radius: 100%;
            display: inline-block;
            -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        }

        .cm-004 .hxc-overlay-spinner .bounce1 {
            -webkit-animation-delay: -0.32s;
        }

        .cm-004 .hxc-overlay-spinner .bounce2 {
            -webkit-animation-delay: -0.16s;
        }

    @-webkit-keyframes sk-bouncedelay {

        0%, 80%, 100% {
            transform: scale(0);
        }

        40% {
            transform: scale(1);
        }
    }

    @-webkit-keyframes lds-spinner {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    @media (max-width: 768px) {
        .cm-004 .hxc-newsearch-sticky-mob {
            position: sticky;
            top: 0;
            z-index: 10;
        }

        .cm-004 .filter-categories.js-filter-categories.js-shot-categories {
            position: sticky;
            top: 206px !important;
            z-index: 10;
            background: #fff;
            /*.categorywithoutbanner {
       top: 210px !important;
       }*/
        }

        .cm-004 .hxc-overlay {
            position: absolute;
            width: 100%;
            left: 0;
            right: 0;
            margin: auto;
        }

        .cm-004 .hxc-without-banner {
            height: 215px !important;
        }

        .cm-004 .hxc-cardsearch-without-banner {
            margin-top: 122px !important;
        }

        .cm-004 .hxc-pd-custom {
            padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
        }

        .cm-004 .hxc-overlay .result-pagination-store .result-page {
            width: 30px !important;
            display: inline-block;
        }

        .cm-004 .hxc-overlay .card-search-overlay-code {
            /*        margin-top: 152px !important;*/
            --bs-card-spacer-x: 2rem;
            --bs-card-title-spacer-y: 0.5rem;
            --bs-card-border-width: 1px;
            --bs-card-border-color: rgba(164, 174, 198, 0.2);
            --bs-card-border-radius: 0.4rem;
            --bs-card-inner-border-radius: 0.4rem;
            --bs-card-cap-padding-y: 0.9rem;
            --bs-card-cap-padding-x: 2rem;
            --bs-card-cap-bg: transparent;
            --bs-card-bg: #fff;
            --bs-card-img-overlay-padding: 1rem;
            --bs-card-group-margin: 0.75rem;
            position: relative;
            display: flex;
            flex-direction: column;
            min-width: 0;
            height: var(--bs-card-height);
            word-wrap: break-word;
            background-color: var(--bs-card-bg);
            background-clip: border-box;
            box-shadow: var(--bs-card-box-shadow);
        }
    }

    .cm-004 body {
        background-color: #fff !important;
    }

    .cm-004 .mt-30 {
        margin-top: 30px !important;
    }

    .cm-004 .word-break {
        word-break: break-word;
    }

    .cm-004 .ss-img {
        height: 75px;
    }

    .cm-004 .hide-mobile {
        display: inherit;
    }

    .cm-004 .ui-autocomplete {
        position: absolute;
        cursor: default;
        height: 200px;
        overflow-y: scroll;
        overflow-x: hidden;
        font-size: 30px;
    }

    .cm-004 .hwcCustomization .bg-bm-main {
        background: none repeat scroll 0 0 #ffda00;
        border: 10px solid #f6f6f6;
        color: #554242;
        font-size: 22px;
        padding: 30px;
    }

        .cm-004 .hwcCustomization .bg-bm-main:hover {
            background: none repeat scroll 0 0 #fedd50;
            border: 10px solid #f6f6f6;
            color: #554242;
            font-size: 22px;
            padding: 30px;
            text-decoration: none;
        }

        .cm-004 .hwcCustomization .bg-bm-main:focus {
            background: none repeat scroll 0 0 #ffda00;
            border: 10px solid #f6f6f6;
            color: #554242;
            font-size: 22px;
            padding: 30px;
            text-decoration: none;
        }

    .cm-004 .hwcCustomization .bg-bm-main1 {
        background: none repeat scroll 0 0 #ffda00;
        border: 3px solid #f6f6f6;
        color: #554242;
        font-size: 14px;
        padding: 5px;
    }

        .cm-004 .hwcCustomization .bg-bm-main1:hover {
            background: none repeat scroll 0 0 #fedd50;
            border: 3px solid #f6f6f6;
            color: #554242;
            font-size: 14px;
            padding: 5px;
            text-decoration: none;
        }

        .cm-004 .hwcCustomization .bg-bm-main1:focus {
            background: none repeat scroll 0 0 #ffda00;
            border: 3px solid #f6f6f6;
            color: #554242;
            font-size: 14px;
            padding: 5px;
            text-decoration: none;
        }

    .cm-004 .hwcCustomization .bg-bm-main2 {
        background: none repeat scroll 0 0 #ece9e9;
        border: 3px solid #f6f6f6;
        color: #554242;
        font-size: 14px;
        padding: 5px;
    }

        .cm-004 .hwcCustomization .bg-bm-main2:hover {
            background: none repeat scroll 0 0 #fedd50;
            border: 3px solid #f6f6f6;
            color: #554242;
            font-size: 14px;
            padding: 5px;
            text-decoration: none;
        }

        .cm-004 .hwcCustomization .bg-bm-main2:focus {
            background: none repeat scroll 0 0 #ffda00;
            border: 3px solid #f6f6f6;
            color: #554242;
            font-size: 14px;
            padding: 5px;
            text-decoration: none;
        }

    .cm-004 .hwcCustomization a.bg-bm-wlink {
        color: #554242;
        text-decoration: none;
    }

        .cm-004 .hwcCustomization a.bg-bm-wlink:hover {
            color: #554242;
            text-decoration: none;
        }

    .cm-004 .hwcCustomization .height60pxForSearch {
        height: 60px;
    }

    .cm-004 .hwcCustomization .txtSearchWidth {
        width: 94%;
    }

    .cm-004 .hwcCustomization .myBox {
        width: auto;
    }

    .cm-004 .control-label {
        width: 0;
    }

    @media screen and (max-width: 320px) {
        .cm-004 .width80per {
            width: 100% !important;
        }
    }

    @media screen and (max-width: 640px) {
        .cm-004 .width30per {
            width: 100% !important;
        }
    }

    @media screen and (max-width: 767px) {
        .cm-004 .m-ml-0 {
            margin-left: 0 !important;
        }

        .cm-004 .m-plr-1 {
            padding-left: 1px !important;
            padding-right: 1px !important;
        }

        .cm-004 .m-plr-0 {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .cm-004 .hwcCustomization .height60pxForSearch {
            height: 110px !important;
        }

        .cm-004 .hide-mobile {
            display: none;
        }
    }

    @media screen and (max-width: 1029px) {
        .cm-004 .hwcCustomization .txtSearchWidth {
            width: 90%;
        }
    }

    @media screen and (max-width: 529px) {
        .cm-004 .hwcCustomization .txtSearchWidth {
            width: 80%;
        }
    }

    @media (max-device-width: 767px) and (min-device-width: 320px) {
        .cm-004 .control-label {
            width: 0;
        }
    }

    .cm-004 .hwcCustomization .txtSearch {
        font-size: 48px;
        height: 72px;
        line-height: normal !important;
        border: none;
    }

        .cm-004 .hwcCustomization .txtSearch:focus {
            border: none;
        }

    .cm-004 ::placeholder {
        color: #d9d9db;
    }

    .cm-004 .search-container {
        margin-top: 40px;
    }

    @media screen and (max-width: 576px) {
        .cm-004 .search-container {
            min-height: 224px;
        }
    }

    @media screen and (min-width: 768px) {
        .cm-004 .search-container {
            min-height: 464px;
        }
    }

    .cm-004 .hwcCustomization .input-group .form-control.search-input {
        height: 44px;
        border-radius: 3px 0 0 3px;
        padding-left: 18px;
        padding-top: 8px;
        padding-bottom: 7px;
        border: solid #e8e8e8 1px;
        box-shadow: none;
        font-weight: bold;
    }

        .cm-004 .hwcCustomization .input-group .form-control.search-input:focus {
            border-color: #c7c7c7;
        }

        .cm-004 .hwcCustomization .input-group .form-control.search-input::-webkit-input-placeholder {
            font-weight: 400 !important;
        }

    .cm-004 .hwcCustomization .input-group .input-group-append .btnYellowForSearch {
        background: none;
        border-radius: 0 3px 3px 0;
        background: #ffd400 !important;
        width: 52px !important;
        height: 44px;
        min-width: auto;
    }

        .cm-004 .hwcCustomization .input-group .input-group-append .btnYellowForSearch:focus {
            outline: none;
        }

    .cm-004 .hwcCustomization .myContent .wrapper .waterMarkNoBor.hwcBar {
        border-bottom: solid 1px #f3f3f3;
        margin-bottom: 8px;
    }

    .cm-004 .hwcCustomization .myBox .myContent span.header-font {
        color: #545454;
        font-size: 14px;
    }

    @media screen and (max-width: 640px) {
        .cm-004 .hwcCustomization .wrapper table {
            width: 100%;
        }
    }

    .cm-004 .result-store .result-item:not(:first-child) {
        margin-top: 40px;
    }

    .cm-004 .result-store .result-item {
        word-break: break-all;
    }

        .cm-004 .result-store .result-item a {
            text-decoration: none;
        }

        .cm-004 .result-store .result-item .result-item-title {
            font-size: 24px;
            line-height: 36px;
            font-weight: normal;
            color: #222;
        }

            .cm-004 .result-store .result-item .result-item-title .hwcCustomization_a {
                color: #222;
                font-weight: normal;
                font-family: "Krungsri-Condensed-Bold";
            }

        .cm-004 .result-store .result-item .result-item-content,
        .cm-004 .result-store .result-item .result-item-link a {
            font-size: 16px;
            font-weight: normal;
        }

            .cm-004 .result-store .result-item .result-item-link a:hover {
                color: #de6400;
            }

        .cm-004 .result-store .result-item .result-item-content {
            color: #5a5a5a;
        }

        .cm-004 .result-store .result-item .result-item-link a {
            color: #f76f00;
            word-wrap: break-word;
        }

        .cm-004 .result-store .result-item .result-item-sublink {
            margin-right: 16px;
            font-size: 14px;
            border: solid 1px #e8e8e8;
            border-radius: 4px;
            padding: 4px 8px;
            float: left;
            margin-top: 5px;
        }

            .cm-004 .result-store .result-item .result-item-sublink:hover {
                background-color: #ffd400;
                border-color: transparent;
            }

        .cm-004 .result-store .result-item .nonhover:hover {
            background-color: unset;
            border: solid 1px #e8e8e8;
        }

    .cm-004 .result-pagination-store {
        margin-bottom: 40px;
    }

        .cm-004 .result-pagination-store .result-page {
            width: 24px;
            display: inline-block;
        }

        .cm-004 .result-pagination-store a {
            text-decoration: none !important;
        }

        .cm-004 .result-pagination-store .result-current-page {
            width: 24px;
            display: inline-block;
            background-color: #ffd400;
            border-radius: 24px;
            line-height: 24px;
        }

    .cm-004 .predictiveSearchHolder {
        margin-top: -12px;
    }

        .cm-004 .predictiveSearchHolder .predictiveSearchResults {
            background-color: white;
            border-radius: 4px;
            box-shadow: rgba(35, 19, 18, 0.2) 1px 2px 4px;
        }

            .cm-004 .predictiveSearchHolder .predictiveSearchResults span {
                padding: 4px 16px;
                display: block;
            }

                .cm-004 .predictiveSearchHolder .predictiveSearchResults span:first-child {
                    padding-top: 12px;
                }

                .cm-004 .predictiveSearchHolder .predictiveSearchResults span:last-child {
                    padding-bottom: 12px;
                }

                .cm-004 .predictiveSearchHolder .predictiveSearchResults span:hover {
                    background-color: #f3f3f3;
                    cursor: pointer;
                }

    @media screen and (max-width: 767px) {
        .cm-004 .hwcCustomization .result-store .result-item table {
            margin-left: 0;
        }

            .cm-004 .hwcCustomization .result-store .result-item table > tbody > tr > td {
                padding: 10px 0 !important;
            }

        .cm-004 .result-store .result-item .result-item-sublink {
            margin-right: 8px;
            margin-bottom: 8px;
            float: left;
        }
    }

    /* Add style 16/12/2024*/
    @media (max-width: 768px) {

        .cm-004 .hxc-overlay .mt-n18-custom {
            margin-top: -10.5rem !important;
        }
    }

    @media (min-width: 768px) {

        .cm-004 .hxc-overlay .py-md-16 {
            padding-top: 7rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n17 {
            margin-top: -9.8rem !important;
        }

        .cm-004 .hxc-overlay .mt-md-n17 {
            margin-top: -8.8rem !important;
        }
    }

    @media (min-width: 984px) {
        .cm-004 .hxc-overlay .mt-n18-custom {
            margin-top: -9.8rem !important;
        }
    }

    /* #endregion */

    /* #region CI-029 */
    .ci-029 .announce .card {
        background-color: #fff;
        border-radius: 3px;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
        border: 0;
        padding-bottom: 46px;
        /*padding: 24px;
        margin-bottom: 16px;
        border: 4px solid #fff !important;*/
        transition: all .6s ease-in-out;
    }

        .ci-029 .announce .card.yellow {
            background-color: #fff;
            border-radius: 3px;
            /*box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);*/
            box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 10px 0px;
            border: 0;
            padding: 12px;
            padding-bottom: 20px;
            margin-bottom: 16px;
            border: 4px solid #fff !important;
            transition: all .6s ease-in-out;
        }


        .ci-029 .announce .card.yellow:hover {
            border: 4px solid #ffd400 !important;
        }

        .ci-029 .announce .card h3 {
            margin-bottom: 32px;
        }

        .ci-029 .announce .card .item .announce-title {
            color: #222;
            font-family: Krungsri-Condensed-Medium;
            font-size: 16px;
            line-height: 26px;
        }

        .ci-029 .announce .card .item .announce-date {
            color: #949494;
            font-family: Thongterm-Roman;
            font-size: 14px;
            line-height: 26px;
        }

    .ci-029 .text-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ci-029 .row {
        text-align: unset !important;
        margin-bottom: auto !important;
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .ci-029 .col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .ci-029 .p-0 {
        padding: 0 !important;
    }

    @media (min-width: 768px) {
        .ci-029 .col-md-9 {
            flex: 0 0 75%;
            max-width: 75%;
        }

        .ci-029 .text-md-right {
            text-align: right !important;
        }

        .ci-029 .col-md-3 {
            flex: 0 0 25%;
            max-width: 25%;
        }

        .ci-029 .announce .card .item .announce-line {
            border-bottom: 1px solid #e8e8e8;
            margin: 24px 0;
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .ci-029 .announce .card {
            padding: 16px;
        }

            .ci-029 .announce .card h3 {
                margin-bottom: 11px;
            }

        .ci-029 .Text-link {
            font-size: 14px !important;
            line-height: 26px !important;
        }

        .ci-029 .moblie-line {
            border-bottom: 1px solid #e8e8e8;
            margin-bottom: 16px;
            width: 100%;
        }
    }

    .ci-029 .announce .Text-link,
    .ci-029 .Text-link a {
        color: #F76F00;
        font-family: Thongterm-Roman;
        font-size: 16px;
        line-height: 34px;
    }

    .ci-029 .container--news {
        margin-bottom: 54px
    }

        .ci-029 .container--news .announce .card {
            background-color: #fff;
            border-radius: 3px;
            box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, .1);
            border: 0;
            padding: 12px 12px 20px 12px;
            border: 4px solid #fff !important;
            transition: all .6s ease-in-out
        }

            .ci-029 .container--news .announce .card.yellow:hover {
                border: 4px solid #ffd400 !important
            }

            .ci-029 .container--news .announce .card h3 {
                margin-bottom: 24px
            }

            .ci-029 .container--news .announce .card .item .announce-title {
                color: #222;
                font-family: Krungsri-Condensed-Medium;
                font-size: 16px;
                letter-spacing: 0;
                line-height: 26px
            }

            .ci-029 .container--news .announce .card .item .announce-date {
                color: #949494;
                font-family: Thongterm-Roman;
                font-size: 14px;
                letter-spacing: 0;
                line-height: 26px
            }

            .ci-029 .container--news .announce .card .item .announce-line {
                border-bottom: 1px solid #e8e8e8;
                margin-top: 24px;
                margin-bottom: 24px;
                width: 100%
            }

            .ci-029.container--news .announce .card .item:last-child .announce-line {
                display: none
            }

        .ci-029.container--news .news .card {
            background-color: #fff;
            border-radius: 3px;
            box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, .1);
            border: 0;
            padding: 12px 12px 22px 12px;
            border: 4px solid #fff !important;
            transition: all .6s ease-in-out
        }

            .ci-029 .container--news .news .card:hover {
                border: 4px solid #ffd400 !important
            }

            .ci-029 .container--news .news .card h3 {
                margin-bottom: 24px
            }

            .ci-029.container--news .news .card .text-title {
                font-family: Krungsri-Condensed-Medium;
                color: #222;
                font-size: 16px;
                line-height: 24px !important;
                margin-bottom: 8px
            }

            .ci-029 .container--news .news .card .text-detail {
                color: #5a5a5a;
                font-family: Thongterm-Roman;
                font-size: 14px !important;
                letter-spacing: 0;
                line-height: 26px !important;
                padding-top: 0 !important
            }

    .ci-029 .Text-link.underline:hover {
        text-decoration: underline !important
    }

    @media(max-width: 767px) {
        .ci-029 .container--news .announce .card {
            padding: 12px 12px 9px 12px;
            box-shadow: 1px 2px 10px 0 rgba(35, 19, 18, .1)
        }

            .ci-029 .container--news .announce .card h3 {
                margin-bottom: 16px
            }

            .ci-029 .container--news .announce .card .item .announce-title {
                font-family: Krungsri-Condensed;
                line-height: 27px;
                padding-bottom: 4px !important
            }

                .ci-029 .container--news .announce .card .item .announce-title.text-ellipsis {
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    white-space: normal
                }

            .ci-029 .container--news .announce .card .item .announce-date {
                line-height: 29px
            }
    }

    /* #endregion CI-029 */



    /* #region OT-005 */
    .ot-005 span.carousel-control-prev-icon,
    .ot-005 span.carousel-control-next-icon {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        font-size: 18px;
        color: #5e5e5e;
    }

        .ot-005 span.carousel-control-prev-icon:before {
            content: "";
        }

        .ot-005 span.carousel-control-next-icon:before {
            content: "";
        }

    .ot-005 .ho-img-top {
        width: 100%;
        height: 480px;
        object-fit: cover;
        filter: brightness(0.8);
    }

    .ot-005 .gr-text-group {
        color: #5a5a5a;
    }

    .ot-005 .img-bright {
        filter: brightness(3);
    }

    .ot-005 .mg-rl-16px-m {
        margin-left: 0;
        margin-right: 0;
    }

    .ot-005 .container--content {
        margin-top: 24px;
        margin-bottom: 40px;
        padding: 16px;
    }

    .ot-005 #carouselExampleIndicatorsTop .carousel-indicators {
        margin-right: 0;
        margin-left: 0;
    }

        .ot-005 #carouselExampleIndicatorsTop .carousel-indicators li {
            width: 100%;
            height: 115px !important;
            background-size: cover;
            background-image: url(/getmedia/9413c5a6-2f6a-4629-a0d5-ae23c54e9622/article_Bitmap1.png.aspx);
            border: unset;
            border-radius: unset;
            margin: 0 2px;
        }

        .ot-005 #carouselExampleIndicatorsTop .carousel-indicators .active {
            opacity: 1;
            background-color: #ffd400;
            border: unset;
            border-top: 7px solid #ffd400;
        }

    .ot-005 .ho-hide-pc {
        display: none;
    }

    .ot-005 .ho-hide-mobile {
        display: inline;
    }

    @media screen and (max-width: 992px) {
        .ot-005 .ho-hide-pc {
            display: inline;
        }

        .ot-005 .ho-hide-mobile {
            display: none;
        }
    }

    .ot-005 .ho-h72px {
        height: 72px;
    }

    .ot-005 .ho-w100 {
        width: 100%;
    }

    .ot-005 .btn-read-ar {
        height: 44px;
        width: 175px;
        border-radius: 3px;
        background-color: #ffd400;
        border: unset;
        color: #554242;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
    }

    .ot-005 .btn-read-ar-m {
        height: 35px;
        width: 100px;
        border-radius: 3px;
        background-color: #ffd400;
        border: unset;
        color: #554242;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0;
    }

    .ot-005 .page_Title {
        text-align: center;
    }

    .ot-005 .container-top-img {
        position: relative;
        text-align: center;
        color: #fff;
    }

    .ot-005 .text-more-m {
        color: #ffd400;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
        text-align: center;
    }

    .ot-005 .ho-h430px {
        height: 430px;
    }

    .ot-005 .ho-img-left {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: brightness(0.7);
    }

    .ot-005 .text-img-center {
        position: absolute;
        top: 65%;
        left: 50%;
        transform: translate(-50%, 100%);
    }

    .ot-005 .text-img-bottom-left {
        position: absolute;
        top: 50%;
        width: 100%;
    }

    .ot-005 .text-img {
        height: 128px;
        width: 720px;
        color: #fff;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 40px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 64px;
        text-align: center;
        text-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
    }

    .ot-005 .ho-podcast-icon {
        height: 27px;
        width: 27px;
    }

    .ot-005 .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
    }

    .ot-005 .owl-theme .owl-dots .owl-dot span {
        width: 15px;
        height: 15px;
        border: 2px solid #8f8f8f;
    }

    .ot-005 .owl-theme .owl-dots .owl-dot.active span,
    .ot-005 .owl-theme .owl-dots .owl-dot:hover span {
        width: 15px;
        height: 15px;
    }

    .ot-005 .card {
        border: unset;
    }

    .ot-005 .carousel-indicators {
        position: unset;
        margin-top: 35px;
    }

        .ot-005 .carousel-indicators .active {
            opacity: 1;
            background-color: #ffd400;
            border: 1px solid #ffd400;
        }

        .ot-005 .carousel-indicators li {
            width: 13px;
            height: 13px;
            border: 1px solid #222;
            border-radius: 50%;
            opacity: 1;
            background-color: #fff;
            margin: 0 8px;
        }

    .ot-005 .carousel-control-prev-icon {
        background-image: none;
    }

    .ot-005 .carousel-control-next-icon {
        background-image: none;
    }

    .ot-005 .carousel-control-prev-icon,
    .ot-005 .carousel-control-next-icon {
        width: 32px;
        height: 32px;
        background-color: #ffd400;
        border-radius: 50%;
    }

    .ot-005 .carousel-control-prev,
    .ot-005 .carousel-control-next {
        width: 23%;
        opacity: 1;
    }

    .ot-005 .ho-podcast-img {
        width: 350px;
        height: 50px;
    }

    .ot-005 .bg-podcast {
        background-color: #534242;
        padding: 10px 0 1px 0;
    }

    .ot-005 .ho-podcast-wd {
        width: 370px;
    }

    .ot-005 .ho-pd-rl-m {
        padding-left: 0;
        padding-right: 0;
    }

    .ot-005 .btn-read-ar:focus {
        outline: unset;
    }

    .ot-005 .ho-head-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly !important;
    }

    .ot-005 .ckContent {
        width: 370px;
    }

    .ot-005 .ckContent2 {
        width: 100%;
    }

    .ot-005 .ho-title-cat {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 32px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 48px;
    }

    .ot-005 .ho-title-more {
        color: #f76f00;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
    }

    .ot-005 .ckContent div:nth-child(n+3) .card-content {
        border-top: none;
        min-height: unset;
        height: 110px;
        display: flex;
    }

    .ot-005 .ckContent2 div:nth-child(n+2) .card-content {
        border-top: none;
        min-height: unset;
        height: 127px;
        display: flex;
        margin: 0 16px;
    }

    .ot-005 .ckContent div:nth-child(n+3) .card-content .card-content-img {
        width: 110px;
        height: 110px;
        object-fit: cover;
        min-height: unset;
    }

    .ot-005 .ckContent2 div:nth-child(n+2) .card-content .card-content-img {
        width: 127px;
        height: 127px;
        object-fit: cover;
        min-height: unset;
    }

    .ot-005 .ckContent div:nth-child(n+3) .card-content .bottom-bar-content {
        display: flex;
        padding: 12px 8px;
    }

    .ot-005 .ckContent2 div:nth-child(n+2) .card-content .bottom-bar-content {
        display: flex;
        padding: 16px;
    }

    .ot-005 .ckContent div:nth-child(n+3) .card-content .card-content-title {
        padding: 8px;
    }

    .ot-005 .ckContent2 div:nth-child(n+2) .card-content .card-content-title {
        padding: 16px;
        height: 70px;
    }

    .ot-005 .ckContent div:nth-child(n+3) .card-content .card-content-type {
        display: none;
    }

    .ot-005 .ckContent2 div:nth-child(n+2) .card-content .card-content-type {
        display: none;
    }

    .ot-005 .ckContent div:nth-child(n+3) .card-content .card-content-name {
        display: none;
    }

    .ot-005 .ckContent2 div:nth-child(n+2) .card-content .card-content-name {
        display: none;
    }

    .ot-005 .ckContent div:nth-child(n+3) .card-content .bottom-bar {
        display: none;
    }

    .ot-005 .ckContent2 div:nth-child(n+2) .card-content .bottom-bar {
        display: none;
    }

    .ot-005 .plearn .mg-rm {
        /*    margin-right: 0;
     margin-left: 0*/
    }

    .ot-005 .carousel-indicators {
        position: unset;
        margin-top: 35px;
    }

        .ot-005 .carousel-indicators .active {
            opacity: 1;
            background-color: #ffd400;
            border: 1px solid #ffd400;
        }

        .ot-005 .carousel-indicators li {
            width: 13px;
            height: 13px;
            border: 1px solid #222;
            border-radius: 50%;
            opacity: 1;
            background-color: #fff;
            margin: 0 8px;
        }

    .ot-005 .carousel-control-prev-icon {
        background-image: none;
    }

    .ot-005 .carousel-control-next-icon {
        background-image: none;
    }

    .ot-005 .carousel-control-prev-icon,
    .ot-005 .carousel-control-next-icon {
        width: 32px;
        height: 32px;
        background-color: #ffd400;
        border-radius: 50%;
    }

    .ot-005 .carousel-control-prev,
    .ot-005 .carousel-control-next {
        width: 23%;
        opacity: 1;
    }

    .ot-005 .plearn {
        font-family: "Krungsri-Condensed-Medium";
    }

    .ot-005 .gr-box-back {
        display: none;
    }

    .ot-005 .gr-more {
        display: none;
    }

    .ot-005 .gr-img-profile {
        height: 230px;
        width: 230px;
        border-radius: 50%;
    }

    .ot-005 .gr-title-name {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 36px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .ot-005 .gr-text-detail {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0;
        line-height: 34px;
        white-space: unset;
        overflow: unset;
        text-overflow: unset;
    }

    .ot-005 .gr-text-remark {
        margin-top: 24px;
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 34px;
    }

    .ot-005 .pd-detail {
        padding-left: 50px;
    }

    .ot-005 .gr-header-img {
        width: 100%;
    }

    .ot-005 .gr-title-top {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 32px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 48px;
        margin-top: 40px;
        padding: unset;
    }

    .ot-005 .gr-title-article {
        margin: 40px 0 24px 0;
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 36px;
    }

    .ot-005 .ct-text-tags {
        color: #5a5a5a;
        font-family: "Thongterm-Bold";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
    }

    .ot-005 .ui.ks.dropdown {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: unset;
    }

    .ot-005 .ct-title {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 32px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 48px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .ot-005 .ct-header-img {
        width: 100%;
    }

    .ot-005 .hide-pc {
        display: none;
    }

    .ot-005 .ct-pr {
        padding-right: 12px;
    }

    .ot-005 .ct-pl {
        padding-left: 12px;
    }

    .ot-005 .ct-prl {
        padding-right: 12px;
        padding-left: 12px;
    }

    .ot-005 .pd-rl-16px {
        padding-right: 16px;
        padding-left: 16px;
    }

    .ot-005 .pd-rm {
        padding-right: unset;
        padding-left: unset;
    }

    .ot-005 .mg-rm {
        margin-right: unset;
        margin-left: unset;
    }

    .ot-005 .rectangle {
        min-height: 473px;
        border-radius: 3px;
        background-color: #ffd400;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
        padding: 24px;
    }

    .ot-005 .card-content {
        min-height: 473px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
        border-top: 7px solid #ffd400;
    }

    .ot-005 .card-content-podcast {
        min-height: 473px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
        border-top: unset;
    }

    .ot-005 .card-content-img {
        width: 100%;
        min-height: 270px;
        object-fit: cover;
    }

    .ot-005 .card-content-type {
        color: #5a5a5a;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        font-weight: bold;
        padding: 16px 16px 8px 16px;
        text-align: left;
    }

    .ot-005 .card-content-type-left {
        color: #fff;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        font-weight: bold;
        padding: 16px 16px 8px 16px;
        text-align: left;
    }

    .ot-005 .card-content-type2 {
        color: #5a5a5a;
        font-family: "Thongterm-Roman";
        font-size: 14px;
        width: 60%;
        height: 30px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .ot-005 .card-content-title {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 18px;
        font-weight: bold;
        height: 60px;
        padding: 0 16px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: left;
    }

    .ot-005 .card-content-title-left {
        color: #fff;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 18px;
        font-weight: bold;
        height: 60px;
        padding: 0 16px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: left;
    }

    .ot-005 .card-content-name {
        padding: 15px 16px 0 16px;
        color: #000;
        font-family: Thongterm-Roman;
        font-size: 14px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-align: left;
    }

    .ot-005 .card-content-name-home-left {
        padding: 15px 16px 0 16px;
        color: #fff;
        font-family: Thongterm-Roman;
        font-size: 14px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-align: left;
    }

    .ot-005 .card-content-name-left {
        padding: 15px 16px 0 16px;
        color: #000;
        font-family: Thongterm-Roman;
        font-size: 14px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-align: left;
    }

    .ot-005 .bottom-bar-content {
        display: none;
    }

    .ot-005 .card-content-readmore {
        color: #5a5a5a;
        font-family: Thongterm-Roman;
        font-size: 14px;
    }

    .ot-005 .card-content-readmore-left {
        color: #fff;
        font-family: Thongterm-Roman;
        font-size: 14px;
    }

    .ot-005 .ho-img-pod {
        height: 34px;
        width: 34px;
        margin-right: 16px;
        margin-bottom: 5px;
    }

    .ot-005 .ho-pod {
        line-height: 82px;
        text-align: center;
        color: #fff;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 26px;
        background-color: #554242;
    }

    .ot-005 .title-mobile {
        padding: 24px 16px 24px 32px;
        margin-top: -24px;
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 26px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 38px;
    }

    @media (max-width: 768px) {
        .ot-005 .ho-img-top {
            height: 360px;
            object-fit: cover;
            filter: brightness(0.8);
        }

        .ot-005 .text-img-center {
            position: absolute;
            top: 75%;
            left: 50%;
            transform: translate(-50%, 100%);
        }

        .ot-005 #carouselExampleIndicators .carousel-indicators {
            position: relative;
            margin-top: -40px;
            padding-bottom: 20px;
        }

            .ot-005 #carouselExampleIndicators .carousel-indicators li {
                border: 2px solid #fff;
                background-color: #fff0;
                width: 13px;
                height: 13px;
            }

            .ot-005 #carouselExampleIndicators .carousel-indicators .active {
                background-color: #ffd400;
                border: 2px solid #ffd400 !important;
            }

        .ot-005 .text-img {
            height: 72px;
            width: 328px;
            color: #fff;
            font-family: "Krungsri-Condensed-Bold";
            font-size: 24px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 36px;
            text-align: center;
            text-shadow: 0 2px 1px 0 rgba(0, 2, 0, 0.2);
        }

        .ot-005 .ho-title-more {
            color: #f76f00;
            font-family: "Thongterm-Roman";
            font-size: 14px;
            letter-spacing: 0;
            line-height: 34px;
            color: #f76f00;
        }

        .ot-005 .ho-title-cat {
            color: #222;
            font-family: "Krungsri-Condensed-Bold";
            font-size: 26px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 38px;
        }

        .ot-005 .gr-text-back {
            color: #5a5a5a;
            font-family: "Thongterm-Roman";
            font-size: 16px;
            letter-spacing: 0;
            line-height: 34px;
            margin-left: 17px;
        }

        .ot-005 .gr-box-back {
            cursor: pointer;
            display: inline-block;
            margin-top: 40px;
        }

        .ot-005 .gr-more {
            margin-top: 24px;
            color: #f76f00;
            font-family: "Thongterm-Roman";
            font-size: 14px;
            letter-spacing: 0;
            line-height: 30px;
            display: inline-block;
        }

        .ot-005 .gr-text-detail {
            margin-top: 8px;
            color: #5a5a5a;
            font-family: "Thongterm-Roman";
            font-size: 16px;
            font-weight: normal;
            letter-spacing: 0;
            line-height: 34px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .ot-005 .pd-detail {
            padding-left: 32px;
        }

        .ot-005 .gr-img-profile {
            height: 213px;
            width: 213px;
            border-radius: 50%;
        }

        .ot-005 .gr-header-img {
            object-fit: cover;
            overflow: hidden;
            height: 184px;
        }

        .ot-005 .gr-title-top {
            font-size: 26px;
            line-height: 38px;
            margin-top: 24px;
            padding: 0 16px;
        }

        .ot-005 .gr-title-article {
            margin: 16px;
        }

        .ot-005 .mg-rl-16px-m {
            margin-left: 16px;
            margin-right: 16px;
        }

        .ot-005 .container--content {
            margin-top: 24px;
            margin-bottom: 40px;
            padding: unset;
        }

        .ot-005 .bg-podcast .container--content {
            margin-bottom: 16px;
        }

        .ot-005 .pr-rm-m {
            padding-right: unset;
        }

        .ot-005 .hide-mobile {
            display: none;
        }

        .ot-005 .hide-pc {
            display: inline;
        }

        .ot-005 .pd-rm-m {
            padding-right: unset;
            padding-left: unset;
        }

        .ot-005 .mg-rm-r-m {
            margin-right: unset;
        }

        .ot-005 .mg-rm-m {
            margin-right: unset;
            margin-left: unset;
        }

        .ot-005 .ckContent {
            width: 100%;
        }

        .ot-005 .ho-pd-rl-m {
            padding-left: 16px;
            padding-right: 16px;
        }

        .ot-005 .ho-podcast-img {
            width: 250px;
            height: 34px;
        }

        .ot-005 .ho-podcast-wd {
            width: 100%;
        }
    }

    /* #endregion */

    /* #region OT-011 */
    /*.ot-011 {
    margin-bottom: 0
}

.ot-011 .nav {
    width: 100%;
    border-radius: 8px;
    background-color: #e9e8e7;
    margin-bottom: 15px;
    margin-top: 15px
}

.ot-011 .nav-pills .nav-link {
    background-color: #e9e8e7;
    padding: 20px 40px;
    border-radius: 8px
}

.ot-011 .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #ffcd00;
    color: black
}

.ot-011 .card {
    width: 100%;
    border: 0;
    border-radius: 8px;
    margin-bottom: 15px;
    -webkit-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .1);
    box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .1);
    background-color: #eee
}

.ot-011 .card.none-shadow {
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
}

.ot-011 .card h5 {
    padding: 40px;
    background-color: #ffcd00;
    border-radius: 8px 8px 0 0
}

.ot-011 .tab-content>.active {
    margin-top: 15px
}

.ot-011 .card h6 {
    padding: 40px
}

.ot-011 .card .card-content {
    padding: 0 40px 40px 40px;
    color: #756762
}

.ot-011 .card .card-content p {
    margin-bottom: 0
}

.ot-011 .tab-content>.active.in {
    opacity: 1
}

.ot-011 .card .card-content .card-img {
    min-height: 120px
}

.ot-011 .tabs1 {
    font-size: 15px;
    padding: 0;
    list-style: none;
    background: #736762;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    display: table;
    border-radius: 50px;
    position: relative;
    height: 40px;
    margin: 20px auto
}

.ot-011 .tabs1 a {
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    padding: 10px 20px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition-duration: .6s
}

.ot-011 .tabs1 a.active {
    color: black
}

.ot-011 .tabs1 a i {
    margin-right: 5px
}

.ot-011 .tabs1 .selector1 {
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 50px;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    background: #ffcd00
}

.ot-011 .table>tbody>tr>td,
.ot-011 .table>tbody>tr>th {
    padding: 1rem
}

.ot-011 .table tbody tr:nth-of-type(even) {
    background: #ffffff;
}


.ot-011 .bg-krugsri3 td,
.ot-011 .bg-krugsri3 thead th {
    background-color: #f1efee;
}

.ot-011 td,
.ot-011 th {
    padding: 1rem !important;
}

.ot-011 .table tbody tr:nth-of-type(odd) {
    background: #f3f3f3;
}

.ot-011 .bg-krugsri2 td,
.bg-krugsri2 th,
.bg-krugsri2 thead th {
    background-color: #e2d7d2;
}

.ot-011 table tr td {
    color: #5A5A5A;
    font-family: Thongterm-Roman;
    font-size: 16px;
    line-height: 29px;
    vertical-align: middle;
    border-top: 0px;
    padding: 10px;
}

.ot-011 .bg-krugsri td,
.ot-011.bg-krugsri th,
.ot-011 .bg-krugsri thead th {
    background-color: #ffe57b
}

.ot-011 .bg-krugsri1 td {
    background-color: #fff0b1
}

.ot-011 .table>tbody>tr>td,
.ot-011 .table>tbody>tr>th {
    padding: 1.4rem;
    border-top: 1px solid white;
    font-size: 16px
}

.ot-011 .tab-content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

@media screen and (min-width: 768px) {
    .ot-011 .row {
        padding: 0;
    }
}

.ot-011 .tabs2 {
    font-size: 15px;
    padding: 0;
    list-style: none;
    background: #736762;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    display: table;
    border-radius: 50px;
    position: relative;
    height: 40px;
    margin: 20px auto 10px;
    width: fit-content;
}

.ot-011 .tabs2 a {
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    padding: 7px 20px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition-duration: 0.6s;
}

.ot-011 .tabs2 a.active {
    color: black;
}

.ot-011 .tabs2 a i {
    margin-right: 5px;
}

.ot-011 .tabs2 .selector2 {
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 50px;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    background: #ffcd00;
} */

    /* Add custom style by nat 16.10.2024 */
    .OT-011-Tab-Content-2 .nav-tabs .nav-link:hover {
        border: none !important;
    }

    .OT-011-Tab-Content-2 .nav-tabs {
        position: relative;
        border-radius: 50px;
        background-color: #7c6c61;
        margin: 20px auto 10px;
        width: fit-content;
        padding: 0px;
        height: 40px;
        border-bottom: none !important;
    }

        .OT-011-Tab-Content-2 .nav-tabs .nav-link {
            color: white !important;
            z-index: 2 !important;
            transition: color 0.3s ease !important;
            position: relative !important;
            border-left-width: 0px;
            border-top-width: 0px;
            border-right-width: 0px;
        }

            .OT-011-Tab-Content-2 .nav-tabs .nav-link.active {
                color: black !important;
                border: none !important;
                background-color: transparent !important;
                z-index: 3 !important;
            }

    /* วงรีที่ครอบแท็บ */
    .OT-011-Tab-Content-2 .selector2 {
        height: 100%;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        border-radius: 50px;
        background-color: #ffcd00;
        transition: left 0.6s cubic-bezier(.68, -.55, .265, 1.55), width 0.6s cubic-bezier(.68, -.55, .265, 1.55);
    }
    /* End Add custom style by nat 16.10.2024 */
    .OT-011-Tab-Content-2 .krugsri-faq .tabs2 a.active {
        color: black !important;
        font-family: Thongterm-Roman !important;
        font-size: 15px;
        font-weight: 400;
        line-height: 22.5px;
    }

    .OT-011-Tab-Content-2 .krugsri-faq .tabs2 a {
        text-decoration: none;
        color: white !important;
        text-transform: uppercase;
        padding: 10px 20px;
        display: inline-block;
        position: relative !important;
        z-index: 1 !important;
        transition-duration: .6s !important;
        border-bottom: none !important;
        font-family: Thongterm-Roman !important;
        font-size: 15px !important;
        font-weight: 400 !important;
        line-height: 22.5px !important;
    } 

    .OT-011-Tab-Content-2 .tab-content #myTabContent {
        width: 100%;
    }

    .OT-011-Tab-Content-2 .krugsri-faq .tabs2 {
        font-size: 15px;
        padding: 0;
        list-style: none;
        background: #736762;
        box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
        display: flex !important;
        border-radius: 50px;
        position: relative;
        height: 40px;
        margin: 20px auto 10px;
        width: fit-content;
    }

    .OT-011-Tab-Content-2 .krugsri-faq .faq-text {
        color: #222222;
        font-family: Thongterm-Bold;
        font-size: 24px !important;
        margin-bottom: .5rem;
        font-weight: 500;
        line-height: 1.2;
    }

    @media screen and (max-width: 992px) {
        .OT-011-Tab-Content-2 .krugsri-faq .tabs2 {
            display: none !important;
        }

        .OT-011-Tab-Content-2 .krugsri-faq .btn-group {
            width: 100%;
        }
    }

    /* #endregion */
    /*#region OT-010*/
    .ot-010 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .ot-010 #search-area {
            text-align: right;
        }

        .ot-010 .input-group {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-align: stretch;
            align-items: stretch;
            width: 100%;
        }

            .ot-010 .input-group > .custom-select:not(:last-child), .ot-010 .input-group > .form-control:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

            .ot-010 .form-group input.form-control, .ot-010 .input-group input.form-control, .ot-010 .form-group textarea.form-control, .ot-010 .input-group textarea.form-control {
                font-family: 'Thongterm-Bold';
                font-size: 16px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: 34px;
                letter-spacing: normal;
                color: #222;
                height: 44px;
                border-radius: 3px;
                background-color: #fff;
            }

        .ot-010 #search-area .input-group-append {
            cursor: pointer;
        }

        .ot-010 .input-group-append {
            margin-left: -1px;
        }

        .ot-010 .input-group-append, .ot-010 .input-group-prepend {
            display: -ms-flexbox;
            display: flex;
        }

        .ot-010 .input-group .input-group-append .input-group-text {
            border-color: #ffd400;
        }

        .ot-010 .input-group .input-group-append .input-group-text {
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
        }

        .ot-010 .input-group .input-group-append .input-group-text {
            background-color: #ffd400;
            border-radius: 5px;
            padding-left: 16px !important;
            padding-right: 16px !important;
            width: auto;
        }

    @media screen and (max-width: 768px) {
        .ot-010 {
            margin: 0;
        }
    }

    /*#endregion OT-010*/

    /* #region OT-008 */
    .ot-008 .wgot008-title {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 1rem;
    }

        .ot-008 .wgot008-title .icon-play {
            margin-right: 20px;
            width: 35px;
            max-height: 33px;
        }

        .ot-008 .wgot008-title h2 {
            color: #222222;
            font-family: "Krungsri-Condensed-Bold";
            font-size: 24px;
            letter-spacing: 0;
            line-height: 36px;
            margin-bottom: 0;
        }

    .ot-008 .wgot008-tabs-container {
        display: flex;
        justify-content: space-between;
    }

        .ot-008 .wgot008-tabs-container .wgot008-tabs {
            display: flex;
            border: 0;
        }

            .ot-008 .wgot008-tabs-container .wgot008-tabs .nav-item {
                border: 0;
            }

                .ot-008 .wgot008-tabs-container .wgot008-tabs .nav-item .nav-link {
                    border: 0;
                    font-size: 16px;
                    cursor: pointer;
                    margin-bottom: 24px;
                    position: relative;
                    margin-right: 20px;
                    font-family: 'Krungsri-Condensed';
                    font-style: normal;
                    font-weight: 500;
                    font-size: 16px;
                    line-height: 30px;
                    color: #545454;
                    padding: 0;
                    transition: none;
                }

                    .ot-008 .wgot008-tabs-container .wgot008-tabs .nav-item .nav-link.active {
                        border-bottom: 3px solid #ffd400;
                        font-weight: bold;
                        font-family: 'Krungsri-Condensed-bold';
                        font-style: normal;
                        color: #222222;
                        line-height: 27px;
                    }

        .ot-008 .wgot008-tabs-container .wgot008-viewall a {
            color: #F76F00;
            font-family: 'Thongterm-Roman';
            letter-spacing: 0;
            font-size: 16px;
            line-height: 34px;
        }

    .ot-008 .wgot008-video {
        width: 100%;
        height: 100%;
    }

    .ot-008 .wgot008-video-desc {
        margin-top: 24px;
    }

    .ot-008 .wgot008-video-playlist {
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
        height: 433px;
        max-height: 433px;
    }

        .ot-008 .wgot008-video-playlist .item {
            height: 86px;
            display: flex;
            flex-wrap: nowrap;
            margin-bottom: 8px;
            cursor: pointer;
        }

            .ot-008 .wgot008-video-playlist .item .item-image {
                width: 153px;
                height: 86px;
                border-top-left-radius: 0px;
                border-top-right-radius: 0px;
                border-bottom-left-radius: 0px;
                margin-bottom: 8px;
                margin-top: 0;
                margin-left: 0px;
                position: relative;
                overflow: hidden;
            }

                .ot-008 .wgot008-video-playlist .item .item-image img {
                    height: auto;
                    object-fit: cover;
                    min-height: unset;
                    position: absolute;
                    margin: auto;
                    min-width: 100%;
                    left: -100%;
                    right: -100%;
                    top: -100%;
                    bottom: -100%;
                    width: 100%;
                }

            .ot-008 .wgot008-video-playlist .item .item-desc {
                padding: 8px;
                padding-left: 16px;
                width: calc(100% - 170px);
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
                white-space: normal;
                font-family: 'Krungsri-Condensed-bold';
                font-style: normal;
                font-weight: 700;
                font-size: 16px;
                line-height: 24px;
                height: 80px;
                margin-bottom: 0;
            }

        .ot-008 .wgot008-video-playlist:after {
            content: ' ';
            position: absolute;
            left: 0;
            right: 0;
            height: 83px;
            bottom: 0;
            width: 100%;
            background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, #F9F9F9 100%);
            z-index: 1;
        }

        .ot-008 .wgot008-video-playlist::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 3px;
        }

        .ot-008 .wgot008-video-playlist::-webkit-scrollbar-track {
            background: transparent;
        }

        .ot-008 .wgot008-video-playlist::-webkit-scrollbar-thumb {
            background: #D7D7D7;
            border-radius: 0px;
        }

.ot-008 .wgot008-tabs-container .wgot008-tabs .nav-item .nav-link.active:hover {
    border-bottom: 3px solid #ffd400;
    font-weight: bold;
    font-family: 'Krungsri-Condensed-bold';
    font-style: normal;
    color: #222222;
    line-height: 27px;
}

.ot-008 .wgot008-tabs-container .wgot008-tabs .nav-item .nav-link:hover {
    border: 0;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 24px;
    position: relative;
    margin-right: 20px;
    font-family: 'Krungsri-Condensed';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #545454;
    padding: 0;
    transition: none;
}

.ot-008 .ot-001 .youtube__video_play h4 {
    font-family: 'Krungsri-Condensed-bold';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    height: 70px;
}

.ot-008 .ot-001 .youtube-gallery .content.ytContent .text-ellipsis-2line {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}

    @media screen and (max-width: 767px) {

        .ot-008 .wgot008-title {
            margin-left: 15px;
            margin-right: 15px;
        }

            .ot-008 .wgot008-title .icon-play {
                margin-right: 10px;
            }

        .ot-008 .wgot008-tabs-container.mobile-view {
            display: flex;
            justify-content: space-between;
            /*margin-left: 15px;
            margin-right: 15px;*/
            margin-bottom: 16px;
        }

            .ot-008 .wgot008-tabs-container.mobile-view .dropdown {
                display: block;
                width: 100%;
                max-width: 75.95%;
                min-width: 0em;
                height: 44px;
                padding: 8px 20px 8px 16px;
            }

                .ot-008 .wgot008-tabs-container.mobile-view .dropdown > .text {
                    font-family: 'Krungsri-Condensed-bold';
                    font-weight: 700;
                    font-size: 16px;
                    line-height: 27px;
                    color: #222222 !important;
                }

                .ot-008 .wgot008-tabs-container.mobile-view .dropdown > .text {
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    white-space: normal;
                }

            .ot-008 .wgot008-tabs-container.mobile-view .menu > .item {
                font-family: 'Thongterm';
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 34px;
                color: #5A5A5A;
                height: 44px;
                padding: 8px 20px 8px 16px !important;
            }

            .ot-008 .wgot008-tabs-container.mobile-view .menu .active.item {
                font-family: 'Krungsri-Condensed-bold';
                font-weight: 700;
                font-size: 16px;
                line-height: 27px;
                color: #222222;
                background-color: #FDD200;
                height: 44px;
                padding: 8px 20px 8px 16px !important;
            }

        .ot-008 .tab-pane > .row {
            margin: 0;
        }

        .ot-008 .wgot008-video {
            height: 202px;
        }

        .ot-008 .wgot008-video-playlist {
            margin-top: 12px;
            height: auto;
        }

            .ot-008 .wgot008-video-playlist .item {
                margin-left: 16px;
                margin-right: 16px;
            }

                .ot-008 .wgot008-video-playlist .item:nth-child(n+5) {
                    display: none;
                }

            .ot-008 .wgot008-video-playlist:after {
                display: none;
            }

        .ot-008 .wgot008-row-desc {
            padding-left: 15px;
            padding-right: 15px;
        }

        .ot-008 .wgot008-video-desc {
            margin-top: 24px;
            margin-bottom: 24px;
        }
    }

    /* #endregion */


    /* #region OT-012 */
    .ot-012 .nav-tabs .nav-link {
        border: 0px;
    }

        .ot-012 .nav-tabs .nav-link.active {
            border-bottom: 3px solid #ffd400;
        }

        .ot-012 .nav-tabs .nav-link:focus {
            border-color: transparent;
        }

    .ot-012 .nav-link:focus-visible {
        outline: 0;
        box-shadow: none;
    }

    .ot-012 #box-tab-1 .swiper-container .item {
        max-width: 270px;
    }

    .ot-012 .box-2 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .ot-012 .img-owl {
        box-sizing: border-box;
        width: 96px;
        height: 96px;
        /* border: 3px solid #ffd400; */
        background-color: #fff;
        box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0);
        border-radius: 50%;
    }

    .ot-012 .box-item-owl {
        margin-top: -50px;
        height: 300px;
        border-radius: 3px;
        background: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
        padding-left: 16px;
    }

    .ot-012 #box-tab-2 .box-item-owl {
        height: 420px;
    }

    .ot-012 .title-owl {
        padding-top: 80px;
        color: #222;
        font-size: 24px;
        line-height: 36px;
        font-family: Krungsri-Condensed-Bold;
    }

    .ot-012 .owl-theme .owl-nav .owl-next span,
    .ot-012 .owl-theme .owl-nav .owl-prev span {
        color: #5b5b5b !important;
        font-weight: 500;
        position: relative;
        bottom: 12px;
        font-size: 32px !important;
        height: 36px !important;
        width: 16px !important;
        line-height: 36px;
        font-family: "Font Awesome 5 Pro";
    }

    .ot-012 #myTabContent .owl-next,
    .ot-012 #myTabContent .owl-prev {
        background: transparent !important;
        width: 32px !important;
        font-size: 32px !important;
        height: 32px;
        box-shadow: 0px 0px 0px !important;
    }

    .ot-012 .owl-theme .owl-nav .owl-prev {
        left: -28px;
    }

    .ot-012 .owl-theme .owl-nav .owl-next {
        right: -28px;
    }

    .ot-012 .owl-theme .owl-nav .owl-prev:hover {
        color: #626262;
    }

    .ot-012 .owl-theme .owl-nav .owl-next:hover {
        color: #626262;
    }

    .ot-012 .swiper-container {
        position: relative;
    }

        .ot-012 .swiper-container .swiper-button-next::after,
        .ot-012 .swiper-container .swiper-button-prev::after {
            width: 16px;
            height: 32px;
            font-size: 32px;
            color: #212529;
        }

        .ot-012 .swiper-container .swiper-button-next {
            position: absolute;
            right: -2rem;
        }

        .ot-012 .swiper-container .swiper-button-prev {
            position: absolute;
            left: -2rem;
        }

        .ot-012 .swiper-container .swiper-button-next::after {
            font-family: 'Font Awesome 5 Pro';
            font-weight: 300;
            content: "\f054";
        }

        .ot-012 .swiper-container .swiper-button-prev::after {
            font-family: 'Font Awesome 5 Pro';
            font-weight: 300;
            content: "\f053";
        }

    @media (max-width: 576px) {
        .ot-012 .top-20 {
            top: 0;
        }
    }

    @media (max-width: 767px) {
        .ot-012 #box-tab-2 .box-item-owl {
            height: 300px;
        }

            .ot-012 #box-tab-2 .box-item-owl.box3 {
                height: 420px;
            }
    }

    /* #endregion */

    /* #region OT-014 */
    .ot-014 .container--content {
        margin: 0;
    }

    .ot-014 #faq-grouping-d {
        display: block;
    }

    .ot-014 #faq-grouping-m {
        display: none;
    }

    .ot-014 .faq-tab .btn-showmore {
        border: solid 1px #e8e8e8;
        background-color: #fff;
        padding: 8px 0;
        border-radius: 5px;
        font-family: Krungsri-Condensed-Bold;
        font-size: 16px;
        color: #222222;
        line-height: 27px;
        width: 170px;
        height: 44px;
        display: block;
        margin: auto;
        margin-top: 24px;
        cursor: pointer;
    }

    /*.ot-014 .btn-all:after {
    content: "ดูทั้งหมด";
}

.ot-014 .btn-all.showmore:after {
    content: "แสดงน้อยลง";
}*/

    .ot-014 .sec-showmore.bt-line {
        border-top: 1px solid #e8e8e8;
    }

    .ot-014 .nav-item {
        padding-left: 20px;
        padding-right: 20px;
    }

        .ot-014 .nav-item:first-child {
            padding-left: 0px;
        }

        .ot-014 .nav-item:last-child {
            padding-right: 0px;
        }

    .ot-014 .nav-link {
        font-family: Krungsri-Condensed-Medium;
        line-height: 30px;
        font-size: 16px;
        color: #949494;
        padding: 0px;
    }

        .ot-014 .nav-link.active {
            font-family: Krungsri-Condensed-Bold;
            line-height: 30px;
            font-size: 16px;
            color: #222222;
        }

            .ot-014 .nav-link.active span {
                border-bottom: 3px solid #FDD200;
            }


    @media (max-width: 767px) {

        .ot-014 #faq-grouping-d,
        .ot-014 .faq-tablist {
            display: none;
        }

        .ot-014 #faq-grouping-m {
            display: block;
        }
    }

    @media (max-width: 768px) {
        .ot-014.container--content {
            margin: 0 !important;
        }

        .ot-014 .question-title {
            margin-top: 40px;
            margin-bottom: 16px;
        }
    }

    .ot-014 .question-title {
        color: #222;
        font-family: Krungsri-Condensed-Bold;
        font-size: 24px;
        margin-top: 48px;
        margin-bottom: 16px;
        line-height: 36px;
    }

    /* #endregion */

    /* #region OT-009 */
    .ot-009 {
        /* .container-editor #sec-recommend-editor-picks */
        /* #sec-recommend-yt */
        /*.container-plearn #sec-recommend-plearn */
        /*yt*/
        /*.youtube-container.youtube-gallery {
		 overflow: scroll;
	}
	*/
    }

        .ot-009 .bg-menu-tab {
            box-shadow: none;
        }

        .ot-009 .search-area {
            max-width: 570px;
            padding-bottom: 24px;
            padding-top: 24px;
        }

        .ot-009 .ml-2per {
            margin-left: -2%;
        }

        .ot-009 .container--content.container-editor {
            margin-bottom: 50px !important;
        }

        .ot-009 #sec-recommend-editor-picks .title h2 {
            margin-bottom: 24px;
        }

        .ot-009 #sec-recommend-editor-picks .box-podcast .card-content {
            filter: drop-shadow(1px 2px 10px rgba(35, 19, 18, 0.1));
        }

        .ot-009 #sec-recommend-editor-picks .main-item .box-podcast {
            margin-bottom: 30px !important;
        }

            .ot-009 #sec-recommend-editor-picks .main-item .box-podcast .card-content {
                border-top: none;
                min-height: unset;
                height: auto;
                display: flex;
                border-radius: 3px;
                background-color: #fff;
            }

        .ot-009 #sec-recommend-editor-picks .main-item .card-content-img {
            width: 100%;
            height: auto;
            object-fit: cover;
            min-height: unset;
            border-radius: 3px 0px 0px 3px;
        }

        .ot-009 #sec-recommend-editor-picks .main-item .box-podcast .box-text {
            border-top: 5px solid #fdd200;
            max-width: 34.3%;
            position: relative;
            padding: 24px 24px 16px;
        }

        .ot-009 #sec-recommend-editor-picks .main-item .card-content-type {
            margin-bottom: 10px;
        }

        .ot-009 #sec-recommend-editor-picks .main-item .card-content-title {
            margin-bottom: 10px;
        }

        .ot-009 #sec-recommend-editor-picks .main-item .card-readmore {
            position: absolute;
            bottom: 10px;
            width: 100%;
        }

        .ot-009 #sec-recommend-editor-picks .main-item a#btnShare {
            position: absolute;
            right: 50px;
            bottom: 5px;
        }

        .ot-009 #sec-recommend-editor-picks .main-item .card-content-type {
            font-size: 12px;
            line-height: 30px;
        }

        .ot-009 #sec-recommend-editor-picks .card-content-readmore {
            font-size: 14px;
            line-height: 30px;
        }

        .ot-009 #sec-recommend-editor-picks .item {
            margin-bottom: 30px;
        }

            .ot-009 #sec-recommend-editor-picks .item:nth-last-child(-n+4) {
                margin-bottom: 0px;
            }

        .ot-009 .icon-editor {
            margin-right: 8px;
        }

        .ot-009 .container--content.container-yt {
            margin-bottom: 40px;
        }

        .ot-009 #sec-recommend-yt .title {
            margin-bottom: 16px !important;
        }

            .ot-009 #sec-recommend-yt .title.youtube-tab-playlist {
                margin-bottom: 0px !important;
            }

        .ot-009 #sec-recommend-editor-picks .main-item .card-content-title h4 {
            color: #222;
            font-family: "Krungsri-Condensed-Bold";
            font-size: 24px;
            letter-spacing: 0;
            line-height: 36px;
            margin-bottom: 0;
            height: unset;
        }

        .ot-009 #sec-recommend-editor-picks .item:not(.main-item) .card-content-detail {
            display: none;
        }

        .ot-009 #sec-recommend-editor-picks .main-item .box-text img.icon-clock {
            bottom: 4px;
        }

        .ot-009 #sec-recommend-editor-picks .item:not(.main-item) .box-text img#shareImageIcon {
            margin-bottom: 8px;
        }

        .ot-009 .container--content.container-plearn {
            margin-bottom: 40px;
        }

        .ot-009 #sec-recommend-plearn .title h2 {
            margin-bottom: 24px;
        }

        .ot-009 #sec-recommend-plearn .title-txt h3 {
            font-family: 'Krungsri-Condensed-bold';
            font-style: normal;
            font-weight: 700;
            font-size: 20px;
            line-height: 30px;
            color: #ffd400;
        }

        .ot-009 #sec-recommend-plearn .title-more {
            font-family: 'Thongterm';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 30px;
            color: #fff;
        }

            .ot-009 #sec-recommend-plearn .title-more:hover {
                color: #f76f00;
            }

        .ot-009 .box-podcast:last-child {
            margin-bottom: 0px !important;
        }

        .ot-009 #sec-recommend-plearn .title-type {
            margin-bottom: 24px;
        }

        .ot-009 #sec-recommend-plearn .box-text img#shareImageIcon {
            margin-bottom: 8px;
        }

        .ot-009 .box-podcast .card-content {
            border-top: none;
            min-height: unset;
            height: 130px;
            display: flex;
            border-radius: 3px;
            background-color: #fff;
        }

        .ot-009 .card-content-img {
            width: 130px;
            height: 130px;
            object-fit: cover;
            min-height: unset;
            border-radius: 3px 0px 0px 3px;
        }

        .ot-009 .card-content-type {
            font-family: 'Thongterm';
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            line-height: 30px;
            color: #5a5a5a;
            padding:0;
        }

        .ot-009 .card-content-title { 
            padding: 0;
        }

        .ot-009 .box-podcast .box-text {
            padding: 10px;
            /*padding: 8px 10px 8px 8px;*/
            padding: 8px 10px 8px 10px;
            min-width: 240px;
            width:100%;
        }

        .ot-009 .card-content-name {
            display: none;
        }

        .ot-009 .card-content-title h4 {
            white-space: break-spaces;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .ot-009 .card-content-title h4 {
            font-family: 'Krungsri-Condensed-bold';
            font-size: 16px;
            line-height: 24px;
            height: 46px;
        }

        .ot-009 .card-content-readmore {
            font-family: 'Thongterm';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 30px;
            width: 100%;
            position: relative;
        }

        .ot-009 .box-text img.icon-clock {
            width: 12px;
            height: 12px;
            bottom: 4px;
            margin-right: 0px;
            position: relative;
        }

        .ot-009 .box-text img#shareImageIcon {
            width: 11px;
            height: 12px;
        }

        .ot-009 .default.text.item-select .item {
            font-family: 'Krungsri-Condensed-bold';
            font-weight: 700;
            font-size: 16px;
            line-height: 27px;
            color: #222;
        }

        .ot-009 .ui.dropdown.the-coach-dropdown-mobile > .text {
            font-family: 'Krungsri-Condensed-bold';
            font-weight: 700;
            font-size: 16px;
            line-height: 27px;
            color: #222 !important;
        }

        .ot-009 .ui.selection.dropdown.the-coach-dropdown-mobile .menu > .item {
            font-family: 'Thongterm';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 34px;
            color: #5a5a5a;
            height: 44px;
            padding: 8px 20px 8px 16px !important;
        }

        .ot-009 .ui.dropdown.the-coach-dropdown-mobile .menu .active.item {
            font-family: 'Krungsri-Condensed-bold';
            font-weight: 700;
            font-size: 16px;
            line-height: 27px;
            color: #222;
            background-color: #fdd200;
            height: 44px;
            padding: 8px 20px 8px 16px !important;
        }

        .ot-009 .ui.fluid.dropdown.the-coach-dropdown-mobile {
            display: block;
            width: 100%;
            min-width: 0em;
            height: 44px;
            padding: 8px 20px 8px 16px;
        }

        .ot-009 .youtube-container.youtube-gallery {
            position: relative;
        }

        .ot-009 .youtube-gradient:after {
            content: ' ';
            position: absolute;
            left: 0;
            right: 0;
            height: 83px;
            bottom: 0;
            width: 100%;
            background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 100%);
            z-index: 1;
        }

        .ot-009 .youtube-container.youtube-gallery .card-content:last-child {
            position: relative;
            z-index: 5;
        }

        .ot-009 .container--content .card-info .content.ytContent {
            padding-left: 16px;
        }

        .ot-009 button.close {
            color: #000;
            text-decoration: none;
        }

        .ot-009 i.far.fa-play-circle {
            left: 15% !important;
        }

    @media (max-width: 1199px) {
        .ot-009 .nav-menu-mobile {
            padding-top: 0;
            padding-bottom: 0;
            top: 0px;
            margin-top: 0;
            margin-bottom: 0;
            position: relative;
        }

        .ot-009 .list-group .list-group-item {
            border-bottom: 1px solid #f3f3f3;
        }

        .ot-009 .nav-secondary-menu .sub {
            border-bottom: 1px solid #f3f3f3;
        }

        .ot-009 .box-podcast .box-text {
            min-width: unset;
        }
    }

    @media screen and (max-width: 768px) {
        .ot-009 {
            /*sec-1*/
            /*sec3*/
            /*#sec-recommend-editor-picks .item .box-podcast:last-child{
			 margin-bottom: 24px !important;
		}
		*/
            /*yt*/
            /*btnShare*/ 
        }

        .background-other .ot-009 {
            padding-left: 15px;
            padding-right: 15px;
        }

            .ot-009 body {
                padding-top: 56px;
            }

            .ot-009 .search-area {
                padding-bottom: 16px;
                padding-top: 16px;
            }

            .ot-009 #sec-recommend-editor-picks .main-item .card-content-title h4 {
                font-size: 18px;
            }

            .ot-009 .container--content.container-editor {
                margin-bottom: 8px !important;
            }

            .ot-009 #sec-recommend-editor-picks .title h2 {
                margin-bottom: 16px;
            }

            .ot-009 #sec-recommend-editor-picks .main-item .box-podcast {
                margin-bottom: 16px !important;
            }

            .ot-009 #sec-recommend-editor-picks .item .box-podcast {
                margin-bottom: 16px !important;
            }

            .ot-009 #sec-recommend-editor-picks .main-item .box-podcast .card-content {
                border-top: none;
                min-height: unset;
                height: auto;
                display: block;
            }

            .ot-009 #sec-recommend-editor-picks .main-item .box-podcast .box-text {
                border-top: unset;
                max-width: unset;
                position: relative;
                padding: 8px 10px 10px;
            }

            .ot-009 #sec-recommend-editor-picks .main-item .card-content-type {
                margin-bottom: 1px;
            }

            .ot-009 #sec-recommend-editor-picks .main-item .card-content-title {
                margin-bottom: 0;
            }

            .ot-009 .card-content-detail {
                display: none;
            }

            .ot-009 #sec-recommend-editor-picks .main-item .card-readmore {
                position: relative;
                bottom: 0;
                width: 100%;
            }

            .ot-009 #sec-recommend-editor-picks .main-item a#btnShare {
                position: relative;
                right: unset;
                bottom: 6px;
            }

            .ot-009 #sec-recommend-editor-picks .main-item .card-content-title h2 {
                font-size: 18px;
                letter-spacing: 0;
                line-height: 30px;
            }

            .ot-009 #sec-recommend-editor-picks .main-item .card-content-type {
                font-size: 14px;
                line-height: 30px;
            }

            .ot-009 #sec-recommend-editor-picks .card-content-readmore {
                font-size: 12px;
                line-height: 26px;
            }

            .ot-009 #sec-recommend-editor-picks .main-item .card-content-readmore {
                font-size: 14px;
                line-height: 30px;
            }

            .ot-009 #sec-recommend-editor-picks .item {
                margin-bottom: 0px;
            }

            .ot-009 .icon-editor {
                margin-right: 10px;
                height: 29.54px;
                width: 31px;
            }

            .ot-009 #sec-recommend-plearn .title h2 {
                margin-bottom: 24px;
            }

            .ot-009 #sec-recommend-plearn .title-type {
                margin-bottom: 16px;
            }

            .ot-009 .container--content.container-plearn {
                margin-top: 24px;
                margin-bottom: 24px;
            }

            .ot-009 #sec-recommend-plearn .title .title-txt h3 {
                font-size: 18px;
            }

            .ot-009 #sec-recommend-plearn .title-more {
                font-size: 14px;
            }

            .ot-009 #sec-recommend-plearn .title .title-more {
                font-size: 14px;
            }

            .ot-009 .box-podcast .card-content {
                height: 110px;
            }

            .ot-009 .card-content-img {
                width: 110px;
                height: 110px;
                object-fit: cover;
                min-height: unset;
                border-radius: 3px 0px 0px 3px;
            }

            .ot-009 .card-content-type {
                font-size: 12px;
                line-height: 26px;
            }

        .ot-009 .card-content-title h4 {
            color: #222;
            font-family: 'Krungsri-Condensed-bold';
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 0;
            padding: 0;
        }

            .ot-009 .box-podcast .box-text {
                padding: 3px 10px 4px 10px;
                min-width: 220px;
            }

            .ot-009 .box-text img.icon-clock {
                width: 14px;
                height: 14px;
                bottom: 3px;
            }

            .ot-009 .card-content-readmore {
                font-size: 12px;
                line-height: 26px;
            }

            .ot-009 .box-podcast:last-child {
                margin-bottom: 16px !important;
            }

            .ot-009 #sec-recommend-plearn .title-txt h3 {
                font-size: 18px;
            }

            .ot-009 .container--content.container-yt {
                margin-top: 16px;
                margin-bottom: 8px;
            }

            .ot-009 #sec-recommend-yt .title.youtube-tab-playlist {
                margin-bottom: 16px !important;
            }

            .ot-009 .youtube-gradient:after {
                content: none;
            }

            .ot-009 .container--content .card-info .image.ytImage {
                margin-left: 16px;
            }

            .ot-009 .container--content .card-info .content.ytContent {
                padding-left: 16px;
                padding-right: 16px;
            }

            .ot-009 a#btnShare {
                position: relative;
                bottom: 5px;
            }

            .ot-009 #sec-recommend-plearn .box-text img#shareImageIcon,
            .ot-009 #sec-recommend-editor-picks .item:not(.main-item) .box-text img#shareImageIcon {
                margin-bottom: 4px;
            }
    }

    @media screen and (max-width: 576px) {
        .ot-009 .box-podcast .box-text {
            padding: 3px 10px 4px 10px;
            width: 100%;
        }
    }

    /* #endregion */

    /* #region OT-016 */
    .ot-016 .block-credit {
        z-index: 99;
        display: inline-block;
        background-color: #fff;
        padding: 0;
        max-width: 370px;
        width: 100%;
        max-height: 152px;
        cursor: pointer;
        padding: 12px;
    }

        .ot-016 .block-credit:first-child {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        .ot-016 .block-credit:last-child {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

    .ot-016 .box-line {
        border-right: solid 3px #f3f3f3;
        margin-left: 13.5px;
        margin-right: 13.5px;
        margin-top: 16px;
        margin-bottom: 16px;
        max-width: max-content;
        padding: 0;
    }

    .ot-016 .text-content-interest {
        font-size: 20px;
        line-height: 30px;
        font-family: Krungsri-Condensed-Bold;
        color: #222;
        width: calc(100% - 79px);
        float: left;
    }

    .ot-016 .interest-text {
        clear: both;
    }

    .ot-016 .text-interest {
        font-size: 16px;
        line-height: 34px;
        font-family: Thongterm-Roman;
        color: #5a5a5a;
    }

    .ot-016 .text-percent {
        font-size: 32px;
        line-height: 48px;
        font-family: Krungsri-Condensed-Bold;
        color: #ffd400;
        padding-top: 15px;
    }

    .ot-016 .interest-text.text-note .text-desc2 {
        font-family: Thongterm-Roman;
        font-size: 14px;
        line-height: 26px;
        color: #949494;
        padding-top: 26px;
    }

    .ot-016 .interest-text.text-note .shape {
        float: right;
        bottom: 21px;
        right: 5px;
        position: relative;
    }

    .ot-016 .interest-text i {
        color: #5b5b5b;
    }

    .ot-016 img.icon-credit {
        width: 56px;
        height: auto;
        position: relative;
        float: right;
    }

    .ot-016 .shape {
        float: right;
        bottom: 32px;
        right: 5px;
        position: relative;
    }

    .ot-016 .block-credit-mobile {
        display: inline-block;
        background-color: #fff;
        padding: 20px 35px;
        border-radius: 3px;
        width: 212px;
        height: auto;
        box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
    }

    .ot-016 .owl-carousel .owl-item img.icon-credit-mobile {
        display: block;
        width: 66px;
        margin: 10px 35px;
        float: none;
    }

    .ot-016 .text-credit-mobile {
        text-align: center;
    }

    .ot-016 .owl-carousel {
        margin: 0 auto;
    }

    .ot-016 .container--contentInterest .mobile-credit .owl-stage-outer {
        height: calc(130%);
        margin: -15px;
        padding: 15px;
        width: calc(115%);
    }

    .ot-016 .block-credit {
        transition: all 0.8s ease-in-out;
        border: 4px solid #fff;
    }

        .ot-016 .block-credit:hover {
            transform: scale(1.1);
        }

        .ot-016 .block-credit:hover {
            border: 4px solid #ffd400;
            border-radius: 3px;
        }

    .ot-016 .desktop-credit {
        position: relative;
    }

    .ot-016 .desktop-credit {
        border-radius: 3px;
        background: #fff;
        box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, .1);
        padding: 0;
    }

    @media screen and (max-width: 991px) and (min-width:768px) {
        .ot-016 .block-credit {
            padding: 8px;
            max-width: none;
            width: 32.9%
        }

        .ot-016 .box-line {
            border-right: solid 2px #f3f3f3;
            margin-left: 1px;
            margin-right: 1px;
            margin-top: 16px;
            margin-bottom: 16px
        }

        .ot-016 img.icon-credit {
            width: 40px
        }

        .ot-016 .text-content-interest {
            font-size: 14px;
            line-height: 24px;
            width: calc(100% - 50px)
        }

        .ot-016 .text-interest {
            font-size: 14px;
            line-height: 28px
        }

        .ot-016 .text-percent {
            font-size: 24px;
            line-height: 40px
        }
    }

    @media (max-width: 767px) {
        .ot-016 .mobile-credit .swiper {
            padding: 15px;
            margin-left:-15px;
            margin-right:-15px;
        }

        .ot-016 .mobile-credit .swiper-slide {
            width: auto;
        }

        .ot-016 .item.boxcontent-mobile {
            box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, .1);
        }

        .ot-016 .block-credit-mobile {
            padding: 12px 11px 14px 11px;
            width: 100%;
            height: 217px;
            border: 4px solid #fff;
            transition: all .6s ease-in-out;
            box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, .1);
            min-width: 320px;
        }

            .ot-016 .block-credit-mobile:hover {
                border: 4px solid #ffd400
            }

        .ot-016 .swiper img.icon-credit-mobile {
            width: 56px;
            margin: 0 0 4px 0
        }

        .ot-016 .text-credit-mobile .text-content-interest {
            font-size: 18px;
            line-height: 30px;
            margin-bottom: 4px;
            width: 100%;
        }

        .ot-016 .text-credit-mobile .text-content-interestdetail {
            font-size: 16px;
            line-height: 34px;
            color: #5a5a5a;
            clear: both;
            float: left;
            width: 100%
        }

        .ot-016 .text-credit-mobile.text-note .text-desc2 {
            font-family: 'Thongterm-Roman';
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            color: #949494;
            padding-top: 31px;
            clear: both
        }

        .ot-016 .text-credit-mobile .text-percent {
            font-size: 32px;
            line-height: 55px;
            clear: both;
            padding-top: 18px
        }
    }

    /* #endregion */

    /* #region OT-017 */
    .ot-017 .item {
        margin-bottom: 6px;
    }

        .ot-017 .item .inner {
            display: inline-block;
            background-color: #fff;
            padding: 16px;
            border-radius: 3px;
            box-shadow: 1px 2px 10px 0 rgba(35, 19, 18, .1);
            color: #5a5a5a;
        }

            .ot-017 .item .inner .left {
                float: left;
                width: calc(100% - 24px);
            }

                .ot-017 .item .inner .left h3 {
                    margin-bottom: 4px;
                }

                .ot-017 .item .inner .left .text-detail {
                    line-height: 34px;
                    height: 34px;
                }

            .ot-017 .item .inner .right {
                float: left;
                width: 16px;
                text-align: right;
                margin-left: 8px;
            }

                .ot-017 .item .inner .right i {
                    color: #5b5b5b;
                }

            .ot-017 .item .inner .left .img {
                width: 56px;
                max-width: 56px;
                float: left;
                margin-right: 18px;
            }

            .ot-017 .item .inner .line-top {
                height: 4px;
                width: 60px;
                background-color: #fdd400;
                margin-bottom: 8px;
                transition: all .8s;
            }

            .ot-017 .item .inner .line-top-none {
                margin-bottom: 10px;
            }

        .ot-017 .item:hover .inner .line-top {
            width: 100%;
            transition: all .8s;
        }

    @media(max-width: 767px) {
        .ot-017 .item {
            margin-bottom: 0;
            width: 50%;
            float: left;
        }

            .ot-017 .item .inner {
                box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, .1);
            }

            .ot-017 .item.box-right-mobile:first-child {
                padding-right: 4px;
            }

            .ot-017 .item.box-right-mobile:last-child {
                padding-left: 4px;
            }

            .ot-017 .item .inner-mobile .img-center-mobile {
                border-radius: 3px;
                background: #fff;
                box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, .1);
                height: 104px;
                padding-top: 20px;
                border: 4px solid #fff;
                margin-bottom: 8px;
            }

            .ot-017 .item:hover .inner-mobile .img-center-mobile {
                border: 4px solid #fdd400;
            }

            .ot-017 .item .title-mobile {
                text-align: center;
            }

                .ot-017 .item .title-mobile h3 {
                    line-height: 33px;
                }

                .ot-017 .item .title-mobile div {
                    font-size: 16px;
                    line-height: 29px;
                    color: #5a5a5a;
                }
    }

    /* #endregion */


    /* #region OT-004 */
    .ot-004 .block-file {
        border-bottom: 1px solid #e8e8e8;
        margin-top: 16px;
        min-height: 46px;
    }

    .ot-004 .pdf-icon {
        border-radius: 3px;
        background-color: #ffc800;
        color: #fff;
        font-size: 13px;
        line-height: 20px;
        text-align: center;
        font-weight: 700;
        width: 34px;
        margin: auto;
        padding-right: 6px;
        padding-left: 6px;
    }

    .ot-004 .filename {
        color: #5a5a5a;
        line-height: 34px;
    }

    .ot-004 .vdo-icon {
        border-radius: 3px;
        background-color: #f00;
        color: #fff;
        font-size: 13px;
        line-height: 20px;
        text-align: center;
        font-weight: 700;
        width: 34px;
        margin: auto;
        padding-right: 6px;
        padding-left: 6px;
    }


    .ot-004 .kma-content .title {
        margin-top: 80px;
        margin-bottom: 25px !important;
    }

    /* #endregion */

    /*---CI-025---*/
    .item-336 .swiper-container {
        width: 100%;
        overflow: hidden;
        max-width: 100vw;
    }

    .item-336 .article-slide-item {
        background-size: cover !important;
        background-repeat: repeat-x !important;
        background-position-x: center !important;
        background-position-y: top !important;
    }

    .item-336 .article-slide-item {
        display: flex;
        align-items: flex-end;
        height: 336px;
    }

    .item-336 .swiper-pagination {
        position: unset;
        margin-top: 12px;
    }

    .item-336 .swiper-pagination-bullet {
        background-color: transparent;
        width: 12px;
        height: 12px;
    }

    .item-336 .swiper-pagination-bullet-active {
        background-color: #ffd400;
        width: 12px;
        height: 12px;
    }

    .item-336 .article-text h2.article-title {
        color: #fff;
    }

    .item-336 .article-slide-item {
        height: 336px;
    }

    @media (max-width: 768px) {
        .item-336 .article-slide-item {
            height: 208px !important;
        }
    }

    .item-336 .mb-16px-all {
        margin-bottom: 16px;
    }

    .item-336 .article-text {
        padding: 15px;
        color: #fff;
        width: 100%;
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(0, 0, 3, 16.55));
    }

    @media (max-width: 768px) {
        .item-336 .article-text {
            position: relative;
            padding: 15px;
            color: #fff;
            width: 100%;
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, .55));
        }
    }

    /*---CI-025---*/

    /*---CI-024---*/

    .ci-024 .recommend-card {
        background-color: #fff;
        border-radius: 3px;
        /*box-shadow: 1px 2px 20px rgba(35, 19, 18, 0.05);*/
    }

    .ci-024 h2 {
        margin-bottom: 25px;
    }

    .ci-024 .recommend-card .recommend-card-detail {
        padding-top: 25px;
        padding-bottom: 25px;
    }

        .ci-024 .recommend-card .recommend-card-detail .recommend-card-detail-description .description {
            line-height: 34px;
        }

        .ci-024 .recommend-card .recommend-card-detail .recommend-card-detail-description > .btn {
            margin-top: 0;
            position: absolute;
            bottom: 24px;
        }

    .ci-024 .article-more {
        position: absolute;
        bottom: 15px;
    }

    .ci-024 .recommend-card-image img {
        width: 100%;
        display: block;
    }

    .ci-024 .swiper-pagination {
        position: relative;
        margin-top: 40px;
        top: 0px;
    }

        .ci-024 .swiper-pagination .swiper-pagination-bullet {
            margin: 5px 7px;
            background: #d6d6d6;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px;
            width: 13px;
            height: 13px;
            margin-left: 12px !important;
            margin-right: 12px !important;
            background: transparent;
            border: 2px solid #8f8f8f;
            opacity: 1;
            cursor: pointer;
        }

            .ci-024 .swiper-pagination .swiper-pagination-bullet:hover {
                background: #ffd400;
                border: 2px solid #ffd400;
            }

        .ci-024 .swiper-pagination .swiper-pagination-bullet-active {
            background: #ffd400;
            border: 2px solid #ffd400;
        }

    @media screen and (max-width: 767px) {
        .ci-024 .container--content .card-info .image {
            overflow: hidden;
            height: 110px;
        }

            .ci-024 .container--content .card-info .image picture img {
                width: auto;
                height: 110px;
            }
    }

    /*---CI-024---*/

    /*CI-020*/
    .ci-020 .swiper-button-next {
        background-image: url("/content/images/gulu-next.png");
    }

    .ci-020 .swiper-button-prev {
        background-image: url("/content/images/gulu-prev.png");
    }

    .ci-020 .swiper-container {
        overflow: hidden;
    }

    .ci-020 .swiper-pagination-bullet {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #f1e9c8;
        border: none;
        border-radius: 10px;
        max-width: 10px
    }

    .ci-020 .swiper-pagination-bullet-active {
        background-color: #ffd300;
    }

    .ci-020 .b__step-table .num p {
        width: 40px;
        border-radius: 50%;
        font-size: 24px;
        height: 40px;
        line-height: 40px;
        background-color: #dbdbdb;
        text-align: center;
        margin: 0 auto;
        color: #999;
    }

    .ci-020 .b__step-table tr.active .num p,
    .b__step-table tr:hover .num p {
        background-color: #ffda00;
        color: #000;
    }

    .ci-020 .how-to-sub {
        background-color: #736762;
    }

    .ci-020 .b__step-table.table td {
        vertical-align: middle;
        border-top: 0;
        border-bottom: 1px solid #908682;
        padding: 8px .75rem;
        background-color: unset !important;
    }

    .ci-020 .swiper {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .ci-020 .swiper-button-next,
    .ci-020 .swiper-button-prev {
        width: 32px;
        height: 32px;
        background-color: #ffd400;
        border-radius: 50%;
        font-weight: 900;
        font-size: 18px;
        color: #5e5e5e
    }

        .ci-020 .swiper-button-next:after,
        .ci-020 .swiper-button-prev:after {
            font-size: unset !important;
        }

    .ci-020 .b__step-box {
        padding: 20px 0;
    }

    .ci-020 .table tbody tr:nth-of-type(odd),
    .ci-020 .table tbody tr:nth-of-type(even) {
        background: unset !important;
    }

    .ci-020 .b__step-table tr.active h5,
    .ci-020 .b__step-table tr:hover h5 {
        color: white;
    }

    .ci-020 .how-to-sub h5 {
        margin: 40px 0 0 0;
        color: white;
    }

    /*CI-020*/
    /*CI-010*/
    .bg-podcast.sec-podcast {
        background-color: #534242;
        padding: 10px 0 1px 0;
    }

    .bg-podcast .container--content {
        margin-top: 24px;
        margin-bottom: 40px;
        padding: 16px;
    }

    .bg-podcast .container--content {
        margin: auto;
        margin-top: 40px;
        margin-bottom: 80px;
        max-width: 1170px;
    }

    .bg-podcast .pl-0,
    .bg-podcast .px-0 {
        padding-left: 0 !important;
    }

    .bg-podcast .pr-0,
    .bg-podcast .px-0 {
        padding-right: 0 !important;
    }

    .bg-podcast .ho-pd-rl-m {
        padding-left: 0;
        padding-right: 0;
    }

    .bg-podcast .align-middle {
        align-items: center;
    }

    .bg-podcast .justify-content-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .bg-podcast .d-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .bg-podcast .align-middle {
        vertical-align: middle !important;
    }

    .bg-podcast .ho-podcast-img {
        width: 350px;
        height: 50px;
    }

    .bg-podcast a {
        text-decoration: none;
        background-color: transparent;
    }

    .bg-podcast .ho-title-more {
        color: #f76f00;
        font-family: "Thongterm-Roman";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
    }

    .bg-podcast .ho-head-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly !important;
    }

    .bg-podcast .ho-podcast-wd {
        width: 370px;
    }

    @media screen and (min-width: 1200px) {
        .bg-podcast .mr-30px-xl {
            margin-right: 30px;
        }
    }

    .bg-podcast .mt-24px-all {
        margin-top: 24px;
    }

    .bg-podcast .card-content-podcast {
        min-height: 473px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
        border-top: unset;
    }

    .bg-podcast .mb-30px-all {
        margin-bottom: 30px;
    }

    .bg-podcast .card-content-type {
        color: #5a5a5a;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        font-weight: bold;
        padding: 16px 16px 8px 16px;
        text-align: left;
    }

    .bg-podcast .card-content-title {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 18px;
        font-weight: bold;
        height: 60px;
        padding: 0 16px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: left;
    }

    .bg-podcast .card-content-name {
        padding: 15px 16px 0 16px;
        color: #000;
        font-family: Thongterm-Roman;
        font-size: 14px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-align: left;
    }

    .bg-podcast .bottom-bar-content {
        display: none;
    }

    .bg-podcast .mg-rm {
        margin-right: unset;
        margin-left: unset;
    }

    .bg-podcast .card-content-readmore {
        color: #5a5a5a;
        font-family: Thongterm-Roman;
        font-size: 14px;
    }

    .bg-podcast .pd-rl-16px {
        padding-right: 16px;
        padding-left: 16px;
    }

    .bg-podcast .row-podcast {
        text-align: unset !important;
        margin-bottom: auto !important;
        display: flex;
    }

    .bg-podcast .hide-pc {
        display: none;
    }

    .bg-podcast .card-content {
        min-height: 473px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
        border-top: 7px solid #ffd400;
    }

    .bg-podcast .card-content-img {
        width: 100%;
        min-height: 270px;
        object-fit: cover;
    }

    .bg-podcast .ckContent div:nth-child(n+3) .card-content {
        border-top: none;
        min-height: unset;
        height: 110px;
        display: flex;
    }


        .bg-podcast .ckContent div:nth-child(n+3) .card-content .card-content-name {
            display: none;
        }

        .bg-podcast .ckContent div:nth-child(n+3) .card-content .card-content-type {
            display: none;
        }

        .bg-podcast .ckContent div:nth-child(n+3) .card-content .card-content-title {
            padding: 8px;
        }

        .bg-podcast .ckContent div:nth-child(n+3) .card-content .bottom-bar-content {
            display: flex;
            padding: 12px 8px;
        }

        .bg-podcast .ckContent div:nth-child(n+3) .card-content .bottom-bar {
            display: none;
        }

        .bg-podcast .ckContent div:nth-child(n+3) .card-content .card-content-img {
            width: 110px;
            height: 110px;
            object-fit: cover;
            min-height: unset;
        }

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

        .bg-podcast .hide-pc {
            display: inline !important;
        }

        .bg-podcast .mg-rl-16px-m {
            margin-left: 16px;
            margin-right: 16px;
        }

        .bg-podcast .ho-podcast-wd {
            width: 100%;
        }
    }

    /*CI-010*/

    /*CI-018*/

    .ci018 .swiper-pagination-bullet-active {
        opacity: var(--swiper - pagination - bullet - opacity, 1);
        background: var(--swiper - pagination - color, var(--swiper - theme - color));
        background-color: #ffd50c;
        border: 1px solid #ffd400 !important;
    }

    .ci018 .swiper-button-next,
    .ci018 .swiper-button-prev {
        opacity: 1;
        top: 46%;
    }

    .ci018 .swiper-button-next {
        /*    background-image: url("/content/images/gulu-next.png");*/
        height: 32px;
        width: 32px;
        background-color: #c7c7c7;
        border-radius: 50% !important;
        top: 35%;
        box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0.2);
    }

    .ci018 .swiper-button-prev {
        /*    background-image: url("/content/images/gulu-prev.png");*/
        height: 32px;
        width: 32px;
        background-color: #c7c7c7;
        border-radius: 50% !important;
        top: 35%;
        box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0.2);
    }

        .ci018 .swiper-button-prev:after,
        .ci018 .swiper-button-next:after {
            content: unset !important;
        }

    .ci018 .swiper-pagination-bullet-active {
        opacity: var(--swiper - pagination - bullet - opacity, 1);
        background: var(--swiper - pagination - color, var(--swiper - theme - color));
        background: #ffd400 !important;
        border: 1px solid #ffd400 !important;
    }

    .ci018 .swiper-pagination-bullet {
        color: inherit !important;
        border: none !important;
        padding: 0 !important;
        font: inherit !important;
        width: 12px !important;
        height: 12px !important;
        border: 2px solid #8f8f8f !important;
        background: var(--swiper-pagination-bullet-inactive-color, #fff);
        opacity: unset;
    }

    .ci018 .txt_h {
        font-size: 18px;
        line-height: 30px;
        background-color: #ffd400;
        padding: 8px 16px;
        font-family: Krungsri-Condensed-Medium;
        margin-bottom: 8px;
    }

    .ci018 .top-20 {
        top: 20%;
    }

    .ci018 .num-icon {
        background-color: #ffd400;
        width: 30px;
        border-radius: 50%;
        margin: auto;
    }

    @media (max-width: 576px) {
        .ci018 .top-20 {
            top: 0;
        }
    }

    /*CI-018*/

    /* #region CI-030 */
    .ci-030 .card {
        background-color: #fff;
        border-radius: 3px;
        box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, .1);
        border: 0;
        padding: 12px 12px 20px 12px;
        border: 4px solid #fff !important;
        transition: all .6s ease-in-out;
    }

    @media (max-width: 768px) {
        .ci-030 .card {
            padding: 16px;
        }

        .ci-030 .moblie-line {
            border-bottom: 1px solid #e8e8e8;
            margin-bottom: 16px;
            width: 100%;
        }
    }

    .ci-030 .card .text-title {
        font-family: Krungsri-Condensed-Medium;
        color: #222;
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 0px;
    }

    .ci-030 .card h3 {
        margin-bottom: 16px;
    }

    .ci-030 .card .text-detail {
        color: #5A5A5A;
        font-family: Thongterm-Roman;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 30px;
    }

        .ci-030 .card .text-detail a {
            color: #5A5A5A;
        }

    @media only screen and (max-width: 767px) {
        .container--content .ci-030 .news-item {
            display: none; /* ซ่อนทั้งหมด */
        }

            .container--content .ci-030 .news-item:nth-of-type(1) {
                display: block; /* แสดงเฉพาะอันแรก */
            }
    }

    @media(max-width: 767px) {
        .ci-030 .card .text-title {
            font-family: Krungsri-Condensed-Medium;
            color: #222222;
            font-size: 16px;
            line-height: 26px;
        }

        .ci-030 .card .text-detail {
            color: #5A5A5A;
            font-family: Thongterm-Roman;
            font-size: 16px;
            letter-spacing: 0;
            line-height: 30px;
        }

            .ci-030 .card .text-detail a {
                color: #5A5A5A;
            }

        .ci-030 .card .text-ellipsis-m {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
        }

        .ci-030 .card .text-ellipsis-2line {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            white-space: normal;
        }
    }

    /* #region CI-030 */

    /* #region CI-038 */
    .ci-038 h2 {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        letter-spacing: 0;
        line-height: 36px;
        margin-bottom: 0;
    }

    .ci-038 .txt-title-1 {
        color: #222;
        font-family: Krungsri-Condensed-Bold;
        font-size: 24px;
        line-height: 36px;
        padding-bottom: 40px;
    }

    .ci-038 .pb-40px-all {
        padding-bottom: 40px;
    }

    .ci-038 .pb-40px-all {
        padding-bottom: 40px;
    }

    .ci-038 .mt-40px-all {
        margin-top: 40px;
    }

    .ci-038 .text-center {
        text-align: center !important;
    }

    .ci-038 .row {
        text-align: unset !important;
        margin-bottom: auto !important;
    }

    .ci-038 .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }


    .ci-038 .container--content .image {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

        .ci-038 .container--content .image img {
            width: 100%;
            height: auto;
        }

    .ci-038 .img-fluid {
        max-width: 100%;
        height: auto;
    }

    .ci-038 .img-fluid {
        max-width: 100%;
        height: auto;
    }

    .ci-038 .box-get-back .content {
        padding: 20px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
        min-height: 220px;
    }

    .ci-038 .line-yellow-promotion {
        border-color: #ffda00;
        background-color: #FFD400;
        width: 69%;
        margin: 0;
        height: 3px;
        margin-bottom: 15px;
    }

    .ci-038 .height-content {
        height: 55px;
    }


.ci-038 a.btn.btn-primary,
.ci-038 div.btn.btn-primary {
    color: #554242 !important;
    background-color: #ffd400 !important;
    border: solid 0px #e8e8e8 !important;
    height: 44px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 44px;
}

.ci-038 a.btn.btn-MaroonGrey,
.ci-038  div.btn.btn-MaroonGrey {
    color: #ffd400 !important;
    background-color: #6F5F5E !important;
    border: solid 0px #e8e8e8 !important;
    height: 44px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 44px;
}

    .ci-038 .btn.btn-MaroonGrey a {
        color: #ffd400 !important;
    }

    .ci-038 a.btn,
    div.btn {
        width: auto;
        height: 44px;
        border-radius: 5px;
        background-color: #ffffff;
        border: solid 1px #e8e8e8;
        font-family: Krungsri-Condensed-Bold;
        font-size: 16px;
        font-style: normal;
        font-stretch: normal;
        line-height: 27px;
        letter-spacing: normal;
        text-align: center;
        color: #554242;
        outline: none !important;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 10px;
        padding-bottom: 4px;
    }

    .ci-038 .btn {
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: .25rem;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .ci-038 a {
        color: #222222;
    }


    /* #endregion CI-038 */

    /* #region CI-042 */

    .ci-042 .card-info {
        display: inline-block;
        border-radius: 3px;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
        background-color: #FFFFFF;
        width: 100%;
        margin-bottom: 30px;
    }

        .ci-042 .card-info .content {
            padding: 16px;
            height: 158px;
            position: relative;
        }

            .ci-042 .card-info .content .header h2 {
                color: #222222;
                font-family: Krungsri-Condensed-Bold;
                font-size: 24px;
                line-height: 36px;
                margin-bottom: 66px;
            }

            .ci-042 .card-info .content .more-detail {
                position: absolute;
                bottom: 16px;
            }

        .ci-042 .card-info .image {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

    .ci-042 .image img {
        width: auto;
        height: 270px;
    }

    ci-042 .container--content .image img {
        max-width: 370px !important;
        height: 270px !important;
    }


    @media(max-width:767px) {

        .ci-042 .image img {
            width: auto !important;
            max-height: 110px !important;
        }

        .ci-042 .card-info {
            margin-bottom: 8px;
        }

            .ci-042 .card-info .image {
                width: 110px;
                float: left;
                border-top-left-radius: 3px;
                border-top-right-radius: 0px;
                border-bottom-left-radius: 3px;
            }

            .ci-042 .card-info .content {
                padding: 8px;
                width: calc(100% - 110px);
                float: left;
                height: 110px;
            }

                .ci-042 .card-info .content .header h2 {
                    color: #222;
                    font-family: Krungsri-Condensed-Bold;
                    font-size: 16px;
                    line-height: 30px;
                    margin-bottom: 15px;
                }

                .ci-042 .card-info .content .more-detail {
                    position: absolute;
                    bottom: 0;
                }

                .ci-042 .card-info .content .Text-link {
                    font-size: 10px;
                    line-height: 22px;
                }
    }

    /* #endregion CI-042 */


    /* #region CI-044 */
    .ci-044 {
        width: 1160px;
        margin: auto;
    }

        .ci-044 .Litem {
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 30px
        }

        .ci-044 .Ltitle {
            font-size: 17px;
            font-weight: bold;
            min-height: 60px
        }

        .ci-044 .Ldecs {
            min-height: 140px
        }

        .ci-044 .Ltitle {
            font-size: 17px;
            font-weight: bold;
            min-height: 60px
        }

        .ci-044 .Ldecs {
            padding: 16px;
            min-height: 140px;
            background: #fff;
            box-shadow: 0 3px 8px #0000001a;
            border-radius: 0 0 3px 3px
        }

        .ci-044 .Ldate {
            padding-bottom: 0
        }

            .ci-044 .Ldate span {
                color: #c6bfbf
            }

        .ci-044 .Ltitle a {
            font-size: 14px;
            color: #222
        }

        .ci-044 .Ldecs .Text-link {
            text-decoration: none;
            position: relative;
            top: 5px;
            padding-top: 10px;
        }

        .ci-044 .Lcover img {
            border-radius: 3px 3px 0 0
        }

        .ci-044 a.btn-Yellow {
            background-color: unset;
            color: #f76f00;
            text-decoration: none;
            position: relative;
            top: 5px;
            border: unset;
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 0;
            font-family: Thongterm-Roman;
            font-size: 14px;
            line-height: 30px;
            font-weight: normal
        }

            .ci-044 a.btn-Yellow:hover {
                background-color: unset;
                color: #de6400;
                text-decoration: none;
                border: unset !important;
                box-shadow: unset !important
            }

            .ci-044 a.btn-Yellow:active {
                border: unset !important;
                box-shadow: unset !important
            }



    @media only screen and (max-width: 1024px) {
        .ci-044.zoneListcampaign {
            width: 97%;
        }
    }

@media only screen and (max-width: 768px) {
    .ci-044 .Text-link, .ci-044 .Text-link a {
        color: #F76F00;
        font-family: Thongterm-Roman;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 44px;
    }
}

    /* #endregion CI-044 */

    /* #region End CI-046 */

    /*#container--content#*/
    .kma .container--content {
        margin-bottom: 10px;
    }

    /*#recommend-product-zone#*/
    .kma .recommend-product-zone {
        padding-bottom: 10px;
    }

    .ci-046 .kma .viewmore {
        color: #554242;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 30px;
        text-align: center;
        max-width: 270px;
        border: 1px solid #E8E8E8;
        border-radius: 3px;
        background-color: #FFFFFF;
        padding: 6px;
        margin: auto;
        margin-top: 24px;
    }

    @media screen and (max-width: 767px) {
        .ci-046 .kma .recommend-product-zone .recomend-item {
            padding-bottom: 8px;
        }

            .ci-046 .kma .recommend-product-zone .recomend-item:nth-child(2n+1) {
                padding-left: 4.5px;
            }

            .ci-046 .kma .recommend-product-zone .recomend-item:nth-child(2n) {
                padding-right: 4.5px;
            }

            .ci-046 .kma .recommend-product-zone .recomend-item:first-child {
                padding-left: 15px;
                padding-right: 15px;
            }

        .ci-046 .kma .recommend-product-zone {
            padding-bottom: 56px;
        }
    }

    /*#Knowledge#*/
    .ci-046 .kma .knowledge-bock .item .header {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 27px;
    }

    .ci-046 .kma .knowledge-zone .content {
        height: 122px;
    }



    @media screen and (max-width: 991px) {
    }

    @media screen and (max-width: 767px) {
        .ci-046 .kma .knowledge-zone .content {
            height: 70px;
        }

        .ci-046 .kma #knowledge-slide .image {
            width: auto;
            float: none;
        }

        .ci-046 .kma #knowledge-slide .content {
            width: 100%;
            float: none;
            min-height: 64px;
        }

        .ci-046 .kma .knowledge-bock .item .header {
            font-size: 16px;
            letter-spacing: 0;
            line-height: 24px;
        }
    }

    /* #endregion End CI-046 */


    /* #region CI-013 */
    .ci-013 .box-podcast .card-content .card-content-img {
        width: 370px;
        height: 270px;
    }

        .ci-013 .box-podcast .card-content .card-content-img.first {
            width: 100%;
            height: 100%;
            min-height: var(--card-min-height);
        }

    .ci-013 .text-ellipsis-2line {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: normal;
        margin-top: 0;
    }

    .ci-013 h2 {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        letter-spacing: 0;
        line-height: 36px;
        margin-bottom: 0;
    }

    .ci-013 #main-content-rpt .box-podcast .card-content .card-content-img {
        width: 100%;
        height: 100%;
        min-height: var(--card-min-height);
        max-width: 768px;
    }

        .ci-013 #main-content-rpt .box-podcast .card-content .card-content-img.first {
            width: 100%;
            height: 100%;
            min-height: var(--card-min-height);
            max-width: 768.7px;
            min-height: 449.23px;
        }

    @media screen and (max-width: 768px) {
        .ci-013 .box-podcast .card-content .card-content-img.first {
            width: 100%;
            height: 100%;
            min-height: var(--card-min-height);
        }

        .ci-013 .box-podcast .card-content .card-content-img.content {
            width: 110px !important;
            min-height: 110px !important;
        }


        .ci-013 #main-content-rpt .item .box-podcast .card-content .card-content-img {
            width: 110px;
            height: 110px !important;
            /*height: var(--card-height);
        min-height: var(--card-min-height-mobile);*/
        }

        .ci-013 .card-content-img {
            width: 110px;
            height: 110px;
            object-fit: cover;
            min-height: unset;
            border-radius: 3px 3px 0px 0px;
        }

        .ci-013 .card-readmore .shered-first {
            right: 0px !important;
        }
    }

    @media screen and (min-width: 768px) {
        .ci-013 .box-podcast .card-content .card-content-img.first {
            width: 100% !important;
            height: 100% !important;
            min-height: var(--card-min-height);
        }

        .ci-013 .box-podcast .card-content .card-content-img.content {
            max-width: 370px !important;
            height: 270px !important;
        }
    }

    /* #endregion */

    /* #region CI-026 */
    .ci-026 .image img {
        width: 370px;
        height: 270px;
    }

    .ci-026 .pagination .page-item .page-link {
        color: #545454;
    }

    @media screen and (max-width: 767px) {
        .ci-026 .image img {
            width: auto !important;
            height: 110px !important;
        }
    }

    @media screen and (min-width: 768px) {
        .ci-026 .image img {
            width: 370px !important;
            height: 270px !important;
        }
    }

    /* #endregion CI-026 */


    /* #region CI-027 */

    .ci-027 .vocab-header {
        margin-bottom: 25px !important;
    }

    .ci-027 .vocab-header2 {
        margin-bottom: 25px !important;
    } 

    .ci-027 .vocab-content .pagination-store {
        margin-top: 15px;
    }

    .ci-027 .alphabet-mobile-menu {
        margin-top: 25px;
    }

        .ci-027 .alphabet-mobile-menu > div.text {
            font-family: "Thongterm-Bold";
            color: #222;
        } 

.ci-027 .alphabet-item {
    font-family: "Thongterm-Bold";
    margin-right: 10px; 
}

.ci-027 .alphabet-item1 {
    font-family: Thongterm-Roman;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
}

@media screen and (max-width: 767px) {
    .ci-027 .alphabet-item1 {
        margin-top:20px;
    }
}
    .ci-027 .alphabet-item.active {
        color: #f76f00;
    }

    .ci-027 .vocab-card {
        background-color: #fff;
        border-radius: 3px;
        height: 220px;
        box-shadow: rgba(35, 19, 18, 0.05) 1px 2px 20px 0;
        padding: 25px;
        margin-bottom: 30px;
    }

        .ci-027 .vocab-card:hover {
            cursor: pointer;
        }

    .ci-027 .vocab-description {
        margin-top: 15px;
    }

    .ci-027 .vocab-header {
        margin-bottom: 25px !important;
    }


    .ci-027 .vocab-card {
        background-color: #fff;
        border-radius: 3px;
        height: 220px;
        box-shadow: rgba(35, 19, 18, .05) 1px 2px 20px 0;
        padding: 25px;
        margin-bottom: 30px;
    }

    .ci-027 .alphabet-item.active {
        color: #f76f00;
    }

    @media screen and (max-width: 768px) {
        .ci-027 .vocab-card {
            padding: 15px;
        }

        .ci-027 .item-mb.active.selected {
            padding: 3px 18px 0 6px;
        }
    }


    @media screen and (min-width: 768px) {
        .col-12.container--content.ci-027 {
            padding: 0;
        }
    }


    /* #endregion */


    /* #region AI-002 */

    .ai-002 .table tr td {
        background: transparent;
    }

    .ai-002 .card.icon-y.box-document {
        background-color: unset;
        border: 0;
    }

    @media screen and (max-width: 767px) {
        .ai-002 .text-seo .text-seo-detail {
            height: 144px;
        }
    }

    @font-face {
        font-family: 'Thongterm_krungsri2';
        src: url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.eot');
        src: url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.eot') \9;
        src: url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.eot?') format('embedded-opentype'), url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.woff') format('woff'), url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.ttf') format('truetype'), url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.svg') format('svg');
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
    }

    .ai-002 h2,
    .ai-002 h3 {
        font-family: 'Thongterm-Roman' !important;
    }

    .ai-002 button.btn.btn-krugsri-1 {
        height: auto !important;
        line-height: 1.5 !important;
    }

    .ai-002 span#p_lt_ctl06_pageplaceholder_p_lt_ctl03_BoardingCard_lblDate {
        color: #000 !important;
    }

    .ai-002 #lblTitle {
        color: black;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-rate {
        background-color: #ffe57b !important;
    }

    .ai-002 .table thead ~ tbody tr:nth-of-type(odd),
    .ai-002 .table thead ~ tbody tr:nth-of-type(odd) th {
        background: #ffea94;
    }

    .ai-002 .table thead ~ tbody tr:nth-of-type(even),
    .ai-002 .table thead ~ tbody tr:nth-of-type(even) th {
        background: #ffe57b;
    }

    .ai-002 .exchage-rate #p_lt_ctl06_pageplaceholder_p_lt_ctl03_BoardingCard_lblDate {
        padding: 10px 20px;
        display: block;
        width: 100%;
        text-align: right;
    }

    .ai-002 .btn-krugsri {
        height: auto !important;
        line-height: 1.5 !important;
    }

    .ai-002 div#v-pills-home .card {
        padding: 0;
    }

    .ai-002 .table.b__step-table tbody tr:nth-of-type(odd) {
        background: transparent;
    }

    .ai-002 .table.b__step-table tbody tr {
        background: transparent;
    }

    .ai-002 #topbg {
        position: relative;
    }

    .ai-002 .m-t50 {
        margin-top: 50px;
    }

    .ai-002 body {
        overflow-x: hidden;
    }

    .ai-002 a {
        color: black;
    }

        .ai-002 a:hover {
            color: black;
        }

    .ai-002 .preview-area {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #f4f5f0;
        z-index: 2500;
        position: fixed;
    }

    .ai-002 .spinner {
        width: 60px;
        height: 60px;
        margin: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        right: 50%;
        bottom: 50%;
        transform: translate(-50%, -50%);
    }

    .ai-002 .double-bounce1,
    .ai-002 .double-bounce2 {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #412c64;
        opacity: 0.9;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-animation: sk-bounce 2s infinite ease-in-out;
        animation: sk-bounce 2s infinite ease-in-out;
    }

    .ai-002 .double-bounce2 {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    @-webkit-keyframes sk-bounce {

        0%, 100% {
            -webkit-transform: scale(0);
        }

        50% {
            -webkit-transform: scale(1);
        }
    }

    @keyframes sk-bounce {

        0%, 100% {
            transform: scale(0);
            -webkit-transform: scale(0);
        }

        50% {
            transform: scale(1);
            -webkit-transform: scale(1);
        }
    }

    .ai-002 .loader {
        font-size: 10px;
        margin: 50px auto;
        text-indent: -9999em;
        width: 5em;
        height: 5em;
        border-radius: 50%;
        background: #ffcd00;
        background: -moz-linear-gradient(left, #ffcd00 10%, rgba(255, 255, 255, 0) 42%);
        background: -webkit-linear-gradient(left, #ffcd00 10%, rgba(255, 255, 255, 0) 42%);
        background: -o-linear-gradient(left, #ffcd00 10%, rgba(255, 255, 255, 0) 42%);
        background: -ms-linear-gradient(left, #ffcd00 10%, rgba(255, 255, 255, 0) 42%);
        background: linear-gradient(to right, #ffcd00 10%, rgba(255, 255, 255, 0) 42%);
        position: relative;
        -webkit-animation: load3 1.4s infinite linear;
        animation: load3 1.4s infinite linear;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
    }

        .ai-002 .loader:before {
            width: 50%;
            height: 50%;
            background: #ffcd00;
            border-radius: 100% 0 0 0;
            position: absolute;
            top: 0;
            left: 0;
            content: '';
        }

        .ai-002 .loader:after {
            background: #f4f5f0;
            width: 75%;
            height: 75%;
            border-radius: 50%;
            content: '';
            margin: auto;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

    @-webkit-keyframes load3 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes load3 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    .ai-002 .quick-block {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

    .ai-002 .quick-block-l {
        padding-left: 7.5px;
    }

    .ai-002 .quick-block-r {
        padding-right: 7.5px;
    }

    .ai-002 .quick-block-l-0 {
        padding-left: 0;
    }

    .ai-002 .quick-block-r-0 {
        padding-right: 0;
    }

    .ai-002 .btn-krugsri {
        color: #554242 !important;
        background-color: #ffd400 !important;
        border-color: #ffd400 !important;
        padding: 10px 30px;
        font-size: 18px;
    }

        .ai-002 .btn-krugsri:hover {
            color: #554242 !important;
            background-color: #ffd400 !important;
            border-color: #ffd400;
        }

    .ai-002 .btn-krugsri-bg {
        color: #554242 !important;
        background-color: #ffd400 !important;
        border-color: #ffd400 !important;
    }

        .ai-002 .btn-krugsri-bg:hover {
            color: #554242 !important;
            background-color: #ffd400 !important;
            border-color: #ffd400;
        }

    .ai-002 .btn-krugsri-1 {
        color: black;
        background-color: transparent;
        border-color: transparent;
        padding: 10px 30px;
        font-size: 18px;
        width: 100%;
    }

        .ai-002 .krugsri-owl .btn-krugsri-1.active,
        .ai-002 .btn-krugsri-1.active {
            background-color: #ffce07;
            border-color: #ffce07;
        }

        .ai-002 .btn-krugsri-1:hover {
            color: #fff;
            background-color: #ffce07;
            border-color: #ffce07;
        }

    .ai-002 .krugsri-carousel .carousel-inner {
        overflow: visible;
    }

    .ai-002 .krugsri-carousel .carousel-indicators {
        text-align: right;
        float: right;
        right: 1% !important;
        left: inherit;
        margin-left: 15px;
        margin-right: 15px;
        width: auto;
    }

        .ai-002 .krugsri-carousel .carousel-indicators li {
            width: 8px;
            height: 8px;
            border-radius: 100%;
            background-color: white;
            margin-right: 5px;
            margin-left: 5px;
        }

            .ai-002 .krugsri-carousel .carousel-indicators li.active {
                background-color: #ffc107;
            }

    .ai-002 .krugsri-carousel .krugsri-ctrl-01 {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -50px;
    }

    .ai-002 .krugsri-carousel .krugsri-ctrl-02 {
        position: absolute;
        left: 38%;
        -webkit-transform: translateX(-40%);
        transform: translateX(-50%);
        bottom: 0;
    }

    .ai-002 .krugsri-carousel .krugsri-ctrl-text {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-40%);
        transform: translateX(-50%);
        top: 10%;
    }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text p {
            color: white;
            text-align: center;
            font-size: 36px;
            margin-bottom: 0;
            line-height: 36px;
        }

            .ai-002 .krugsri-carousel .krugsri-ctrl-text p small {
                color: #ffda01;
                font-size: 50%;
            }

    .ai-002 .krugsri-tabs {
        position: relative;
        margin-top: 100px;
    }

        .ai-002 .krugsri-tabs .nav-item {
            margin: 0 3px;
        }

            .ai-002 .krugsri-tabs .nav-item a {
                font-size: 18px;
                color: black;
                padding: 0.5rem 1rem;
            }

                .ai-002 .krugsri-tabs .nav-item a:hover {
                    border-bottom: 5px solid #ffc107;
                    background-color: unset;
                }

                .ai-002 .krugsri-tabs .nav-item a.active {
                    border-bottom: 5px solid #ffc107;
                    background-color: unset;
                }

        .ai-002 .krugsri-tabs .krugsri-tabs-content {
            margin-top: 50px;
            margin-bottom: 50px;
        }

            .ai-002 .krugsri-tabs .krugsri-tabs-content .dropdown-menu {
                border: 0 solid rgba(0, 0, 0, .15);
                margin: 0;
                left: -30px !important;
            }

            .ai-002 .krugsri-tabs .krugsri-tabs-content .dropdown-item {
                font-size: 14px;
            }

            .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-card {
                background-color: #ffce07;
                width: 100%;
                border-radius: 8px;
                padding: 20px;
                margin-bottom: 15px;
            }

                .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-card h2 {
                    font-size: 18px;
                }

                .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-card p {
                    font-size: 14px;
                }

            .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-rate {
                background-color: #756862;
                width: 100%;
                height: auto;
                border-radius: 8px;
                padding-bottom: 0;
                margin-top: 15px;
            }

                .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate {
                    background-color: #ffe57b;
                }

                .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-rate h2 {
                    padding: 30px 30px 15px 30px;
                    font-size: 16px;
                    color: white;
                }

                .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate h2 {
                    color: black;
                    background-color: #ffe57b;
                    border-radius: 8px 8px 0 0;
                }

                .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-rate h2 p {
                    margin: 0;
                }

                .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-rate table {
                    padding: 30px 30px 30px 30px;
                    color: white;
                    font-size: 16px;
                    margin-bottom: 15px;
                }

                .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate table {
                    color: black;
                }

                .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-rate table img {
                    padding: 0 5px 0 5px;
                }

    .ai-002 .table-krugsri,
    .ai-002 .table-krugsri > td,
    .ai-002 .table-krugsri > th {
        background-color: rgba(255, 255, 255, .1);
    }

        .ai-002 .table-krugsri .table-borderless tbody + tbody,
        .ai-002 .table-borderless td,
        .ai-002 .table-borderless th,
        .ai-002 .table-borderless thead th {
            font-weight: normal;
            font-size: 14px;
        }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
        position: relative;
        background-color: #fff4d4;
        width: 100%;
        border-radius: 8px;
        padding: 30px;
        min-height: 320px;
        margin-bottom: 15px;
    }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
            position: absolute;
            right: 50px;
            z-index: 0;
            top: 60px;
            opacity: 0.1;
        }

            .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right img {
                margin-right: 30px;
            }

            .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right .text h2 {
                font-size: 20px;
                color: #000;
            }

            .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right .text p {
                font-size: 14px;
                color: #000;
            }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .krugsri-qr {
        position: relative;
        background-color: #756762;
        border-radius: 0 0 5px 5px;
        margin-bottom: 15px;
        width: 100%;
        -webkit-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
        -moz-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
        box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
        padding: 0 15px 15px 15px;
        min-height: 200px;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .krugsri-line {
        border: 1px dotted #c3b9a9;
        border-top: none;
        min-height: 180px;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .krugsri-qr img {
        border-radius: 5px;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .krugsri-qr h3 {
        font-size: 20px;
        padding: 25px 25px 0 25px;
        color: white;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .krugsri-qr p {
        font-size: 14px;
        padding: 0 25px 0 25px;
        color: #d7ceca;
    }

    .ai-002 .krugsri-promotion {
        margin-bottom: 20px;
    }

        .ai-002 .krugsri-promotion .tabs {
            font-size: 15px;
            padding: 0;
            list-style: none;
            background: #736762;
            box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
            display: inline-block;
            border-radius: 50px;
            position: relative;
            height: 40px;
            float: right;
            margin-bottom: 50px;
        }

            .ai-002 .krugsri-promotion .tabs a {
                text-decoration: none;
                color: white;
                text-transform: uppercase;
                padding: 10px 20px;
                display: inline-block;
                position: relative;
                z-index: 1;
                transition-duration: 0.6s;
            }

                .ai-002 .krugsri-promotion .tabs a.active {
                    color: black;
                }

                .ai-002 .krugsri-promotion .tabs a i {
                    margin-right: 5px;
                }

            .ai-002 .krugsri-promotion .tabs .selector {
                height: 100%;
                display: inline-block;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 1;
                border-radius: 50px;
                transition-duration: 0.6s;
                transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                background: #ffcd00;
            }

    .ai-002 .krugsri-product {
        margin-bottom: 0;
    }

        .ai-002 .krugsri-product .nav {
            width: 100%;
            border-radius: 8px;
            background-color: #e9e8e7;
            margin-bottom: 15px;
            margin-top: 15px;
        }

        .ai-002 .krugsri-product .nav-pills .nav-link {
            background-color: #e9e8e7;
            padding: 20px 40px;
            border-radius: 8px;
        }

            .ai-002 .krugsri-product .nav-pills .nav-link.active,
            .ai-002 .nav-pills .show > .nav-link {
                background-color: #ffcd00;
                color: black;
            }

        .ai-002 .krugsri-product .card {
            width: 100%;
            border: 0;
            border-radius: 8px;
            margin-bottom: 15px;
            -webkit-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .1);
            box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .1);
            background-color: #eee;
        }

            .ai-002 .krugsri-product .card.none-shadow {
                background-color: transparent;
                -webkit-box-shadow: 0 0 0 0 transparent;
                -moz-box-shadow: 0 0 0 0 transparent;
                box-shadow: 0 0 0 0 transparent;
            }

            .ai-002 .krugsri-product .card h5 {
                padding: 40px;
                background-color: #ffcd00;
                border-radius: 8px 8px 0 0;
            }

        .ai-002 .krugsri-product .tab-content > .active {
            margin-top: 15px;
        }

        .ai-002 .krugsri-product .card h6 {
            padding: 40px;
        }

        .ai-002 .krugsri-product .card .card-content {
            padding: 0 40px 40px 40px;
            color: #756762;
        }

            .ai-002 .krugsri-product .card .card-content p {
                margin-bottom: 0;
            }

            .ai-002 .krugsri-product .card .card-content .card-img {
                min-height: 120px;
            }

        .ai-002 .krugsri-product .tabs1 {
            font-size: 15px;
            padding: 0;
            list-style: none;
            background: #736762;
            box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
            display: table;
            border-radius: 50px;
            position: relative;
            height: 40px;
            margin: 20px auto;
        }

            .ai-002 .krugsri-product .tabs1 a {
                text-decoration: none;
                color: white;
                text-transform: uppercase;
                padding: 10px 20px;
                display: inline-block;
                position: relative;
                z-index: 1;
                transition-duration: 0.6s;
            }

                .ai-002 .krugsri-product .tabs1 a.active {
                    color: black;
                }

                .ai-002 .krugsri-product .tabs1 a i {
                    margin-right: 5px;
                }

            .ai-002 .krugsri-product .tabs1 .selector1 {
                height: 100%;
                display: inline-block;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 1;
                border-radius: 50px;
                transition-duration: 0.6s;
                transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                background: #ffcd00;
            }

    .ai-002 .krugsri-table td,
    .ai-002 .krugsri-table th {
        padding: 1.4rem;
        border-top: 1px solid white;
    }

    .ai-002 .krugsri-how-to {
        margin-bottom: 50px;
    }

        .ai-002 .krugsri-how-to h5 {
            margin: 40px 0 0 0;
            color: white;
        }

        .ai-002 .krugsri-how-to .how-to-head {
            background-color: #ffe57b;
            width: 100%;
            position: relative;
        }

        .ai-002 .krugsri-how-to .how-to-sub {
            background-color: #736762;
            width: 100%;
            padding: 30px 50px;
            position: relative;
        }

        .ai-002 .krugsri-how-to .title {
            padding: 40px;
        }

        .ai-002 .krugsri-how-to .nav-pills .nav-link {
            border-radius: 0;
        }

            .ai-002 .krugsri-how-to .nav-pills .nav-link.active,
            .ai-002 .nav-pills .show > .nav-link {
                color: black;
                font-size: 18px;
                background-color: #ffcd00;
            }

        .ai-002 .krugsri-how-to .nav-pills .nav-link {
            padding: 15px 40px 15px 40px;
            border-bottom: 1px solid #e8d070;
        }

    .ai-002 .bg-krugsri td,
    .ai-002 .bg-krugsri th,
    .ai-002 .bg-krugsri thead th {
        background-color: #ffe57b;
    }

    .ai-002 .bg-krugsri1 td,
    .ai-002 .bg-krugsri1 th,
    .ai-002 .bg-krugsri1 thead th {
        background-color: #fff0b1;
    }

    .ai-002 .bg-krugsri2 td,
    .ai-002 .bg-krugsri2 th,
    .ai-002 .bg-krugsri2 thead th {
        background-color: #e2d7d2;
    }

    .ai-002 .bg-krugsri3 td,
    .ai-002 .bg-krugsri3 th,
    .ai-002 .bg-krugsri3 thead th {
        background-color: #f1efee;
    }

    .ai-002 .krugsri-product .krugsri-info {
        margin: 40px 0;
    }

    .ai-002 .krugsri-faq .tabs2 {
        font-size: 15px;
        padding: 0;
        list-style: none;
        background: #736762;
        box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
        display: table;
        border-radius: 50px;
        position: relative;
        height: 40px;
        margin: 20px auto 10px;
        width: fit-content;
    }

        .ai-002 .krugsri-faq .tabs2 a {
            text-decoration: none;
            color: white;
            text-transform: uppercase;
            padding: 10px 20px;
            display: inline-block;
            position: relative;
            z-index: 1;
            transition-duration: 0.6s;
        }

            .ai-002 .krugsri-faq .tabs2 a.active {
                color: black;
            }

            .ai-002 .krugsri-faq .tabs2 a i {
                margin-right: 5px;
            }

        .ai-002 .krugsri-faq .tabs2 .selector2 {
            height: 100%;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            border-radius: 50px;
            transition-duration: 0.6s;
            transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
            background: #ffcd00;
        }

    .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev-icon {
        background-image: url('/getmedia/a482ee33-80f2-402a-80f6-2016f74ddef9/prev.png.aspx');
        width: 32px;
        height: 32px;
    }

    .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next-icon {
        background-image: url('/getmedia/9fd23a53-124a-4dc6-bae5-dc42631293c1/next.png.aspx');
        width: 32px;
        height: 32px;
    }

    .ai-002 .deals__regis .deals__regis-col {
        padding: 0 8px;
    }

        .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr {
            border-radius: 4px;
            overflow: hidden;
            height: 100%;
            border: 1px dotted white;
            min-height: 650px;
        }

            .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxr .title {
                padding: 20px;
                background-color: #efefef;
            }

                .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxr .title .app-logo {
                    width: 64px;
                    margin-right: 20px;
                }

                .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxr .title .media-body {
                    font-size: 18px;
                    color: #777;
                    line-height: 24px;
                    margin: 0;
                }

                    .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxr .title .media-body h5 {
                        font-size: 24px;
                        color: #000;
                        line-height: 30px;
                        margin: 0 0 5px;
                    }

            .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxr .b__step-box {
                padding: 20px 0;
            }

    .ai-002 .b__step-table {
        margin: 0 auto;
        width: 100%;
    }

        .ai-002 .b__step-table.table tr {
            cursor: pointer;
        }

            .ai-002 .b__step-table.table tr:last-child td {
                border-bottom: 1px solid transparent;
            }

        .ai-002 .b__step-table.table td {
            vertical-align: middle;
            border-top: 0;
            border-bottom: 1px solid #908682;
            padding: 8px 0.75rem;
        }

            .ai-002 .b__step-table.table td:first-child {
                border-bottom: 1px solid transparent;
            }

        .ai-002 .b__step-table .num p {
            width: 40px;
            border-radius: 50%;
            font-size: 24px;
            height: 40px;
            line-height: 40px;
            background-color: #dbdbdb;
            text-align: center;
            margin: 0 auto;
            color: #999;
        }

        .ai-002 .b__step-table h5 {
            font-size: 18px;
            color: #999;
            line-height: 24px;
            margin: 0;
        }

        .ai-002 .b__step-table tr.active .num p,
        .ai-002 .b__step-table tr:hover .num p {
            background-color: #ffda00;
            color: #000;
        }

        .ai-002 .b__step-table tr.active h5,
        .ai-002 .b__step-table tr:hover h5 {
            color: white;
        }

    .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #f1e9c8;
        border: none;
        border-radius: 10px;
        max-width: 10px;
    }

    .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-indicators .active {
        background-color: #ffd300;
    }

    .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev {
        background-image: url(/getmedia/a482ee33-80f2-402a-80f6-2016f74ddef9/prev.png.aspx);
        width: 32px;
        height: 32px;
    }

    .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next {
        background-image: url(/getmedia/9fd23a53-124a-4dc6-bae5-dc42631293c1/next.png.aspx);
        width: 32px;
        height: 32px;
    }

    .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next,
    .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev {
        opacity: 1;
        top: 46%;
    }

        .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next:focus,
        .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next:hover,
        .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev:focus,
        .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev:hover {
            opacity: 1;
        }

    .ai-002 .krugsri-widget {
        position: relative;
        min-height: 400px;
    }

        .ai-002 .krugsri-widget img {
            margin-top: 120px;
        }

        .ai-002 .krugsri-widget .text {
            margin-top: 150px;
        }

        .ai-002 .krugsri-widget .ticket {
            position: absolute;
            bottom: 0;
            right: 50px;
        }

    .ai-002 .menu-tabs-mobile {
        padding-top: 120px;
        padding-bottom: 25px;
        background: #f4e7bd;
        background: linear-gradient(180deg, rgba(244, 231, 189, 1) 0%, rgba(244, 229, 181, 1) 35%, rgba(247, 217, 118, 1) 100%);
    }

        .ai-002 .menu-tabs-mobile .btn {
            width: 400px;
        }

    .ai-002 .airplan {
        position: absolute;
        z-index: 1;
        bottom: 150px;
        right: 134px;
    }

    .ai-002 .max-width-1200 {
        max-width: 1200px;
        margin: auto;
    }

    .ai-002 input.btn,
    .ai-002 button.btn {
        width: -webkit-fill-available;
    }

    @media (max-width: 1199.98px) {
        .ai-002 .krugsri-carousel .krugsri-ctrl-text p {
            font-size: 30px;
        }

            .ai-002 .krugsri-carousel .krugsri-ctrl-text p small {
                font-size: 80%;
            }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
            width: 250px;
        }

        .ai-002 .airplan {
            right: 118px;
        }

        .ai-002 .navbar-default .navbar-nav > li > a {
            font-size: 12px !important;
        }
    }

    @media (max-width: 991.98px) {
        .ai-002 .krugsri-widget img {
            margin-top: 80px;
        }

        .ai-002 .airplan {
            bottom: 180px;
            right: 157px;
        }

        .ai-002 .owl-carousel .owl-item img {
            padding: 15px 15px 0 15px;
        }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
            position: absolute;
            top: 10%;
        }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .krugsri-qr {
            -webkit-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, 0);
            -moz-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, 0);
            box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, 0);
            padding: 0 15px 15px 15px;
        }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .krugsri-qr {
            width: auto;
            margin: 0 15px;
        }

        .ai-002 .krugsri-faq .faq-body {
            margin: 0;
        }

        .ai-002 .krugsri-tabs .krugsri-tabs-content {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .ai-002 .krugsri-tabs {
            margin-top: 20px;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-01 {
            width: 80%;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-02 {
            left: 40%;
            bottom: -150px;
        }

        .ai-002 .krugsri-tabs .nav-item {
            width: 100%;
            margin-bottom: 15px;
            min-height: 50px;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text {
            width: 100%;
        }

        .ai-002 .quick-block {
            padding-left: 15px;
            padding-right: 15px;
        }

        .ai-002 .quick-block-l {
            padding-left: 15px;
        }

        .ai-002 .quick-block-r {
            padding-right: 15px;
        }

        .ai-002 .quick-block-l-0 {
            padding-left: 15px;
        }

        .ai-002 .quick-block-r-0 {
            padding-right: 15px;
        }

        .ai-002 .navbar-default .navbar-nav > li > a {
            font-size: 11px !important;
        }
    }

    @media (max-width: 767.98px) {
        .ai-002 .exchage-rate {
            width: 100% !important;
        }

        .ai-002 .z-content .krugsri-tabs.qr {
            margin-top: 20px !important;
        }

            .ai-002 .z-content .krugsri-tabs.qr .krugsri-owl {
                padding-top: 0;
            }

        .ai-002 .m-t50 {
            margin-top: 0;
        }

        .ai-002 .krugsri-carousel .carousel-indicators {
            display: none;
        }

        .ai-002 .airplan {
            bottom: 150px;
            right: 120px;
        }

        .ai-002 .krugsri-widget img {
            margin-top: 50px;
        }
    }

    @media (max-width: 575.98px) {
        .ai-002 .airplan {
            bottom: 110px;
            right: 85px;
        }
    }

    @media (max-width: 480px) {
        .ai-002 .airplan {
            bottom: 80px;
            right: 55px;
        }
    }

    .ai-002 Header --> .navbar {
        padding: 0;
    }

    .ai-002 .navbar-collapse {
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
        -ms-flex-positive: unset;
        flex-grow: unset;
        -ms-flex-align: unset;
        align-items: unset;
    }

        .ai-002 .navbar-collapse.collapse .navbar-nav {
            flex-direction: unset;
        }

    .ai-002 .navbar.navbar-static-top {
        padding: 0;
    }

    .ai-002 .navbar-nav > li > a {
        font-size: small !important;
        color: inherit;
    }

    .ai-002 .navbar > .container,
    .ai-002 .navbar > .container-fluid {
        padding: 0;
        color: #554242;
    }

    .ai-002 .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .ai-002 a.dropdown-toggle::after {
        content: unset;
    }

    .ai-002 .table > thead > tr > th,
    .ai-002 .table > tbody > tr > th,
    .ai-002 .table > tfoot > tr > th,
    .ai-002 .table > thead > tr > td,
    .ai-002 .table > tbody > tr > td,
    .ai-002 .table > tfoot > tr > td {
        padding: 0.75rem;
        border-top: 0;
        border-bottom: 0;
    }

    .ai-002 .table > thead > tr > th,
    .ai-002 .table > tbody > tr > th,
    .ai-002 .table > tfoot > tr > th,
    .ai-002 .table > thead > tr > td,
    .ai-002 .table > tbody > tr > td,
    .ai-002 .table > tfoot > tr > td {
        line-height: 1.5;
    }

    .ai-002 .pull-right.lgtop {
        display: none !important;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate .exchage-rate {
        background-color: #ffe57b;
        margin-top: 0;
        width: 100% !important;
    }

    .ai-002 .exchage-rate tbody tr:nth-child(odd) {
        background-color: rgba(255, 255, 255, .1);
    }

    .ai-002 .krugsri-product .product-body {
        padding: 0 100px;
    }

    .ai-002 .krugsri-product .table > tbody > tr > td,
    .ai-002 .krugsri-product .table > tbody > tr > th {
        padding: 1.4rem;
        border-top: 1px solid white;
        font-size: 16px;
    }

    .ai-002 body,
    .ai-002 form {
        background-color: #fff;
    }

    .ai-002 .table > tbody > tr.active > td {
        background-color: unset;
    }

    .ai-002 .krugsri-product .tab-content > .active.in,
    .ai-002 #promotion .tab-content > .active.in,
    .ai-002 #faq .tab-content > .active.in {
        opacity: 1;
    }

    .ai-002 .owl-carousel.tab-pane.fade {
        display: none;
        opacity: 0;
    }

        .ai-002 .owl-carousel.tab-pane.fade.in.active {
            display: block;
            opacity: 1;
        }

    .ai-002 #tab1 {
        width: 100%;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate {
        margin-top: 0;
    }

    .ai-002 .box-right .media {
        overflow: visible;
    }

    .ai-002 #product .tab-content {
        width: 100%;
    }

    .ai-002 #product #v-pills-tab img {
        opacity: 0.3;
    }

    .ai-002 #product #v-pills-tab a.active img {
        opacity: 1;
    }

    .ai-002 .exchage-rate #p_lt_ctl19_ksP_p_lt_ctl03_BoardingCard_lblDate,
    .ai-002 .exchage-rate #p_lt_ctl19_ksP_p_lt_ctl04_BoardingCard_lblDate {
        display: block;
        padding-top: 10px;
        text-align: right;
        padding-right: 20px;
        color: #000 !important;
    }

    .ai-002 .krugsri-how-to .carousel-indicators {
        margin: 0 auto -15px;
    }

    .ai-002 #RegisCard .table > tbody > tr > th,
    .ai-002 #UsageLimit > tbody > tr > th {
        width: 45%;
    }

    .ai-002 .krugsri-product #UsingCard .table > tbody > tr > th,
    .ai-002 .krugsri-product #UsingCard .table > tbody > tr > td {
        width: 50%;
        background-color: unset;
    }

    .ai-002 .krugsri-product #UsingCard .table > tbody > tr:nth-child(odd) {
        background-color: #ffe57b;
    }

    .ai-002 .krugsri-product #UsingCard .table > tbody > tr:nth-child(even) {
        background-color: #fff0b1;
    }

    .ai-002 .krugsri-faq .btn-link {
        line-height: 1.7;
    }

    .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxl {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege img {
        margin-right: 30px;
        z-index: 1;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 {
        font-size: 24px;
        color: #fff;
        line-height: 1.7;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege p {
        color: #fff;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right-1 {
        position: absolute;
        right: 50px;
        z-index: 0;
        opacity: 0.5;
        bottom: 40px;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2.black,
    .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege p.black {
        color: #746661;
    }

    .ai-002 .exchage-privilege h2 {
        font-size: 24px;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege.min-box {
        min-height: 625px;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .krugsri-qr a {
        color: inherit;
    }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .krugsri-qr a:hover {
            text-decoration: none;
        }

    .ai-002 .air-x {
        position: absolute;
        z-index: 99;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 12px;
    }

        .ai-002 .air-x img {
            width: 16px;
        }

    .ai-002 .krugsri-modal {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

        .ai-002 .krugsri-modal img {
            position: relative;
            border-radius: 4px 4px 0 0;
            bottom: -1px;
            z-index: 1;
        }

        .ai-002 .krugsri-modal .krugsri-qr-modal {
            position: relative;
            background-color: #756762;
            border-radius: 4px;
            width: 100%;
            -webkit-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
            -moz-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
            box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .22);
            padding: 0 15px 15px 15px;
        }

        .ai-002 .krugsri-modal .modal-content {
            background-color: transparent;
        }

        .ai-002 .krugsri-modal .krugsri-line-modal {
            padding: 40px;
            border: 1px dotted #c3b9a9;
            min-height: 180px;
        }

        .ai-002 .krugsri-modal .modal-content h3 {
            font-size: 30px;
            color: #ffce07;
            margin-bottom: 20px;
        }

        .ai-002 .krugsri-modal .modal-content h5 {
            font-size: 16px;
            color: white;
            margin-top: 30px;
        }

        .ai-002 .krugsri-modal .modal-content p {
            font-size: 16px;
            color: white;
            margin-bottom: 20px;
        }

        .ai-002 .krugsri-modal .modal-content h4 {
            font-size: 16px;
            color: #ffce07;
            margin: 30px 0;
        }

        .ai-002 .krugsri-modal .modal-content ol {
            font-size: 16px;
            color: white;
            padding: 0 15px;
        }

            .ai-002 .krugsri-modal .modal-content ol li {
                font-size: 16px;
                color: white;
                margin-bottom: 15px;
            }

        .ai-002 .krugsri-modal .modal-content h5 span {
            color: #ffce07;
        }

        .ai-002 .krugsri-modal .card-header {
            background-color: #8e807c;
            border-bottom: 1px solid #a5a3a3;
        }

        .ai-002 .krugsri-modal .btn-link {
            color: #ffce07 !important;
        }

        .ai-002 .krugsri-modal .air-x {
            bottom: 7px;
        }

        .ai-002 .krugsri-modal .close {
            position: absolute;
            z-index: 5;
            right: 30px;
        }

        .ai-002 .krugsri-modal a {
            color: #ffce07;
        }

    .ai-002 .krugsri-line-modal .card-header h2 {
        padding-top: 0;
    }

    .ai-002 .krugsri-carousel .krugsri-ctrl-05 {
        position: absolute;
        left: 80%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 40px;
    }

    .ai-002 .krugsri-carousel .krugsri-ctrl-04 {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -80px;
    }

    .ai-002 .krugsri-carousel .krugsri-ctrl-text2 {
        position: absolute;
        right: 80px;
        top: 25%;
        margin: 15px;
    }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text2 p {
            color: white;
            font-size: 28px;
            line-height: 36px;
            margin-bottom: 0;
        }

            .ai-002 .krugsri-carousel .krugsri-ctrl-text2 p small span {
                color: #ffda01;
            }

    .ai-002 .krugsri-carousel .krugsri-ctrl-text p.bf-fix {
        font-size: 38px;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate thead tr {
        background-color: #ffce07;
    }

    .ai-002 .owl-theme .owl-dots,
    .ai-002 .owl-theme .owl-nav {
        text-align: center;
    }

        .ai-002 .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px;
        }

        .ai-002 .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background-color: #d6d6d6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 0.2s ease;
            border-radius: 30px;
        }

        .ai-002 .owl-theme .owl-dots .owl-dot.active span,
        .ai-002 .owl-theme .owl-dots .owl-dot:hover span {
            background-color: #fecd07;
        }

    .ai-002 .krugsri-carousel .krugsri-ctrl-text2 h1,
    .ai-002 .krugsri-carousel .krugsri-ctrl-text2 h2 {
        font-family: "Krungsri-Condensed-Bold";
        word-break: break-all;
        color: white;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 0;
    }

    .ai-002 .zonebanner,
    .ai-002 .z-content,
    .ai-002 .exchage-rate table {
        font-family: 'Thongterm-Roman' !important;
    }

    .ai-002 .kma-color1 {
        color: #746661 !important;
    }

    .ai-002 .krugsri-carousel .title-01 {
        position: absolute;
        bottom: 50px;
        left: 80px;
    }

        .ai-002 .krugsri-carousel .title-01 p {
            color: white;
            font-size: 34px;
            line-height: 40px;
            margin-bottom: 0;
            color: white;
        }

            .ai-002 .krugsri-carousel .title-01 p span {
                color: #ffda01;
                margin-right: 15px;
            }

        .ai-002 .krugsri-carousel .title-01 h1 small {
            color: white;
        }

    .ai-002 .krugsri-carousel .title-logo {
        position: absolute;
        bottom: 50px;
        right: 50px;
    }

    .ai-002 .krugsri-carousel .title-02 {
        position: absolute;
        top: 50px;
        left: 50px;
    }

        .ai-002 .krugsri-carousel .title-02 h1 {
            word-break: break-all;
            color: white;
            font-size: 28px;
            line-height: 36px;
            margin-bottom: 0;
            padding: 0 15px 15px 15px;
        }

            .ai-002 .krugsri-carousel .title-02 h1 small {
                color: white;
            }

    .ai-002 .krugsri-ctrl-text2.animated.fadeIn.delay-1s h1 small {
        color: inherit;
    }

    .ai-002 .sub-menu-mobile .btn-krugsri-1,
    .ai-002 .krugsri-tabs.qr .btn-krugsri-1 {
        background-color: #fff0b1;
        border-color: #fff0b1;
        box-shadow: none;
    }

    .ai-002 .menu-tabs-mobile .btn {
        width: 350px;
    }

    .ai-002 .krugsri-tabs.qr {
        position: relative;
        margin-top: 80px !important;
    }

    .ai-002 qr. div#privilege > .col-12 {
        padding: 0 7.5px;
    }

    .ai-002 .krugsri-product .table > tbody > tr > td,
    .ai-002 .krugsri-product .table > tbody > tr > th {
        padding: 1rem;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .btn-group {
        display: flex !important;
    }

    .ai-002 .krugsri-tabs .krugsri-tabs-content .dropdown-menu.show {
        width: 100% !important;
    }

    .ai-002 .krugsri-tabs-content {
        margin-top: 30px;
    }

    .ai-002 .krugsri-product .krugsri-info {
        margin-bottom: 0;
    }

    .ai-002 .krugsri-tabs {
        margin-top: 30px;
    }

    .ai-002 .krugsri-table td,
    .ai-002 .krugsri-table th {
        padding: 1rem !important;
    }

    .ai-002 .krugsri-carousel .krugsri-ctrl-text2 h1 {
        color: #ffda01;
        font-size: 36px;
        margin-bottom: 20px;
    }

    .ai-002 .zonebanner {
        position: relative;
    }

    .ai-002 .container--breadcrumb {
        color: #fff !important;
        position: absolute;
        top: 20px;
        padding-left: 15px;
        z-index: 999;
    }

        .ai-002 .container--breadcrumb a {
            color: inherit;
        }

    .ai-002 .info-list {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 10px;
    }

        .ai-002 .info-list .list-left {
            width: auto;
            padding-right: 20px;
            float: left;
        }

        .ai-002 .info-list .list-right {
            width: 80%;
        }

    @media screen and (min-width: 576px) {
        .ai-002 .navbar .container {
            max-width: unset;
        }
    }

    @media screen and (min-width: 768px) {

        .ai-002 .navbar .container,
        .ai-002 .container {
            max-width: 720px;
        }

        .ai-002 .navbar .container {
            max-width: unset;
        }

        .ai-002 .container .row {
            padding: 0;
        }
    }

    @media screen and (min-width: 992px) {

        .ai-002 .navbar .container,
        .ai-002 .container {
            max-width: 960px;
        }
    }

    @media screen and (min-width: 1200px) {

        .ai-002 .container,
        .ai-002 .navbar .container {
            max-width: 1140px;
        }
    }

    @media screen and (max-width: 1500px) {
        .ai-002 .krugsri-carousel .title-02 h1 {
            font-size: 30px;
            line-height: 48px;
        }
    }

    @media screen and (max-width: 1033px) {
        .ai-002 .topmenub {
            margin-top: -138px !important;
            right: 0 !important;
        }
    }

    @media screen and (max-width: 1024px) {
        .ai-002 .krugsri-carousel .carousel-inner {
            overflow: hidden;
        }

        .ai-002 .carousel-item {
            padding-bottom: 50px;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-01 {
            bottom: 0;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-02 {
            left: 34%;
        }

        .ai-002 .airplan {
            right: 96px;
            bottom: 120px;
        }

        .ai-002 .krugsri-carousel .carousel-indicators {
            bottom: 0;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text {
            width: 100%;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-04 {
            bottom: 0;
        }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege.min-box {
            min-height: 600px;
        }

        .ai-002 .air-x {
            bottom: 8px;
        }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 br {
            display: none;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text2 {
            right: 30px;
            top: 10%;
        }

        .ai-002 .container--breadcrumb {
            left: 2%;
        }
    }

    @media (max-width: 991.98px) {
        .ai-002 .krugsri-product .product-body {
            padding: 0;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-01 {
            bottom: 0;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-02 {
            left: 34.2%;
            bottom: 100px;
        }

        .ai-002 .menu-tabs-mobile {
            margin-top: -100px;
        }

        .ai-002 .krugsri-carousel .carousel-indicators {
            bottom: 50px;
        }

        .ai-002 .airplan {
            right: 20%;
            bottom: 35%;
        }

        .ai-002 #v-pills-tabContent .btn-group.show,
        .ai-002 #promotion .btn-group.show,
        .ai-002 #faq .btn-group.show {
            display: inline-block !important;
        }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege,
        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege.min-box {
            min-height: 640px;
        }

        .ai-002 .krugsri-tabs.qr .krugsri-owl {
            padding-top: 140px;
        }
    }

    @media screen and (max-width: 768px) {
        .ai-002 .container {
            width: 100% !important;
        }

        .ai-002 .navbar > .container,
        .ai-002 .navbar > .container-fluid {
            display: block;
        }

        .ai-002 .pull-right.topmenub {
            display: table-cell !important;
            right: 0 !important;
        }

        .ai-002 .navbar-default .navbar-collapse {
            width: 100%;
        }

        .ai-002 .sec-lang {
            position: absolute !important;
            left: 0;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-02 {
            left: 28.8%;
            bottom: 50px;
        }

        .ai-002 .logoBay {
            background: unset;
        }

        .ai-002 .py-md-0 {
            padding-left: 0;
            padding-right: 0;
        }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
            min-height: 550px !important;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text2 {
            right: 50px;
            top: 18%;
        }
    }

    @media screen and (max-width: 767px) {
        .ai-002 .pull-right.topmenub {
            right: 0 !important;
        }

        .ai-002 .exchage-rate .exchage-rate {
            width: 100% !important;
        }

        .ai-002 .zone-content .row {
            padding: 0;
        }

        .ai-002 .navbar-default .hidden-xs {
            display: none !important;
        }

        .ai-002 .navbar-default .visible-xs {
            display: block !important;
        }

            .ai-002 .navbar-default .visible-xs.pull-right {
                margin-top: -40px !important;
                margin-right: 0 !important;
            }

        .ai-002 .visible-xs.lgtop {
            margin-top: -40px !important;
            margin-right: 15px !important;
        }

        .ai-002 .menu-tabs-mobile .btn {
            width: 320px;
        }

        .ai-002 .container .row {
            padding: 0;
        }

        .ai-002 .krugsri-product .card .card-content {
            padding: 0 20px 20px 20px;
        }

        .ai-002 .card-content center {
            margin-bottom: 30px;
        }

        .ai-002 .krugsri-product .card .card-content .card-img {
            min-height: unset;
            margin-bottom: 10px;
        }

        .ai-002 .krugsri-product .card h5,
        .ai-002 .krugsri-product .card h6 {
            padding: 20px 15px;
        }

        .ai-002 .card-body img {
            margin: 0 auto;
            margin-bottom: 10px;
        }

        .ai-002 .krugsri-product #p-chanel-register .card-content {
            padding: 0 5px;
        }

        .ai-002 #p-chanel-register .card-content .card-body {
            padding: 0;
            margin: 20px 0;
        }

        .ai-002 .krugsri-product .tabs1 {
            margin: 10px auto;
            display: none;
        }

        .ai-002 #homefooter [class*=col-] {
            padding: 0;
        }

        .ai-002 #homefooter .kfooterMenu {
            width: 50%;
        }

        .ai-002 .table-responsive::-webkit-scrollbar {
            height: 10px;
            background-color: #fff;
        }

        .ai-002 .table-responsive::-webkit-scrollbar-thumb {
            background-color: #ddd5d5;
            border-radius: 6px;
        }

        .ai-002 #v-pills-tabContent .btn-krugsri {
            padding: 10px 15px;
        }

        .ai-002 #RegisCard .table-responsive .hand_touch {
            margin-top: 25px !important;
        }

        .ai-002 .m-block-center {
            width: 100%;
            text-align: center;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-02 {
            left: 32%;
        }

            .ai-002 .krugsri-carousel .krugsri-ctrl-02 img {
                width: 85% !important;
            }

        .ai-002 .airplan {
            right: 19%;
        }

        .ai-002 .exchage-card .align-middle img {
            margin-bottom: 15px;
        }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
            width: 280px;
        }

        .ai-002 .owl-carousel .owl-item img {
            padding: 15px 15px 0;
        }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .krugsri-qr {
            margin: 0;
        }

        .ai-002 .krugsri-how-to {
            margin-top: 10px;
        }

        .ai-002 .krugsri-product h4 {
            margin-top: 20px;
        }

        .ai-002 .krugsri-product .krugsri-info {
            margin: 20px 0;
        }

        .ai-002 .py-xs-0 {
            padding-left: 0;
            padding-right: 0;
        }

        .ai-002 .mb-xs-0 {
            margin-bottom: 0;
        }

        .ai-002 .b__step-table h5 {
            font-size: 16px;
        }

        .ai-002 .krugsri-how-to .carousel-item {
            padding-bottom: 0;
        }

        .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxl {
            padding: 0;
        }

        .ai-002 .krugsri-product {
            margin-bottom: 0;
        }

        .ai-002 .krugsri-promotion {
            margin-bottom: 35px;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text2 {
            right: 50px;
            top: 12%;
            left: 0;
            width: 100%;
        }

            .ai-002 .krugsri-carousel .krugsri-ctrl-text p small,
            .ai-002 .krugsri-carousel .krugsri-ctrl-text2 p small {
                font-size: 60%;
            }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege center img {
            margin-right: 0;
            margin: 0 auto;
        }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .krugsri-line {
            min-height: 240px;
        }

        .ai-002 .air-x {
            bottom: 0;
            left: 45%;
        }

        .ai-002 #promotion .krugsri-tabs-content .krugsri-qr {
            margin: 0;
        }

        .ai-002 #promotion .owl-carousel .owl-item img {
            padding: 20px 0 0;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text2 p {
            line-height: 1.2;
            font-size: 28px;
        }

            .ai-002 .krugsri-carousel .krugsri-ctrl-text2 p br {
                display: none;
            }

        .ai-002 .krugsri-modal .krugsri-line-modal {
            padding: 20px;
        }

        .ai-002 .krugsri-modal {
            padding-right: 0 !important;
        }

            .ai-002 .krugsri-modal .krugsri-line-modal {
                padding: 20px;
            }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text p.bf-fix {
            font-size: 28px;
        }

        .ai-002 .carousel-item {
            padding-bottom: 0;
        }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
            min-height: 590px !important;
        }

            .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege.l-en {
                min-height: 720px !important;
            }

        .ai-002 .owl-carousel .owl-item img {
            padding: 0;
        }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 {
            line-height: 1.7;
        }

        .ai-002 .withdraw-atm > .row,
        .ai-002 .Redeem-money > .row {
            padding: 0 15px;
        }

        .ai-002 .container--breadcrumb {
            display: none;
        }

        .ai-002 .info-list {
            width: 100%;
            padding: 0 15px;
        }

        .ai-002 .dropdown-menu.show {
            width: 100%;
        }

        .ai-002 .modal-dialog {
            padding: 0.5rem;
            position: relative;
        }

            .ai-002 .modal-dialog .modal-content {
                margin-top: 50px;
                top: 12px;
                position: absolute;
                right: 0;
                left: 0;
                padding: 15px;
            }

        .ai-002 .krugsri-modal .close {
            right: 10px;
        }

        .ai-002 h4,
        .ai-002 h5 {
            padding: 10px 0;
        }

        .ai-002 #v-pills-home .btn-group,
        .ai-002 #faq .btn-group,
        .ai-002 #faq .dropdown-menu.show {
            width: 100%;
        }

            .ai-002 #v-pills-tabContent .btn-group.show,
            .ai-002 #promotion .btn-group.show,
            .ai-002 #faq .btn-group.show {
                display: flex !important;
            }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .dropdown-menu {
            left: 0 !important;
        }

        .ai-002 .krugsri-modal .modal-content h5 {
            font-size: 14px;
            line-height: 20px;
        }

        .ai-002 .sub-menu-mobile .btn-krugsri-1:hover,
        .ai-002 .krugsri-tabs.qr .btn-krugsri-1:hover {
            color: #fff;
            background-color: #ffce07;
            border-color: #ffce07;
        }

        .ai-002 .krugsri-how-to h5 {
            line-height: 1.7;
        }
    }

    @media screen and (max-width: 480px) {
        .ai-002 .krugsri-carousel .krugsri-ctrl-02 {
            left: 33%;
            bottom: 25px;
        }

        .ai-002 .airplan {
            right: 17%;
        }

        .ai-002 .tnavsearchth {
            text-indent: -9999px;
        }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 {
            font-size: 20px;
        }

            .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 br {
                display: none;
            }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
            min-height: 600px;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text2 h1 {
            font-size: 24px;
        }

        .ai-002 .menu-tabs-mobile .btn {
            width: 270px;
        }
    }

    @media screen and (max-width: 425px) {
        .ai-002 .krugsri-carousel .krugsri-ctrl-text2 img {
            width: 80px !important;
            margin-right: 20px !important;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text2 h2 {
            font-size: 20px;
            line-height: 26px;
        }

        .ai-002 .krugsri-info > .row > .col-2 {
            padding: 0;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text2 h1 {
            font-size: 26px;
            line-height: 1.3;
            margin-bottom: 5px;
        }

        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
            min-height: 587px !important;
        }

            .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege.l-en {
                min-height: 712px !important;
            }

        .ai-002 .krugsri-widget {
            min-height: 350px;
        }

            .ai-002 .krugsri-widget img {
                margin-top: 15px;
            }
    }

    @media screen and (max-width: 375px) {
        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
            right: 10px;
        }

            .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right img {
                margin-right: 15px;
                margin-left: 10px;
            }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text2 {
            padding-right: 20px;
        }

            .ai-002 .krugsri-carousel .krugsri-ctrl-text2 h2 {
                font-size: 18px;
                line-height: 26px;
            }

            .ai-002 .krugsri-carousel .krugsri-ctrl-text2 p {
                line-height: 1.2;
                font-size: 24px;
            }
    }

    @media screen and (max-width: 340px) {
        .ai-002 .navtop {
            right: 35px;
        }

        .ai-002 .navbar-toggle {
            padding-left: 25px;
            margin-left: 0;
        }

        .ai-002 .langselector a {
            padding-left: 18px;
        }

        .ai-002 .hwcCustomization .zoneMyKrungsriButton {
            padding-right: 10px;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text {
            top: 15%;
        }

            .ai-002 .krugsri-carousel .krugsri-ctrl-text p,
            .ai-002 .krugsri-carousel .krugsri-ctrl-text2 p {
                font-size: 24px;
            }

                .ai-002 .krugsri-carousel .krugsri-ctrl-text2 p small {
                    font-size: 60%;
                }

        .ai-002 .carousel-control-prev {
            left: -10px;
        }

        .ai-002 .carousel-control-next {
            right: -10px;
        }

        .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev {
            left: 3px;
        }

        .ai-002 .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next {
            right: 3px;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text p.bf-fix {
            font-size: 28px;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text2 h1 {
            font-size: 22px;
        }
    }

    @media screen and (max-width: 320px) {
        .ai-002 .krugsri-tabs .krugsri-tabs-content .exchage-privilege.l-en {
            min-height: 736px !important;
        }

        .ai-002 .pr-xs-1 {
            padding-left: 0;
        }

        .ai-002 .krugsri-carousel .krugsri-ctrl-text2 {
            top: 3%;
        }
    }


    /* #endregion */
    @media (max-width: 768px) {

        .container--banner .block-banner .image {
            height: 100%;
            position: relative;
            top: 0px;
            left: 0px;
            z-index: 1;
            width: 100%;
            max-width: calc(110vw - 0px);
            overflow: hidden;
        }

        .container--banner .block-banner .gradient {
            max-width: calc(110vw - 1px);
        }
    }

    /* #endregion */

    /* #region PM-008 */
    .pm-008 .research-tab-group {
        font-size: 16px;
        font-family: Thongterm;
        letter-spacing: 0;
    }

    .pm-008 .active .research-tab-group {
        font-size: 16px;
        font-family: Thongterm-Bold;
        letter-spacing: 0;
    }

    /* #endregion */

    /* #region CoachContentBanner */
    .CoachContentBanner .ar-header-img {
        height: 420px;
        width: 100%;
        object-fit: cover;
    }

    .CoachContentBanner .aricle-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .CoachContentBanner .aricle-header {
        text-align: unset !important;
        margin-bottom: auto !important;
    }

    /* #endregion */


    /* #region OT-018 */

    .ot-018 h4 {
        color: #222222;
        font-family: Thongterm-Bold;
        font-size: 16px;
        line-height: 30px;
        padding: 0;
    }

    .ot-018 .ks-top-nav .submenu--content {
        height: 65px;
        position: absolute;
        width: 100%;
        left: 0;
        display: flex;
        z-index: -1;
        background: #fff;
        box-shadow: 0 1px 6px 0 rgba(90, 90, 90, .2);
    }

    .ot-018 .navbottom {
        width: 1170px;
        margin: 0 auto;
        min-height: 65px;
        line-height: 65px;
    }

    .ot-018 .ks-top-nav .submenu--content .group.active {
        display: flex;
        padding-left: 190px;
    }

    .ot-018 .ks-top-nav .submenu--content .group .item {
        flex: 0 0 auto;
        cursor: pointer;
        margin: auto;
        font-family: Krungsri-Condensed-Medium;
        color: #5a5a5a;
        text-decoration: none;
        outline: none;
        position: initial;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        bottom: 0;
        top: 0;
    }

    .ot-018 .ks-top-nav .submenu--content .group .item {
        padding: 0 0;
        margin: 0;
    }

    .ot-018 .submenu {
        width: 100%;
        background: #f3f3f3;
        padding: 40px 0;
        border-top: 1px solid #eee;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
        line-height: 1.5;
        position: absolute;
        left: 0;
        top: 65px;
        z-index: 9999;
        filter: Alpha(opacity=0);
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateZ(0);
    }

        .ot-018 .submenu.active {
            display: block;
            opacity: 1;
            visibility: visible;
        }

        .ot-018 .submenu .submenu--container {
            max-width: 1170px;
            margin: 0 auto;
        }

    .ot-018 #navmain .item.active .submenu {
        display: block;
        filter: Alpha(opacity=100%);
        opacity: 1;
        visibility: visible;
    }

    .ot-018 .ks-top-nav .submenu--content .group .item hr {
        display: none;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        border-top: 3px solid #ffd400;
        width: 100%;
    }

    .ot-018 .ks-top-nav .submenu--content .group .item:hover hr,
    .ot-018 .ks-top-nav .submenu--content .group .item.active hr {
        position: initial;
        display: block;
        bottom: -15px;
    }

    .ot-018 .submenu .heading {
        font-size: 16px;
        line-height: 30px;
        color: #545454;
        font-family: Krungsri-Condensed-Bold;
        margin-bottom: 12px;
        margin-bottom: 10px;
    }

    .ot-018 .submenu .submenu-inner ul {
        padding: 0;
        list-style-type: none;
        margin-bottom: 0;
    }

        .ot-018 .submenu .submenu-inner ul li {
            color: #545454;
            font-family: Thongterm-Roman;
            font-size: 14px;
            line-height: 26px;
            font-weight: normal;
            padding-bottom: 8px;
        }

            .ot-018 .submenu .submenu-inner ul li a {
                color: #545454;
            }

            .ot-018 .submenu .submenu-inner ul li:hover {
                font-family: Thongterm-Bold;
            }

            .ot-018 .submenu .submenu-inner ul li:last-child {
                padding-bottom: 0;
            }

    .ot-018 .menu--bars div.btn.btn-primary.btn-xs {
        font-family: Krungsri-Condensed-Bold;
        font-weight: normal;
    }

    .ot-018 .ks-top-nav .menu--content .menu--logo img {
        height: 111px;
        width: auto;
    }

    .ot-018 .ks-top-nav .submenu--content .group.active {
        padding-left: 100px;
    }

    .ot-018 .submenu .submenu--container .submenu-inner {
        padding-left: 117px !important;
    }

    @media screen and (max-width: 1199px) {
        .ot-018 .ks-top-nav .menu--content .menu--logo img {
            height: 48px;
        }
    }

    .ot-018 .hwc-pdpa #cookieSettingModal .modal-content {
        max-height: none;
        background-color: #fff;
    }

    .ot-018 .container--tab {
        max-width: 1200px;
        margin: auto;
    }

    .ot-018 .bg-menu-tab {
        background-color: white;
        width: auto;
        margin-left: -15px;
        margin-right: -15px;
        background-color: #fff;
        box-shadow: 0 1px 6px 0 rgba(90, 90, 90, .2);
    }

    .ot-018 .tab-title-text {
        cursor: pointer;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .ot-018 .tab-title-text > a.border-line {
            font-family: Krungsri-Condensed-Medium;
            font-size: 20px;
            color: #5a5a5a;
            line-height: 30px;
            height: 78px;
            display: table-cell;
            vertical-align: middle;
        }

            .ot-018 .tab-title-text > a.border-line.active {
                font-family: Krungsri-Condensed-Bold;
                font-size: 20px;
                margin-right: 48px;
                margin-top: 24px;
                margin-bottom: 24px;
                color: #222;
                line-height: 30px;
                height: 78px;
                display: table-cell;
                vertical-align: middle;
            }

        .ot-018 .tab-title-text:hover > a:after {
            transform: translate3d(100%, 0, 0);
        }

        .ot-018 .tab-title-text > a.active:after {
            transform: translate3d(100%, 0, 0);
        }

        .ot-018 .tab-title-text > a {
            background: transparent;
            position: relative;
            overflow: hidden;
        }

            .ot-018 .tab-title-text > a:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: -100%;
                width: 100%;
                height: 3px;
                background: #ffd400;
                transition: 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
            }

            .ot-018 .tab-title-text > a:hover {
                background: transparent;
            }

        .ot-018 .tab-title-text .sub {
            position: absolute;
            overflow: hidden;
            background: #fff;
            box-shadow: 1px 2px 0 0 rgba(35, 19, 18, .2);
            border-radius: 4px;
            z-index: 5;
            list-style: none;
            padding: 0;
            transform: translate(0, 0);
            max-height: 0;
            transition: 0.2s ease-in transform, 0.4s ease max-height;
            min-width: 270px;
        }

            .ot-018 .tab-title-text .sub li {
                padding-left: 16px;
                padding-right: 16px;
                padding-top: 4px;
                padding-bottom: 4px;
                font-family: 'Thongterm-Roman';
                font-size: 16px;
                color: #5a5a5a;
                -webkit-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

                .ot-018 .tab-title-text .sub li:hover {
                    background-color: #f3f3f3;
                }

                .ot-018 .tab-title-text .sub li a {
                    font-family: 'Thongterm-Roman';
                    font-size: 16px;
                    color: #5a5a5a;
                    display: block;
                    width: 100%;
                }

        .ot-018 .tab-title-text.active--sub .sub {
            padding-top: 8px;
            padding-bottom: 8px;
            max-height: 900px;
            transform: translate(0, 4px);
        }

    /* .ot-018 .zone-white {
        background: #fff;
    }

    .ot-018 .zone-ghostWhite {
        background: #f9f9f9;
    }*/

    .ot-018 .cll-mt {
        margin-bottom: 0;
    }

        .ot-018 .cll-mt:nth-child(n+4) {
            margin-bottom: 0;
            margin-top: 30px;
        }

    .ot-018 .card-logo.download .header {
        max-width: calc(100% - 50px);
    }

        .ot-018 .card-logo.download .header h2 {
            overflow: hidden;
        }

    .ot-018 .card-logo.download .content {
        height: 104px;
        position: relative;
    }

    .ot-018 .card-logo.download .image {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 270px;
    }

        .ot-018 .card-logo.download .image img {
            width: auto;
            /*height: 100%;*/
        }

    .ot-018 .card-logo.download .badge {
        position: absolute;
        top: 16px;
        right: 16px;
    }

        .ot-018 .card-logo.download .badge.image-icon {
            padding-right: 4px;
        }

        .ot-018 .card-logo.download .badge.filetype {
            background: #ffc800;
            color: #fff;
            min-width: 34px;
            height: 18px;
            font-family: 'SukhumvitSet-Semi';
            font-weight: bold;
            border-radius: 3px;
            padding: 0;
            padding-left: 2px;
            padding-top: 4px;
            text-align: center;
        }

    .ot-018 .card-logo.download i {
        position: absolute;
        bottom: 27px;
        right: 21px;
    }

        .ot-018 .card-logo.download i:before {
            font-size: 24px;
            color: #222;
        }

    .ot-018 .card-logo.link {
        margin-bottom: 0;
    }

        .ot-018 .card-logo.link .content {
            height: 91px;
        }

    .ot-018 .nav.nav-ks .nav-item {
        flex: 1 1 auto;
        text-align: center;
        border-bottom: 3px solid #f0efee;
    }

        .ot-018 .nav.nav-ks .nav-item .nav-link {
            color: #949494;
            font-size: 16px;
            position: relative;
        }

            .ot-018 .nav.nav-ks .nav-item .nav-link:after {
                width: 0;
                content: "";
                position: absolute;
                bottom: -3px;
                left: 0;
                height: 3px;
                background: #ffd400;
                transition: 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
            }

            .ot-018 .nav.nav-ks .nav-item .nav-link:hover:after,
            .ot-018 .nav.nav-ks .nav-item .nav-link.active:after {
                width: 100%;
            }

            .ot-018 .nav.nav-ks .nav-item .nav-link.active {
                color: #222;
                font-family: 'Thongterm-Bold';
            }

    .ot-018 .card.card-transparent {
        background-color: transparent;
        border: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

        .ot-018 .card.card-transparent .card-body .card-title {
            color: #545454;
            font-family: 'Krungsri-Condensed-Bold';
            font-size: 20px;
        }

        .ot-018 .card.card-transparent .card-body .card-text {
            color: #545454;
            font-family: 'Thongterm-Roman';
            text-align: center;
            font-size: 16px;
        }

    @media (max-width: 1199px) {
        .ot-018 .tab-title-text:first-child {
            padding-left: 24px;
        }

        .ot-018 .tab-title-text:last-child {
            padding-right: 24px;
        }
    }

    @media (max-width: 991px) {
        .ot-018 .bg-menu-tab {
            display: none;
        }

        .ot-018 .nav-menu-mobile .btn-secondary-menu {
            cursor: pointer;
        }

        .ot-018 .nav-secondary-menu a {
            cursor: pointer;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ot-018 .nav-secondary-menu .main.active .arrow:after {
            transform: rotateX(180deg);
        }

        .ot-018 .nav-secondary-menu .sub {
            display: none;
        }

        .ot-018 .cll-mt {
            margin-bottom: 0;
        }

            .ot-018 .cll-mt:nth-child(n+3) {
                margin-bottom: 0;
                margin-top: 30px;
            }
    }

    @media (max-width: 767px) {
        .ot-018 .cll-mt {
            margin-bottom: 0;
        }

            .ot-018 .cll-mt:nth-child(n+2) {
                margin-bottom: 0;
                margin-top: 16px;
            }

        .ot-018 .card-logo.download .image {
            min-height: 243px;
            height: 100%;
        }

        .ot-018 .card-logo.download .content {
            height: 74px;
            padding: 8px;
            padding-left: 10px;
        }

        .ot-018 .card-logo.download i {
            padding-top: 4px;
            padding-left: 16px;
            bottom: auto;
            padding-right: 24px;
            position: unset;
        }

            .ot-018 .card-logo.download i:before {
                font-size: 24px;
            }

        .ot-018 .card-logo.download .badge {
            position: absolute;
            top: auto;
            left: 16px;
            bottom: 10px;
            width: -webkit-max-content;
            width: max-content;
        }

        .ot-018 .card-logo.download .header {
            display: flex;
        }

            .ot-018 .card-logo.download .header h2 {
                font-size: 16px;
                font-family: 'Thongterm-Roman';
                font-weight: bold;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .ot-018 .card-logo.download .header h3 {
                font-size: 16px;
                font-family: 'Thongterm-Bold';
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

        .ot-018 .zone-mob-gapless {
            margin-left: -15px;
            margin-right: -15px;
            padding-left: 15px;
            padding-right: 15px;
        }

        .ot-018 .scroll-tooltip {
            position: relative;
            overflow: auto;
        }

            .ot-018 .scroll-tooltip:before {
                content: '';
                font-family: "Font Awesome 5 Pro";
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
                color: #5a5a5a;
                background-color: #d8d8d8;
                opacity: 0.6;
                border-radius: 50%;
                width: 44px;
                height: 44px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .ot-018 .scroll-tooltip.img img {
                width: auto !important;
                max-width: none !important;
            }

            .ot-018 .scroll-tooltip.hideTp:before {
                display: none;
            }

        .ot-018 .card.card-transparent > a {
            text-align: center;
        }

        .ot-018 .card.card-transparent .card-img-top {
            max-width: 184px;
            height: auto;
            margin: 0 auto;
        }

        .ot-018 .card.card-transparent .card-title {
            color: #222;
            font-family: 'Krungsri-Condensed-Bold';
            font-size: 18px;
        }

        .ot-018 .card.card-transparent .card-text {
            color: #5a5a5a;
            font-family: 'Thongterm-Roman';
            text-align: center;
            font-size: 16px;
        }

        .ot-018 .container--content {
            margin-bottom: 40px;
        }
    }

    /* #endregion */


    /* #region ot-020 */
    .ot-020 .report-card {
        box-shadow: 1px 2px 20px rgba(35, 19, 18, .05);
        margin-top: 15px;
        margin-bottom: 15px;
    }

        .ot-020 .report-card .report-title {
            padding-right: 0;
            font-family: "Thongterm-Bold";
            color: #222;
        }

    .ot-020 .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ot-020 h4 {
        color: #222222;
        font-family: Thongterm-Bold;
        font-size: 16px;
        line-height: 30px;
    }


    .ot-020 .report-card .report-card-thumbnail img {
        /*width: 100%;*/
        max-height: 380px;
        width: 270px;
    }

    .ot-020 .report-card .report-card-thumbnail .image-container {
        width: 270px; /* กำหนดความกว้างของภาพ */
        /*height: 380px;*/ /* กำหนดความสูงของภาพ */
        overflow: hidden; /* ป้องกันภาพเกินขอบ */
    }

        .ot-020 .report-card .report-card-thumbnail .image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }


    .ot-020 .report-card .report-card-detail {
        height: 90px !important;
        margin-left: 0;
        margin-right: 0;
        background-color: white;
    }

    .ot-020 .report-card .btn-pdf {
        font-size: 13px;
        color: #fff;
        height: 18px;
        width: 34px;
        border-radius: 3px;
        background-color: #ffc800;
        vertical-align: middle;
        line-height: 19px;
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    .ot-020 .report-card .report-card-detail .report-download-section .download-icon {
        font-size: 24px;
    }

    .ot-020 .report-card .download-icon {
        display: block;
        font-size: 16px;
        margin-top: 5px;
    }

    .ot-020 .badge-pill {
        padding: 0;
        border-radius: 10rem;
    }


    @media (min-width: 768px) {
        .ot-020 .report-card .report-card-thumbnail {
            /*max-height: 380px;
            min-height: 334px;*/
            overflow: hidden;
            /*height: auto;*/
            height: 380px;
        }

        .ot-020 .report-card .report-card-detail {
            padding-top: 15px;
        }

        .ot-020 .text-md-center {
            text-align: center !important;
        }
    }

    @media (max-width: 767px) {
        .ot-020 .report-card {
            margin-top: 0;
            max-width: 100%;
            width: 270px;
            margin-left: auto;
            margin-right: auto;
        }

        .ot-020 .badge-pill {
            padding: 0;
            border-radius: 10rem;
            position: absolute;
            bottom: 13px;
            left: 50%;
        }

        .ot-020 .report-card .report-card-detail .report-download-section .download-icon {
            position: absolute;
            top: 16px;
            left: 24px;
            font-size: 24px;
        }

        .ot-020 .report-card .report-card-detail {
            /*position: relative;
        padding-top: 16px;*/
            position: relative;
            display: flex;
            flex-direction: row-reverse;
        }

        .ot-020 h4 {
            padding-top: 16px;
            padding-right: 10px;
        }

        .ot-020 .report-card .report-card-thumbnail .image-container img {
            width: 270px;
            min-height: 380px;
            object-fit: contain;
            height: auto;
        }


        .ot-020 .report-card .report-card-detail .report-download-section .btn-pdf {
            position: absolute;
            bottom: 16px;
            left: 16px;
        }

        .ot-020 .report-card .btn-pdf {
            margin: 0;
        }

        .ot-020 .offset-2 {
            margin-left: 0;
        }
    }


    /* #endregion */


    /* #region OT-021 */
    .ot-021 .container--content.container-content-1 {
        margin-top: 40px;
    }

    .ot-021 .main-box.box-podcast .card-content {
        /*border-radius: 3px;
	*/
        border-top: none;
        min-height: unset;
        height: auto;
        display: flex;
        background-color: #fff;
        filter: drop-shadow(1px 2px 10px rgba(35, 19, 18, 0.1));
        border-radius: unset;
    }

    .ot-021 .main-box.box-podcast .card-content-img {
        width: 100%;
        height: auto;
        object-fit: cover;
        min-height: unset;
        /*border-radius: 3px 0px 0px 3px;
	*/
        border-radius: unset;
    }

    .ot-021 .main-box.box-podcast .box-text {
        padding: 32px;
        min-width: unset;
        max-width: 51%;
        position: relative;
    }

    .ot-021 .main-box.box-podcast .card-content-title {
        color: #5a5a5a;
        font-family: Thongterm;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 29px;
    }


    .ot-021 a.btn.btn-detail {
        position: absolute;
        bottom: 32px;
        margin: auto;
        min-width: 170px;
    }

    @media (min-width: 450px) and (max-width: 768px) {
        .ot-021 a.btn.btn-primary.btn-detail {
            max-width: 170px;
        }

        .ot-021 a.btn.btn-MaroonGrey.btn-detail {
            max-width: 170px;
        }
    }


    @media (max-width: 769px) {
        .ot-021 .main-box.box-podcast {
            margin: auto -15px;
        }

            .ot-021 .main-box.box-podcast .card-content {
                background-color: #fff;
                filter: drop-shadow(1px 2px 10px rgba(35, 19, 18, 0.1));
                border-top: none;
                min-height: unset;
                height: auto;
                display: block;
            }

            .ot-021 .main-box.box-podcast .box-text {
                padding: 16px;
                padding-bottom: 24px;
                padding-top: 24px;
                min-width: unset;
                border-top: unset;
                max-width: 100%;
                position: relative;
            }

        .ot-021 a.btn.btn-primary.btn-detail {
            position: relative;
            bottom: unset;
            margin: auto;
            margin-top: 24px;
            min-width: 270px;
        }

        .ot-021 a.btn.btn-detail {
            position: relative !important;
            bottom: unset;
            margin: auto;
            margin-top: 24px;
            min-width: 270px;
            display: flex;
            justify-content: center;
        }

        .ot-021 .main-box.box-podcast .card-content-img {
            border-radius: unset;
        }
    }

    .ot-021 .mb-40px-all {
        margin-bottom: 40px !important;
    }

    /* #endregion */
    /* #region CM-008*/
    .faq-page.container-fluid {
        width: 100%;
        margin: 0 auto;
    }

    .faq-page .container--breadcrumb {
        max-width: 1170px;
        margin: auto;
        padding-top: 8px;
        margin-bottom: 8px;
    }

    .faq-page .search-area {
        width: 570px;
    }

    .faq-page #search-box::placeholder {
        color: #BBBBBB !important;
    }

    .faq-page .input-group-append {
        cursor: pointer;
    }

    @media (max-width:768px) {
        .faq-page .search-area {
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .pb-3,
        .py-3 {
            padding-left: 30px;
            padding-right: 10px;
        }
    }

    .faq-page .faq .pagination .page-item .page-link {
        color: #222;
    }

    .faq-page .input-group-text {
        width: 50px;
        display: grid;
    }

    /* #endregion CM-008*/



    /* #region CM-001 : Daily exchange rate */
    .cm-001 {
        padding-left: 15px;
        padding-right: 15px;
    }

        .cm-001 .padding16 {
            padding: 0 16px;
        }

        .cm-001 span {
            font-family: Thongterm-Roman;
            font-size: 16px;
            line-height: 30px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: normal;
            color: #5a5a5a;
        }

        .cm-001 h2 {
            color: #222222;
            font-family: "Krungsri-Condensed-Bold";
            font-size: 24px;
            letter-spacing: 0;
            line-height: 36px;
            margin-bottom: 0;
        }

        .cm-001 .margin16 {
            margin: 16px 0;
        }

        .cm-001 .hwcCustomization .basicTable2 {
            border-collapse: collapse;
        }

            .cm-001 .hwcCustomization .basicTable2 thead th {
                font-weight: bold;
            }

                .cm-001 .hwcCustomization .basicTable2 thead th span {
                    font-weight: bold;
                }

            .cm-001 .hwcCustomization .basicTable2 tbody tr {
                vertical-align: top;
            }

            .cm-001 .hwcCustomization .basicTable2 th {
                background-color: #FFD400;
                border-style: solid;
                border-width: 2px;
                border-color: #FFFFFF;
                border-spacing: 3px;
            }

            .cm-001 .hwcCustomization .basicTable2 tr {
                background-color: #ece9e9;
                /*font-size: 22pt;*/
                border-collapse: collapse;
                border-spacing: 0;
            }

                .cm-001 .hwcCustomization .basicTable2 tr:nth-child(2n+1) {
                    background-color: #F8F8F8;
                    /*font-size: 22pt;*/
                    border-collapse: collapse;
                    border-spacing: 0;
                }

    /* #endregion CM-001 : Daily exchange rate */


    /* #region CM-005 : Daily exchange rate 2*/
    .container--contentlink {
        max-width: 1170px;
        margin: auto;
        margin-bottom: 14px;
    }

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

    .cm-005 .Currency {
        padding-left: 0px;
        padding-right: 0px;
    }

    .cm-005 .bdlr,
    bdr,
    .bdr {
        border-left: 0px solid #E8E8E8 !important;
        border-right: 0px solid #E8E8E8 !important;
    }

    .cm-005 .bdb {
        border-bottom: 0px solid #E8E8E8 !important;
    }

    .cm-005 .Currency .card {
        padding: 12px 12px 13px 12px;
        box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, .1);
        border: 4px solid #fff !important;
        border-radius: 3px;
        transition: all .6s ease-in-out;
        /* margin-bottom: 0; */
        /*margin: 16px 0;*/
    }

        .cm-005 .Currency .card:hover {
            border: 4px solid #ffd400 !important;
        }

    .cm-005 .hwcCustomization .bdr-w {
        border-right: 1px solid #fff !important;
    }

    .cm-005 .Currency .card .hwcCustomization .row:first-child {
        height: 30px;
    }

    .cm-005 .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, .125);
        border-radius: .25rem;
    }

    .cm-005 .Currency .card .hwcCustomization .row:first-child {
        height: 30px
    }

    .cm-005 .hwcCustomization .ks-exhange-preview {
        margin-top: 16px !important
    }


    .cm-005 .hwcCustomization .table-responsive {
        margin-bottom: 0 !important;
    }


    .cm-005 .hwcCustomization .table tr td {
        padding: 8px
    }

    .cm-005 .Text-link,
    .Text-link a {
        color: #F76F00 !important;
        font-family: Thongterm-Roman;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
    }

    .cm-005 .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cm-005 h3 {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
        margin-bottom: 0;
    }

    .text-right {
        text-align: right !important;
    }

    .cm-005 .hwcCustomization .table thead ~ tbody tr:nth-of-type(odd) {
        background: #f3f3f3;
    }

    .cm-005 .hwcCustomization .table thead ~ tbody tr:nth-of-type(even) {
        background: transparent;
    }

    .cm-005 .hwcCustomization .table tr td {
        height: 48px !important;
    }

    @media screen and (max-width: 576px) {
        .cm-005 .table-responsive thead th {
            font-family: Krungsri;
            font-size: 14px;
            font-weight: bold;
        }

        .cm-005 .table-responsive tbody td {
            font-family: Thongterm;
            font-size: 14px;
            font-weight: bold;
        }
    }

    .cm-005 .table-responsive thead th {
        font-size: 16px;
        line-height: 29px;
    }

    .cm-005 .bdlr {
        display: flex;
        align-item: center;
    }

    @media (max-width: 767px) {
        .cm-005 .table-responsive tbody td {
            font-size: 16px;
            padding: 8px;
        }
    }

    @media (max-width: 768px) {
        .cm-005 h3 {
            font-size: 18px;
            line-height: 30px;
        }


        .cm-005 .Text-link {
            font-size: 14px;
            line-height: 26px;
        }
    }

    .cm-005 .flag-icon {
        margin-right: 20px;
    }

    /* #endregion CM-005 : Daily exchange rate 2 */

    /* #region PM-010 */
    .pm-010 .bg-menu-tab-pm {
        background-color: white;
        width: auto;
        margin-left: -15px;
        margin-right: -15px;
        background-color: #fff;
        box-shadow: 0 1px 6px 0 rgba(90, 90, 90, .2);
    }

        .pm-010 .bg-menu-tab-pm .tab-title-text {
            cursor: pointer;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
            width: unset;
        }

        .pm-010 .bg-menu-tab-pm .tab-title-text {
            padding-left: 10px;
            padding-right: 10px;
        }

    .pm-010 .tab-title-text.active--sub .sub {
        padding-top: 8px;
        padding-bottom: 8px;
        max-height: 900px;
        transform: translate(0, 4px);
    }

    .pm-010 .tab-title-text .sub {
        min-width: 328px;
    }

    .pm-010 .tab-title-text .sub {
        position: absolute;
        overflow: hidden;
        background: #fff;
        box-shadow: 1px 2px 0 0 rgba(35, 19, 18, .2);
        border-radius: 4px;
        z-index: 5;
        list-style: none;
        padding: 0;
        transform: translate(0, 0);
        max-height: 0;
        transition: 0.2s ease-in transform, 0.4s ease max-height;
        min-width: 270px;
    }

    .pm-010 .bg-menu-tab-pm ul {
        padding-inline-start: 20px;
        margin-bottom: 0;
    }

    .pm-010 .tab-title-text > a.border-line {
        font-family: Krungsri-Condensed-Medium;
        font-size: 20px;
        color: #5a5a5a;
        line-height: 30px;
        height: 78px;
        display: table-cell;
        vertical-align: middle;
    }

    .pm-010 .tab-title-text > a {
        background: transparent;
        position: relative;
        overflow: hidden;
    }

    .pm-010 .tab-title-text .sub li {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 4px;
        padding-bottom: 4px;
        font-family: 'Thongterm-Roman';
        font-size: 16px;
        color: #5a5a5a;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .pm-010 .tab-title-text .sub li a {
            font-family: 'Thongterm-Roman';
            font-size: 16px;
            color: #5a5a5a;
        }

    .pm-010 .tab-title-text > a.border-line.active {
        font-family: Krungsri-Condensed-Bold;
        font-size: 20px;
        margin-right: 48px;
        margin-top: 24px;
        margin-bottom: 24px;
        color: #222;
        line-height: 30px;
        height: 78px;
        display: table-cell;
        vertical-align: middle;
    }

    .pm-010 .tab-title-text > a.active:after {
        transform: translate3d(100%, 0, 0);
    }

    .pm-010 .tab-title-text:hover > a:after {
        transform: translate3d(100%, 0, 0);
    }

    .pm-010 .tab-title-text > a:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -100%;
        width: 100%;
        height: 3px;
        background: #ffd400;
        transition: 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    }

    @media screen and (min-width: 768px) {
        .pm-010 .bg-menu-tab-pm .tab-title-text:first-child {
            padding-left: 0;
            padding-right: 10px;
        }
    }

    @media (min-width: 1200px) {
        .pm-010 .menu-tab .container {
            max-width: 1170px;
        }
    }

    .pm-010 .tab-title-text .sub {
        min-width: 328px;
    }

        .pm-010 .tab-title-text .sub li a {
            padding: 0px;
            white-space: normal;
        }

        .pm-010 .tab-title-text .sub li:hover {
            background-color: #f3f3f3
        }

        .pm-010 .tab-title-text .sub li.dropdown-submenu .dropdown-menu-lv2 li a:hover {
            background-color: #f3f3f3
        }

        /*.pm-010 .tab-title-text .sub li.dropdown-submenu .dropdown-menu-lv2 a:focus {
            background-color: #ffd400 !important;
        }*/

        .pm-010 .tab-title-text .sub li.dropdown-submenu .dropdown-menu-lv2 li {
            padding: 0;
        }

            .pm-010 .tab-title-text .sub li.dropdown-submenu .dropdown-menu-lv2 li a {
                padding: 4px 32px;
            }

    .pm-010 .sub .dropdown-menu.show {
        box-shadow: unset;
    }

    .pm-010 .sub li.dropdown-submenu-multi {
        padding: 0;
    }

    .pm-010 .sub .dropdown-submenu-multi a.dropdown-item {
        padding: 4px 16px;
    }

    .pm-010 .sub .dropdown-item:hover, .pm-010 .sub .dropdown-item.active, .pm-010 .sub .dropdown-item:active, .pm-010 .sub .dropdown-menu.show .dropdown-item:hover {
        background-color: transparent;
    }

    .pm-010 .sub .dropdown-menu.show .dropdown-item {
        font-size: 16px;
        font-weight: normal;
        font-family: "Thongterm-roman";
    }

    .pm-010 .sub ul.dropdown-menu li:hover {
        background-color: transparent;
    }

    .pm-010 .sub ul.dropdown-menu.dropdown-menu-lv2 {
        float: initial;
        margin-top: 0px;
    }

    .pm-010 .sub .dropdown-menu.show .dropdown-item.dropdown-multi::after {
        content: "\f106";
    }

    /*.pm-010 .main.active .list-group-item-action {
        background-color: #ffd400;
    }*/

    @media (max-width: 768px) {
        .pm-010 .open-sub .sub-item.lv2-list-group-item.lv2-list-group-item-action.arrow::after {
            font-family: "Font Awesome 5 Pro";
            font-size: 16px;
            content: "\f106";
            float: right;
            position: absolute;
            right: 16px;
            color: #5b5b5b;
        }

        .pm-010 .open-sub.active .sub-item.lv2-list-group-item.lv2-list-group-item-action {
            /*background-color: #ffd400;*/
            background-color: unset;
        }

            .pm-010 .open-sub.active .sub-item.lv2-list-group-item.lv2-list-group-item-action.arrow::after {
                transform: rotateX(360deg);
            }

        .pm-010 .lv1 .lv2 .sub-item {
            padding-left: 50px;
        }

            .pm-010 .lv1 .lv2 .sub-item:focus, .pm-010 .lv1 .lv2 .sub-item:hover {
                background-color: #ffd400;
                border-left: 0px;
            }

        .pm-010 .sub-item.lv2-list-group-item.lv2-list-group-item-action {
            border-left: 0px;
            margin-left: 0;
            padding-left: 32px;
            font-family: Thongterm-Roman;
        }

        .pm-010 .open-sub .sub-item.active.lv2-list-group-item.lv2-list-group-item-action.arrow::after {
            content: "\f106" !important;
        }

        /*.pm-010 .sub.lv2 .sub-item.active {
            background-color: #ffd400;
            border-left: 0;
            font-family: "Thongterm-roman";
            margin-left: 0;
        }*/

        .pm-010 .sub.lv2 .sub-item.active {
            background-color: unset;
            margin-left: 0;
            border-left: 3px solid #ffd400;
            font-family: Thongterm-Bold;
            margin-left: 32px;
            padding-left: 16px;
        }        
    }

    .pm-010 .container-title {
        color: #222222;
        font-family: Krungsri-Condensed-Bold;
        font-size: 18px;
        line-height: 30px;
        /*background-color: #F3F3F3;*/
        padding: 16px;
        margin-bottom: 4px;
    }

    .pm-010 .list-group .list-group-item.list-group-item-action {
        color: #222222;
        font-family: Krungsri-Condensed-Bold;
        font-size: 16px;
        line-height: 24px;
        /*background: #f3f3f3;*/
    }

    .pm-010 .list-group .list-group-item {
        border: 0px;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.88;
        letter-spacing: normal;
        color: #9b9b9b;
        border-radius: 0px;
        padding: 16px;
    }

    .pm-010 .container--tab {
        max-width: 1200px;
        margin: auto;
    }

    .pm-010 .nav-menu-mobile .btn-secondary-menu {
        color: #554242;
        font-family: Krungsri-Condensed-Bold;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 30px;
        text-align: center;
        background-color: #FFD400;
        padding: 8px;
        border-radius: 3px;
        width: 270px;
    }

    .pm-010 .list-group .list-group-item.list-group-item-action.arrow {
        padding-right: 44px;
    }

    .pm-010 .list-group .list-group-item.active {
        background-color: #FFD400 !important;
    }

    .pm-010 .list-group .list-group-item.list-group-item-action {
        color: #222222;
        font-family: Krungsri-Condensed-Bold;
        font-size: 16px;
        line-height: 24px;
        /*background: #f3f3f3;*/
    }

    @media (max-width: 767px) {
        .pm-010 .list-group .list-group-item.list-group-item-action.arrow:after {
            font-family: "Font Awesome 5 Pro";
            font-size: 16px;
            content: "";
            float: right;
            position: absolute;
            right: 16px;
            color: #5b5b5b;
            display: block !important;
            top: 9px;
        }

        .pm-010 .list-group .active .list-group-item.list-group-item-action.arrow:after {
            content: "";
        }
    }

    /* #endregion PM-010 */

    /* #region PM-011 */

    .pm-011 .btn.focus, .btn:focus {
        outline: 0;
        box-shadow: none;
    }

    .pm-011 .dropdown.type-link {
        min-height: 30px;
        border-radius: 5px;
        background-color: #ffffff;
        font-family: 'Thongterm';
        font-size: 16px;
        color: #5a5a5a;
        padding-top: 0px;
        width: 170px;
        height: 44px;
    }

    .pm-011 .ks.dropdown.selection {
        display: flex;
        padding-top: 0;
        padding-bottom: 0;
        min-width: 0px;
    }

    .pm-011 .dropdown.ks.type-link.selection.select-type {
        width: 313px;
        max-width: 100%;
    }

    .pm-011 .dropdown .btn-pm-011 {
        font-family: Krungsri-Condensed-Bold;
        width: 100%;
        color: #554242 !important;
        white-space: nowrap;
        word-wrap: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 27px;
        text-align: center;
        font-size: 16px;
        margin: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 8px !important;
        padding-bottom: 9px !important;
    }

        .pm-011 .dropdown .btn-pm-011:hover {
            box-shadow: unset;
            border: none;
        }

        .pm-011 .dropdown .btn-pm-011[aria-expanded="true"] {
            border: solid 1px #c7c7c7 !important;
            border-bottom-left-radius: 0em !important;
            border-bottom-right-radius: 0em !important;
        }

    .pm-011 button.btn:focus, .pm-011 button.btn:hover {
        box-shadow: unset;
        border: none;
    }

    .pm-011 .dropdown.type-link .text {
        font-family: Krungsri-Condensed-Bold;
        width: 100%;
        color: #222222 !important;
        white-space: nowrap;
        word-wrap: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 27px;
        text-align: center;
        font-size: 16px;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 8px;
        padding-bottom: 9px;
    }

    .pm-011 .dropdown.selection.active {
        border: solid 1px #c7c7c7 !important;
    }

    .pm-011 button.btn:hover {
        border: solid 1px #e8e8e8 !important;
    }

    .pm-011 selection.dropdown .btn-pm-011[aria-expanded="true"] {
        border-bottom-left-radius: 0em !important;
        border-bottom-right-radius: 0em !important;
    }

    .pm-011 .dropdown-menu.menu {
        border: solid 0px #a99f9e !important;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }


        .pm-011 .dropdown-menu.menu.show {
            margin-top: 4px;
            box-shadow: none;
            margin-left: 0px;
            width: calc(100% + 2px);
            left: -1px;
            box-shadow: 0px 0px 4px rgba(35, 19, 18, 0.2);
            border: solid 0px #a99f9e !important;
            border: solid 0px #a99f9e !important;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            padding: 8px 0;
        }

    .pm-011 .dropdown-menu.show .dropdown-item {
        color: #5a5a5a;
        min-height: 35px;
        background-color: #ffffff;
        font-family: 'Thongterm-Roman';
        /* height: auto; */
        font-size: 16px;
        line-height: 30px;
        padding-left: 16px !important;
        word-wrap: break-word;
        white-space: normal;
        padding-top: 6px !important;
        padding-bottom: 2px !important;
        font-weight: unset;
    }

    /* #endregion PM-011 */

    /* #region PM-012 */
    .pm-012.ygc .bullet-zone .bullet span:before {
        left: 100%;
        right: unset;
        transform: rotate(180deg);
    }

    .pm-012.ygc .bullet-zone .bullet span {
        right: 250px;
        left: unset;
    }

    .pm-012.ygc .bullet-zone {
        position: fixed;
        max-width: 1170px;
        margin-left: 0;
        z-index: 100;
        top: 50%;
        right: 20px;
        cursor: pointer;
    }

        .pm-012.ygc .bullet-zone .bullet {
            box-sizing: border-box;
            height: 13px;
            width: 13px;
            border: 2px solid #8f8f8f;
            border-radius: 50%;
            margin: 10px 0;
        }

            .pm-012.ygc .bullet-zone .bullet.active, .ygc .bullet-zone .bullet:hover {
                background-color: #ffd400;
                border: 2px solid #ffd400;
            }

    .pm-012 a {
        color: #222222;
    }

    .pm-012.ygc .bullet-zone .bullet span {
        right: 250px;
        left: unset;
    }

    .pm-012.ygc .bullet-zone .bullet span {
        display: none;
        background-color: #ffd400;
        width: 230px;
        height: 40px;
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 27px;
        text-align: center;
        padding: 8px 0;
        left: 30px;
        position: relative;
        top: -15px;
        border-radius: 10px;
    }

    .pm-012.ygc .bullet-zone .bullet.active, .ygc .bullet-zone .bullet:hover {
        background-color: #ffd400;
        border: 2px solid #ffd400
    }

    .pm-012.ygc .bullet-zone .bullet:hover span {
        display: block
    }

    .pm-012.ygc .bullet-zone .bullet span:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136,183,213,0);
        border-right-color: #ffd400;
        border-width: 10px;
        margin-top: -10px
    }

    .pm-012.ygc .bullet-zone .bullet span {
        left: -250px;
    }

    @media screen and (max-width: 1200px) {
        .pm-012.ygc .bullet-zone {
            display: none;
        }
    }

    /* #endregion PM-012 */

    /* #region PM-013 */
    /*.bg-pv-w4000.container-fluid,
.bg-pv-w4000 .container-fluid,
.bg-pv-w4000 .col-12 {
    padding: 0 !important;
}*/

    .krungsri-prime.container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .pm-013 h1 {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 32px;
        letter-spacing: 0;
        line-height: 48px;
        margin-bottom: 0;
    }

    .pm-013 h2 {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        letter-spacing: 0;
        line-height: 36px;
        margin-bottom: 0;
    }

    .pm-013 h3 {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
        margin-bottom: 0;
    }

    .pm-013 .border-title-black:after {
        border-bottom: 2px solid #222222;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 10%;
        height: 2px;
        content: "";
        top: 110px;
    }

    @media (max-width: 768px) {
        .pm-013 h3 {
            font-size: 18px;
            line-height: 30px;
        }

        .pm-013 .border-title-black:after {
            border-bottom: 2px solid #222222;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 22%;
            height: 2px;
            content: "";
            top: 165px;
        }
    }


    @media screen and (max-width: 576px) {
        .pb-24px-xs {
            padding-bottom: 24px;
        }
    }

    .pm-013 .border-title-black {
        position: relative;
    }



    .pm-013 .zoom-shadow {
        box-shadow: 0 3px 8px 0 rgba(106, 106, 106, 0.5) !important;
    }

    .pm-013 .hover-img {
        position: relative;
        overflow: hidden;
    }

    .pm-013 .zoomcard img {
        height: 100%;
        width: 100%;
    }

    .pm-013 .title-card-pvg {
        color: #222222 !important;
        font-family: "Krungsri-Condensed";
        font-size: 24px;
        font-style: normal;
        font-stretch: normal;
        line-height: 36px;
        padding-bottom: 36px;
        position: relative;
    }

    .pm-013 .title-card-pvg {
        padding-bottom: 34px;
    }


    .pm-013 .txt-card-pvg {
        line-height: 29px;
    }

    .pm-013 .divbtn {
        display: flex;
        justify-content: center;
        margin-top: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .pm-013 .divbtn {
        margin-top: 0;
    }

    .pm-013 .btn {
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: .25rem;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .pm-013 a.btn, .pm-013 div.btn {
        width: auto;
        height: 44px;
        border-radius: 5px;
        background-color: #ffffff;
        border: solid 1px #e8e8e8;
        font-family: Krungsri-Condensed-Bold;
        font-size: 16px;
        font-style: normal;
        font-stretch: normal;
        line-height: 27px;
        letter-spacing: normal;
        text-align: center;
        color: #554242;
        outline: none !important;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 10px;
        padding-bottom: 4px;
    }

        .pm-013 a.btn.btn-black, .pm-013 div.btn.btn-black {
            color: #ffffff !important;
            background: linear-gradient(140.35deg, #2c2c2c 0%, #545454 49.3%, #2c2c2c 100%) !important;
            border: solid 0px #e8e8e8 !important;
            height: 44px;
            padding-top: 0;
            padding-bottom: 0;
            line-height: 44px;
        }

        .pm-013 a.btn.btn-black {
            min-width: 160px;
            border-radius: 4px;
            height: 48px;
            line-height: 48px;
            width: auto;
        }

    pm-013 .mb40px-pc-imp {
        margin-bottom: 40px !important;
    }

    pm-013 .card-pvg-bg {
        padding: 8px;
    }

    .pm-013 .btn-text-left-pc {
        text-align: left;
        justify-content: left;
        padding: 0;
    }

    @media screen and (max-width: 768px) {
        .pm-013 .btn-text-left-pc {
            text-align: center;
            justify-content: center;
            padding: 0;
        }
    }

    .pm-013 .txt-card-pvg {
        line-height: 30px;
    }


    @media (max-width: 768px) {
        .pm-013 .mobile-p-0 {
            padding: 0;
        }
    }

    @media (min-width: 768px) {
        .pm-013 .mb40px-pc-imp {
            margin-bottom: 40px !important;
        }
    }

    @media (max-width: 768px) {
        .pm-013 .mb16px-m-imp {
            margin-bottom: 16px !important;
        }
    }

    /* #endregion PM-013 */
    /* #region CI-031 , CI-032 */

    .ci-031 h2 {
        margin: 0;
    }

    .ci-031 .image img {
        width: 100%;
        max-height: 205px;
    }

    .ci-032 h2 {
        margin: 0;
    }

    @media screen and (max-width: 767px) {
        .ci-032 .image img {
            width: 100%;
            height: 110px !important;
        }
    }

    /* #endregion */

    .ci018 .swiper-pagination-bullet-active {
        background: #ffd400 !important;
        border: 1px solid #ffd400 !important;
    }


    .ci018 .swiper-slide {
        display: flex;
        justify-content: center; /* จัดกึ่งกลางในแนวนอน */
        align-items: center; /* จัดกึ่งกลางในแนวตั้ง */
    }

    .ci018 .item {
        text-align: center;
    }

        .ci018 .item .box-2 {
            display: flex;
            flex-direction: column;
            justify-content: center; /* จัดกึ่งกลางในแนวตั้ง */
            align-items: center; /* จัดกึ่งกลางในแนวนอน */
        }

    .item img {
        margin: 0 auto; /* จัดกึ่งกลางภาพ */
    }

    .ci018 .text-p {
        text-align: center;
    }

    .ci018 .box-2 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    /* #endregion */

    /* #region OT-022 */
    .ot-022 .title-txt h3 {
        font-family: 'Krungsri-Condensed-bold';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        color: #FFD400;
    }

    .ot-022 .box-podcast .card-content {
        border-top: none;
        min-height: unset;
        height: 140px;
        display: flex;
        border-radius: 3px;
        background-color: #fff;
    }

    .ot-022 .card-content-img {
        width: 140px;
        height: 140px;
        object-fit: cover;
        min-height: unset;
        border-radius: 3px 0px 0px 3px;
    }

    .ot-022 .card-content-type h4 {
        line-height: 24px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: unset;
    }

    .ot-022 .card-content-title {
        color: #5A5A5A;
        font-family: Thongterm;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
        /*white-space: break-spaces;*/
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        height: unset;
    }

    .ot-022 .box-podcast .box-text .card-readmore {
        position: absolute;
        bottom: 8px;
    }

    .ot-022 .Text-link {
        color: #f76f00;
        font-family: Thongterm-Roman;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
        cursor: pointer;
    }

    .ot-022 .row-custom {
        margin-bottom: 24px;
    }

    .ot-022 .box-podcast .box-text {
        padding: 10px;
        padding: 8px 8px 16px 8px;
        min-width: 230px;
        position: relative;
    }


    @media screen and (max-width: 768px) {
        .ot-022 .row-custom {
            margin-top: -16px;
            padding: 0 15px;
        }

        .ot-022 .box-podcast .box-text {
            min-width: unset;
        }

        .ot-022 .box-podcast .box-text {
            min-width: unset;
        }

        .ot-022 .card-content-type h4 {
            padding-bottom: 0;
            margin: 0;
        }

        .ot-022 .card-content-type h4 {
            white-space: unset;
        }

        .ot-022 .card-content-title {
            white-space: unset;
        }
    }

    @media screen and (min-width: 992px) {
        .ot-022 .card-content-title {
            white-space: normal;
        }
    }

    .ot022-solution {
        position: relative;
        bottom: -2px;
    }

    /* #endregion OT-022 */

    /* #region OT-023 */

    .ot-023 .card-store {
        margin: 15px 0;
    }

    .ot-023 .egs-card {
        background-color: #fff;
        padding: 24px;
        box-shadow: 1px 2px 20px rgba(35, 19, 18, .05);
        margin-left: 0;
        margin-right: 0;
        position: relative;
    }

        .ot-023 .egs-card .card-detail.overflow-text:after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            background: linear-gradient(to top, rgba(255, 255, 255, .74) 0%, rgba(255, 255, 255, 0) 100%) !important;
        }

    .ot-023 .card-thumbnail {
        padding: 0;
    }

        .ot-023 .card-thumbnail img {
            margin: 0 auto;
            width: 120px;
            height: 120px;
        }

    .ot-023 .card-detail {
        word-break: break-word;
    }

    .ot-023 .egs-card .card-more-detail {
        height: 40px;
        cursor: pointer;
    }

    .ot-023 .card-more-detail {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .ot-023 .egs-card.card-open {
        height: auto !important;
    }

    .ot-023 .egs-card .card-detail.card-open {
        height: auto !important;
        transition: .2s ease-in transform, .4s ease height;
    }

    @media screen and (max-width: 768px) {
        .ot-023 .card-container {
            background-color: #fff;
        }

        .ot-023 .egs-card {
            height: 490px;
            padding: 15px;
            overflow-y: hidden;
        }

        .ot-023 .card-thumbnail {
            margin-bottom: 15px;
        }

        .ot-023 .card-detail {
            height: 100%;
        }
    }

    @media screen and (min-width: 768px) {
        .ot-023 .egs-card {
            height: 343px;
        }

        .ot-023 .card-detail {
            height: 270px;
            overflow-y: hidden;
        }
    }

    /* #endregion OT-023 */

    /* #region OT-025 */
    .ot-025 .banner-half .block.block-banner {
        position: relative;
    }

    .ot-025 .ks.card {
        flex: 1 1 auto;
        border-radius: 0;
        padding: 0;
    }

    .ot-025 .card {
        border: 1px solid #e8e8e8;
        border-radius: 0;
        padding: 24px;
        margin-bottom: 16px;
    }

    .ot-025 .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, .125);
        border-radius: .25rem;
    }

    .ot-025 .container--content .image {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

        .ot-025 .container--content .image img {
            width: 100%;
            height: auto;
        }

    .ot-025 .banner-half .gradient.ks-gradient {
        max-width: calc(100vw - 1px);
        background: linear-gradient(180deg, rgba(90, 90, 90, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
        transform: rotate(0deg);
        position: absolute;
        width: 100%;
        bottom: 0px;
        height: 45%;
    }

    .ot-025 .banner-half .cover-content-wrapper {
        position: relative;
    }

    .ot-025 .banner-half .banner-content.ks-banner-content {
        position: absolute;
        z-index: 5;
        bottom: 0;
        padding-left: 16px;
        padding-right: 16px;
    }

    .ot-025 .banner-half .h2 {
        color: #ffffff;
        font-family: Krungsri-Condensed-Bold;
        font-size: 24px;
        letter-spacing: 0;
        line-height: 36px;
        text-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    }

    .ot-025 .banner-half p.description {
        color: #ffffff;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
        font-family: Thongterm-Roman;
        text-shadow: none;
        text-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    }

    .ot-025 a.btn.btn-primary, div.btn.btn-primary {
        color: #554242 !important;
        background-color: #ffd400 !important;
        border: solid 0px #e8e8e8 !important;
        height: 44px;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 44px;
    }

    .ot-025 .btn.btn-MaroonGrey {
        color: #ffd400 !important;
        background-color: #6F5F5E !important;
        border: solid 0px #e8e8e8 !important;
        height: 44px;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 44px;
    }

    .ot-025 a.btn, .ot-025 div.btn {
        width: auto;
        height: 44px;
        border-radius: 5px;
        background-color: #ffffff;
        border: solid 1px #e8e8e8;
        font-family: Krungsri-Condensed-Bold;
        font-size: 16px;
        font-style: normal;
        font-stretch: normal;
        line-height: 27px;
        letter-spacing: normal;
        text-align: center;
        color: #554242;
        outline: none !important;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 10px;
        padding-bottom: 4px;
    }

    @media (max-width: 767px) {
        .ot-025 .banner-half .card {
            margin-bottom: 24px;
        }

        .ot-025 .kma .container--content .image {
            width: 100%;
            float: left;
        }
    }

    /* #endregion OT-025 */

    /* #region OT-026 */
    .ot-026.bancassurance h2 {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        letter-spacing: 0;
        line-height: 36px;
        margin-bottom: 0;
    }

    .ot-026.bancassurance .card-info-check-license .header h4 {
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        line-height: 24px;
    }

    .ot-026.bancassurance .card-info-check-license {
        border-radius: 3px;
        margin-bottom: 16px;
        background-color: #fff;
        width: 100%;
        display: inline-block;
        box-shadow: 1px 2px 10px 0 rgba(35, 19, 18, .05);
    }

        .ot-026.bancassurance .card-info-check-license .content {
            padding-bottom: 10px;
            padding-top: 19px;
            padding-left: 16px;
            padding-right: 16px;
        }

    .ot-026.bancassurance .clickcheck {
        padding-right: 33px;
        text-align: right;
        line-height: 24px;
    }

    .ot-026.bancassurance .Text-link-small, .ot-026.bancassurance .Text-link-small a {
        color: #F76F00;
        font-family: Thongterm-Roman;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 30px;
    }


    @media(max-width: 768px) {


        .ot-026.bancassurance .clickcheck {
            padding-right: 0;
            text-align: left;
        }
    }

    /* #endregion OT-026 */




    /* #region OT-027 */

    .ot-027.bg-kse-content {
        padding-bottom: 80px;
    }

    .ot-027.bg-kse-content {
        background: linear-gradient(180deg, #241C18 0%, #6C594F 100%);
        padding-bottom: 40px;
    }

    .ot-027 .container--content {
        max-width: 1170px;
        margin: auto;
        margin-top: 40px;
        margin-bottom: 80px;
    }

    .ot-027 .color-kse {
        color: #B7A053;
    }

    .ot-027 .pt-40px-all {
        padding-top: 40px;
    }

    .ot-027 .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

        .ot-027 .nav.nav-ks .nav-item {
            flex: 1 1 auto;
            text-align: center;
            border-bottom: 3px solid #F0EFEE;
        }

            .ot-027 .nav.nav-ks .nav-item .nav-link {
                color: #949494;
                font-size: 16px;
                position: relative;
            }

                .ot-027 .nav.nav-ks .nav-item .nav-link:after {
                    width: 0px;
                    content: "";
                    position: absolute;
                    bottom: -3px;
                    left: 0;
                    height: 3px;
                    background: #B7A053;
                    transition: 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
                }

                .ot-027 .nav.nav-ks .nav-item .nav-link:hover:after,
                .ot-027 .nav.nav-ks .nav-item .nav-link.active:after {
                    width: 100%;
                }

                .ot-027 .nav.nav-ks .nav-item .nav-link.active {
                    color: #B7A053 !important;
                    font-family: 'Thongterm-Bold';
                }


    .ot-027 .nav-link {
        display: block;
        padding: .5rem 1rem;
    }


    .ot-027 ul {
        padding-inline-start: 20px;
        margin-bottom: 0;
    }

    .ot-027 dl, .ot-027 ol, .ot-027 ul {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    .ot-027 .tab-content > .active {
        display: block;
    }

    .ot-027 a.btn.btn-primary.btn-kse {
        border-radius: 3px;
        background-color: #AD8B19 !important;
        color: #ffffff !important;
        min-width: 170px;
    }

    .ot-027 .fade {
        transition: opacity .15s linear;
    }

    .ot-027 .tab-content > .tab-pane {
        display: none;
    }

    .ot-027 .tab-content > .active {
        display: block;
    }


    .ot-027.bg-kse-content {
        padding-bottom: 80px;
    }

    @media (max-width: 767px) {
        .ot-027 h2 {
            margin: 0;
        }

        .ot-027 .nav.nav-ks .nav-item {
            flex: 1 1 50% !important;
        }

        .ot-027 .container--content {
            padding-left: 0;
            padding-right: 0;
        }
    }
    /* #endregion OT-027*/


    /* #region OT-028*/
    .ot-028.bg-kse-content {
        padding-bottom: 80px;
    }

    .ot-028.bg-kse-content {
        background: linear-gradient(180deg, #241C18 0%, #6C594F 100%);
        padding-bottom: 40px;
    }

    .ot-028 .container--content {
        max-width: 1170px;
        margin: auto;
        margin-top: 40px;
        margin-bottom: 80px;
    }

    .ot-028 h2 {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        letter-spacing: 0;
        line-height: 36px;
        margin-bottom: 0;
    }

    .ot-028 .color-kse {
        color: #B7A053;
    }

    .ot-028 .text-white-all {
        color: #ffffff;
    }

    .ot-028 .ks.card.download {
        border-radius: 3px;
        background-color: #71615D;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
        color: #ffffff !important;
    }

        .ot-028 .ks.card.download .content .filename {
            font-family: 'Thongterm';
        }

        .ot-028 .ks.card.download .content .filename {
            color: #ffffff !important;
        }

        .ot-028 .ks.card.download .content .datetime {
            color: #D6D6D6 !important;
        }

        .ot-028 .ks.card.download .badge {
            background-color: #B7A053;
            padding-top: 4px;
        }


    .ot-028 .ks.card.download {
        border: 0;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
        cursor: pointer;
        margin-bottom: 16px;
        box-shadow: 1px 2px 20px 0 rgba(35,19,18,0.05);
        border-radius: 3px;
    }

        .ot-028 .ks.card.download .download-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 10px 25px;
            max-height: 50%;
            height: 50%;
            margin-top: 10px;
            width: auto;
        }

    .ot-028 .download-icon.icon-big:after {
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        content: "";
        font-size: 24px;
        color: white;
        width: 28px;
        height: 28px;
        text-align: center;
    }

    .ot-028 .ks.card.download .content {
        padding-left: 24px;
        padding-right: 20px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-top: 8px;
        margin-bottom: 8px;
        border-left: 1px solid #bbbbbb;
        overflow: hidden;
        align-self: center;
        height: auto;
        width: auto;
    }

        .ot-028 .ks.card.download .content .filename {
            font-weight: bold;
            vertical-align: bottom;
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            color: #222222;
            font-family: Thongterm-Bold;
            font-size: 16px;
            letter-spacing: 0;
            line-height: 34px;
        }

        .ot-028 .ks.card.download .content .datetime {
            color: #5a5a5a;
            font-size: 14px;
            line-height: 30px;
        }

    .ot-028 .ks.card.download .filetype {
        height: 18px;
        border-radius: 3px;
        text-align: center;
        padding-left: 6px;
        padding-right: 6px;
        margin-left: auto;
        margin-right: 22px;
        align-self: center;
    }

    @media screen and (max-width: 767px) {
        .ot-028 .ks.card.download {
            align-items: normal;
        }

            .ot-028 .ks.card.download .download-icon {
                margin: 10px 18px;
            }

            .ot-028 .ks.card.download .content {
                flex: unset;
                max-width: 100%;
                overflow-y: hidden;
                border-left: 0px;
                padding-left: 0;
                padding-right: 16px;
            }

            .ot-028 .ks.card.download .filetype {
                width: 34px;
                height: 20px;
                border-radius: 3px;
                text-align: center;
                margin-left: 16px;
                margin-right: 16px;
                position: absolute;
                bottom: 14px;
            }
    }


    .ot-028.bg-kse-content {
        padding-bottom: 80px;
    }

    .ot-028 a.btn, .ot-028 div.btn {
        width: auto;
        height: 44px;
        border-radius: 5px;
        background-color: #ffffff;
        border: solid 1px #e8e8e8;
        font-family: Krungsri-Condensed-Bold;
        font-size: 16px;
        font-style: normal;
        font-stretch: normal;
        line-height: 27px;
        letter-spacing: normal;
        text-align: center;
        color: #554242;
        outline: none !important;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 10px;
        padding-bottom: 4px;
    }

        .ot-028 a.btn.btn-primary, .ot-028 div.btn.btn-primary {
            color: #554242 !important;
            background-color: #ffd400 !important;
            border: solid 0px #e8e8e8 !important;
            height: 44px;
            padding-top: 0;
            padding-bottom: 0;
            line-height: 44px;
        }

            .ot-028 a.btn.btn-primary.btn-kse {
                border-radius: 3px;
                background-color: #AD8B19 !important;
                color: #ffffff !important;
                min-width: 170px;
            }

    .ot-027 .ot-028.bg-kse-content {
        background: none;
        padding: 0;
    }

    @media screen and (max-width: 767px) {
        .ot-028 .ks.card.download {
            align-items: normal;
        }

        .ot-027 .ot-028.bg-kse-content {
            background: none;
            padding: 0; 
        }
    }

    .ot-028 .paginationjs-pages .paginationjs-page a {
        color: #fff;
        font-family: Thongterm-Roman;
    }

    .ot-028 .paginationjs-pages .paginationjs-page.active a {
        color: #fff;
        font-family: Thongterm-Roman;
    }

    .ot-028 .paginationjs-pages .paginationjs-ellipsis.disabled,
    .ot-028 .paginationjs-pages .paginationjs-ellipsis.disabled a {
        color: #fff;
        font-family: Thongterm-Roman;
    }

    .ot-028 .pagination .page-item .page-link {
        color: #fff;
        font-family: Thongterm-Roman;
    }

    .ot-028 .paginationjs-pages .paginationjs-page.active {
        font-family: Thongterm-Roman;
        border: 0px solid transparent;
        background-color: #FFD400;
        border-radius: 50%;
        background-color: #B7A053;
        padding: 2px 8px;
    }

    @media (max-width: 991px) {
        .ot-028.bg-kse-content {
            padding-left: 0;
            padding-right: 0;
        }
    }

    /* #endregion OT-028*/

    /* #region OT-029*/
    .ot-029.bg-subtitle {
        background: linear-gradient(135deg, #1E2020 0%, #58585A 49.3%, #1C1E1E 100%);
        background-size: cover;
        padding-left: 15px;
        padding-right: 15px;
    }

    @media (max-width: 767px) {
        .ot-029.bg-subtitle {
            margin-left: 0px;
            margin-right: 0px;
        }
    }

    .ot-029 .container--subtitle {
        padding: 40px 0;
        position: relative;
        max-width: 1170px;
        margin: 0 auto;
    }

    .ot-029 h1 {
        color: rgb(255, 255, 255);
        font-family: "Krungsri-Condensed-Bold";
        font-size: 32px;
        letter-spacing: 0;
        line-height: 48px;
    }

    .ot-029 .subtitle-detail {
        font-family: krungsri-condensed-medium;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 30px;
        margin-bottom: 41px;
    }

    .ot-029 .sub-title-description {
        font-family: 'Thongterm-roman';
    }

    .ot-029 .card.icon-y.box-document {
        background-color: unset;
        border: 0;
    }

    .ot-029 #top-subtitle .card-header3 {
        background-color: unset;
    }

    .ot-029 #top-subtitle .accordion.accordion3 .card3 .card-header3 {
        border: 0;
    }

    .ot-029 #top-subtitle .accordion .card3 .collapse,
    .ot-029 .accordion .card .collapsing {
        border: 0;
    }

    .ot-029 #top-subtitle .accordion .card3 .card-header3:hover,
    .ot-029 .accordion .card .card-header.active {
        border: 0;
    }

    .ot-029 #top-subtitle .accordion .card3 .card-header3.arrow3:not(.collapsed):after {
        float: unset;
        top: unset;
        bottom: 10px;
        left: 0;
        right: 0;
    }

    .ot-029 #top-subtitle .accordion .subtitle-detail {
        padding-left: 0;
        padding-right: 0;
    }

    .ot-029 .sub-title-description.collapse.show {
        /* margin-bottom: 0px;*/
        margin-bottom: 16px;
    }

    .ot-029 #top-subtitle .accordion .card3.icon-y.box-document .arrow3.collapsed:after {
        font-family: "Font Awesome 5 Pro";
        font-weight: 300;
        font-size: 1.5rem;
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        top: -15px;
        color: #FFFFFF;
        z-index: 0;
        text-align: center;
        width: 30px;
        height: 30px;
        padding-top: 2px;
        border-radius: 50%;
        margin: auto;
    }

    .ot-029 .accordion .card3 .card-header3.arrow3:not(.collapsed):after {
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        font-size: 18px;
        content: "\f106";
        float: right;
        position: absolute;
        top: 18px;
        right: 20px;
        color: #5a5a5a;
        z-index: 0;
    }

    .ot-029 #top-subtitle .accordion .card3 .card-header3.arrow3:not(.collapsed):after {
        float: unset;
        top: unset;
        bottom: 10px;
        left: 0;
        right: 0;
    }

    .ot-029 #top-subtitle .accordion .card3.icon-y.box-document .arrow3.collapse {
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        font-size: 18px;
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        top: -15px;
        color: #FFFFFF;
        z-index: 0;
        text-align: center;
        width: 30px;
        height: 30px;
        padding-top: 2px;
        border-radius: 50%;
        margin: auto;
    }

    .ot-029 .accordion .card3 .card-header3.arrow3:not(.collapsed):after {
        color: #ffffff !important;
    }

    .ot-029 .accordion .card3 .card-header3.arrow3.collapsed:after {
        color: #ffffff !important;
    }

    .ot-029 .accordion .card2 .card-header2 .btn {
        color: #ffffff;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
        padding: 0;
    }

    /* #endregion OT-029*/

    /* #region OT-030*/

    .ot-030.bg-content {
        box-sizing: border-box;
        border: 1px solid #FFFFFF;
        background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
        /*box-shadow: 0 3px 8px 0 rgba(106, 106, 106, 0.5);*/
        box-shadow: none;
    }

    .bg-prime-content {
        box-sizing: border-box;
        border: 1px solid #FFFFFF;
        background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
        /*box-shadow: 0 3px 8px 0 rgba(106, 106, 106, 0.5);*/
    }

    .bg-pv-w4000 {
        background-image: url('../content/images/krungsri-prime-bg-join-us.png'), repeating-linear-gradient(180deg, #e7e9ee 0%, #8d8f96 100%);
        background-size: cover;
    }

    .ot-030.container--content {
        max-width: 1170px;
        margin-top: 0px;
        margin-bottom: 80px;
    }

    .ot-030 .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .ot-030 ul {
        padding-inline-start: 20px;
        margin-bottom: 0;
    }

    .ot-030 .nav.nav-ks .nav-item {
        flex: 1 1 auto;
        text-align: center;
        border-bottom: 3px solid #F0EFEE;
    }

        .ot-030 .nav.nav-ks .nav-item .nav-link.active {
            color: #B7A053 !important;
            font-family: 'Thongterm-Bold';
        }

    .ot-030 h3 {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
        margin-bottom: 0;
    }

    .ot-030 .nav.nav-ks .nav-item .nav-link:hover:after,
    .ot-030 .nav.nav-ks .nav-item .nav-link.active:after {
        width: 100%;
    }

    .ot-030 .nav.nav-ks .nav-item .nav-link.active:after {
        width: 100%;
        content: "";
        position: absolute;
        bottom: -3px;
        left: 0;
        height: 4px;
        background: #ffd400;
        transition: 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    }

    .ot-030 .nav.nav-ks .nav-item .nav-link {
        z-index: 15;
    }

    .ot-030 .nav.nav-ks .nav-item .nav-link {
        color: #949494;
        font-size: 16px;
        position: relative;
    }

    .ot-030 .nav-link {
        display: block;
        padding: .5rem 1rem;
    }

    .ot-030 .nav.nav-ks .nav-item .nav-link:after {
        width: 100%;
        content: "";
        position: absolute;
        bottom: -3px;
        left: 0;
        height: 4px;
        background: #f0efee;
        transition: 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    }

    .text-black {
        color: #222222 !important;
    }

    .ot-030 .tab-content > .tab-pane {
        display: none;
    }

    .ot-030 .tab-content > .active {
        display: block;
    }

    .ot-030 .fade {
        transition: opacity .15s linear;
    }

    .ot-030 .accordion-header {
        width: 100%;
        height: auto;
        cursor: pointer;
        padding-right: 0px;
        border-bottom: 0px solid #e8e8e8;
        border-left: 0;
        padding-bottom: 0;
        display: flex;
        align-items: center;
    }

        .ot-030 .accordion-header .accordion-button.btn-link2 {
            border-left: 3px solid #ffd400;
            padding-left: 16px;
            padding-top: 16px;
            padding-bottom: 16px;
        }

            .ot-030 .accordion-header .accordion-button.btn-link2.collapsed {
                border-left: 3px solid transparent;
                padding-left: 16px;
                padding-top: 16px;
                padding-bottom: 16px;
            }

    .ot-030 .accordion-button {
        width: 100%;
        display: flex;
        border: none;
    }

    @media (max-width: 768px) {
        .ot-030 .bg-pv-w4000 {
            background-image: url('../content/images/krungsri-prime-bg-join-us.png'), repeating-linear-gradient(180deg, #e7e9ee 0%, #8d8f96 100%);
            background-size: cover;
            background-size: auto;
        }

        .ot-030.container--content {
            max-width: 1170px;
            margin-top: 0;
            margin-bottom: 0;
        }

        .ot-030 .plr-16px-m {
            padding-left: 16px;
            padding-right: 16px;
        }

        .ot-030 .accordion .card-redeem.card {
            border-color: #e8e8e8;
            border: none;
        }

        .ot-030 .accordion > .card:first-of-type {
            border-bottom: 1px solid #999999;
        }

        .ot-030 .accordion .card .card-header.arrow {
            background: none;
        }

        .ot-030 .accordion .card .card-header {
            padding-top: 0;
        }

        .ot-030 .accordion .card .card-header {
            padding-left: 0;
        }

            .ot-030 .accordion .card .card-header .btn {
                font-size: 18px;
                line-height: 30px;
            }

            .ot-030 .accordion .card .card-header .btn {
                font-family: "Krungsri-Condensed-Bold";
                font-size: 16px;
                line-height: 24px;
                padding: 16px 0;
            }

        .ot-030 h3 {
            font-size: 18px;
            line-height: 30px;
        }

        .ot-030 .accordion .card .card-header.card-arrow.arrow.collapsed:after {
            color: #5a5a5a !important;
        }

        .ot-030 .accordion .card .card-header.arrow.collapsed:after {
            right: 5px;
        }

        .ot-030 .accordion .card .card-header.card-arrow.arrow:not(.collapsed)not(.collapsed):after {
            color: #5a5a5a !important;
        }

        .ot-030 .accordion .card .card-header.arrow.collapsed:after {
            font-family: "Font Awesome 5 Pro";
            font-weight: 300;
            font-size: 1.5rem;
            content: "\f107";
            float: right;
            position: absolute;
            top: 18px;
            right: 20px;
            color: #5a5a5a;
            z-index: 0;
        }

        .ot-030 .accordion .card .card-header.arrow:not(.collapsed):after {
            font-family: "Font Awesome 5 Pro";
            font-weight: 300;
            font-size: 1.5rem;
            content: "\f106";
            float: right;
            position: absolute;
            top: 18px;
            right: 20px;
            color: #5a5a5a;
            z-index: 0;
        }

        .ot-030 .accordion .card .collapse,
        .ot-030 .accordion .card .collapsing {
            border-left: 3px solid #ffd400;
        }

        .ot-030 .accordion .card .collapsed {
            border-left: 3px solid transparent;
        }

        .ot-030 .accordion .collapse .card-body {
            padding-left: 0;
            padding-right: 0;
        }

            .ot-030 .accordion .collapse .card-body .item {
                padding-bottom: 8px;
            }

        .ot-030 .accordion-mb {
            padding-left: 16px;
            padding-right: 16px;
        }

        .ot-030 .card2 .card-body2 {
            padding-left: 16px;
            padding-right: 16px;
        }

        .ot-030 .accordion-button i {
            color: #5a5a5a;
        }
    }
    /* #endregion OT-030*/

    /* #region OT-031 */
    .ot-031 .sticky-wrapper {
        height: 850px;
    }

    .ot-031.tab-sticky {
        position: sticky;
        top: 0;
    }

        .ot-031.tab-sticky .tab-sticky-nav {
            min-width: 290px;
            width: 100%;
        }

    .ot-031 html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
    }

        .ot-031 html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }

    .ot-031 .krugsri-product .nav {
        width: 100%;
        border-radius: 8px;
        background-color: #e9e8e7;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .ot-031 [data-aos].aos-animate {
        pointer-events: auto;
    }

    .ot-031 .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .ot-031 .krugsri-product {
        margin-bottom: 0;
    }

        .ot-031 .krugsri-product .nav {
            width: 100%;
            border-radius: 8px;
            background-color: #e9e8e7;
            margin-bottom: 15px;
            margin-top: 15px;
        }

        .ot-031 .krugsri-product .nav-pills .nav-link {
            background-color: #e9e8e7;
            padding: 20px 40px;
            border-radius: 8px;
        }

            .ot-031 .krugsri-product .nav-pills .nav-link.active, .ot-031 .nav-pills .show > .nav-link {
                background-color: #ffcd00;
                color: black;
            }

        .ot-031 .krugsri-product .nav-pills .nav-link {
            color: black;
            cursor: pointer;
        }

        .ot-031 .krugsri-product .card {
            width: 100%;
            border: 0;
            border-radius: 8px;
            margin-bottom: 15px;
            -webkit-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .1);
            box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .1);
            background-color: #eee;
        }

            .ot-031 .krugsri-product .card.none-shadow {
                background-color: transparent;
                -webkit-box-shadow: 0 0 0 0 transparent;
                -moz-box-shadow: 0 0 0 0 transparent;
                box-shadow: 0 0 0 0 transparent;
            }

            .ot-031 .krugsri-product .card h5 {
                padding: 40px;
                background-color: #ffcd00;
                border-radius: 8px 8px 0 0;
            }

        .ot-031 .krugsri-product .tab-content > .active {
            margin-top: 15px;
        }

        .ot-031 .krugsri-product .card h6 {
            padding: 40px;
        }

        .ot-031 .krugsri-product .card .card-content {
            padding: 0 40px 40px 40px;
            color: #756762;
        }

            .ot-031 .krugsri-product .card .card-content p {
                margin-bottom: 0;
            }

            .ot-031 .krugsri-product .card .card-content .card-img {
                min-height: 120px;
            }

        .ot-031 .krugsri-product .tabs1 {
            font-size: 15px;
            padding: 0;
            list-style: none;
            background: #736762;
            box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
            display: table;
            border-radius: 50px;
            position: relative;
            height: 40px;
            margin: 20px auto;
        }

            .ot-031 .krugsri-product .tabs1 a, .ot-031 .krugsri-product .tabs1 div {
                text-decoration: none;
                color: white;
                text-transform: uppercase;
                padding: 10px 20px;
                display: inline-block;
                position: relative;
                z-index: 1;
                transition-duration: 0.6s;
            }

                .ot-031 .krugsri-product .tabs1 a.active, .ot-031 .krugsri-product .tabs1 div.active {
                    color: black;
                }

                .ot-031 .krugsri-product .tabs1 a i, .ot-031 .krugsri-product .tabs1 div i {
                    margin-right: 5px;
                }

            .ot-031 .krugsri-product .tabs1 .selector1 {
                height: 100%;
                display: inline-block;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 1;
                border-radius: 50px;
                transition-duration: 0.6s;
                transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                background: #ffcd00;
            }

        .ot-031 .krugsri-product .krugsri-info {
            margin: 40px 0;
        }

        .ot-031 .krugsri-product .product-body {
            padding: 0 100px;
        }

        .ot-031 .krugsri-product .tab-content > .active.in, .ot-031 #promotion .tab-content > .active.in, .ot-031 #faq .tab-content > .active.in {
            opacity: 1;
        }

    .ot-031 .nav-pills .nav-link.active, .ot-031 .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff;
    }

    .ot-031 .nav-pills .nav-link.active, .ot-031 .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff;
    }

    .ot-031 .nav-pills .nav-link {
        border-radius: 0.25rem;
    }

    .ot-031 .nav-link {
        display: block;
        padding: 0.5rem 1rem;
    }

    /* #endregion */

    /* #region ci-01 */

    .ci-016 .slide-title {
        margin-bottom: 24px;
    }

    .ci-016 .slide-title {
        color: #222;
        font-family: Krungsri-Condensed-Bold;
        font-size: 24px;
        margin-top: 48px;
        margin-bottom: 16px;
        line-height: 36px;
    }

    .ci-016.container--content {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    @media(max-width: 768px) {
        .ci-016 .slide-title {
            margin-top: 40px;
            margin-bottom: 8px
        }

        .ci-016 img {
            display: block;
            width: 100%;
        }

        .ci-016 .img-fluid {
            max-width: 100%;
            height: auto;
        }

        .ci-016 img {
            vertical-align: middle;
            border-style: none;
        }

        .ci-016 .img-fluid {
            /*max-width: 300px;*/
            max-width: 354px;
            height: auto;
        }
    }

    .ci-016 .swiper-slide .item {
        width: 300px;
    }

    .ci-016 .swiper-slide {
        width: auto;
    }

        .ci-016 .swiper-slide .item img {
            max-width: 100%;
            display: block;
        }


    /* #endregion */
    @media(max-width: 768px) {
        .cb002 .description {
            line-height: 9px !important;
        }
    }

    .full-container {
        margin-left: -15px;
        margin-right: -15px;
    }

    @media (max-width: 767px) {
        .kma .container--banner.banner-height-480px .block-banner .cover-content-wrapper .banner-content .description.text-black {
            color: #000000;
            font-family: Thongterm-Bold;
            font-size: 18px;
            line-height: 38px;
        }

        .kma .container--banner.banner-height-480px .block-banner .cover-content-wrapper .banner-content .h1.text-black {
            color: #000000;
            font-family: Krungsri-Condensed-Bold;
            font-size: 24px;
            line-height: 42px;
            text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
            margin-bottom: 16px;
        }
    }

    .kma .container--banner.banner-height-480px .block-banner .cover-content-wrapper .banner-content .description {
        color: #222222;
        font-family: Thongterm-Bold;
        font-size: 24px;
        line-height: 36px;
    }

    .ib003 .banner-content {
        /*        top: -12px !important;*/
        text-shadow: none !important;
    }

    @media screen and (min-width: 320px) {
        .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
            height: 32px;
            width: 32px;
            background-color: #FFD400;
            border-radius: 50% !important;
            opacity: 1 !important;
            top: 35%;
            box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0.2);
            background-image: none;
        }
    }

    @media screen and (min-width: 320px) {
        /*.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        background-color: #F0EFEE !important;
        opacity: 1 !important;
    }*/

        .ci018 .swiper-button-next.swiper-button-disabled {
            height: 32px;
            width: 32px;
            background-color: #c7c7c7;
            border-radius: 50% !important;
            top: 35%;
            box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0.2);
        }

        .ci018 .swiper-button-prev.swiper-button-disabled {
            height: 32px;
            width: 32px;
            background-color: #c7c7c7;
            border-radius: 50% !important;
            top: 35%;
            box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0.2);
        }
    }

    @media (max-width: 768px) {
    }

    @media (max-width: 767px) {
        .cb_003 .image.ks-image-banner {
            max-height: 520px !important;
            width: 100%;
            height: 520px !important;
            overflow: hidden;
            position: absolute;
        }

        .cb_003 .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
            bottom: var(--swiper-pagination-bottom, 2px);
            top: var(--swiper-pagination-top, auto);
            left: 0;
            width: 100%;
        }
    }


    @media screen and (max-width: 576px) {
        .cb_002 .mb-4px-xs-i {
            margin-bottom: 13px !important;
        }
    }

    .cb002 .h1 {
        color: #222;
        font-family: Krungsri-Condensed-Bold;
        font-size: 40px;
        line-height: 60px;
        text-shadow: 1px 2px 0 rgba(0, 0, 0, .2);
        margin-bottom: 16px;
    }

    @media (max-width: 320px) {
        .cb_003 .h1 {
            text-shadow: none !important;
        }
    }

    @media screen and (min-width: 320px) {
        .ci018 .swiper-button-prev, .ci018 .swiper-button-next {
            height: 32px;
            width: 32px;
            background-color: #FFD400;
            border-radius: 50% !important;
            opacity: 1 !important;
            top: 35%;
            box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0.2);
            background-image: none;
        }
    }

    @media screen and (max-width: 320px) {
        .ci018 .swiper-button-disabled {
            background-color: #FFD400 !important;
            opacity: 1 !important;
        }
    }

    @media screen and (min-width: 320px) {
        .ci018 .swiper-button-prev {
            position: absolute;
            left: 0;
        }
    }

    .ci018 .swiper-button-prev, .ci018 .swiper-button-next, .ci018 .swiper-pagination-bullet {
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit;
        margin: 5px 7px !important;
    }

    .ci018 .swiper-button-disabled {
        opacity: 0.5;
        cursor: default;
    }


    .ci018 .swiper-button-nav {
        color: #FFF;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #D6D6D6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
    }

    .ci018 .swiper-button-next.swiper-button-disabled {
        height: 32px;
        width: 32px;
        background-color: #c7c7c7;
        border-radius: 50% !important;
        top: 35%;
        box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0.2);
    }

    .ci018 .swiper-button-next,
    .ci018 .swiper-button-prev {
        position: absolute;
    }

    @media screen and (min-width: 320px) {
        .ci018 .swiper-button-prev span, .ci018 .swiper-button-next span {
            position: relative;
            font-size: 40px !important;
            top: -2px;
            color: #5b5b5b !important;
            right: -1px;
        }
    }

    button:focus {
        outline: 0px !important;
    }

    @media only screen and (max-width: 767px) {
        .bi_002.container--banner .block-banner.content-banner .cover-content-wrapper {
            position: absolute;
            top: 0;
            bottom: 0;
            padding-left: 16px;
            padding-right: 16px;
            height: 360px;
        }

        .bi_002.container--banner.banner-height-360px .block-banner .banner-content {
            top: auto;
            text-shadow: none;
        }

        .bi_002 .text-top {
            margin-top: 8px;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            bottom: 24px;
            top: 20px;
        }
    }

    @media screen and (max-width: 320px) {

        .cb022 .swiper-horizontal > .swiper-pagination-bullets, .cb022 .swiper-pagination-bullets.swiper-pagination-horizontal, .cb022 .swiper-pagination-custom, .cb022 .swiper-pagination-fraction {
            bottom: var(--swiper-pagination-bottom, 8px);
            top: var(--swiper-pagination-top, auto);
            left: 0;
            width: 100%;
            position: absolute;
            width: 100%;
            /*        bottom: 0px !important;*/
        }
    }

    @media (max-width: 768px) { /* Tablet and below */
        .bi_002 .text-btn-bottom {
            padding-top: 40%; /* Adjust padding for tablet and smaller screens */
        }
    }

    @media (max-width: 480px) { /* Mobile devices */
        .bi_002 .text-btn-bottom {
            padding-top: 43%; /* Adjust padding for mobile */
        }
    }


    @media (max-width: 1199px) {
        .container--banner .block-banner .cover-content-wrapper .banner-content {
            padding-left: 15px !important;
        }
    }

    @media (max-width: 767px) {
        .container--banner.banner-height-360px .block-banner .banner-content {
            margin-bottom: 24px;
            top: auto;
            text-align: center !important;
            padding-bottom: 0;
        }
    }

    .container--banner.banner-height-360px .block-banner .banner-content {
        top: -304px;
        text-shadow: none;
    }

    @media screen and (max-width: 767px) {
        .container--banner .block-banner .cover-content-wrapper .banner-content {
            padding-left: 16px !important;
        }
    }

    .container--banner .block-banner .cover-content-wrapper .banner-content {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    @media screen and (max-width: 767px) {
        .container--banner .block-banner .banner-content {
            padding: 16px;
            padding-bottom: 32px;
            width: 100%;
        }
    }

    .container--banner .block-banner .banner-content {
        width: 100%;
        border: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 10;
        padding-bottom: 40px;
        padding-left: 54px;
    }

    @media screen and (max-width: 767px) {
        .container--cover .cover-content-wrapper .banner-content {
            margin-bottom: 20px;
        }
    }

    @media (max-width: 767px) {
        .container--banner.banner-height-360px .block-banner .banner-content .h1 {
            color: #fff;
            font-size: 24px;
            line-height: 42px;
            margin-bottom: 0;
        }
    }

    .container--banner.banner-height-360px .block-banner .banner-content .h1 {
        color: #222;
        font-family: Krungsri-Condensed-Bold;
        font-size: 40px;
        line-height: 60px;
        /* text-shadow: 2px 1px 0 rgba(0, 0, 0, .2); */
        text-shadow: 2px 0px 1px rgba(0, 0, 0, 0.2);
        margin-bottom: 8px;
    }

    @media screen and (max-width: 576px) {
        .mb-4px-xs-i {
            margin-bottom: 4px !important;
        }
    }

    .ci-021 .item-wrapper {
        padding: 15px 0;
        /*box-shadow: 1px 2px 20px 0 rgba(35,19,18,.05);*/
        box-shadow: 1px -20px 20px 0 rgba(35,19,18,.05);
    }

    .full-margin {
        margin-left: -15px;
        margin-right: -15px;
    }

    .full-margin-i {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    @media screen and (max-width: 1180px) {
        .full-margin-mb-i {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
    }

    .ellipsis-2-lines {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

    .text-black {
        color: black !important;
    }

    .ci-054 .card-body .card-title {
        color: #545454;
        font-family: 'Krungsri-Condensed-Bold';
        font-size: 20px;
    }

    .ci-054 .card {
        border: 0px solid #e8e8e8;
        border-radius: 0;
        padding: 24px;
        margin-bottom: 16px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .ci-054 .card-body .card-text {
        color: #545454;
        font-family: 'Thongterm-Roman';
        text-align: center;
        font-size: 16px;
    }

    @media (max-width: 767px) {
        .card.card-transparent > a {
            text-align: center;
        }
    }

    @media (max-width: 767px) {
        .card.card-transparent .card-img-top {
            max-width: 184px;
            height: auto;
            margin: 0 auto;
        }
    }

    .product-home.item {
        display: inline-block;
        border-radius: 3px;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
        background-color: #FFFFFF;
        width: 100%;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .product-home.image {
        width: 100%;
        height: auto;
    }

    /*CB-006 PBCarousel480*/
    .cb_006 .text-onBanner {
        margin: auto;
        width: 100%;
        border: 0;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        z-index: 10;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 70px;
    }

    .cb_006 .max-1170 {
        max-width: 1140px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        display: flex;
    }

    .cb_006 .page-title {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 32px;
        letter-spacing: 0;
        line-height: 48px;
        margin-bottom: 0;
    }

    .cb_006 .mt-60px-all {
        margin-top: 60px;
    }

    .cb_006 .page-title {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 32px;
        letter-spacing: 0;
        line-height: 48px;
        margin-bottom: 0;
    }

    @media (min-width: 576px) {
        .cb_006 .d-sm-block {
            display: block !important;
        }
    }

    @media (max-width: 768px) {
        .cb_006 .page-title {
            font-size: 26px;
            line-height: 38px;
        }
    }

    @media (max-width: 768px) {
        .cb_006 .text-onBanner {
            padding: 16px;
            padding-top: 40px;
            text-align: center;
            bottom: unset;
        }

            .cb_006 .text-onBanner .centermb {
                top: 100px;
                position: relative;
            }

            .cb_006 .text-onBanner .bottom {
                top: 190px;
                position: relative;
            }
    }

    .cb_006 .container-banner .banner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    @media (min-width: 576px) {
        .cb_006 .d-sm-block-mb {
            display: inline-block !important;
        }
    }

    .cb_006 .swiper-pagination-bullet {
        width: 24px !important;
        background-color: #ADA1A1 !important;
        opacity: 1;
        box-sizing: content-box;
        height: 3px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-right: 3px !important;
        margin-left: 3px !important;
        text-indent: -999px !important;
        cursor: pointer !important;
        background-clip: padding-box !important;
        border-top: 10px solid transparent !important;
        border-bottom: 10px solid transparent !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-radius: 0 !important;
    }

    .cb_006 .swiper-pagination-bullet {
        width: 13px;
        height: 13px;
        margin: 5px 12px;
        background: transparent;
        display: block;
        transition: opacity 200ms ease;
        border-radius: 30px;
        border: 2px solid #fff;
    }

    .cb_006 .swiper-pagination-bullet-active {
        background-color: #D0A160 !important;
        border: 2px solid #fff;
        width: 48px !important;
    }

    @media (max-width: 767.98px) {
        .cb_006 .container-banner {
            height: 520px !important;
            max-height: 520px !important;
        }
    }

    @media (max-width: 320px) {
        .cb_006 .text-onBanner {
            padding: 16px;
            padding-top: 40px;
            text-align: center;
            top: 190px;
            bottom: unset;
        }
    }

    @media (max-width: 768px) {
        .cb_006 .text-onBanner {
            padding: 16px;
            padding-top: 40px;
            text-align: center;
            top: 190px;
            bottom: unset;
        }
    }

    @media (max-width: 768px) {
        .cb_006 .swiper-pagination {
            background-color: #343741 !important;
            margin: 0 !important;
            padding: 10px 0 !important;
            position: relative !important;
            justify-content: center !important;
        }
    }

    @media (min-width: 769px) {
        .cb_006 .swiper-pagination {
            padding-right: 60px;
        }
    }

    .cb_006 .swiper-pagination {
        margin-left: 30px;
        margin-right: 90px;
        margin-bottom: 16px;
        justify-content: flex-end;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 15;
        display: flex;
        padding-left: 0;
        width: 100%;
    }

    .cb_006 .right {
        text-align: right;
    }

    .kspvb__carousel .container-banner {
        position: relative;
        height: 480px;
        max-height: 480px;
        width: 100%;
        overflow: hidden;
    }

    .cb_006 .swiper-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
        display: block;
    }

    .cb_006 .container-banner {
        position: relative;
        height: 480px;
        max-height: 480px;
        width: 100%;
        overflow: hidden;
    }

        .cb_006 .container-banner img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }
    /*CB-006 PBCarousel480*/


    .bi_002 .block-banner .text-align-top,
    .bi_002 .block-banner .text-align-middle,
    .bi_002 .block-banner .text-align-bottom {
        display: flex;
        width: 100%;
        height: 100%;
        overflow: visible;
        position: relative;
        flex-direction: column;
    }

    @media only screen and (max-width: 767px) {
        .container--banner.bi_002 .block-banner .text-align-bottom .banner-content.header,
        .container--banner.bi_002 .block-banner .text-align-middle .banner-content.header,
        .container--banner.bi_002 .block-banner .text-align-top .banner-content.header {
            margin: 0;
            padding-top: 24px;
            padding-bottom: 24px;
            display: flex;
            width: 100%;
            flex-direction: column;
        }

        .container--banner.bi_002 .block-banner .text-align-top .banner-content.header {
            justify-content: flex-start;
            height: 360px;
        }

        .container--banner.bi_002 .block-banner .text-align-middle .banner-content.header {
            justify-content: center;
            height: 360px;
        }

        .container--banner.bi_002 .block-banner .text-align-bottom .banner-content.header {
            justify-content: flex-end;
            height: 360px;
        }
    }

    @media (max-width: 320px) {
        .ci-055 {
            margin-left: -15px;
            margin-right: -15px;
        }
    }

    @media (max-width: 767px) {
        .ci-055 .cll-mt:nth-child(n+2) {
            margin-bottom: 0;
            margin-top: 16px;
        }
    }

    @media (max-width: 767px) {
        .ci-055 .container--content .card-logo {
            margin-bottom: 10px;
        }
    }

    @media (max-width: 767px) {
        .ygc .tab-detail.open {
            padding-top: 15px;
        }
    }

    @media screen and (max-width: 766.8px) {
        .mobile .item .item-wrapper {
            margin-bottom: 8px;
            display: inline-block;
            border-radius: 3px;
            background-color: #FFFFFF;
            width: 100%;
            overflow: hidden;
            border: 1px solid #F3F3F3;
        }
    }

    .item-336 .swiper-pagination-bullet {
        display: inline-block;
    }

        .item-336 .swiper-pagination-bullet:nth-child(n+3) {
            display: none; /* Hide bullets after the first two */
        }


    .cb_003 .d-none.d-md-block.text-center {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cb_003 .text-center .css-description-banner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%; /* Ensures it takes up full height of parent container */
        width: 100%; /* Ensures it takes up full width of parent container */
    }


    .cb_003 .text-right .css-description-banner {
        display: flex;
        justify-content: right;
        align-items: center;
        height: 100%; /* Ensures it takes up full height of parent container */
        width: 100%; /* Ensures it takes up full width of parent container */
    }




    @media only screen and (max-width: 767px) {
        .cb_003 .block-banner .text-align-top,
        .cb_003 .block-banner .text-align-centermb,
        .cb_003 .block-banner .text-align-bottom {
            display: flex;
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: relative;
            flex-direction: column;
        }

        .cb_003 .block-banner .text-align-bottom,
        .cb_003 .block-banner .text-align-centermb,
        .cb_003 .block-banner .text-align-top {
            margin: 0;
            padding-top: 24px;
            padding-bottom: 24px;
            display: flex;
            width: 100%;
            flex-direction: column;
        }

        .cb_003 .text-align-top {
            justify-content: flex-start;
        }

        .cb_003 .text-align-centermb {
            justify-content: center;
        }

        .cb_003 .text-align-bottom {
            justify-content: flex-end;
        }
    }




    @media only screen and (max-width: 767px) {
        .ib003 .block-banner .text-top,
        .ib003 .block-banner .text-centermb,
        .ib003 .block-banner .text-bottom {
            display: flex !important;
            flex-direction: column;
            align-items: center;
        }

        .ib003 .block-banner .banner-content.text-top {
            transform: translateX(0%) translateY(-70%);
            justify-content: flex-start;
        }

        .ib003 .block-banner .banner-content.text-centermb {
            transform: translateX(0%) translateY(-30%);
        }

        .ib003 .block-banner .banner-content.text-bottom {
            justify-content: flex-end;
        }
    }


    .cb002 .block-banner .text-align-top,
    .cb002 .block-banner .text-align-centermb,
    .cb002 .block-banner .text-align-bottom {
        display: flex;
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        flex-direction: column;
    }

    @media only screen and (max-width: 767px) {
        .cb002 .block-banner .text-align-top,
        .cb002 .block-banner .text-align-centermb,
        .cb002 .block-banner .text-align-bottom {
            margin: 0;
            padding: 24px 0; /* กำหนดระยะขอบด้านบนและล่าง */
            display: flex;
            flex-direction: column;
            width: 100%;
            text-align: center; /* จัดข้อความให้ตรงกลาง */
        }

        .cb002 .block-banner .text-align-top {
            justify-content: flex-start; /* จัดข้อความให้ชิดด้านบน */
        }

        .cb002 .block-banner .text-align-centermb {
            justify-content: center; /* จัดข้อความให้อยู่ตรงกลาง */
        }

        .cb002 .block-banner .text-align-bottom {
            justify-content: flex-end; /* จัดข้อความให้ชิดด้านล่าง */
        }

            /* กำหนดขนาดของข้อความใน mobile */
            .cb002 .block-banner .text-align-top div,
            .cb002 .block-banner .text-align-centermb div,
            .cb002 .block-banner .text-align-bottom div {
                font-size: 14px; /* กำหนดขนาดข้อความใน mobile */
            }
    }

    .ib005 .bg-banner-top {
        height: 440px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
    }

    @media only screen and (min-width: 1024px) {
        .ib005 .bg-banner-top div {
            margin-bottom: auto;
            margin-top: auto;
            /*margin-left: auto;
        margin-right: auto;*/
        }
    }



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

        .ib005 .bg-banner-top div {
            margin-bottom: auto;
            margin-top: auto;
            margin-left: 0%;
        }
    }

    @media only screen and (max-width: 767px) {
        .ib005 .bg-banner-top div {
            margin-right: auto;
            margin-left: 15px;
            margin-bottom: auto;
            text-align: left;
            width: 100%;
            position: relative;
            top: 15px;
        }
    }

    @media (max-width: 576px) {
        .d-sm-none {
            display: none !important;
        }
    }

    @media only screen and (min-width: 1024px) {
        .ib005 .bg-banner-top {
            background-position: right !important;
        }
    }

    @media only screen and (max-width: 767px) {
        .ib005 .hidden-xs {
            display: none !important;
        }
    }

    @media only screen and (max-width: 767px) {
        .ib005 .bg-banner-top div span {
            font-size: 18px;
            margin-bottom: 5px;
        }
    }

    @media only screen and (max-width: 768px) {
        .ib005 .bg-banner-top div span {
            color: #fff;
            text-shadow: 2px 2px #554242;
        }
    }

    @media only screen and (max-width: 767px) {
        .ib005 .bg-banner-top div span {
            color: #554242;
            text-shadow: unset;
        }
    }


    .ib005 .bg-banner-top div span {
        font-family: Krungsri-Condensed-Bold;
        font-size: 40px;
        line-height: 64px;
        display: block;
    }

    .ib005 .fz-32px-all-i {
        font-size: 32px !important;
    }

    @media only screen and (max-width: 768px) {
        .ib005 .bg-banner-top {
            box-shadow: inset 500px 350px 500px 160px rgba(9, 9, 9, .43);
        }
    }

    @media only screen and (max-width:426px) {
        .ib005 .bg-banner-top {
            box-shadow: unset;
        }
    }

    @media only screen and (max-width: 1024px) {
        .ib005 .bg-banner-top {
            background-position: right !important;
        }
    }


    .cb022 .cb002 .text-top {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        height: 340px;
        padding-top: 24px;
    }

    .ib005 .text-bottom {
        position: absolute !important;
        bottom: 24px;
        top: unset !important;
    }

    .cb022 .cb002 .text-middle {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 300px;
        padding-bottom: 56px;
    }

    .cb022 .cb002 .text-bottom {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        height: 300px;
        padding-bottom: 24px;
    }

    @media (max-width: 767px) {
        .container-banner.ib011.text-bottom {
            align-items: flex-end !important;
            padding-bottom: 24px;
            height: auto !important;
            min-height: 400px;
            max-height: none !important;
            border-bottom: 0px !important;
        }

        .container-banner.ib011.text-top {
            align-items: flex-start !important;
            padding-top: 24px;
            height: auto !important;
            min-height: 400px;
            max-height: none !important;
            border-bottom: 0px !important;
        }

        .container-banner.ib011.text-centermb {
            align-items: center !important;
            height: auto !important;
            min-height: 400px;
            max-height: none !important;
            border-bottom: 0px !important;
        }
    }

    .container-banner.ib011.hasgradient::before {
        content: '';
        background: linear-gradient(180deg, #222 0%, rgba(71, 71, 71, 0) 100%);
        width: 100%;
        height: 120px;
        opacity: 0.8;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        box-sizing: border-box;
    }

    .container-banner.ib011 {
        height: 360px !important;
        width: 100%;
        position: relative;
        /*border-bottom: 3px solid #AD8B19;*/
        border-bottom: none;
        height: 480px;
        max-height: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        padding-left: 16px;
        padding-right: 16px;
    }

        .container-banner.ib011 .text-overlay {
            max-width: 1170px;
            width: 100%;
            margin: 0 auto;
        }

    /*#region CB-007 : KSE-Carousel banner-560*/

    .cb007 .banner-master .container-banner {
        height: 560px;
        max-height: 560px;
        border-bottom: 0px;
    }

    .cb007 .banner-master .swiper-slide {
        position: relative; /* เพื่อจัดการตำแหน่งขององค์ประกอบภายใน */
        overflow: hidden; /* ป้องกันองค์ประกอบล้นออกมา */
    }

    .cb007 .banner-master picture img {
        position: absolute; /* กำหนดภาพให้วางบน container */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* ทำให้ภาพครอบคลุม container โดยไม่เสียอัตราส่วน */
        z-index: 1; /* จัดรูปให้อยู่ด้านล่างข้อความ */
    }

    .cb007 .banner-master .text-overlay {
        position: relative; /* ทำให้ข้อความซ้อนทับได้ */
        z-index: 2; /* ข้อความอยู่ด้านบนรูปภาพ */
        color: white; /* สีข้อความให้เด่นชัด */
    }

    .cb007 .banner-master .gradient {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3; /* Gradient อยู่ด้านบนรูปภาพ แต่ด้านล่างข้อความ */
        /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));*/ /* Gradient โปร่งใส */
    }

    @media (max-width: 767px) {
        .cb007 .banner-master {
            height: 400px;
            max-height: 400px;
        }

            .cb007 .banner-master picture img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 400px;
                max-height: 400px;
                object-fit: cover;
            }
    }

    .cb007 .banner-master {
        height: 560px;
        overflow: hidden;
        position: relative;
    }

    .cb007 .shadow-text {
        text-shadow: 2px 3px 4px #000000b8;
    }

    .cb007 .color-white {
        color: #ffffff;
    }

    .cb007 .mt-8px-all {
        margin-top: 8px;
    }

    @media (max-width: 767px) {
        .cb007 .banner-master picture img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 400px !important;
            max-height: 400px;
            object-fit: cover;
        }

        .cb007 .banner-master .container-banner {
            height: 400px;
            max-height: 400px;
            border-bottom: 0px;
        }
    }

    .cb007 .banner-master .swiper-slide {
        position: relative; /* เพื่อให้สามารถควบคุม z-index */
    }

    .cb007 .banner-master picture img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* ปรับให้รูปภาพครอบคลุม */
    }

    .cb007 .banner-master .text-overlay {
        position: relative;
        z-index: 1; /* ข้อความอยู่ด้านล่าง */
    }

    .cb007 .swiper-pagination .swiper-pagination-bullet {
        border: 2px solid #fff;
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 30px;
        width: 13px;
        height: 13px;
        margin-left: 12px;
        margin-right: 12px;
        background: transparent;
        border: 2px solid #fff;
        opacity: unset;
    }

        .cb007 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #ad8b19;
            border: unset
        }

    .cb007 .banner-master:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 120px;
        opacity: .8;
        background: linear-gradient(180deg, #222 0%, rgba(71, 71, 71, 0) 100%);
        z-index: 2;
    }

    .cb007 .text-right {
        text-align: -webkit-right !important;
    }

    .cb007 .text-center {
        text-align: -webkit-center !important;
    }
    /* #endregion CB-007 : KSE-Carousel banner-560*/

    /*#region  cb008*/


    .kse.home.cb008 .swiper-pagination .swiper-pagination-bullet {
        border: 2px solid #fff;
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 30px;
        width: 13px;
        height: 13px;
        margin-left: 12px;
        margin-right: 12px;
        background: transparent;
        border: 2px solid #8F8F8F;
        opacity: unset;
    }

        .kse.home.cb008 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            border: 2px solid transparent;
            background: #ffd400;
            border: unset
        }

    @media (max-width: 767px) {
        .kse.home.cb008 .interest .swiper-pagination {
            position: absolute;
            bottom: 40px;
            left: 0;
            right: 0;
            margin: 0 auto;
        }
    }

    .kse.home.cb008 .container-interest {
        max-width: 1170px;
        margin: 0 auto;
    }

    @media (max-width: 767px) {
        .kse.cb008 .card.card-highlight .card-body {
            padding-left: 16px;
            padding-right: 16px;
            min-height: 210px;
        }
    }

    .kse.home.cb008 .interest {
        height: 388px;
        max-height: 100%;
    }

    @media (max-width: 767px) {
        .kse.home.cb008 .interest {
            height: auto;
            max-height: 100%;
        }

        .cb008 .card.card-highlight picture:after {
            display: none;
        }
    }

    @media (min-width: 768px) {
        .cb008 .card.card-highlight {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }

    @media (min-width: 767px) {
        .cb008 .swiper-pagination {
            display: none;
        }

        .cb008 .card.card-highlight picture:before {
            content: ' ';
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(34, 34, 34, 0) 100%);
            width: 100%;
            height: 40px;
            position: absolute;
            bottom: -40px;
        }

        .cb007 .swiper-horizontal > .swiper-pagination-bullets,
        .cb007 .swiper-pagination-bullets.swiper-pagination-horizontal,
        .cb007 .swiper-pagination-custom,
        .cb007 .swiper-pagination-fraction {
            bottom: var(--swiper-pagination-bottom, 48px);
            top: var(--swiper-pagination-top, auto);
            left: 0;
            width: 100%;
        }
    }


    div#bannerHighlight {
        margin-top: -40px;
    }

    @media (max-width: 767px) {
        div#bannerHighlight {
            margin-top: 0 !important;
        }
    }

    .cb010 .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 30px;
        width: 13px;
        height: 13px;
        margin-left: 12px;
        margin-right: 12px;
        background: transparent;
        border: 2px solid #8F8F8F;
        opacity: unset;
    }

        .cb010 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #ffd400;
            border: unset
        }
    /*#endregion  cb008*/



    /*#region ci-077 */

    .ci-077 .row-content {
        margin-left: 0px;
        margin-right: 0px;
    }

    .ci-077 .bg-img-b {
        background-image: url('../content/images/kse_bg_img.png');
        background: linear-gradient(225deg, #413630 0%, #5e514d 22.96%, #806f67 48.76%, #5e514d 68.11%, #413630 100%);
    }

    .ci-077 .container--content {
        max-width: 1170px;
        margin: auto;
        margin-top: 0;
        margin-bottom: 0;
    }

    @media (max-width: 768px) { 
        .ci-077 .container--content { 
            padding:0;
        }
    }

    .ci-077 .branch-header.pt-header-80px {
        padding-top: 80px;
    }

    .ci-077 .branch-header {
        color: #b7a053;
        font-family: "Krungsri-Condensed-bold";
        font-size: 24px;
        line-height: 36px;
        padding: 40px 0 24px 0;
    }

    .ci-077 .bg-color-1f {
        background-color: #1F1815;
    }

    .ci-077 .p-banner-reper {
        padding-top: 40px !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
        padding-bottom: 40px !important;
    }

    .ci-077 .text_header {
        max-width: 290px;
        color: #B7A053;
        font-family: "Krungsri-Condensed";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
        padding-top: 0;
    }

    .ci-077 .LastEvent .text_16 {
        line-height: 29px;
    }

    .ci-077 .text_16 {
        max-width: 290px;
        color: #F4F4F4;
        font-family: Thongterm;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
    }

    .ci-077 .text-datetime-16 {
        color: #B1B1B1;
        font-family: Thongterm;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 34px;
    }

    .ci-077 .pb-80px {
        padding-bottom: 80px;
    }

    @media (min-width: 767px) {
        .ci-077 .LastEvent .more-detail {
            position: absolute;
            bottom: 40px;
        }
    }

    .ci-077 .color-kse {
        color: #B7A053;
    }


    @media (max-width: 767px) {
        .ci-077 .text_header {
            max-width: 100%;
            color: #B7A053;
            font-family: "Krungsri-Condensed";
            font-size: 24px;
            font-weight: bold;
            line-height: 30px;
        }

        .ci-077 .text_16 {
            max-width: 100%;
            color: #F4F4F4;
            font-family: Thongterm;
            font-size: 16px;
            line-height: 34px;
        }

        .ci-077 .pb-0px {
            padding-bottom: 0px;
        }

        .ci-077 .p-lr-0-sm {
            padding-left: 0;
            padding-right: 0;
        }

        .ci-077 .p-l-16px-sm {
            padding-left: 16px;
        }

        .ci-077 .pb-0-sm {
            padding-bottom: 0;
        }

        .ci-077 .branch-header.bg-branch-header {
            background-image: url('../content/images/krungsri-exclusive-solid-bg.png');
            background-repeat: no-repeat;
            background-position: top;
        }

        .ci-077 .LastEvent .branch-header {
            background: linear-gradient(225deg,#413630 0%,#5e514d 22.96%,#806f67 48.76%,#5e514d 68.11%,#413630 100%);
        }

        .ci-077 .p-banner-top {
            padding-top: 16px !important;
            padding-left: 16px !important;
            padding-right: 16px !important;
            padding-bottom: 40px !important;
        }

        .ci-077 .branch-header.pt-header-80px {
            padding-top: 16px;
            padding-bottom: 16px;
        }
    }

    @media (min-width: 767px) {
        .ci-077 .LastEvent .more-detail {
            position: absolute;
            bottom: 40px;
        }
    }
    /*#endregion*/

    #PrimeLoginWidgetViewComponent {
        background: none;
    }

    /*CB-011*/
    .txt_h {
        font-size: 18px;
        line-height: 30px;
        background-color: #ffd400;
        padding: 8px 16px;
        font-family: Krungsri-Condensed-Medium;
        margin-bottom: 8px;
    }

    .tab-content .swiper-pagination {
        margin-bottom: 0px !important;
    }

    @media (max-width: 576px) {
        .top-20 {
            top: 0;
        }
    }

    /*@media screen and (max-width: 768px) {
        .cb011 .swiper-nav {
            display: none;*/ /* Hide on screens 768px and below */
    /*}
    }*/

    @media screen and (max-width: 320px) {
        .cb011 .swiper-nav {
            display: unset; /* Hide on screens 768px and below */
        }

        .cb011 .swiper-button-next.swiper-button-disabled {
            height: 32px;
            width: 32px;
            background-color: #c7c7c7;
            border-radius: 50% !important;
            top: 35%;
            box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0.2);
        }
    }

    /*CB-011*/

    /*Ci-069*/
    /*.ci-069 .row.rollover.row-rollover {
    top: -55px;
    position: relative;
}
*/
    .ci-069 .hover-img {
        position: relative;
    }

    .ci-069 .textOnImg {
        position: absolute;
        color: red;
        bottom: 100px;
        padding: 0 40px;
        height: 112px;
    }

    .ci-069 .page_Title {
        width: 350px;
        color: #FFFFFD;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 36px;
    }

    .ci-069 .sup_page_Title {
        max-width: 490px;
        color: #F4F4F4;
        font-family: Thongterm-Roman;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .ci-069 .item.col-12.col-md-6.box-photo {
        padding-bottom: 64px;
    }

    .ci-069 .mt-4, .my-4 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .ci-069 .gradient {
        transform: scaleY(-1);
        background: linear-gradient(180deg, rgba(0,0,0,0.9) 0%, rgba(34,34,34,0) 100%);
        position: absolute;
        bottom: -1px;
        width: 100%;
        height: 270px;
    }

    .ci-069 .gradient-2 {
        background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(34,34,34,0) 100%);
        position: absolute;
        width: 100%;
        bottom: -30px;
        height: 30px;
    }


    @media (max-width: 1199px) {
        .ci-069 .row-rollover {
            margin-right: 0;
            margin-left: 0;
            padding: 0px;
        }

        .ci-069 .textOnImg {
            position: absolute;
            color: red;
            bottom: 75px;
            padding: 0 16px;
        }

        .ci-069 .sup_page_Title {
            max-width: 296px;
            color: #F4F4F4;
            font-family: Thongterm-Roman;
            font-size: 16px;
            letter-spacing: 0;
            line-height: 34px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
    }

    @media (max-width: 857px) {
        .ci-069 .row.rollover.row-rollover {
            top: 0;
            position: unset;
        }

        .ci-069 .row-rollover {
            margin-right: 0;
            margin-left: 0;
            padding-top: 16px;
            padding-bottom: 16px
        }
    }

    @media (max-width: 767px) {
        .ci-069 .row-rollover {
            margin-right: 0;
            margin-left: 0;
            padding-top: 16px;
            padding-bottom: 16px
        }

        .ci-069 .row.rollover.row-rollover {
            top: 0px;
            position: unset;
        }

        .ci-069 .gradient {
            height: 163px;
            transform: scaleY(-1);
            background: linear-gradient(180deg, rgba(0,0,0,0.9) 0%, rgba(34,34,34,0) 100%);
            position: absolute;
            bottom: 0;
            width: 100%;
        }
        /*
    .gradient-2 {
    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(34,34,34,0) 100%);
    position: absolute;
    width: 343px;
    height: 0px;
  }*/
        .ci-069 .page_Title {
            max-width: 296px;
            color: #FFFFFD;
            font-family: "Krungsri-Condensed-Bold";
            font-size: 24px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 36px;
        }

        .ci-069 .page_Title {
            width: 100%;
        }

        .ci-069 .item.col-12.col-md-6.box-photo {
            padding: 0;
            padding-bottom: 16px
        }

        .ci-069 .sup_page_Title {
            max-width: 600px;
            color: #F4F4F4;
            font-family: Thongterm-Roman;
            font-size: 16px;
            letter-spacing: 0;
            line-height: 34px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .ci-069 .textOnImg {
            position: absolute;
            color: red;
            bottom: 21px;
            padding: 0 10px;
            height: auto;
        }
    }

    .ci-069 .bg-kse-color {
        background: linear-gradient(180deg, #241c18 0%, #6c594f 100%);
    }

    @media (max-width: 767px) {
        .ci-069 .container--content.row.rollover.row-rollover {
            padding: 0 16px !important;
            padding-top: 40px !important;
        }
    }

    .ci-069 .container--content.row.rollover.row-rollover {
        padding: 0;
        padding-top: 40px;
    }

    .ci-069 .text-h-kse {
        color: #B7A053 !important;
        font-family: "Krungsri-Condensed-Bold" !important;
        font-size: 24px !important;
        font-weight: bold !important;
        letter-spacing: 0 !important;
        line-height: 36px !important;
    }

    .ci-069 .mb-40px-all {
        margin-bottom: 40px;
    }

    .ci-069 .mt-4, .my-4 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .ci-069 .container--promotion {
        max-width: 100%;
        margin: auto;
        margin-bottom: 70px;
    }

    /*CI-069*/
    /*CI-071*/
    .bg-detail {
        height: auto;
        width: auto;
        background: linear-gradient(0deg, #5e514d 0%, #413630 100%);
    }

    .max-w770 {
        max-width: 770px;
    }

    .img-annual {
        width: 270px;
        height: auto;
    }

    .box-annual {
        width: auto;
        border-bottom: 1px solid #6E5E5E;
        margin-left: 30px;
    }

    .gr-repe {
        max-width: 359px;
        bottom: -40px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(34, 34, 34, 0) 100%);
        position: absolute;
        width: 100%;
        bottom: -30px;
        height: 30px;
    }

    @media (max-width: 767px) {
        .box-annual {
            width: auto;
            border-bottom: 0px solid #6E5E5E;
            margin-right: 0;
            margin-left: 0;
            background-color: #1F1815;
            box-shadow: 1px 2px 20px rgba(35, 19, 18, 0.05);
        }

        .img-annual {
            width: 110px;
            height: 110px;
        }

        .cut-text {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .m-0-auto-sm {
            margin: 0 auto;
        }
    }

    .aboutus__banners {
        background-image: url(/getmedia/3ee9202b-f324-4a4f-91b3-1ef65d0eca79/report-banner.png.aspx) !important;
        min-height: 360px;
        height: 360px;
    }

    .title-container {
        margin-top: 40px;
    }

    .article-title {
        font-family: Krungsri-Condensed-Bold;
        font-size: 24px;
        font-weight: bold;
        line-height: 36px;
        color: #222222;
    }

    .report-card {
        box-shadow: 1px 2px 20px rgba(35, 19, 18, 0.05);
        margin-top: 0px;
        margin-bottom: 0px;
        background-color: #1F1815;
    }

    .report-card-thumbnail img {
        width: 100%;
    }

    .report-card-detail {
        height: 158px !important;
        margin-left: 0;
        margin-right: 0;
    }

    .report-title {
        padding-right: 0;
        font-family: "Thongterm-Bold";
        color: #222;
    }

    .btn-pdf {
        font-size: 13px;
        color: #fff;
        height: 18px;
        width: 34px;
        border-radius: 3px;
        background-color: #ffc800;
        vertical-align: middle;
        line-height: 19px;
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    .download-icon {
        display: block;
        font-size: 24px;
        margin-top: 5px;
    }

    .pagination-store li {
        text-decoration: none;
        display: inline-block;
    }

    .pagination-store .page-link {
        color: #fff;
    }

    .pagination-store .page-item .page-link {
        border: none;
    }

        .pagination-store .page-item .page-link:hover {
            background-color: transparent;
        }

        .pagination-store .page-item .page-link:focus {
            box-shadow: none;
        }

    .pagination-store .page-item.active .page-link {
        background-color: #B7A053;
        border-color: #B7A053;
        border-radius: 25px;
    }

    .p-tb-40px {
        padding: 40px 0;
    }

    .kse a span.d-none.d-md-block {
        color: #FFFFFF;
        font-family: Thongterm-Roman;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 26px;
        text-align: center;
    }

    .report-card .text_header {
        max-width: 338px;
        color: #B7A053;
        font-family: "Krungsri-Condensed";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
    }

    .report-card .text_16 {
        max-width: 338px;
        color: #B1B1B1;
        font-family: Thongterm;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 34px;
    }

    @media screen and (min-width:768px) {
        .report-card-thumbnail {
            height: 270px;
        }

        .report-card-detail {
            padding-top: 15px;
        }
    }

    @media screen and (max-width:768px) {
        .btn-pdf {
            margin: 0;
        }

        .report-card {
            margin-top: 0;
        }

        .box-annual .text_header {
            max-width: 100%;
            color: #B7A053;
            font-family: "Krungsri-Condensed";
            font-size: 18px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 28px;
            padding-top: 8px;
        }

        .box-annual .text_16 {
            max-width: 100%;
            color: #ADA1A1;
            font-family: Thongterm;
            font-size: 14px;
            letter-spacing: 0;
            line-height: 30px;
        }
    }

    .pb-40px {
        padding-bottom: 40px;
    }

/*#region CI-071*/

    .ci-071 .paginationjs-pages .paginationjs-page.active {
        background-color: #B7A053;
        border-color: #B7A053;
        border-radius: 25px;
    }

    .ci-071 .paginationjs-pages .paginationjs-page a {
        display: flex;
        justify-content: center;
        align-items: center;
        /*width: 23px;
        height: 23px;*/
        font-family: Thongterm-Roman;
        font-size: 16px;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        text-align: center;
        border: 0px;
        color: #ffffff;
        border-radius: 50%;
        cursor: pointer;
    }

    .ci-071 .pt-40px {
        padding-top: 40px;
    }

.ci-071 .report-card .text_header {
    max-width: 338px;
    color: #B7A053;
    font-family: "Krungsri-Condensed";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 30px;
    padding-top: 0;
}

    @media (min-width: 768px) {
        .ci-071 .report-card .report-card-detail {
            padding-top: 15px;
        }
    }

    .ci-071 .report-card .report-card-detail {
        height: 90px;
        margin-left: 0;
        margin-right: 0;
    }

    @media screen and (min-width: 768px) {
        .ci-071 .report-card-detail {
            padding-top: 15px;
        }
    }

    .ci-071 .report-card-detail {
        height: 158px !important;
        margin-left: 0;
        margin-right: 0;
    }

    .ci-071 .p-3 {
        padding: 1rem !important;
    }

    .ci-071 .pos-b7 {
        position: absolute;
        /*bottom: 7px;*/
        bottom: 18px;
    }

    .ci-071 .pt-24px {
        padding-top: 24px;
    }

    .ci-071 .pt-24px {
        padding-top: 24px;
    }

    .ci-071 .display-box {
        display: flex;
        flex: 0 0 auto;
    }

    @media (max-width: 767px) {
        .ci-071 .p-lr-16-sm {
            padding: 0 16px;
        }
    }

    .ci-071 .text-detail {
        color: #fff;
        font-family: Thongterm-Roman;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
    }

.ci-071 .report-card .report-card-detail .text_header span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ci-071 .gr-repe {
    max-width: 359px;
    bottom: -40px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(34, 34, 34, 0) 100%);
    position: absolute;
    width: 100%;
    bottom: -30px;
    height: 30px;
}

.ci-071 .report-card {
    box-shadow: 1px 2px 20px rgba(35, 19, 18, 0.05); 
    margin-top: 0;
    margin-bottom: 0;
}

/*#endregion CI-071*/
@media screen and (max-width: 768px) {
    .ci073 .p-m-24px-b16px {
            padding: 24px 24px 16px 24px !important;
        }
    }

    /*   @media (max-width:768px) {
        .ci073 .pb-3,
        .ci073 .py-3 {
            padding-left: 0px;
            padding-right: 0px;
        }
    }*/

    .ci073 .hometitle {
        font-size: 40px;
        line-height: 69px;
        font-family: "Krungsri-Condensed-bold";
        color: #545454;
        text-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        padding-bottom: 24px;
    }

    @media screen and (max-width: 768px) {
        .hometitle-interest-m {
            font-size: 32px !important;
            line-height: 30px !important;
        }
    }

    .ci-022 .yellow-svg2 {
        padding-bottom: 5px;
    }

    /*.ci-022 .Text-description {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }*/



    .mh-60px {
        min-height: 60px;
    }



    /*#region ci-063 */

    .m-auto {
        margin: auto !important;
    }

    .ci-063 #studentcard-slide .item.item-studentcard {
        display: inline-block;
        border-radius: 3px;
        box-shadow: unset;
        background-color: #FFFFFF;
        width: 100%;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .ci-063 .item-studentcard .image img {
        margin-bottom: 8px;
    }

    .ci-063 .item-studentcard .title {
        font-family: "Krungsri-Condensed-Bold";
        font-size: 18px;
        line-height: 30px;
        color: #222222;
    }

    .ci-063 .item-studentcard .des {
        font-family: Thongterm-Roman;
        font-size: 16px;
        line-height: 29px;
        color: #5a5a5a;
    }

    .ci-063 .div-btn-studentcard .btn.btn-primary, .div-btn-studentcard .btn.btn-white {
        width: 170px;
    }

    .ci-063 .div-btn-studentcard {
        display: flex;
        justify-content: center;
    }


    .ci-063 .step-item item item-studentcard {
        padding-bottom: 16px;
    }

    @media (min-width: 767.9px) {
        .ci-063 #studentcard-slide .item.item-studentcard {
            margin-bottom: 0;
        }

        .ci-063 .item-studentcard .des {
            min-height: 240px;
        }

        .ci-063 .item-studentcard .text {
            padding: 0px 24px 0px 24px;
            padding: 0px 16px 0px 16px;
        }
    }

    @media (max-width: 767.8px) {
        .ci-063 .div-btn-studentcard .btn.btn-primary, .div-btn-studentcard .btn.btn-white {
            width: 270px;
        }

        .ci-063 .item-studentcard .des {
            min-height: 240px;
        }

        .ci-063 #studentcard-slide .item.item-studentcard {
            display: block;
            border-radius: 3px;
            box-shadow: unset;
            background-color: transparent;
            width: 100%;
            margin-bottom: 30px;
            overflow: hidden;
        }

        .ci-063 .item-studentcard .image img {
            margin-bottom: 60px !important;
        }
    }

    @media screen and (max-width: 767px) {
        .ci-063 .studentcard-block .col-md-4.col-12 {
            background-color: #fff;
            padding-top: 0;
            padding-bottom: 0;
            margin-bottom: 16px;
        }

        .ci-063 .ygc .item.studentcard {
            padding-bottom: 0;
        }

        .ci-063 .ygc .studentcard .image {
            max-width: 230px;
            margin: auto;
        }
    }
    /*#endregion ci-063 */
}
    .ci-063 .ygc .studentcard .image {
        max-width: 230px;
        margin: auto;
    }
}
/*#endregion ci-063 */ 

/*CB009*/
.cb009 .bg-repeater {
    background: url(../content/images/contentbg-pc.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.cb009 .container--repeater {
    max-width: 1170px;
    margin: auto;
}
.cb009 .container--repeater .branch-header {
    color: #b7a053;
    font-family: "Krungsri-Condensed-bold";
    font-size: 24px;
    line-height: 36px;
    padding: 40px 0 24px 0;
}
.cb009 div#invest-content {
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.cb009 .swiper-slide {
    touch-action: pan-y;
    user-select: none;
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translate3d(0, 0, 0);
}

.cb009 .cardbor {
    border: 0;
}

.cb009 .cardmar {
    margin: 0;
}
.cb009 .textOnImg {
    position: absolute;
    color: red;
    bottom: 30px;
    padding: 0 40px;
}
.cb009 .page_Title {
    color: #FFFFFD;
    font-family: Krungsri-Condensed-bold;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 36px;
}
.cb009 img {
    display: block;
    width: 100%;
}
.cb009 .gra-top-repe {
    transform: scaleY(-1);
    background: linear-gradient(180deg, rgba(0, 0, 0, .9) 0%, rgba(34, 34, 34, 0) 100%);
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 160px;
}
.cb009 .gra-bot-repe {
    background: linear-gradient(180deg, rgba(0, 0, 0, .3) 0%, rgba(34, 34, 34, 0) 100%);
    position: absolute;
    width: 100%;
    bottom: -40px;
    height: 40px;
}
.cb009 .swiper-pagination {
    padding-top: 72px;
    padding-bottom: 80px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    outline: none !important;
}
.cb009 .swiper-pagination {
    position: unset;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.cb009 .swiper-pagination-bullet {
    background-color: #333;
    opacity: 0.5;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 50%;
    zoom: 1;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.cb009 .swiper-pagination-bullet-active {
    background-color: #AD8B19 !important;
    opacity: 1;
    border: 2px solid transparent !important;
}
/* General Swiper Pagination Bullet Styles */
.cb009 .swiper-pagination-bullet {
    width: 13px; /* Match width from Owl */
    height: 13px; /* Match height from Owl */
    margin: 0 12px !important;
    background: transparent; /* Match transparent background */
    border-radius: 50%; /* Circle shape */
    transition: opacity 200ms ease; /* Smooth transition like Owl */
    border: 2px solid #8F8F8F;
}



/* Optional: Adjust container for better alignment */
.cb009 .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
@media (min-width: 768px) {
    .cb009 .d-md-block {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .cb009 .page_Title {
        color: #FFFFFD;
        font-family: "Krungsri-Condensed";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 36px;
    }
}
@media (max-width: 1199px) {
    .cb009 .textOnImg {
        position: absolute;
        color: red;
        bottom: 30px;
        padding: 0px;
        padding-left: 16px;
        padding-right: 16px;
    }
}
@media (max-width: 1199px) {
    .cb009 .container--repeater {
        padding: 0 16px;
    }
}
@media (max-width: 767px) {
    .cb009 .container--content {
        padding: 0 16px;
    }
}

@media (max-width: 1199px) {
    .cb009 .container--content {
        padding: unset;
    }
}
@media (max-width: 1199px) {
    .cb009 .item.col-12.col-md-6.box-photo {
        padding-bottom: 0px;
        padding: 0 16px;
    }
}

/*.cb009 .item.col-12.col-md-6.box-photo {
    padding-bottom: 64px;
}*/

.cb009 .pl-0, .px-0 {
    padding-left: 0 !important;
}

.cb009 .pr-0, .px-0 {
    padding-right: 0 !important;
}
@media (max-width: 1199px) {
    .cb009 .hover-img {
        padding-bottom: 16px;
    }
}
.cb009 .img-fluid {
    max-width: 100%;
    height: auto;
}

.cb009 .gradient-m {
    transform: scaleY(-1);
    background: linear-gradient(180deg,rgba(0,0,0,.9) 0%,rgba(34,34,34,0) 100%);
    position: absolute;
    bottom: 16px;
    width: 100%;
    height: 160px
}
    /*CB009*/

.pagination .page-item.active .page-link {
    color: #222222;
}

.pagination .page-item .page-link {
    color: #ffffff;
}

.breadcrumbPM {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 3px solid #ffda00;
    margin-bottom: 40px;
}

.line-bottom {
    border-bottom: 4px solid #ffd400;
    box-shadow: 0 2px 1px 0 rgba(150,150,150,0.5);
}
.ci075 .pb-3, .py-3 {
    padding-bottom: 1rem !important;
}

.ci075 .pt-3, .ci075 .py-3 {
    padding-top: 1rem !important;
    padding-left: unset;
    padding-right: unset;
    min-height: 134px
}

/*-- CI-078 --*/
.ci078 .allied-card {
    height: 140px;
    background-color: #fff;
    box-shadow: 1px 2px 20px rgba(35, 19, 18, .05);
    padding: 20px 15px;
    display: table
}

.ci078 .allied-card .allied-image {
    display: table-cell;
    vertical-align: middle
}

.ci078 .allied-card .allied-image img {
    display: block;
    width: 100%;
}

.ci078 .allied-card-store {
    margin-top: 15px;
    margin-bottom: 15px
}

.ci078 .allied-card-store:hover {
    cursor: pointer
}

.ci078 .allied-card-store .parent-card-desc {
    display: none
}

.ci078 .allied-card-store.active .allied-card {
    height: 171px;
    padding-bottom: 55px;
    border-top: 7px solid #ffd400
}

.ci078 .allied-card-store.active .parent-card-desc {
    display: block;
    height: 196px
}

.ci078 .allied-card-store .parent-card-desc .card-description {
    width: calc(100vw - 200px);
    height: 196px;
    max-width: 1170px;
    position: absolute;
    overflow-x: overlay;
    padding: 24px 40px;
    background-color: white
}

.ci078 .allied-card-store .parent-card-desc .card-description {
    width: calc(100vw - 200px);
    height: 196px;
    max-width: 1170px;
    position: absolute;
    overflow-x: overlay;
    padding: 24px 40px;
    background-color: white;
}

.ci078 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: relative;
    bottom: 0;
    top: 0;
    margin-top: 10px;
}
.ci078 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffd400;
    border: 0 !important;
}

.ci078 .swiper-pagination .swiper-pagination-bullet {
    margin: 5px 7px 5px 7px;
    background: transparent;
    display: inline-block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    height: 12px;
    width: 12px;
    border: 2px solid #8f8f8f;
    opacity: 1;
}
@media screen and (max-width: 767px) {
    .ci078 .allied-card-store .parent-card-desc .card-description {
        width: auto;
        padding: 12px 20px;
    }
}
@media (max-width: 767px) {
    .ci078 .allied-card-store .parent-card-desc {
        transform: translate(0px, 0px) !important;
    }
}

/*-- CI-078 --*/

@media (max-width: 767px) {
    .cb_003 .description-mb {
        color: #fff;
        font-size: 18px;
        line-height: 36px;
    }
}
.ai-002 h4, .h4 {
    font-size: 1.5rem !important;
}

.cb032 .text-centermb {
    height: 450px;
    display: Flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.cb032 .text-top {
    height: 450px;
    display: Flex;
    justify-content: flex-start;
    flex-direction: column;
}

.ci-031 .card-info.item {
    display: inline-block;
    border-radius: 3px;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
    background-color: #FFFFFF;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .ci-031 .container--content .home-content-list .item {
        display: flex;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 767px) {
    .ci-031 .container--content .item {
        margin-bottom: 6px;
    }
}

.ci-031 .container--content .item {
    display: inline-block;
    border-radius: 3px;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
    background-color: #FFFFFF;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
}


@media (max-width: 767px) {
    .ci-031 .container--content .card-info {
        margin-bottom: 8px;
    }
}

.ci-031 .container--content .card-info {
    display: inline-block;
    border-radius: 3px;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
    background-color: #FFFFFF;
    width: 100%;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    ..ci-031 .home-content-list .image {
        width: 110px;
    }
}

@media (max-width: 767px) {
    .ci-031 .container--content .image {
        width: 100%;
        float: left;
    }
}

@media (max-width: 767px) {
    .ci-031 .container--content .card-info .image {
        width: 110px;
        float: left;
        border-top-left-radius: 3px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 3px;
    }
}

.ci-031 .container--content .card-info .image {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.ci-031 .container--content .image {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.ci-031 .container--content .image img {
    width: 100%;
    height: auto;
}

.ci-031 img {
    vertical-align: middle;
    border-style: none;
}
@media (max-width: 767px) {
    .ci-031 .list-title {
        font-size: 14px;
        color: #545454;
        padding-top: 0;
    }
}
@media (max-width: 767px) {
    .ci-031 .container--content .home-content-list .card-info .content {
        height: 110px !important;
    }
    .ci-031 .home-content-list .content {
        width: 66% !important;
        padding: 8px !important;
    }
}

.ci-031 .container--content .home-content-list .card-info .content {
    height: 145px;
}

@media (max-width: 767px) {
    .ci-031 .container--content .content {
        padding: 8px;
        width: 66.666667%;
        float: left;
    }
}

@media (max-width: 767px) {
    .ci-031 .container--content .content {
        height: auto;
    }
}

.ci-031 .container--content .content {
    padding: 16px;
    height: 150px;
}

@media (max-width: 767px) {
    .ci-031 .container--content .card-info .content {
        padding: 8px;
        width: calc(100% - 110px);
        float: left;
        height: 110px;
    }
    .ci-031 .col-12.col-md-4 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.ci-031 .container--content .card-info .content {
    padding: 16px;
    height: 158px;
    position: relative;
}

@media (max-width: 767px) {
    .ci-032 .container--content .research_content_group-list .item {
        display: flex;
        margin-bottom: 16px;
    }
}
.ci-050 .list-viewmore-block {
    margin-top: 40px;
    position: relative;
    bottom: 0;
}
@media (max-width: 767px) {
    .ci-050 .list-viewmore-block {
        position: absolute;
        bottom: 0;
        top: 74px;
        margin-top: 0;
    }
    .ci-050 .container--content .image img {
        width: 100%;
        height: 110px;
    }
}
.ci-051 .list-viewmore-block {
    margin-top: 40px;
    position: relative;
    bottom: 0;
}

@media (max-width: 767px) {
    .ci-051 .list-viewmore-block {
        position: absolute;
        bottom: 0;
        top: 74px;
        margin-top: 0;
    }

    .ci-051 .container--content .image img {
        width: 100%;
        height: 110px;
    }
}
.ci-52 .list-viewmore-block {
    margin-top: 0px;
    position: absolute;
    bottom: 10px;
}

@media (max-width: 767px) {
    .ci-52 .list-viewmore-block {
        position: absolute;
        bottom: 0;
        top: 74px;
        margin-top: 0;
    }

    .ci-52 .container--content .image img {
        width: 100%;
        height: 110px;
    }
    .ci-52 .content {
        padding: 8px;
        height: auto;
    }
}
@media (min-width: 768px) {
    .ci-52 .content {
        padding: 16px !important;
        height: 224px !important;
    }
}

.ci-52 .date-content-list.d-none.d-sm-block {
    font-family: Thongterm-Bold;
    line-height: 30px;
    margin-top: 16px;
}
.cm007 .input-group {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}
.cm007 button#search-summit {
    cursor: pointer;
    color: #3c3a3a;
    border: none;
    border-radius: 0 3px 3px 0;
    background: #ffd400 !important;
    width: 52px !important;
    height: 44px;
    min-width: auto;
    float: right;
    text-align: center;
    display: inline-block;
}

.ci-055 .container--content .image img {
    max-width: 370px;
    height: auto !important;
    width: auto !important;
}
.ci-059 .gift .container--cover.container--banner.banner-height-480px {
    max-height: 480px
}

.ci-059 .gift .container--cover.container--banner .image {
    max-height: 480px
}

.ci-059 .gift .container--banner .block-banner .banner-content.header {
    text-shadow: none;
    top: 0;
    padding-top: 18px;
    margin-bottom: 0
}

.ci-059 .gift .banner-content.header .h1 {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 40px;
    line-height: 64px;
    text-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2)
}

.ci-059 .gift .banner-content.header .h3 {
    color: #222;
    font-size: 24px;
    font-family: Thongterm-Bold;
    line-height: 36px
}

.ci-059 .gift .container--tab {
    max-width: 1170px;
    margin: auto
}

.ci-059 .gift .bg-menu-tab {
    background-color: white;
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #fff;
    box-shadow: 0 1px 6px 0 rgba(90, 90, 90, .2)
}

.ci-059 .gift .tab-title-text {
    padding-left: 24px;
    padding-right: 24px
}

.ci-059 .gift .menu-content > * {
    float: left
}

.ci-059 .gift a.border-line {
    font-family: Krungsri-Condensed-Medium;
    font-size: 20px;
    color: #5a5a5a;
    line-height: 30px;
    height: 78px;
    display: table-cell;
    vertical-align: middle
}

    .ci-059 .gift a.border-line.active {
        font-family: Krungsri-Condensed-Bold;
        font-size: 20px;
        margin-right: 48px;
        margin-top: 24px;
        margin-bottom: 24px;
        color: #222;
        line-height: 30px;
        height: 78px;
        display: table-cell;
        vertical-align: middle
    }

.ci-059 .gift .tab-title-text:hover a:after,
.tab-title-text a.active:after {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.ci-059 .gift .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.ci-059 .gift .tab-title-text a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -100%;
    width: 100%;
    height: 3px;
    background: #ffd400;
    transition: .3s cubic-bezier(.445, .05, .55, .95)
}

.ci-059 .gift .tab-title-text a {
    background: transparent;
    position: relative;
    overflow: hidden
}

    .ci-059 .gift .tab-title-text a:hover {
        background: transparent
    }

.ci-059 .gift .container--content {
    max-width: 1170px;
    margin: auto
}

.ci-059 .gift .title-content {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    line-height: 36px
}

.ci-059 .gift .text-bold {
    color: #545454;
    font-family: Thongterm-Bold;
    font-size: 16px;
    line-height: 34px
}

.ci-059 .gift .text-accordion {
    vertical-align: middle;
    line-height: 30px
}

.ci-059 .gift .gift-box {
    margin-top: 16px
}

.ci-059 .gift .gift-item {
    padding-bottom: 28px
}

.ci-059 .gift .btn-white {
    border: solid 1px #e8e8e8;
    background-color: #fff;
    padding: 8px 0;
    border-radius: 4px;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    color: #554242;
    line-height: 27px;
    width: 170px;
    height: 44px;
    display: block;
    margin: auto;
    margin-top: -4px;
    float: unset;
}

.ci-059 .gift .gift-product-block {
    height: 795px;
    overflow: hidden
}

    .ci-059 .gift .gift-product-block.more {
        height: auto
    }

.ci-059 .gift .container--bg-gray {
    background-color: #f3f3f3;
    padding: 40px 0
}

.ci-059 .gift .circle-content {
    width: 208px;
    height: 208px;
    background-color: #fff;
    border-radius: 100%;
    display: block;
    margin: auto
}

    .ci-059 .gift .circle-content img {
        display: block;
        margin: auto;
        position: relative;
        top: 25%
    }

.ci-059 .gift .KMA-HW img {
    display: block;
    margin: auto
}

.ci-059 .gift .container--get--application {
    background-color: #ffd400;
    padding: 40px 0
}

    .ci-059 .gift .container--get--application .text {
        color: #222;
        font-size: 20px;
        font-family: Krungsri-Condensed-Bold;
        letter-spacing: 0;
        line-height: 30px;
        text-align: center
    }

    .ci-059 .gift .container--get--application .application-list {
        padding-top: 32px
    }

        .ci-059 .gift .container--get--application .application-list img {
            max-height: 60px
        }

    .ci-059 .gift .container--get--application .get-qr {
        left: -55px
    }

        .ci-059 .gift .container--get--application .get-qr img {
            height: 152px
        }

.ci-059.ci-059 .gift .knowledge-block-detail {
    background-color: #fff;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
    padding: 40px;
    margin-top: -40px
}

.ci-059 .gift-content-block-detail .gift-content-desc h3 {
    padding-bottom: 16px
}

@media(min-width: 768px) and (max-width:1023px) {
    .ci-059 .gift .gift-product-block {
        height: 474px
    }

    .ci-059 .gift .circle-content {
        width: 170px;
        height: 170px
    }
}

@media(min-width: 1024px) and (max-width:1100px) {
    .ci-059 .gift .gift-product-block {
        height: 680px
    }
}

@media(max-width: 768px) {
    .hidden-mobile {
        display: none
    }

    .ci-059 .gift .gift-box {
        margin-top: 16px
    }

    .ci-059 .gift .gift-item {
        padding-bottom: 8px
    }
}

@media(max-width: 767px) {
    .ci-059 .gift .container--cover.container--banner.banner-mobile-height-520px {
        max-height: 520px
    }

    .ci-059 .gift .container--banner.container--banner--hero.banner-mobile-height-520px .cover-content-wrapper {
        height: 520px
    }

    .ci-059 .gift .container--banner.container--banner--hero .block-banner .image {
        position: absolute
    }

    .ci-059 .gift .container--banner.banner-mobile-height-520px .block-banner .image {
        height: 520px;
        max-height: 520px
    }

        .ci-059 .gift .container--banner.banner-mobile-height-520px .block-banner .image img {
            height: 520px;
            max-height: 520px
        }

    .ci-059 .gift .banner-content.header .h1 {
        color: #fff;
        font-family: Krungsri-Condensed-Bold;
        font-size: 24px;
        line-height: 42px;
        text-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2)
    }

    .ci-059 .gift .banner-content.header .h3 {
        color: #fff;
        font-size: 18px;
        font-family: Thongterm-Bold;
        line-height: 38px
    }

    .ci-059 .gift .gradient {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 320px;
        width: 100%;
        content: '';
        z-index: 1;
        background-image: linear-gradient(to top, rgba(0, 0, 0, .55), rgba(90, 90, 90, 0)) !important;
        opacity: unset !important
    }

    .ci-059 .gift .banner-content .title-banner-mobile {
        position: relative;
        top: 193px
    }

    .ci-059 .gift .gift-box .gift-item:first-child {
        padding-right: 15px;
        padding-left: 15px !important
    }

    .ci-059 .gift .gift-box .gift-item:nth-child(2n) {
        padding-right: 4px
    }

    .ci-059 .gift .gift-box .gift-item:nth-child(2n+1) {
        padding-left: 4px
    }

    .ci-059 .gift .btn-white {
        line-height: 30px;
        width: 270px
    }

    .ci-059 .gift .text-accordion {
        line-height: 27px;
        font-size: 16px
    }

    .ci-059 .gift .title-content {
        margin-bottom: 16px
    }

    .ci-059 .gift .container--bg-gray {
        padding: 24px 0
    }

    .ci-059 .hidden-kma-mobile {
        display: none
    }

    .ci-059 .gift .knowledge-block-detail {
        background-color: unset;
        box-shadow: none;
        padding: 0;
        margin-top: 0;
        padding-top: 40px
    }

    .ci-059 .gift .back-in-detail {
        margin-top: 24px;
        margin-bottom: 40px
    }

    .ci-059 .gift .container--get--application {
        padding: 24px 0
    }

        .ci-059 .gift .container--get--application .text {
            font-size: 18px
        }

        .ci-059 .gift .container--get--application .application-list img {
            max-height: 40px
        }

        .ci-059 .gift .container--get--application .application-list .application-list-item {
            padding: 0 8px
        }

            .ci-059 .gift .container--get--application .application-list .application-list-item:first-child {
                text-align: right
            }

            .ci-059 .gift.container--get--application .application-list .application-list-item:last-child {
                text-align: left
            }
}

@media(max-width: 1025px) and (min-width:768px) {
    .ci-059 .gift .menu-tab-title {
        width: 100%
    }
}

@media(max-width: 375px) and (min-width:359px) {
    .ci-059 .gift .gift-product-block {
        height: 523px
    }
}

@media(max-width: 360px) and (min-width:350px) {
    .ci-059 .gift .gift-product-block {
        height: 500px
    }
}

@media(max-width: 320px) {
    .ci-059 .gift .gift-product-block {
        height: 442px
    }
}

@media (max-width: 767px) {
    .pb-007 h2 {
        margin-top: 0px;
    }
}
.ci075 .plr-15px-pc {
    padding-right: unset;
    padding-left: unset;
}
/*.ci075 {
    margin-left: -15px;
    margin-right: -15px;
}*/
.ci076 .plr-15px-pc {
    padding-right: 15px;
    padding-left: 15px;
}
/*.ci076,
.ci075,*/
.ci-073,
.ci072 {
    margin-left: -15px;
    margin-right: -15px;
}
@media screen and (max-width: 767px) {
    .ci075 #mainlifestyle .lifestyleitem:nth-child(odd) {
        padding-right: 7.5px !important;
    }
}
@media screen and (max-width: 767px) {
    .ci075 #mainlifestyle .lifestyleitem:nth-child(even) {
        padding-left: 7.5px !important;
    }
}
@media only screen and (max-width: 767px) {
    .ci075 .pb-8px-all {
        padding-left: unset;
        padding-right: unset;
    }
}
/*@media screen and (max-width: 768px) {
    .ci075 #mainlifestyle .lifestyleitem:nth-child(odd) {
        padding-right: unset;
        padding-left: unset;
    }
}
@media screen and (max-width: 768px) {
    .ci075 #mainlifestyle .lifestyleitem:nth-child(even) {
        padding-left: unset;
        padding-right: unset;
    }
}*/


/* #region OT-013 */
.ot-013 .text-center-all {
    text-align: center;
}

.ot-013 .mb-24px-all {
    margin-bottom: 24px;
}

.ot-013 h2 {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 24px;
    letter-spacing: 0;
    line-height: 36px;
    margin-bottom: 0;
}

.ot-013 .block-btn-kbol {
    padding: 24px 0;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
    display: block;
    background: rgba(255, 255, 255, 1);
    box-shadow: 1px 2px 10px 0px rgb(0 0 0 / 10%);
}

.ot-013 .btn-kbol {
    border: solid 1px #ffd400;
    background-color: #ffd400;
    padding: 8px 26px;
    border-radius: 4px;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    color: #554242;
    line-height: 27px;
    cursor: pointer;
    width: 242px;
    margin: auto;
}


.ot-013 .popup-kbol {
    padding: 27px 23px 24px 16px;
}

    .ot-013 .popup-kbol .nav {
        display: block;
    }

    .ot-013 .popup-kbol .item {
        display: inline-block;
        background-color: #fff;
        padding: 16px;
        border-radius: 3px;
        box-shadow: 1px 2px 20px 0 rgba(35,19,18,.05);
        color: #5a5a5a;
        min-width: 432px;
        min-height: 128px;
    }

    .ot-013 .popup-kbol .nav-item:first-child .nav-link {
        padding-top: 0px;
    }

    .ot-013 .popup-kbol .nav-link {
        padding-right: 0px;
    }

        .ot-013 .popup-kbol .nav-link.active .item {
            border: 3px solid #ffd400;
        }

    .ot-013 .popup-kbol .img-middle {
        margin-bottom: 15px;
    }

.ot-013 .img-icon {
    width: 56px;
}

.ot-013 .popup-kbol .line-between-1 {
    border: 2px solid #ffd400;
    width: 125px;
    position: relative;
    left: 73%;
    bottom: 42px;
    z-index: 1;
    height: 1px;
}

.ot-013 .popup-kbol .line-between-2 {
    border: 2px solid #ffd400;
    width: 125px;
    position: relative;
    left: 72%;
    bottom: 42px;
    z-index: 1;
    height: 1px;
}

.ot-013 .btn-w-170 {
    width: 170px !important;
}

.ot-013 .popup-kbol .bg-detail-step {
    background-color: #f9f9f9 !important;
    padding: 24px;
    min-height: 561px;
}

.ot-013 .modal-apply-kbol {
    max-width: 1160px;
    margin: 80px auto;
}

    .ot-013 .modal-apply-kbol .modal-content.popup-kbol {
        width: 100%;
    }

    .ot-013 .modal-apply-kbol .modal-content .modal-header {
        padding: 0px;
    }

    .ot-013 .modal-apply-kbol .modal-content .modal-body {
        padding: 0px;
    }

    .ot-013 .modal-apply-kbol .modal-content .modal-header .close {
        font-size: 30px;
        z-index: 99;
        margin: 0px;
        float: left;
        margin-left: auto;
        float: right;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: 0.5;
    }

    .ot-013 .modal-apply-kbol .modal-content .title-popup-kbol {
        margin-top: -30px;
    }

.ot-013 .block-btn-kbol {
    padding: 24px 0;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
    display: block;
    /* opacity: .95;
    background: rgba(0,0,0,.75);*/
    background: rgba(255, 255, 255, 1);
    box-shadow: 1px 2px 10px 0px rgb(0 0 0 / 10%);
}

.ot-013 .btn-kbol {
    border: solid 1px #ffd400;
    background-color: #ffd400;
    padding: 8px 26px;
    border-radius: 4px;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    color: #554242;
    line-height: 27px;
    cursor: pointer;
    width: 242px;
    margin: auto;
}

.ot-013 .popup-kbol button.close:focus {
    outline: 0;
}

.ot-013 .modal-thank-you-kbol {
    max-width: 570px;
}

    .ot-013 .modal-thank-you-kbol .popup-kbol {
        padding: 16px 20px 40px 16px;
    }

    .ot-013 .modal-thank-you-kbol .modal-header {
        padding: 0;
    }

    .ot-013 .modal-thank-you-kbol .modal-body {
        padding: 0;
    }

    .ot-013 .modal-thank-you-kbol .btn-ok {
        width: 170px;
    }

@media only screen and (min-width: 768px) {
    .ot-013 .modal-content.popup-kbol {
        height: auto !important;
    }
}

@media only screen and (max-width: 767px) {
    .ot-013 .block-btn-kbol {
        left: 0;
        right: 0;
    }

    .ot-013 .popup-kbol .item {
        min-width: 100%;
    }

    .ot-013 .btn-w-170 {
        width: 270px !important;
    }

    .ot-013 .popup-kbol {
        position: absolute;
        padding: 0;
    }

    .ot-013 .modal-apply-kbol .modal-content .modal-body {
        padding: 27px 23px 24px 16px;
    }

    .ot-013 .popup-kbol .nav-link {
        padding-left: 0px;
    }
}
/* #endregion OT-013 */


@media (max-width: 768px) {
    .ci-007 .footer-content-name {
        padding: 0 16px;
        color: #000;
        font-family: Thongterm-Roman;
        font-size: 14px;
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-align: left;
    }

    .ci-007 .footer-content-card-content-f {
        min-height: 508px;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
        border-top: 7px solid #ffd400;
    }

    .ci-007 .ar-content-img-f2 {
        width: 100%;
        min-height: 255px;
        object-fit: cover;
    }
}
.ci-020 .row.deals__regis-boxr.how-to-subs {
    background-color: #736762;
    /*width: 100%;*/
    position: relative;
}
.item-336.ci025 .swiper-pagination-bullet:nth-child(n+3) {
    display: inline-block !important;
}
.ci-021 .row_two .item-wrapper {
    margin: 15px 0;
    padding: unset;
    box-shadow: unset !important;
    border: 1px solid #F3F3F3;
}
.ci-055 .container--content .card-logo .content {
    padding: 16px;
    height: 158px;
    position: relative;
}
.ci-064 .btn.btn-primary.d-none.d-md-block {
    margin-top: 0;
    position: absolute;
    bottom: 24px;
}
@media only screen and (max-width: 767px) {
    .cb_003 .text-right .css-description-banner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
    }
}

.ci078 h2, .home-intro-description {
    margin-bottom: 25px;
}
.ib-001-modal .modal-body {
    padding: 0px;
}
@media screen and (max-width: 767px) {
    .ib-001-modal .modal-content {
        height: 300px !important;
    }
}
.ib-001-modal .modal-content {
    height: 542px;
    width: 970px;
    background-color: transparent;
    border: none !important;
}

@media screen and (max-width: 767px) {
    .ci-061.container--content .image img {
        width: 100% !important;
        height: 110px !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}



/* #region PM-001 */

.pm-001.kma.ks-template-1.ygc {
    width: auto;
    background-color: #fff;
    box-shadow: none !important;
    position: relative;
}

.kma .kmanav.pm-001 {
    box-shadow: none;
}


.pm-001.shadow-pm001 {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #fff;
    box-shadow: 0 1px 6px 0 rgba(90, 90, 90, .2) !important;
    position: relative;
}

.pm-001 .list-group .list-group-item.list-group-item-action.arrow:after {
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    content: "";
    float: right;
    position: absolute;
    top: 16.5px;
    right: 16px;
    color: #5b5b5b;
    display: block !important;
}

.pm-001 .list-group .list-group-item.list-group-item-action.active.arrow:after {
    content: "";
}

.pm-001 .list-group .list-group-item.list-group-item-action.arrow {
    padding-right: 44px;
    content: "555";
}

@media (max-width: 767px) {
    .pm-001 .list-group .list-group-item.list-group-item-action.arrow:after {
        top: 9px;
    }
}

@media (max-width: 1199px) {
    .be-business-content .box-container {
        box-shadow: unset;
    }

        .be-business-content .nav-menu-mobile {
        padding-top: 15px;
        padding-bottom: 15px;
        top: 0px;
        margin-top: 25px;
        margin-bottom: 25px;
        position: relative;
    }

    .be-business-content .secondary--menu-mobile .btn-secondary-menu {
        margin-bottom: 40px;
    }

    .be-business-content .nav-menu-mobile.fixed-menu-mobile {
        position: fixed;
        background-color: #fff;
        z-index: 30;
        width: 100%;
        top: 55px;
        left: 0;
        right: 0;
        padding-top: 16px;
        margin-top: 0px;
    }
}

/* #endregion PM-001 */ 

/*#region PM-014*/
.pm-014.list-group .list-group-item.list-group-item-action.arrow {
    padding: 8px 44px 8px 16px;
}

.pm-014 .sub-item {
    padding: 16px 16px !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #222 !important;
    font-family: Krungsri-Condensed-Bold !important;
}

@media (max-width: 1199px) {
    .pm-014 .faq-dropdown-mobile.ui.selection.dropdown .menu {
        max-height: 360px;
    }

    .pm-014 .ui.dropdown > .dropdown.icon:before {
        content: "" !important;
        font-family: "Font Awesome 5 Pro";
        font-size: 14px;
        line-height: 16px;
        color: #5a5a5a;
        font-weight: 600;
    }

    .pm-014 .ui.selection.dropdown:hover {
        border-color: #ffd400;
    }

    .pm-014 .faq-dropdown-mobile .item a {
        font-size: 16px;
        line-height: 24px;
        color: #222;
        font-family: Krungsri-Condensed-Bold !important;
    }

    .pm-014 .ui.fluid.dropdown.faq-dropdown-mobile {
        padding: 5px 16px !important;
        line-height: 0;
        min-height: auto;
        max-height: 44px; 
    }

    .pm-014 .faq-dropdown-mobile .faq-icon-menu-mobile {
        width: 38px;
        height: auto;
        height: 35px;
        margin-right: 10px;
    }

    .pm-014 .ui.selection.dropdown .menu > .item {
        border-top: 1px solid #FAFAFA !important;
        padding: 0.78571429rem 1.14285714rem !important;
        white-space: normal;
        word-wrap: normal;
    }
}

/*#endregion*/

/*#region CM-009*/  
.cm-009 .faq-category .accordion .card2 .card-header2 .btn2 {
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    color: #222;
}

.cm-009 .faq-category .accordion-button i {
    color: #5b5b5b !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

.cm-009 .faq-category .card2 .card-body2 {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 16px;
}

.cm-009 .faq-category .accordion .collapse {
    padding-top: 0px;
    padding-bottom: 0px;
}

.cm-009 .faq-category .font-accordian-detail2 { 
    font-family: Thongterm-Roman;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: normal;
    color: #5a5a5a;

}

.cm-009.mb .faq-category .accordion.accordion-folder .card2 .card-header2 .btn2 {
    background: #f3f3f3;
    font-family: Krungsri-Condensed-Bold;
    line-height: 24px;
    margin-bottom: 0 !important;
    margin-left: -15px;
    margin-right: -15px;
    /*padding: 16px 16px 16px;*/
    padding: 17px;
    padding-right: 30px;
}

.cm-009.mb .faq-category .accordion.accordion-folder .card2:first-of-type {
    border-top: unset;
}

.cm-009.mb .faq-category .accordion.accordion-folder .card2 .card-header2 .btn2:not(.collapsed) {
    border-left: 3px solid transparent;
}


.cm-009.mb .faq-category .accordion.accordion-folder .card2 .card-header2 .btn2:not(.collapsed) {
    background: #ffd400;
}

.cm-009.mb .faq-category .accordion.accordion-folder .card2:first-of-type {
    border-top: unset;
    border-bottom: unset;  
}

.cm-009.mb .faq-category .accordion.accordion-folder .collapse,
.cm-009.mb .faq-category .accordion.accordion-folder .card2 .collapsing {
    padding-top: 0px;
    padding-bottom: 0px;
    border-left: 3px solid transparent;
}

.cm-009.mb .faq-category .accordion.accordion-folder .card2 .card-header2 .btn2:hover {
    border-left: 3px solid transparent;
}


.cm-009.mb .faq-category .accordion.accordion-content .card2 .card-header2 .btn2 {
    background: unset;
    font-family: Krungsri-Condensed-Bold;
    line-height: 24px;
    margin-bottom: 0 !important;
    margin-left: 0px;
    margin-right: 0px;
    padding: 16px 16px 16px;
}

    .cm-009.mb .faq-category .accordion.accordion-content .card2 .card-header2 .btn2:not(.collapsed) {
        background: unset;
        border-left: 3px solid transparent;
    }

.cm-009.mb .faq-category .accordion.accordion-content .card2:first-of-type {
    border-top: unset; 
    border-bottom: 1px solid #e8e8e8;
}

.cm-009.mb .faq-category .accordion.accordion-content .collapse {
    padding-top: 0px;
    padding-bottom: 0px;
    border-left: 3px solid transparent;
}

.cm-009.mb .faq-category .accordion.accordion-content .card2 .collapsing {
    padding-top: 0px;
    padding-bottom: 0px;
    border-left: 3px solid #ffd400;
}

.cm-009.mb .faq-category .accordion.accordion-content .card2 .card-header2 .btn2:hover {
    border-left: 3px solid #ffd400;
}


.cm-009.mb .faq-category .accordion.accordion-content .card2 .collapse.show {
    border-left: 3px solid #ffd400;
}

.cm-009.mb .faq-category .accordion.accordion-content .card2 .card-header2 .btn2:not(.collapsed) {
    border-left: 3px solid #ffd400;
}

/*#endregion CM-009*/


/*region CI-062*/
.ci-062 .product-list.clearfix {
    clear: both;
}

.ci-062 .card-info.item.product062 {
    padding-top: 39px;
    padding-left: 16px;
    padding-right: 16px;
    height: 358px;
    border-top: 8px solid #ffd400;
}

.ci-062 .product-title.pt-8px-md.pt-16px-xs {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 29px;
}

.ci-062 .content.clearfix {
    clear: both;
    padding: 5px 16px 16px !important;
    height: 150px !important;
    position: relative !important;
}

.ci-062 .ci062.row.height-box {
    height: 153px;
}

.ci-062 .ci062.col-12.col-md-4 {
    height: 398px;
}

.ci-062 .col-12.tab-detail {
    padding: 0;
}

@media screen and (min-width: 1200px) {
    .ci-062 .ci-062-header {
        margin-top: 50px !important;
    }
}

@media screen and (max-width: 767px) {
    .ci-062 .product-list .item.product062 {
        height: auto;
        display: inline-block;
        margin-bottom: 0px;
        padding-top: 28px;
        padding-bottom: 16px;
    }

    .ci-062 .ci062.row.height-box {
        height: auto;
    }

    .ci-062 .ci062.content.clearfix {
        padding: 0 !important;
        width: auto !important;
        float: left !important;
        height: auto !important;
    }

    .ci-062 .ci062.col-12.col-md-4 {
        margin-bottom: 10px;
        height: auto;
    } 
}
/*#endregion CI-062 */

/*#region CI-060 */
@media screen and (max-width: 767px) {
    .ci-060.content-zone .col-12 {
        padding-left:0px;
        padding-right:0px;
    }  

    .ci-060 .ci-062 .tab-detail{
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .ci-060 .ci-062 .tab-detail .ci062{
        padding-left: 15px;
        padding-right: 15px;
    }

    .ci-060 h2 {
        margin-top: 0px !important;
    }
    .ci-060 .tab-content .tab-content.active {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ci-060 .tab-mobile .content {
        padding: 8px 16px;
    }

    .ci-060 .tab-mobile .nav-item.item {
        margin-bottom: 16px;
    }

    .ci-060 .content {
        height: 100% !important;
    }

    .ci-060 .tab-mobile .item {
        background-color: #fff;
    }

    .ci-060 .tab-mobile .item:hover,
    .ci-060 .tab-mobile .item.active {
        background-color: #ffd400;
    }
}  
 /*#endregion CI-060 */

 /*#region CI-065 */
.ci-065.ygc-promotion-list .content .header {
    height: 60px;
}

.ci-065 .image img {
    width: 100%;
    height: auto;
    max-height: 270px;
}

.ci-065 .content .header-content {
    height: 60px;
}

@media screen and (max-width: 767px) {
    .ci-065 .ci065.pt-2 {
        /*padding-top: 1.5rem !important;*/
        padding-top: 18px !important;
        padding-bottom: 16px;
    }

    .ci-065 .image img {
        width: 100%;
        min-height: 110px !important;
        height:auto;
    }

    .ci-065 .list-viewmore-block {
        margin-top: 10px;
    }

    /*.ci-065 .content .header-content {
        height: 60px;
    }*/
}
 
    /*#endregion CI-065 */
.cb012 .swiper-pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px !important;
}

.cb012 .swiper-pagination {
    position: absolute;
    width: 100%;
    bottom: 2px !important;
}

.cb012 .swiper-pagination-bullet {
    display: inline-block;
    width: 13px !important;
    height: 13px !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    border: 2px solid #fff;
    border-radius: 30px;
    transition: opacity 200ms ease;
    background: transparent;
    margin: 5px 7px !important;
}

.cb012 .swiper-pagination-bullet {
    border: 2px solid #8F8F8F;
    background: transparent;
}

.cb012 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffd400;
    border: 0;
}
@media screen and (max-width: 768px) {
    .cb012 .swiper-pagination {
        margin-top: 24px;
        bottom: 16px !important;
    }
}

.wrapPopupImageMapSection {
    display: flex; /* ซ่อน Popup เริ่มต้น */
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
}

.wrapPopupImageMapSection_show {
    display: flex !important;
}

.wrapInPopupImageMapSection {
    width: 570px;
    border-radius: 3px;
    padding: 20px;
}


.wrapInPopupImageMapText {
    width: 100%;
    height: auto;
}

.wrapPopupImageMapSection .modal-title {
    text-align: center;
}

.wrapPopupImageMapSection .modal-body {
    padding: 40px 40px 20px 40px;
}

.wrapPopupImageMapSection .popup-image-map-footer {
    text-align: center;
    padding-bottom: 40px;
}

@media (min-width: 1024px) {
    .wrapPopupImageMapSection .modal-dialog {
        max-width: 970px;
    }
}

@media (max-width: 767px) {
    .wrapPopupImageMapSection .modal-body {
        padding-right: unset;
        padding-left: unset;
        padding-top: unset;
    }
}
.aseanmap .full-width-box {
    text-align: center;
}
.ib-001-modal button.close {
    color: #fff;
    text-shadow: none;
    opacity: 1;
    font-size: 26px;
    text-align: right;
}
.cb007 h2.shadow-text.mt-40px-all.color-white {
    font-family: thongterm-bold !important;
}
.div_apply .card.icon-y.box-document {
    background-color: unset;
    border: 0;
}
.ci-069 .container--content.row.rollover.row-rollover {
    margin-top: 0px;
}
/*.ci075 .paginationjs-page.J-paginationjs-page.active {
    padding: unset;
}*/
@media (max-width: 767px) {
    .ci075 {
         margin-left: unset; 
         margin-right: unset; 
    }
}
.ci074 .col-12.col-md-4 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}


/*#region asian-map*/
ul.asian-map-description li ul {
    list-style-type: none;
    padding-left: 15px;
    text-indent: -10px;
}

    ul.asian-map-description li ul li::before {
        content: "- ";
    }
.aseanmap.container.mt-4 {
    margin-bottom: 40px;
}
/*#endregion asian-map*/

/*#region ci-073*/
@media (max-width: 767px) {
    .ci-073{
        margin-left: -15px;
        margin-right: -15px;
    }

}
@media (max-width: 768px) {
    .ci-073 .col-12.d-block.d-md-none.px-4.px-0.pb-4 {
        padding-left: 1.5rem !important;
    }
    .ci073, .ci074 {
        padding-left: 15px;
        padding-right: 15px;
    }
        .ci073 .pb-3,
        .ci073 .py-3 {
            padding-left: unset;
            padding-right: unset;
        }
}

.ci073 .hometitle.hometitle-interest-m.pb-3.pb-md-4 {
    font-family: krungsri-condensed-medium;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 30px;
}

@media screen and (max-width: 768px) {
    .ci073 .hometitle.hometitle-interest-m.pb-3.pb-md-4 {
        font-family: krungsri-condensed-medium;
        font-size: 18px !important;
        font-weight: 500;
    }
}

@media (min-width: 768px) {
    .ci073 .pl-md-3, .px-md-3 {
        padding-left: 1rem !important;
    }
}

@media (min-width: 768px) {
    .ci073 .pr-md-3, .px-md-3 {
        padding-right: 1rem !important;
    }
}
/*#endregion ci-073*/

/*#region ci-074*/
.ci074 .mt-40px-xl.mt-40px-lg.mt-40px-md.mb-24px-all.mt-24px-sm.mt-24px-xs {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
@media screen and (max-width: 767px) {
    .ci074 .card-info.item.item-index1 {
        margin-bottom: 6px;
    }
}
.ci074 .paginationjs-pages .paginationjs-page.active {
    border: 0px solid transparent;
    background-color: #FFD400;
    border-radius: 50%;
    background-color: #ffd400;
    padding: 2px 2px;
}
@media screen and (max-width: 767px) {
    .ci075 .plr-15px-pc {
        padding-right: unset;
        padding-left: unset;
    }
}
.ci075 .paginationjs-pages .paginationjs-page.active {
    border: 0px solid transparent;
    background-color: #FFD400;
    border-radius: 50%;
    background-color: #ffd400;
    padding: 2px 2px;
}
@media screen and (max-width: 767px) {
    .ci076 .plr-15px-pc {
        padding-right: unset;
        padding-left: unset;
    }
    .ci076 .pb-8px-all {
        padding-left: unset;
    }
}
.ci-073 .subtitle-detail {
    margin-bottom: unset;
}
/*#endregion ci-075*/

/*#region cb-012*/
.cb012 .prime-banner-480px {
    height: 480px;
}

    .cb012 .prime-banner-480px .banner-slide {
        position: relative;
        height: 100%;
    }

    .cb012 .prime-banner-480px .banner-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .cb012 .prime-banner-480px .banner-text {
        position: absolute;
        z-index: 2;
        color: white;
        padding: 20px;
        width: 100%;
    }

@media (min-width: 768px) {
    .cb012 .prime-banner-480px .banner-text {
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
    }

    .cb012 .prime-banner-480px .align-left {
        text-align: left;
        padding-left: 40px;
    }

    .cb012 .prime-banner-480px .align-center {
        text-align: center;
    }

    .cb012 .prime-banner-480px .align-right {
        text-align: right;
        padding-right: 40px;
    }
}

@media (max-width: 767.98px) {
    .cb012 .prime-banner-480px .banner-text {
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
    }

    .cb012 .prime-banner-480px .align-top {
        top: 0;
        transform: translateX(-50%) translateY(0);
    }

    .cb012 .prime-banner-480px .align-centermb {
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .cb012 .prime-banner-480px .align-bottom {
        bottom: 0;
        top: auto;
        transform: translateX(-50%) translateY(0);
    }
}

.cb012 .btn.btn-herobanner.btn-black {
    min-width: 170px;
    margin-top: 32px !important;
}
/*#endregion cb-012*/
.ci075 .pagination .page-item .page-link {
    color: #ffffff !important;
}
@media (min-width: 768px) {
    .hide-pc-pagination {
        display: none !important;
    }
}
@media (max-width: 768px) {
    .container--content.ci-011 {
        margin-bottom: 30px !important;
        margin-top: 30px !important;
    }
}
.ci-011 {
    padding-bottom: 40px;
}
    .ci-011 .swiper-pagination {
        margin-bottom: 40px;
    }


/*#region ib-012*/
.ib012 .prime-banner-480px {
    height: 480px;
}

    .ib012 .prime-banner-480px .banner-slide {
        position: relative;
        height: 100%;
    }

    .ib012 .prime-banner-480px .banner-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .ib012 .prime-banner-480px .banner-text {
        position: absolute;
        z-index: 2;
        color: white;
        padding: 20px;
        width: 100%;
    }

@media (min-width: 768px) {
    .ib012 .prime-banner-480px .banner-text {
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
    }

    .ib012 .prime-banner-480px .align-left {
        text-align: left;
        padding-left: 40px;
    }

    .ib012 .prime-banner-480px .align-center {
        text-align: center;
    }

    .ib012 .prime-banner-480px .align-right {
        text-align: right;
        padding-right: 40px;
    }
}

@media (max-width: 767.98px) {
    .ib012 .prime-banner-480px .banner-text {
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
    }

    .ib012 .prime-banner-480px .align-top {
        top: 0;
        transform: translateX(-50%) translateY(0);
    }

    .ib012 .prime-banner-480px .align-centermb {
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .ib012 .prime-banner-480px .align-bottom {
        bottom: 0;
        top: auto;
        transform: translateX(-50%) translateY(0);
    }
}

.ib012 .btn.btn-herobanner.btn-black {
    min-width: 170px;
    margin-top: 32px !important;
}
/*#endregion ib-012*/


@media (max-width: 1200px) {
    .qr-ifin {
        right: 0;
        max-width: 100%;
        padding: 0 15px;
    }
}

.qr-ifin {
    float: right;
}
@media screen and (max-width: 768px) {
    .container--banner.bi_002 .block-banner .cover-content-wrapper .banner-content {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
.home-recommend-header h2 {
    margin-bottom: 25px !important;
}
@media (max-width: 767px) {
    .ks-container .home-recommend-header h2 {
        margin-top: unset;
    }
    .home-recommend-header a.Text-link-small {
        margin-top: 5px;
    }
}

/*#region CM-033*/
.cm-033 .align-middle {
    vertical-align: middle !important;
}

.cm-033 .input-group .input-group-append .input-group-text {
    background-color: #ffd400;
    border-radius: 5px;
    padding-left: 16px;
    padding-right: 16px;
}

.cm-033  #search-area .input-group-append {
    cursor: pointer;
    width: 50px;
}

.cm-033.mb-28px-all-i {
    margin-bottom: 28px !important;
}

.cm-033.card-result-zone .container--content {
    max-width: 1170px;
    margin: auto; 
    margin-bottom: 80px;
}

.cm-033.card-result-zone #main-content-rpt {
    padding-top: 12px;
}

.cm-033.card-result-zone #main-content-rpt .item .box-podcast, 
.cm-033.card-result-zone #editor_pick .item .box-podcast {
    padding-bottom: 30px;
}

.cm-033.card-result-zone .card-content {
    background-color: #FFFFFF;
    border-radius: 3px;
    filter: drop-shadow(1px 2px 10px rgba(35, 19, 18, 0.1));
}

.cm-033.card-result-zone #main-content-rpt a {
    cursor: pointer;
}

.cm-033.card-result-zone #main-content-rpt .box-podcast .card-content .card-content-img,
.cm-033.card-result-zone #editor_pick .box-podcast .card-content .card-content-img {
    width: 100%;
    height: 100%;
    min-height: var(--card-min-height);
    object-fit: cover;
}

.cm-033.card-result-zone #main-content-rpt .box-podcast .box-text,
.cm-033.card-result-zone #editor_pick .box-podcast .box-text {
    padding: 10px 20px;
}

.cm-033.card-result-zone #main-content-rpt .card-content-type p,
.cm-033.card-result-zone #editor_pick .card-content-type p {
    font-family: Thongterm-Roman;
    color: #222222;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
}


.cm-033.card-result-zone h3 {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 0;
}

.cm-033.card-result-zone h4 {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    line-height: 30px;
}

.cm-033.card-result-zone .text-ellipsis-2line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}

.cm-033.card-result-zone .card-content .card-content-img {
    width: 100%;
    height: 100%;
    min-height: var(--card-min-height);
    max-width: 768px;
}

.cm-033 #main-content-rpt .item i.far.fa-play-circle {
    top: 35%;
    left: 50%;
}

.cm-033 #vdomodal .modal-content {
    margin: 0;
    border: 0px;
}

.cm-033 #vdomodal button.close span {
    right: -30px;
    top: 20px;
    position: relative;
    color: #000;
    text-shadow:none;
    opacity: 1;
}

.cm-033 #vdomodal .modal-body {
    padding: 0;
}

.cm-033 #vdomodal .modal-content {
    margin: 0;
    border: 0px;
}

@media screen and (min-width: 768px) {
    .cm-033 #vdomodal .modal-content {
        background-color: transparent;
        box-shadow: none;
        border: none;
    }
}

@media (min-width: 768px) {
    .cm-033.card-result-zone #main-content-rpt .card-content-title h3,
    .cm-033.card-result-zone #editor_pick .card-content-title h3 {
        min-height: 60px;
        margin-bottom: 16px;
    }

    .cm-033.card-result-zone #main-content-rpt .card-content-title h4,
    .cm-033.card-result-zone #editor_pick .card-content-title h4 {
        display: none;
    }

    .cm-033.card-result-zone .card-content .card-content-img.content {
        max-width: 370px !important;
        height: 270px !important;
    }
} 

@media (max-width: 768px) {
    .cm-033.card-result-zone .container--content.container-editor {
        margin: 8px 0 24px 0;
    }

    .cm-033.card-result-zone #main-content-rpt {
        padding-top: 0px;
    }

    .cm-033.container--content {
        margin: 8px 0 24px 0;
    }

    .cm-033.card-result-zone .card-content .card-content-img {
        width: 110px;
        height: 110px !important;
    }

    .cm-033.card-result-zone #main-content-rpt .card-content-type p,
    .cm-033.card-result-zone #editor_pick .card-content-type p {
        font-size: 12px;
    }

    .cm-033.card-result-zone #main-content-rpt .card-content-title h3,
    .cm-033.card-result-zone #editor_pick .card-content-title h3 {
        display: none;
    }

    .cm-033.card-result-zone #main-content-rpt .card-content-title h4,
    .cm-033.card-result-zone #editor_pick .card-content-title h4 {
        line-height: 24px;
        min-height: unset;
        margin-bottom: 0px;
        padding: 0;
    }

    .cm-033.card-result-zone #main-content-rpt .item .box-podcast .box-text,
    .cm-033.card-result-zone #editor_pick .item .box-podcast .box-text {
        padding: 4px 8px;
        width: 100%;
    }

    .cm-033.card-result-zone #main-content-rpt .item .box-podcast,
    .cm-033.card-result-zone #editor_pick .item .box-podcast {
        padding-bottom: 0px;
    }

    .cm-033.card-result-zone #main-content-rpt .box-podcast .card-content .card-content-img, 
    .cm-033.card-result-zone #editor_pick .box-podcast .card-content .card-content-img { 
        width: 110px;
        height: 110px !important;
    }

    .cm-033 #main-content-rpt .item i.far.fa-play-circle {
        top: 50%;
        left: 16%;
    }

    .cm-033 #vdomodal .modal-content {
        background-color: transparent;
        max-height: 300px;
    }

    .cm-033 #videoIframe {
        height: 274px;
    }

    .cm-033 .modal-dialog .modal-content {
        margin-top: 50px;
        top: 30%;
        position: absolute;
        right: 0;
        left: 0;
        padding: 0px; 
    }

    .cm-033 #vdomodal button.close span {
        right: inherit;
        top: -15px;
        position: relative;
    }
}
 

/*#endregion CM-033*/

/*#region CI-058*/
@media (max-width: 767px) {
    .ci-058 .image img {
        width: auto !important;
        max-height: 110px !important;
    }
}
/*#endregion CI-058*/

@media (max-width: 576px) {
    .ib011 .text-overlay .d-sm-none {
        display: unset !important;
    }
}
.cb008 p.card-text {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* จำกัดที่ 2 บรรทัด */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cb009 .card {
    background-color: unset;
}
#swiper-interest {
    overflow: hidden;
}
.cb-005-modal .modal-content {
    height: 542px;
    width: 970px;
    background-color: transparent;
    border: none !important;
}
@media screen and (max-width: 767px) {
    .cb-005-modal .modal-content {
        height: 300px !important;
    }
    .cb-005-modal .modal-content {
        width: 100%;
        background-color: transparent;
        border: none !important;
    }
    .cb-005-modal iframe {
        width: 100%;
        height: 273px;
        border: none;
    }
    .cb-005-modal .modal-dialog {
        max-width: 700px; /* ขนาด modal แบบฝั่งขวา */
        margin: auto;
    }
    .cb-005-modal .modal{
        top: 13%;
    }

    .cb-005-modal .modal-content {
        border: none;
        border-radius: 0;
        box-shadow: none;
        background-color: transparent; /* ถ้าต้องการให้โปร่งหลัง */
        padding: 8px;
    }

    .cb-005-modal .modal-body {
        padding: 0;
    }
    .cb-005-modal .modal-dialog {
        display: flex;
        align-items: center;
        min-height: 100vh; /* ให้ modal อยู่ตรงกลางแนวตั้ง */
        margin: 0 auto;
    }
    .cb-005-modal button.close {
        z-index: 1;
        right: inherit;
        top: -42px;
        position: relative;
    }
}
.cb-005-modal button.close span {
    right: -30px;
    top: 40px !important;
    position: relative;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    font-size: 26px;
    text-align: right;
}
.menu-i-confirm {
    padding: 0px !important;
}
.back-iconfirm{
    padding-bottom: 80px;
    padding-top: 40px;
}
@media screen and (min-width: 768px) {
    .cb010 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        margin-top: 20px !important;
        position: relative !important;
    }
}

@media screen and (max-width: 767px) {
    .cb010 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        margin-top: 10px !important;
        position: relative !important;
    }
}