@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Sans+TC:wght@100..900&display=swap');

@font-face {
    font-family: '新微軟正黑體';
    unicode-range: U+7db0, U+78A7, U+7B75;
    font-style: normal;
    font-weight: 700;
    src: local(MS Gothic), local(Yu Gothic);
}

@font-face {
    font-family: '新微軟正黑體';
    unicode-range: U+7db0, U+78A7, U+7B75;
    font-style: normal;
    font-weight: 400;
    src: local(微軟正黑體), local(Microsoft JhengHei);
}

@font-face {
    font-display: swap;
    font-family: "Brown-Pro";
    font-style: normal;
    font-weight: 100;
    src: url(../../fonts/lineto-brown-pro-thin.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: "Brown-Pro";
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/lineto-brown-pro-light.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: "Brown-Pro";
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/lineto-brown-pro-regular.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: "Brown-Pro";
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/lineto-brown-pro-bold.woff) format("woff");
}

:root {
    --model-height: 750px;
}

* {
    -webkit-text-size-adjust: none;
    outline: 0;
}

html {
    width: 100vw;
    overflow-x: hidden;
}

body,
body:not(i),
html,
html:not(i) {
    font-family: "Brown-Pro", "Noto Sans TC", Arial, "Open Sans", "新微軟正黑體", "Microsoft JhengHei", "微軟正黑體", sans-serif;
    color: #000000;
    font-weight: 300;
}

label.error {
    display: none !important;
}

input.error,
select.error,
textarea.error {
    border: 1px solid #e60012 !important;
    background-color: #fee !important;
}

.transition *,
.transition:hover * {
    -o-transition: all .2s linear !important;
    -webkit-transition: all .2s linear !important;
    -moz-transition: all .2s linear !important;
    transition: all .2s linear !important;
}

::placeholder {
    color: #c7c7c7 !important;
    font-style: italic;
}

[placeholder]:focus::-webkit-input-placeholder {
    transition: opacity 1s 0s ease;
    opacity: 0;
}

.img-fluid,
.img-responsive {
    max-width: 100%;
    height: auto;
    border: none !important;
}

.editor-area .img-fluid {
    margin: 10px 0;
}

.cms_around div:not(.col-sm-4):not(.col-sm-6) {
    margin: auto 15px;
}

#verifyImgCode {
    cursor: pointer;
    max-height: 42px;
}

.error404 {
    padding-top: 3em;
    padding-bottom: 3em;
    text-align: center;
}

.youtube_content {
    position: relative;
    padding-top: 30px;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;
}

.youtube_content embed,
.youtube_content iframe,
.youtube_content object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.all-trans {
    -o-transition: all .5s linear !important;
    -webkit-transition: all .5s linear !important;
    -moz-transition: all .5s linear !important;
    transition: all .5s linear !important;
}

.all-trans:hover {
    -o-transition: all .5s linear !important;
    -webkit-transition: all .5s linear !important;
    -moz-transition: all .5s linear !important;
    transition: all .5s linear !important;
}

.overlybox {
    display: block;
    overflow: hidden;
}

.overlybox img {
    transition: all .5s;
}

.overlybox:hover img {
    transform: scale(1.4);
}

.fullTexty {
    text-align: justify;
    text-justify: auto;
}

.justifyContain {
    display: block;
    text-align: justify;
    text-align-last: justify;
}

.overflowTexty {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.overflow_multi {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ckeditor_div_background {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hidden {
    display: none !important;
}

#capcha_image {
    position: relative;
    padding-right: 20px;
    cursor: pointer;
}

#capcha_image:after {
    content: "\f021";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
}

.image-shadow-box {
    position: relative;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .25), 0 0 50px rgba(0, 0, 0, .1) inset;
    border-radius: 0 0 0 0;
    margin-bottom: 30px;
}

.image-shadow-box:before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 14px;
    left: 11px;
    width: 50%;
    height: 20%;
    box-shadow: 0 14px 10px rgba(0, 0, 0, .7);
    -webkit-transform: rotate(-5deg) skew(0);
    -moz-transform: rotate(-5deg) skew(0);
    -ms-transform: rotate(-5deg) skew(0);
    -o-transform: rotate(-5deg) skew(0);
    transform: rotate(-5deg) skew(0);
}

.image-shadow-box:after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 14px;
    right: 11px;
    width: 50%;
    height: 20%;
    box-shadow: 0 14px 10px rgba(0, 0, 0, .7);
    -webkit-transform: rotate(5deg) skew(0);
    -moz-transform: rotate(5deg) skew(0);
    -ms-transform: rotate(5deg) skew(0);
    -o-transform: rotate(5deg) skew(0);
    transform: rotate(5deg) skew(0);
}

.cms_margin_auto {
    margin: auto !important;
}

.cms_no_margin {
    margin: 0 !important;
}

.cms_no_padding {
    padding: 0 !important;
}

.scrollup {
    width: 50px;
    display: none;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    background-color: #333;
    color: #fff;
    position: fixed;
    right: 30px;
    bottom: 30px;
}

.scrollup:hover {
    background-color: #767676;
    color: #fff;
}

.editor-area {
    color: #000000;
    letter-spacing: .5px;
}

.editor-area p {
    margin: 15px 0;
    color: #000000;
    line-height: 24px;
    font-size: 16px;
    display: block;
}

.editor-area ul {
    list-style-type: disc;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    line-height: 26px;
    margin: 10px 15px;
}

.editor-area ol {
    list-style-type: decimal;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    line-height: 26px;
    margin: 10px 15px;
}

.editor-area .cjk-style {
    list-style: cjk-ideographic;
}

.editor-area .cjk-style li {
    list-style: cjk-ideographic;
}

.editor-area ol li,
.editor-area ul li {
    color: #1a1b1b;
}

.editor-area ol li:not(:last-child),
.editor-area ul li:not(:last-child) {
    margin-bottom: 7px;
}

.editor-area h1 {
    font-size: 42px;
}

.editor-area h2 {
    font-size: 36px;
}

.editor-area h3 {
    font-size: 28px;
}

.editor-area h4 {
    font-size: 24px;
}

.editor-area h5 {
    font-size: 21px;
}

.editor-area h6 {
    font-size: 18px;
}

.editor-area h1,
.editor-area h2,
.editor-area h3 {
    margin-top: 15px;
    margin-bottom: 15px;
    color: #000000;
    font-weight: 600;
    display: block;
    letter-spacing: normal;
    line-height: 1.3;
}

.editor-area h4,
.editor-area h5,
.editor-area h6 {
    margin-top: 15px;
    margin-bottom: 15px;
    color: #000000;
    font-weight: 600;
    display: block;
    letter-spacing: normal;
    line-height: 1.35;
}

.blueimp-gallery>.indicator>li {
    background-size: cover;
}

.blueimp-gallery>.close,
.blueimp-gallery>.indicator,
.blueimp-gallery>.next,
.blueimp-gallery>.prev,
.blueimp-gallery>.title {
    display: block;
}

.blueImpGallery #links a {
    max-width: 200px;
    height: 150px;
    display: inline-block;
    text-align: center;
    margin: 7px;
}

.blueImpGallery #links a img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

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

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #fff;
    background-color: #006ce1;
    border-color: #006ce1;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #006ce1;
    border-color: #006ce1;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 0;
}

.modal {
    z-index: 99999;
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    display: inline;
    font-size: 18px;
    font-weight: 700;
}

.modal-body,
.modal-title {
    color: #000000;
}

.modal-body div.contact_message {
    text-align: center;
    margin: 0;
    font-size: 20px;
    line-height: 26px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.modal-body .contact_message {
    color: #000000 !important;
    text-align: center;
    font-size: 16px !important;
    padding-top: 30px;
    padding-bottom: 30px;
}

.modal-title {
    color: #000000 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

.modal-footer {
    justify-content: center !important;
    border-top: none !important;
}

.fb-comments {
    width: 100% !important;
}

.fb-comments iframe[style] {
    width: 100% !important;
}

.fb-like-box {
    min-width: 280px;
    width: 100% !important;
}

.fb-like-box iframe[style] {
    min-width: 280px;
    width: 100% !important;
}

.fb-comments span {
    width: 100% !important;
}

.fb-comments iframe span[style] {
    width: 100% !important;
}

.fb-like-box span {
    min-width: 280px;
    width: 100% !important;
}

.fb-like-box iframe span[style] {
    min-width: 280px;
    width: 100% !important;
}

.col-lg-1-5,
.col-md-1-5,
.col-sm-1-5,
.col-xs-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}

@media (max-width:768px) {
    .fbBox {
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width:768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width:992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width:1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width:576px) {
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }

    .close:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

    .close:focus,
    .close:hover {
        color: #000000;
        text-decoration: none;
        opacity: .75;
    }

    .close {
        float: right;
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 1;
        color: #000000;
        text-shadow: 0 1px 0 #fff;
        opacity: .5;
    }

    .close:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

    .close:focus,
    .close:hover {
        color: #000000;
        text-decoration: none;
        opacity: .75;
    }

    button.close {
        padding: 0;
        background-color: transparent;
        border: 0;
    }
}

.search-popup-thumb {
    border-left: 1px solid rgba(0, 0, 0, .15);
    padding-left: 15px;
    display: inline-block;
    line-height: 15px;
    position: relative;
}

.search-popup-btn {
    color: #fff;
    transition: .3s ease-in-out;
}

.header-with-topbar.sticky .search-popup-btn {
    color: #ffffff;
}

.header_dark_style .search-popup-btn {
    color: #000000;
}

.search-popup-btn:active,
.search-popup-btn:focus,
.search-popup-btn:hover {
    color: #fff;
}

.header_dark_style .search-popup-btn:active,
.header_dark_style .search-popup-btn:focus,
.header_dark_style .search-popup-btn:hover {
    color: #000000;
}

.header-searchbar {
    border: unset;
    padding: 0;
}

header.header-appear nav.header-light-transparent .header-searchbar {
    border: unset;
}

header.sticky nav.header-light-transparent .header-searchbar {
    border: unset;
}

.header-searchbar a i {
    margin: 0;
    font-size: 15px;
}

.search-popup-style .fancybox__backdrop {
    background: #000000;
    opacity: .9;
}

.f-button svg {
    color: #fff;
    stroke: #fff;
}

.search-popup-style .f-button.is-close-btn {
    position: fixed;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    color: #fff;
}

.search-popup-style .fancybox__content {
    background: 0 0;
    padding: 0;
    max-width: 650px;
    width: 100%;
}

.searchform .input-search-group {
    position: relative;
}

.searchform .search-input {
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    padding: 15px 0;
    font-size: 18px;
    color: #fff;
}

.searchform .search-input.error {
    margin-bottom: 0;
    background-color: transparent !important;
    padding: 15px 0;
    font-size: 18px;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: 2px solid red !important;
}

.searchform .search-input.error::placeholder {
    color: #f55 !important;
}

.searchform .search-input::placeholder {
    color: #dfdfdf !important;
}

.searchform .search-input:focus {
    border-color: #e6e6e6 !important;
}

.search-result-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    outline: unset;
    box-shadow: unset;
    border: 0;
    border-radius: 0;
    line-height: 1;
    padding: 0;
    background-color: transparent;
    color: #fff;
    font-size: 19px;
}

.search-result-btn i {
    margin-right: 3px;
}

@media (max-width:767px) {
    .search-popup-btn {
        margin-left: 0;
    }

    .search-popup-style .fancybox__content {
        padding: 0 30px;
    }
}

#ajax_loading {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(255, 255, 255, .8);
    background-image: url(/images/common/ajax_loading.svg);
    background-repeat: no-repeat;
    background-position: center center;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
}

.editor-area div[class*=col-] {
    margin-bottom: 20px;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

.row>* {
    padding-right: 10px;
    padding-left: 10px;
}

a {
    transition: .3s ease-in-out;
}

.editor-area a:not(.btn):hover {
    text-decoration: underline;
}

.mobile-swiper {
    display: none;
}

.swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.swiper-height {
    height: 72vh !important;
}

.ad-swiper {
    position: relative;
    margin-bottom: -1px;
}

.swiper-content {
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    padding-bottom: 20px;
}

.swiper-txt {
    width: 100%;
}

.swiper-content.text-right {
    text-align: right;
}

.swiper-content.text-left {
    text-align: left;
}

.swiper-content.text-center {
    text-align: center;
}

.swiper-txt h2 {
    font-size: 50px;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #fff;
}

.swiper-txt h4 {
    font-size: 18px;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 300;
    letter-spacing: .5px;
    color: #fff;
}

.swiper-btn {
    display: inline-block;
    background-color: transparent;
    color: #ffffff;
    border-width: .1rem;
    border-style: solid;
    border-color: #ffffff;
    font-size: 15px;
    letter-spacing: .5px;
    padding: 12px 30px;
    border-radius: 0;
    line-height: normal;
    margin: 0;
    border-radius: 50px;
    font-weight: 600;
    transition: 0.3s ease-in-out;
}

.swiper-btn:hover {
    background-color: #525252;
    border-color: #525252;
    color: #ffffff;
}

.swiper-btn.model-style-1 {
    border-color: #000000;
    color: #000000;
    background-color: transparent;
}

.swiper-btn.model-style-1:hover {
    background-color: #525252;
    border-color: #525252;
    color: #ffffff;
}

.swiper-btn.model-style-2 {
    border-color: #000000;
    color: #000000;
    background-color: transparent;
}

.swiper-btn.model-style-2:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}

.swiper-btn.model-style-3 {
    border-color: #000000;
    color: #000000;
    background-color: transparent;
}

.swiper-btn.model-style-3:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #000000;
}

.swiper-btn.model-style-4 {
    border-color: #ffffff;
    color: #ffffff;
    background-color: transparent;
}

.swiper-btn.model-style-4:hover {
    background-color: #525252;
    border-color: #525252;
    color: #ffffff;
}

.swiper-btn.model-style-5 {
    border-color: #ffffff;
    color: #ffffff;
    background-color: transparent;
}

.swiper-btn.model-style-5:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}

.swiper-btn.model-style-6 {
    border-color: #ffffff;
    color: #ffffff;
    background-color: transparent;
}

.swiper-btn.model-style-6:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #000000;
}

.main-swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    bottom: 20px !important;
    top: auto;
}

.main-swiper-pagination .swiper-pagination-bullet {
    display: block;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 3px solid #fff;
    margin: 5px 8px !important;
    opacity: 1;
    cursor: pointer;
    transition: .3s ease-in-out;
}

.main-swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    width: 17px;
    height: 17px;
    background-color: transparent;
}

.main-swiper-arrow-buttons {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    top: 0;
    left: 0;
}

.main-swiper-arrow-buttons .main-swiper-arrow-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 45px;
    line-height: normal;
    letter-spacing: normal;
    background-color: transparent;
    color: #fff;
    border-radius: 5px;
    opacity: 1;
    left: auto;
    right: auto;
    top: auto;
    width: 50px;
    height: 50px;
    transition: .3s ease-in-out;
}

.main-swiper-arrow-buttons .main-swiper-arrow-button:hover {
    opacity: 1;
}

.swiper-opacity {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.mainSlider {
    padding: 0;
}

.datepicker-item .form-control {
    border: 1px solid #dee2e6;
    padding: .375rem .75rem;
    border-radius: 3px 0 0 3px;
    border-radius: 0 3px 3px 0;
}

.datepicker-item .input-group-append .input-append-icon {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 7px;
    display: block;
    min-width: 40px;
    text-align: center;
}

.input-group-append {
    cursor: pointer;
}

.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
    position: unset;
}

.datepicker td,
.datepicker th {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1;
}

.datepicker table tr td span {
    height: 47px;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background: #0dcaf0;
    color: #fff;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active {
    background: #1a1b1b;
    color: #fff;
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
    background: #1a1b1b;
    color: #fff;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
    background: #1a1b1b;
}

body {
    font-size: 16px;
    letter-spacing: normal;
}

a {
    color: #000000;
    transition: .3s ease-in-out;
}

a:hover {
    color: #000000;
}

.btn:focus {
    color: #ffffff;
}

.btn {
    margin: 3px;
    font-family: inherit;
}

@media (min-width:1200px) {
    .container {
        max-width: 1280px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .page_prdlist .container {
        max-width: 1480px;
    }
}

.header-with-topbar .top-header-area {
    z-index: 99;
}

.top-header-area {
    background-color: #e60012;
    padding: 10px 0;
}

nav.navbar.bootsnav {
    background-color: #e60012;
    box-shadow: unset;
    top: 0;
}

header nav .nav-header-container {
    position: unset;
}

.header-with-topbar.sticky .navbar-top {
    top: 0;
    background-color: #e60012;
}

.header-with-topbar.sticky.header-appear nav.navbar.bootsnav {
    background-color: #e60012;
}

header a.logo {
    padding: 10px 0;
}

header a.logo img {
    max-height: 50px;
    width: 100%;
}

header a.logo .dark-logo {
    display: none;
}

.header-with-topbar.header_dark_style a.logo .dark-logo {
    display: block;
}

.header-with-topbar.header_dark_style a.logo .light-logo {
    display: none;
}

.header-with-topbar.sticky a.logo .dark-logo {
    display: none;
}

.header-with-topbar.sticky a.logo .light-logo {
    display: block;
}

nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li {
    padding-left: 16px;
    padding-right: 16px;
}

.simple-dropdown .dropdown-menu>li a {
    font-size: 15px;
    font-weight: 600;
    color: #000000;
}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu li>a:hover {
    color: #000000;
}

.simple-dropdown .dropdown-menu {
    background-color: #fff;
}

nav.navbar.navbar-default ul.nav>li>a {
    color: #fff;
    padding: 28px 16px;
    border-radius: 30px;
    margin: 0;
    position: relative;
    z-index: 1;
    line-height: 1;
    font-size: 15px;
}

nav.navbar.navbar-default ul.nav>li {
    margin: 0 8px;
}

.header-with-topbar.sticky nav.navbar.navbar-default ul.nav>li>a {
    color: #ffffff;
}

.header_dark_style nav.navbar.navbar-default ul.nav>li>a {
    color: #fff;
}

nav.navbar.bootsnav.navbar-default li.dropdown.simple-dropdown>ul.dropdown-menu>li.active>a {
    color: #000000;
}

header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav>li>a,
header.sticky nav.navbar.navbar-default.navbar-top ul.nav>li>a {
    padding: 28px 16px;
}

.header_dark_style nav.navbar.navbar-default ul.nav>li>a {
    color: #000000;
}

nav.navbar.navbar-default ul.nav>li>a header.sticky nav.navbar.navbar-default.navbar-top ul.nav>li>a {
    color: #ffffff;
    padding: 28px 16px;
    border-radius: 30px;
    margin: 0;
    position: relative;
    z-index: 1;
    line-height: 1;
}

nav.navbar.navbar-default ul.nav>li>a::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 40px;
    background-color: #fff;
    border-radius: 18px;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translateY(-50%) translateX(-50%);
    transition: .3s ease-in-out;
    z-index: -1;
}

.header_dark_style nav.navbar.navbar-default ul.nav>li>a::before {
    background-color: #ffffff;
}

header.sticky nav.navbar.navbar-default.navbar-top ul.nav>li>a::before {
    background-color: #ffffff;
}

nav.navbar.navbar-default ul.nav>li>a .header-with-topbar.sticky.header-appear nav.navbar.navbar-default ul.nav>li>a {
    color: #000000;
}

header nav.navbar .navbar-nav>li.dropdown.on>a,
header nav.navbar .navbar-nav>li>a:hover,
nav.navbar.bootsnav ul.nav>li.dropdown.on>a,
nav.navbar.bootsnav ul.nav>li>a:hover {
    color: #000000;
}

header.header_dark_style nav.navbar .navbar-nav>li.dropdown.on>a,
header.header_dark_style nav.navbar .navbar-nav>li>a:hover,
header.header_dark_style nav.navbar.bootsnav ul.nav>li.dropdown.on>a,
header.header_dark_style nav.navbar.bootsnav ul.nav>li>a:hover {
    color: #000000;
}

.sticky.header-appear nav.navbar.bootsnav ul.nav>li.dropdown.on>a,
.sticky.header-appear nav.navbar.bootsnav ul.nav>li>a:hover,
header.sticky.header-appear nav.navbar .navbar-nav>li.dropdown.on>a,
header.sticky.header-appear nav.navbar .navbar-nav>li>a:hover {
    color: #000000;
}

header nav.navbar .navbar-nav>li.dropdown.on>a::before,
header nav.navbar .navbar-nav>li>a:hover::before,
nav.navbar.bootsnav ul.nav>li.dropdown.on>a::before,
nav.navbar.bootsnav ul.nav>li>a:hover::before {
    opacity: 1;
}

.header-with-topbar.sticky.header-appear {
    border-left: 1px solid rgba(0, 0, 0, .6);
}

header.header-appear nav.bootsnav.header-light .navbar-nav>li.active>a,
header.header-appear nav.bootsnav.header-light-transparent .navbar-nav>li.active>a {
    color: #fff;
}

header nav.navbar .navbar-nav>li.active>a,
nav.navbar.bootsnav ul.nav>li.active>a {
    color: #ffffff;
}

header nav.navbar .navbar-nav>li.active>a::before,
nav.navbar.bootsnav ul.nav>li.active>a::before {
    opacity: 0;
}

.header_dark_style nav.navbar .navbar-nav>li.active>a,
.header_dark_style nav.navbar.bootsnav ul.nav>li.active>a {
    color: #fff;
}

.header-with-topbar.sticky nav.navbar.navbar-default ul.nav>li.active>a {
    color: #ffffff;
}

.header-with-topbar.sticky nav.navbar.navbar-default ul.nav>li.on>a {
    color: #000000;
}

.header-with-topbar.sticky.header-appear .search-popup-btn {
    color: #ffffff;
}

nav.navbar.bootsnav li.dropdown .mega-menu-full {
    background-color: #fff;
    padding: 50px 0;
}

nav.navbar.bootsnav li.dropdown .menu-back-div .mega-menu-row {
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

nav.navbar.bootsnav li.dropdown .menu-back-div .mega-menu-row .col-nav-menu {
    padding: 0;
}

.col-nav-menu {
    width: auto;
}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu li>.nav-prd-link {
    color: #000000;
    font-weight: 600;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    transition: .3s ease-in-out;
}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu li>.nav-prd-link:hover {
    color: #000000;
    text-decoration: underline;
}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu li.active>a {
    color: #000000;
}

.nav-prd-img {
    display: block;
    max-width: 100%;
    height: 40px;
    width: auto;
    margin: 0 0 10px 0;
}

.nav-prd-img img {
    margin: 0 !important;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 40px;
}

.nav-prd-txt {
    display: block;
    width: 100%;
    font-size: 14px;
    letter-spacing: normal;
    transition: .3s ease-in-out;
}

.header_dark_style .navbar-default .navbar-toggler .icon-bar {
    background-color: #000000;
}

.navbar-default .navbar-toggler .icon-bar {
    background-color: #fff;
    transition-duration: .13s;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
}

header.sticky .navbar-default.header-light .navbar-toggler .icon-bar,
header.sticky .navbar-default.header-light-transparent .navbar-toggler .icon-bar {
    background-color: #ffffff;
}

.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 6px;
}

.navbar-toggler .icon-bar {
    width: 22px;
    height: .08em;
}

#mobileMenu_toggle.navbar-toggler.is-open .icon-bar:nth-child(1) {
    transform: translateY(7px);
}

#mobileMenu_toggle.navbar-toggler.is-open .icon-bar:nth-child(3) {
    transform: translateY(-7px);
}

.mobileMenu-backdrop {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000000d6;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition-delay: .13s;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
}

.mobileMenu-wrap {
    position: fixed;
    top: 0;
    left: calc(-100% - 48%);
    height: 100%;
    width: calc(100% - 48px);
    background-color: #f5f5f7;
    z-index: 102;
    transition-delay: .13s;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
}

body.no-scroll {
    overflow: hidden;
}

.is-open .mobileMenu-wrap {
    left: 0;
}

.is-open .mobileMenu-backdrop {
    z-index: 2;
    opacity: 1;
    visibility: visible;
}

.mobileMenu-close {
    display: flex;
    outline: unset;
    box-shadow: unset;
    border: 0;
    background-color: #fff;
    color: #000000;
    border-left: 1px solid #d3d4d4;
    border-bottom: 1px solid #d3d4d4;
    width: 48px;
    height: 47px;
    position: absolute;
    right: -48px;
    top: 0;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    z-index: 3;
}

.mobileMenu-back {
    text-transform: uppercase;
    border: unset;
    background-color: transparent;
    font-size: 16px;
    line-height: normal;
    color: #000000;
    margin: 0;
    padding: 0;
    box-shadow: unset;
    border: unset;
    font-weight: 600;
    height: 49px;
    display: flex;
    align-items: center;
    letter-spacing: .5px;
}

.mobileMenu-back i {
    margin-right: 10px;
}

.mobileMenu-head {
    background-color: #fff;
    height: 48px;
    border-bottom: 1px solid #d3d4d4;
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.mobileMenu-nav>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobileMenu-nav>ul>li>a {
    display: block;
    padding: 20px 20px;
    width: 100%;
    border-bottom: 1px solid #d3d4d4;
}

.mobileMenu-nav>ul>li>a:hover {
    color: #000000;
}

.mobileMenu-nav>ul>li a {
    font-weight: 600;
    text-transform: uppercase;
}

.mobileMenu-nav .dropdown-toggle::after {
    display: none;
}

.mobileMenu-nav .dropdown-toggle {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 20px;
    height: 100%;
    display: flex;
    line-height: normal;
    justify-content: center;
    align-items: center;
    z-index: -1;
}

.mobileMenu-subPanel {
    position: fixed;
    top: 0;
    left: calc(-100% + 48px);
    background: #f5f5f7;
    width: calc(100% - 48px);
    height: 100%;
    z-index: 3;
    visibility: hidden;
    transition: .25s ease-in-out;
}

.mobileMenu-subPanel.sub-open {
    left: 0;
    visibility: visible;
}

.mobileMenu-subPanel ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.mobileMenu-subPanel ul li {
    width: 100%;
    position: relative;
}

.mobileMenu-subPanel ul li>a {
    display: block;
    padding: 20px 20px;
    width: 100%;
    border-bottom: 1px solid #d3d4d4;
}

.mobileMenu-subPanel ul li>a:hover {
    color: #000000;
}

.mobileMenu-subPanel ul li>a.nav-prd-link {
    display: flex;
    align-items: center;
}

.mobileMenu-subPanel ul li>a .nav-prd-img {
    margin: 0 20px 0 0;
    width: 80px;
    text-align: center;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: auto;
    max-height: auto;
}

.mobileMenu-nav>ul {
    max-height: calc(100vh - 49px);
    overflow-y: auto;
}

#mobileMenu {
    display: none;
}

@media (max-width:991px) {
    #mobileMenu {
        display: block;
        position: relative;
        z-index: 9999;
    }

    nav.navbar.navbar-default ul.nav>li>a::before {
        display: none;
    }

    nav.navbar.navbar-default ul.nav>li>a {
        padding: 15px 15px;
        position: unset;
    }

    header a.logo {
        padding: 10px 0;
    }

    header a.logo img {
        max-height: 42px;
    }

    .col-navbar-logo {
        order: 2;
        flex: 1;
        text-align: center;
    }

    .col-navbar-nav {
        order: 1;
    }

    .col-navbar-search {
        order: 3;
        text-align: right;
    }

    .col-navbar-language {
        order: 4;
    }

    nav.navbar.bootsnav .navbar-toggler {
        float: unset;
    }

    .header-searchbar a i {
        font-size: 17px;
    }

    .header-searchbar {
        padding-left: 0;
    }

    nav .accordion-menu {
        padding: 0;
        line-height: normal;
    }

    .sticky nav .accordion-menu {
        padding: 0;
    }

    .header-searchbar {
        line-height: normal;
    }
}

.footer-style {
    background-color: #282d2d;
    color: #fff;
    padding: 0;
}

.footBody {
    padding: 45px 0;
}

.editor-area .sitemapSec ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.editor-area .sitemapSec ul li {
    margin: 0;
    font-size: .95rem;
}

.editor-area .sitemapSec ul li:not(:last-child) {
    margin-bottom: 7px;
}

.editor-area .sitemapSec ul li a {
    color: #d3d4d4;
}

.editor-area .sitemapSec ul li a:hover {
    color: #fff;
    text-decoration-line: underline;
}

.editor-area .sitemapSec h4 {
    line-height: normal;
    margin-bottom: 10px;
    font-size: 16px;
    color: #fff;
}

.editor-area .sitemapSec h4 a {
    color: #fff;
}

.footinfoSec {
    max-width: 240px;
    margin-left: auto;
}

.editor-area .social-icon-list,
.social-icon-list {
    list-style: none;
    padding: 0;
    margin: -8px;
    display: flex;
    flex-wrap: wrap;
}

.editor-area .social-icon-list {
    margin-bottom: 8px;
}

.editor-area .social-icon-list li,
.social-icon-list li {
    list-style: none;
    padding: 8px;
}

.editor-area .social-icon-list li a,
.social-icon-list li a {
    display: flex;
    font-size: 24px;
    letter-spacing: normal;
    line-height: normal;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    opacity: .5;
    transition: 0.3s ease-in-out;
}

.editor-area .social-icon-list li a:hover,
.social-icon-list li a:hover {
    opacity: 1;
}

.editor-area .social-info-list,
.social-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.editor-area .social-info-list li,
.social-info-list li {
    list-style: none;
    position: relative;
    padding: 6px 0 0 45px;
    line-height: normal;
    min-height: 33px;
}

.editor-area .social-info-list li {
    display: block;
    margin-bottom: 15px;
    color: #d3d4d4;
}

.editor-area .social-info-list li:last-child {
    margin-bottom: 0;
}

.editor-area .social-info-list li i,
.social-info-list li i {
    display: flex;
    width: 32px;
    height: 32px;
    font-size: 14px;
    letter-spacing: normal;
    line-height: normal;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background-color: #d3d4d4;
    color: #000000;
    position: absolute;
    left: 0;
    top: 0;
}

.editor-area .social-info-list li a,
.social-info-list li a {
    color: #d3d4d4;
}

.editor-area .social-info-list li a:hover,
.social-info-list li a:hover {
    color: #fff;
}

.footBottom {
    padding: 15px 0;
    border-top: 1px solid rgba(213, 219, 228, .8);
}

.quicklink-list {
    list-style: none;
    padding: 0;
    margin: -10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.quicklink-list li {
    position: relative;
    padding: 10px;
    margin: 0;
    line-height: normal;
    font-size: 14px;
}

.quicklink-list li a {
    color: #ffffff;
}

.quicklink-list li a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.quicklink-list li:not(:last-child)::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
    width: 1px;
    height: 14px;
    background-color: rgba(213, 219, 228, .8);
}

.copyright {
    margin: 0;
    line-height: normal;
    font-size: 14px;
    color: #d3d4d4;
    text-align: center;
}

.sitemapSec .col {
    margin-bottom: 20px;
}

@media (max-width:992px) {
    .sitemapSec .col {
        margin-bottom: 20px;
    }

    .footinfoSec {
        margin-left: 0;
        max-width: unset;
        margin-top: 10px;
    }

    .editor-area .social-info-list li {
        margin-right: 15px;
    }
}

@media (max-width:767px) {
    .quicklink-list {
        justify-content: flex-start;
    }

    .copyright {
        text-align: left;
        margin-top: 10px;
    }

    .footBody {
        padding: 30px 0 20px 0;
    }
}

.dark_body main {
    background-color: #1a1b1b;
}

[class*=mainSec] {
    padding: 90px 0;
    background-color: #fff;
}

[class*="mainSec--quicklink"] {
    padding-bottom: 70px;
}

[class*=mainSec--adslide] {
    padding: 0;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.prd-thumb-1 {
    background-color: #f5f5f7;
    border-radius: 5px;
    padding: 20px;
}

.prd-thumb-1 .thumb-image {
    position: relative;
    overflow: hidden;
    padding: 35px;
}

.prd-thumb-1 .thumb-image img {
    transition: .3s ease-in-out;
}

.prd-thumb-1 .thumb-content {
    text-align: center;
}

.prd-thumb-1 .thumb-content h4 {
    font-size: 16px;
    letter-spacing: .5px;
    line-height: normal;
    margin: 0;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
}

.prd-thumb-1 .thumb-content h4 a {
    color: #000000;
}

.prd-thumb-1:hover .thumb-image img {
    transform: scale(1.12);
}

.owl-carousel .owl-stage-outer {
    margin-bottom: 40px;
    z-index: 1;
}

.owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    bottom: -40px;
    top: auto;
    position: absolute;
    width: 100%;
}

.owl-carousel button.owl-dot {
    display: block;
    width: 14px;
    height: 14px;
    background-color: #000000;
    border: 3px solid #000000;
    border-radius: 50%;
    margin: 5px 8px;
    opacity: 1;
    cursor: pointer;
    transition: .3s ease-in-out;
}

.owl-carousel button.owl-dot.active {
    opacity: 1;
    width: 17px;
    height: 17px;
    background-color: transparent;
}

.owl-carousel .owl-nav {
    position: absolute;
    display: flex;
    width: calc(100% + 120px);
    height: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px !important;
    line-height: normal;
    letter-spacing: normal;
    background-color: #fff;
    color: #000000;
    border-radius: 5px;
    opacity: .5;
    left: auto;
    right: auto;
    top: auto;
    width: 50px;
    height: 50px;
    transition: .3s ease-in-out;
}

.owl-carousel .owl-nav .owl-next::before,
.owl-carousel .owl-nav .owl-prev::before {
    font-family: "themify";
    content: "\e64a";
}

.owl-carousel .owl-nav .owl-next::before {
    content: "\e649";
}

.owl-carousel .owl-nav .owl-next span,
.owl-carousel .owl-nav .owl-prev span {
    display: none;
}

.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-nav .owl-prev:hover {
    opacity: 1;
}

.quiklink-thumb .thumb-image {
    display: block;
    overflow: hidden;
    border-radius: 5px;
}

.quiklink-thumb .thumb-image img {
    transition: .3s ease-in-out;
}

.quiklink-thumb .thumb-image img.img-fluid {
    margin-bottom: 0;
}

.quiklink-thumb:hover .thumb-image img {
    transform: scale(1.12);
}

.quiklink-thumb .thumb-content {
    padding-top: 10px;
}

.quiklink-thumb h4 {
    font-size: 20px;
    margin: 0 0 10px 0;
    font-weight: 600;
    line-height: normal;
}

.quiklink-thumb h4 a:hover {
    text-decoration: underline;
}

.quiklink-thumb p {
    font-size: 16px;
    margin: 0 0 10px 0;
    line-height: 23px;
    color: #1a1b1b;
    font-weight: 300;
}

.view-btn {
    display: inline-block;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

.view-btn:hover span {
    text-decoration: underline;
}

.view-btn:after {
    font-family: "Font Awesome 6 Free";
    content: '\f105';
    font-weight: 900;
    margin-left: 5px;
}

@media (max-width:991px) {
    .swiper-height {
        height: 500px !important;
    }

    .main-swiper-arrow-buttons {
        display: none;
    }

    .swiper-txt h2 {
        font-size: 42px;
    }

    .swiper-txt h4 {
        font-size: 16px;
    }
}

@media (max-width:767px) {
    .swiper-mb-img {
        display: block;
    }

    .swiper-height {
        height: auto !important;
    }

    .swiper-content.text-right {
        text-align: center;
    }

    .swiper-content.text-left {
        text-align: center;
    }
}

.page_banner {
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.banner_height {
    padding: 20px 0 20px 0;
    height: 420px;
    align-items: center;
}

.banner_content {
    position: relative;
    z-index: 1;
    max-width: 75%;
    margin: 0 auto;
    text-align: center;
}

.banner_title {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: normal;
    text-shadow: 0 0 20px rgba(0, 0, 0, 20%);
    margin: 10px 0;
    font-weight: 600;
    text-transform: uppercase;
}

.banner_txt {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin: 10px 0;
    letter-spacing: normal;
    text-shadow: 0 0 20px rgba(0, 0, 0, 20%);
}

.banner_opacity {
    position: absolute;
    opacity: 25%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1a1b1b;
    background: -webkit-linear-gradient(to bottom, #ffffff, #1a1b1b);
    background: linear-gradient(to bottom, #ffffff, rgb(26 27 27 / 25%));
}

.form-check {
    clear: both;
    margin-bottom: 10px;
    cursor: pointer;
}

.form-check-input {
    width: 18px;
    height: 18px;
    padding: 0;
    margin-right: 10px;
    margin-bottom: 0;
    cursor: pointer;
}

.form-check label {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

.form-check-input[type=checkbox] {
    border-radius: 3px;
    border: 1px solid #000000;
    background-color: transparent;
    transition: .2s ease-in-out;
}

.form-check-input:checked[type=checkbox] {
    background-color: #006ce1;
    box-shadow: unset;
    border: 1px solid #006ce1;
}

.form-check-input[type=checkbox]:focus {
    box-shadow: unset;
    border: 1px solid #000000 !important;
}

.form-check-input:checked[type=checkbox]:focus {
    border: 1px solid #006ce1 !important;
}

.form-check-input:checked[type=checkbox] {
    background-image: url(../../images/check-light.svg);
    background-size: 11px;
}

.form-check-input:checked+label {
    font-weight: 500;
}

.dark_body .form-check-input:checked[type=checkbox] {
    background-image: url(../../images/check-dark.svg);
}

.dark_body .form-check-input[type=checkbox] {
    border-color: #fff;
    background-color: transparent;
}

.dark_body .form-check-input:checked[type=checkbox] {
    background-color: #ffffff;
    box-shadow: unset;
    border: 1px solid #ffffff;
    color: #1a1b1b;
}

.dark_body .form-check-input[type=checkbox]:focus {
    border-color: #fff !important;
}

.result_list {
    display: flex;
    flex-wrap: wrap;
}

.result_item {
    padding: 5px;
    margin-bottom: 15px;
}

.result_item>span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 37px 6px 20px;
    border-radius: 30px;
    font-size: 13px;
    line-height: normal;
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #b1b2b3;
    font-weight: 600;
    cursor: pointer;
    transform: translateY(0);
    letter-spacing: .5px;
    transition: .3s ease-in-out;
}

.result_item.r_clear>span {
    padding: 5px 20px 6px 20px;
    background-color: transparent;
}

.result_item>span:hover {
    border-color: #000000;
}

.result_item:not(.r_clear) span::after {
    content: "\e646";
    font-family: 'themify';
    border-radius: 50%;
    height: 18px;
    width: 18px;
    font-size: 7px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .3s ease-in-out;
    background-color: #f4f4f4;
    color: #000000;
    right: 5px;
    top: 5px;
    position: absolute;
}

.prd-thumb-2 {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.prd-thumb-2 .thumb-image {
    overflow: hidden;
    position: relative;
    margin: 0 0 20px 0;
    padding-bottom: 100%;
}

.prd-thumb-2 .thumb-image a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    padding: 35px;
    top: 0;
    left: 0;
    background-color: #fff;
}

.prd-thumb-2 .thumb-image a {
    background-image: url(../../images/image_loading.gif);
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
}

.prd-thumb-2 .thumb-image img.img-fluid {
    align-self: center;
    display: inline-block;
    flex-shrink: 0;
    height: 100%;
    object-fit: contain;
    background-color: #ffffff;
    width: 100%;
    margin-bottom: 0;
    transition: .3s ease-in-out;
}

.prd-carousel .prd-thumb-2 .thumb-image img.img-fluid {
    background-color: #f5f5f7;
}

.prd-thumb-2:hover .thumb-image img.img-fluid {
    transform: scale(1.08);
}

.prd-thumb-2:hover .tag-list-item {
    opacity: 0;
}

.prd-thumb-2 .thumb-content {
    text-align: left;
}

.prd-thumb-2 .thumb-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.prd-thumb-2 .thumb-content h6 {
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 10px 0;
}

.prd-thumb-2 .prd-title {
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 10px;
}

.prd-thumb-2 .prd-txt {
    font-weight: 300;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 10px;
    margin-top: 0;
    color: #000000;
}

.prd-thumb-2 .prd-title a:hover {
    color: #000000;
}

.color_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: auto -7px -5px -5px;
    align-items: center;
    visibility: hidden;
    transition: .3s ease-in-out;
}

.color_item {
    padding: 7px;
    position: relative;
    cursor: pointer;
}

.color_item>span {
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #1a1b1b;
    background-color: #fff;
    z-index: 1;
    position: relative;
    transition: .3s ease-in-out;
}

.color_item::before {
    content: '';
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    background-color: #000000;
    border-radius: 50%;
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(.9);
    transition: transform .3s cubic-bezier(.18, .89, .38, 4);
}

.color_item.is-open::before,
.color_item:hover::before {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale(1);
}

.check_list {
    display: flex;
    flex-wrap: wrap;
    margin: -3px -3px;
    flex: 1;
}

.prd-thumb-2 .check_list {
    justify-content: center;
}

.check_list .check_item {
    display: block;
    padding: 3px 3px;
    position: relative;
    line-height: normal;
}

.check_list .check_item span {
    font-size: 13px;
    color: #000000;
    font-weight: 500;
    background-color: #f5f5f7;
    border: 1px solid #e5e5e5;
    display: inline-block;
    padding: 4px 6px;
    border-radius: 20px;
}

.view-btn-2 {
    background-color: #1a1b1b;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    border-radius: 30px;
    padding: 4px 13px;
    display: inline-block;
}

.prd-thumb-2 .view-btn-2 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
}

.view-btn-2:hover {
    background-color: #005abb;
    color: #fff;
}

.page_prdlist {
    position: relative;
    padding: 60px 0;
    background-color: #f5f5f7;
}

#prdlistcroll .col-left-menu {
    width: 280px;
}

#prdlistcroll.page_supportlist .col-left-menu {
    width: 200px;
}

#prdlistcroll .col-right-wrap {
    flex: 1;
}

.filter-panel {
    transition: 0.3s ease-in-out;
}

.page_supportlist .filter-panel.is_fixed {
    width: 180px;
}

.filter-panel.is_fixed {
    position: fixed;
    width: 260px;
    top: 131px;
}

.filter-bar-popup {
    border-bottom: 2px solid #e8e8e8;
    position: relative;
    display: none;
}

.filter-bar-popup .container {
    height: 58px;
    display: flex;
    align-items: center;
}

.filter-bar-close {
    display: flex;
    position: absolute;
    top: 0;
    right: -58px;
    width: 58px;
    height: 58px;
    justify-content: center;
    align-items: center;
    background-color: #006ce1;
    color: #ffffff;
    font-size: 14px;
    border: unset;
    transition: 0.3s ease-in-out;
}

.filter-bar-open {
    position: relative;
    padding: 0 0 0 28px;
    border: unset;
    background-color: transparent;
    font-size: 13px;
    letter-spacing: .5px;
    text-transform: uppercase;
    line-height: normal;
    font-weight: 600;
    left: 0;
    transition: 0.3s ease-in-out;
}

.filter-bar-open::before,
.filter-bar-open:after {
    background: #000;
    content: "";
    height: 13px;
    position: absolute;
    top: 2px;
}

.filter-bar-open::before {
    left: 0;
    width: 4px;
}

.filter-bar-open:after {
    left: 6px;
    width: 10px;
}

#prdlistcroll.is-filter-open .filter-bar-open {
    left: 10px;
}

#prdlistcroll.is-filter-open .filter-bar-close {
    right: 0;
}

.col-prdlist {
    margin-bottom: 30px;
}

.tag-list-item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    padding: 10px 10px 0 10px;
    transition: 0.3s ease-in-out;
}

.tag-list-item ul {
    list-style: none;
    padding: 0;
    margin: -4px;
    display: flex;
    flex-wrap: wrap;
}

.tag-list-item ul li {
    padding: 4px;
}

.tag-list-item ul li span {
    background-color: #f5f5f7;
    color: #000000;
    display: block;
    padding: 5px 15px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: normal;
    text-transform: uppercase;
}

.pagination {
    display: flex;
    justify-content: center;
    margin: -6px;
}

.pagination .page-item {
    padding: 6px;
}

.pagination .page-link {
    padding: 0;
    line-height: normal;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #d3d4d4;
    color: #000000;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link,
.pagination .page-link {
    border-radius: 8px;
}

.disabled>.page-link,
.page-link.disabled {
    color: #8d949d;
}

.pagination .page-link:active,
.pagination .page-link:hover,
.pagination .page-link:focus,
.pagination>.active>span:hover {
    border: 1px solid #d3d4d4;
    color: #000000;
    background-color: #ffffff;
    box-shadow: unset;
    outline: unset;
}

.pagination>.active>a:hover,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:focus {
    background-color: #006ce1;
    color: #fff;
    border-color: #006ce1;
    box-shadow: unset;
    outline: unset;
}

.banner_dark .banner_opacity {
    opacity: 35%;
    background: #1a1b1b;
    background: -webkit-linear-gradient(to bottom, #1b1b1b, #1a1b1b);
    background: linear-gradient(to bottom, #1b1b1b, rgba(0, 0, 0, 0.25));
    background-color: #000000;
}

.banner_dark .banner_title {
    color: #fff;
    text-transform: uppercase;
}

.banner_dark .banner_txt {
    color: #fff;
}

.page_dark .form-check label {
    color: #fff;
}

.page_dark .pagination .page-link {
    border-color: #fff;
}

.page_gaming {
    background-color: #000000;
}

.dark_body .pagination .page-link:active,
.dark_body .pagination .page-link:hover,
.dark_body .pagination>.active>a,
.dark_body .pagination>.active>a:focus,
.dark_body .pagination>.active>a:hover,
.dark_body .pagination>.active>span,
.dark_body .pagination>.active>span:focus,
.dark_body .pagination>.active>span:hover {
    border-color: #006ce1;
}

.dark_body .disabled>.page-link,
.dark_body .page-link.disabled {
    border-color: #eaecef;
}

.page_breadcrumb {
    padding: 95px 0 0 0;
    background-color: #f5f5f7;
}

.page_breadcrumb.is-hidden {
    visibility: hidden;
}

.page-prdview {
    padding: 0;
    background-color: #f5f5f7;
    overflow: visible;
}

.page-prdview-edit {
    padding: 0;
}

.breadcrumb ul>li:after {
    content: '/';
    font-family: Inter;
    font-size: 17px;
    font-weight: 300;
    color: #000000;
    padding: 0 7px;
    position: relative;
    top: -1px;
}

.prdview_info .check_list {
    margin-bottom: 10px;
}

.prdview_info .check_list .check_item>span {
    font-size: 14px;
    color: #3e3f41;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 4px 9px;
}

.prdview_info .prd-title {
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
}

.prdview_info .prd-txt {
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 0;
}

.prd_gallery .f-thumbs.is-horizontal .f-thumbs__track {
    padding: 15px 0;
}

.prd_gallery .is-classic .f-thumbs__viewport {
    margin-left: -5px;
    width: calc(100% + 10px);
}

.f-carousel__slide {
    padding: 0 0 90% 0;
}

.f-carousel__slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%);
}

.prd_gallery .f-thumbs__slide {
    height: 62px;
    width: 15.066666%;
    margin: 0 1.6% 0 0 !important;
}

.prd_gallery .f-thumbs__slide__button {
    background-color: transparent;
    border: 1px solid #d3d4d4;
    height: 60px;
    width: 100%;
}

.prd_gallery .f-thumbs__slide__img {
    width: auto;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    position: relative;
    max-width: 100%;
    max-height: 100%;
}

.prd_gallery .is-classic .is-nav-selected .f-thumbs__slide__button {
    border-color: #000000;
}

.page_gaming .prd_gallery .is-classic .is-nav-selected .f-thumbs__slide__button {
    border-color: #ffffff;
}

.fancybox-style .f-thumbs__slide__img {
    background-color: #fff;
}

.fancybox-style .f-thumbs__slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--f-thumb-width);
}

.col-prdview-right .color_list {
    justify-content: flex-start;
    margin-top: 24px;
    margin-left: -4px;
    margin-bottom: -7px;
    margin-right: -7px;
}

.col-prdview-right .color_item {
    padding: 7px;
}

.col-prdview-right .color_item>span {
    width: 30px;
    height: 30px;
}

.col-prdview-right .color_item::before {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}

.prd_gallery .is-horizontal .f-carousel__nav .f-button.is-next,
.prd_gallery .is-horizontal .f-carousel__nav .f-button.is-prev {
    display: none;
}

.prd_gallery {
    display: none;
    visibility: hidden;
}

.prd_gallery.show {
    display: block;
    visibility: visible;
}

.prdview_edit .editor-area h3 {
    font-size: 32px;
}

.prdview_panel {
    margin-top: 34px;
}

.prdview_panel .accordion-item {
    border: unset;
    background-color: transparent;
    margin-top: -1px;
    border-top: 1px solid #d3d4d4;
    border-bottom: 1px solid #d3d4d4;
}

.prdview_panel .accordion-header {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.prdview_panel .accordion-header {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.prdview_panel .accordion-item:first-of-type,
.prdview_panel .accordion-item:first-of-type .accordion-button,
.prdview_panel .accordion-item:last-of-type,
.prdview_panel .accordion-item:last-of-type .accordion-button {
    border-radius: 0;
}

.prdview_panel .accordion-button {
    font-weight: 600;
    letter-spacing: .5px;
}

.prdview_panel .accordion-body {
    min-height: 250px;
}

.accordion-body {
    padding: 0 0 20px 0;
}

.accordion-button {
    padding: 20px 0;
    font-size: 18px;
    border: unset;
    background-color: transparent;
}

.accordion-button:focus {
    border: unset;
    box-shadow: unset;
}

.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: transparent;
    box-shadow: unset;
}

.accordion-body ul {
    margin-bottom: 0;
    padding-left: 16px;
}

.accordion-button::after {
    content: '\2b';
    font-family: "Font Awesome 6 Free";
    background-image: unset;
    font-size: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
}

.accordion-button:not(.collapsed)::after {
    content: '\f068';
    background-image: unset;
}

.model_table_style {
    width: 100%;
    margin-bottom: 60px;
}

.model_table_style th {
    background-color: #3e3f41;
    color: #fff;
    border: 1px solid #d3d4d4;
    padding: 8px 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}

.model_table_style td {
    border: 1px solid #d3d4d4;
    padding: 7.3px 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}

.model_table_style tr:nth-child(even) td {
    background-color: #fff;
}

.model_table_style th:nth-child(1) {
    width: 142px;
}

.support-info {
    margin-bottom: 10px;
}

.support-btn-1 {
    margin-bottom: 5px;
    display: block;
    font-weight: 600;
    font-size: 14px;
}

.support-btn-1:hover {
    color: #e60012;
}

.support-btn-1:last-child {
    margin-bottom: 0;
}

.support-btn-1::after {
    content: '\f105';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    line-height: normal;
    margin-left: 5px;
}

.prdview_model {
    overflow: visible;
    position: relative;
    height: auto;
    min-height: var(--model-height);
}

.page-prdview,
.page-prdview>* {
    transition: 0.2s ease-in-out;
}

.row-prdview {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.col-prdview-left {
    width: 58.333333%;
    position: sticky;
    top: 71px;
    padding: 0px 20px 50px 20px;
}

.col-prdview-right {
    width: 33.33333%;
    margin-left: 8.3333333333%;
    padding: 60px 20px 60px 20px;
}

.dark_body .page_breadcrumb {
    background-color: #1a1b1b;
}

.page-prdview.page_gaming {
    background-color: #1a1b1b;
    color: #fff;
}

.dark_body .breadcrumb ul li {
    color: #fff;
}

.dark_body .breadcrumb ul li::after {
    color: #fff;
}

.dark_body .breadcrumb ul li a {
    color: #fff;
}

.dark_body .prdview_info .prd-title {
    color: #fff;
}

.dark_body .prdview_info .prd-txt {
    color: #b2b2b2;
}

.dark_body .col-prdview-right .color_item>span {
    border-color: #fff;
}

.dark_body .col-prdview-right .color_item::before {
    background-color: #fff;
}

.dark_body .model_table_style th {
    border-color: #555555;
}

.dark_body .model_table_style tr:nth-child(even) td {
    background-color: #000000;
}

.dark_body .model_table_style td {
    color: #fff;
    border-color: #555555;
}

.dark_body .accordion-button {
    color: #fff;
}

.dark_body .accordion-button:not(.collapsed) {
    color: #fff;
}

.dark_body .accordion-button::after {
    color: #fff;
}

.dark_body .accordion-button:not(.collapsed)::after {
    color: #fff;
}

.dark_body .prdview_panel .accordion-item {
    border-color: #525252;
}

.dark_body .accordion-body ul li {
    color: #fff;
}

.dark_body .editor-area b,
.dark_body .editor-area strong {
    color: #fff;
}

.dark_body .accordion-body p {
    color: #fff;
}

.dark_body .accordion-body .support-btn-1 {
    color: #fff;
}

.dark_body .editor-area h1,
.dark_body .editor-area h2,
.dark_body .editor-area h3,
.dark_body .editor-area h4,
.dark_body .editor-area h5,
.dark_body .editor-area h6,
.dark_body .editor-area li,
.dark_body .editor-area p,
.dark_body .editor-area td,
.dark_body .editor-area th {
    color: #fff;
}

.support_search {
    margin-top: 20px;
}

.support_form {
    display: block;
    max-width: 600px;
    margin: 0 auto;
}

.support_input_group {
    position: relative;
}

.support_input {
    border-radius: 30px;
    height: 40px;
    line-height: 20px;
    padding: 10px 40px 10px 20px;
    border-color: #ffffff;
    margin: 0;
    color: #000000;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .08);
    font-size: 16px;
    transition: .3s ease-in-out;
}

.support_input:focus {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, .4);
}

.support_input::placeholder {
    color: #b2b2b2 !important;
    font-style: normal;
}

.support_submit {
    position: absolute;
    border: unset;
    outline: unset;
    font-size: 16px;
    top: 50%;
    right: 1px;
    width: 39px;
    height: 39px;
    border-radius: 40px;
    transform: translateY(-50%);
    background-color: transparent;
}

.page_support,
.page_supportresult,
.page_supportlist,
.page_supportview {
    padding: 60px 0;
    background-color: #f5f5f7;
}

.page_support .editor-area {
    margin-bottom: 5px;
}

.col-support {
    margin-bottom: 30px;
}

.prd-thumb-3 {
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    position: relative;
    height: 100%;
    overflow: hidden;
}

#pills-gaming .prd-thumb-3 {
    background-color: #000000;
}

.prd-thumb-3 .thumb-image {
    position: relative;
    overflow: hidden;
}

.prd-thumb-3 .thumb-image img {
    padding: 20px;
    margin-bottom: 0;
    max-width: 150px;
    transition: .3s ease-in-out;
}

.prd-thumb-3:hover .thumb-image img {
    transform: scale(1.12);
}

.prd-thumb-3 .thumb-content {
    padding: 0 10px 20px 10px;
}

.prd-thumb-3 h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: normal;
    letter-spacing: .5px;
    text-transform: uppercase;
}

#pills-gaming .prd-thumb-3 h4 a {
    color: #fff;
}

.prd-thumb-4 .prd-title {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: normal;
    margin-top: 20px;
    letter-spacing: .5px;
}

.prd-thumb-4 .prd-title a {
    color: #000000;
}

.prd-thumb-4 .prd-title a:hover {
    color: #000000;
}

.prd-thumb-4 .more-btn-2 {
    display: none;
}

.more-btn-2 {
    background-color: #e7e7e7;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    border-radius: 0 0 12px 12px;
    padding: 10px 13px;
    margin-left: -1px;
    display: block;
    margin: 0 -1px -1px -1px;
}

.more-btn-2:hover {
    background-color: #1a1b1b;
    color: #fff;
}

.prd-thumb-4 {
    text-align: center;
}

.prd-thumb-4 .thumb-image {
    padding: 15px;
    background-color: #fff;
}

.prd-thumb-4 .thumb-image img {
    margin-bottom: 0;
    transition: .3s ease-in-out;
}

.prd-thumb-4:hover .thumb-image img {
    transform: scale(1.12);
}

.alert-result {
    margin-bottom: 30px;
}

.page_supportlist {
    z-index: 1;
    position: relative;
}

.support_tabs .nav-pills {
    justify-content: center;
    display: flex;
    margin-bottom: 30px;
}

.support_tabs .nav-pills .nav-item {
    padding: 0 15px;
    margin-bottom: 0;
}

.support_tabs .nav-pills .nav-link {
    background-color: #fff;
    color: #000000;
    line-height: normal;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    width: 150px;
    text-align: center;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .08);
    transition: .3s ease-in-out;
}

.support_tabs .nav-pills .nav-link.active,
.support.page_supportlist_tabs .nav-pills .show>.nav-link {
    background-color: #006ce1;
    color: #fff;
}

.support_image {
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, .08);
}

.support_image span {
    display: block;
    padding-bottom: 100%;
    position: relative;
}

.support_image img.img-fluid {
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%);
}

.support_info {
    margin-bottom: 26px;
}

.support_info .prd-title {
    font-size: 24px;
    margin: 0 0 15px 0;
    letter-spacing: .5px;
    line-height: normal;
    font-weight: 600;
}

.support_info .prd-text {
    margin: 0 0 26px 0;
}

.support-btn-2 {
    background-color: #006ce1;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 8px;
    line-height: normal;
}

.support-btn-2:hover {
    background-color: #005abb;
    color: #ffffff;
}

.support-btn-2::after {
    font-family: "Font Awesome 6 Free";
    content: '\f105';
    font-weight: 900;
}

.support-btn-2:not(:last-child) {
    margin-bottom: 10px;
}

.support_info_tabs .support_tab_content {
    padding-top: 30px;
}

.support_info_tabs .nav-tabs {
    margin: -8px;
    display: flex;
    flex-wrap: wrap;
    border: unset;
}

.support_info_tabs .nav-tabs .nav-item {
    padding: 8px;
}

.support_info_tabs .nav-tabs .nav-link {
    background-color: #fff;
    color: #000000;
    border: 1px solid #fff;
    border-radius: 8px;
    line-height: normal;
    padding: 10px 16px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1px;
    width: 150px;
    text-align: center;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .08);
}

.support_info_tabs .nav-tabs .nav-item.show .nav-link,
.support_info_tabs .nav-tabs .nav-link.active {
    background-color: #006ce1;
    color: #fff;
    border: 1px solid #006ce1;
}

.dropdown-card {
    margin-bottom: 30px;
    border: unset;
    border-radius: 10px;
    box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, .08);
}

.dropdown-card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background-color: #48484a;
    border: unset;
    color: #fff;
    border-radius: 10px 10px 0 0;
}

.dropdown-card .card-header h4 {
    line-height: normal;
    font-size: 20px;
    font-weight: 600;
    margin: 0 10px 0 0;
    color: #fff;
}

.dropdown-btn {
    background-color: #e60012;
    color: #fff;
    line-height: normal;
    padding: 8px 10px;
    border-radius: 5px;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 15px;
}

.dropdown-btn:hover {
    background-color: #bd0010;
    color: #fff;
}

.dropdown-card .card-body {
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    padding: 15px;
}

.dropdown-card .dropdown_info {
    margin-bottom: 10px;
}

.dropdown-flex {
    display: flex;
    flex-wrap: wrap;
}

.dropdown_content {
    width: 75%;
    padding-right: 15px;
    border-right: 1px solid #d3d4d4;
}

.dropdown_content h6 {
    font-size: 16px;
    line-height: normal;
    margin-bottom: 10px;
    font-weight: 600;
}

.dropdown_content .editor-area p {
    font-size: 14px;
}

.dropdown_content p {
    color: #1a1b1b;
    margin-bottom: 10px;
    font-size: 14px;
}

.dropdown_format {
    width: 25%;
    padding-left: 15px;
}

.format_item {
    font-size: 14px;
    display: flex;
    margin-bottom: 5px;
}

.format_item .ttl {
    font-weight: 500;
    width: 67px;
}

.format_item .txt {
    flex: 1;
}

.faq-card {
    border: unset;
    border-radius: 10px;
    box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, .08);
    margin-bottom: 30px;
    overflow: hidden;
}

.faq-card .card-header h4 {
    margin: 0;
    color: #000000;
    line-height: normal;
    font-size: 18px;
    font-weight: 500;
    margin-right: auto;
    flex: 1;
    position: relative;
    top: 3px;
}

.faq-card .card-header {
    background-color: #fff;
    padding: 15px;
    border: unset;
    display: flex;
    cursor: pointer;
    transition: .3s ease-in-out;
}

.faq-card.show .card-header {
    background-color: #48484a;
}

.faq-card.show .card-header h4 {
    color: #fff;
}

.faq-card.show .card-header::before {
    background-color: #fff;
    color: #3e3f41;
}

.faq-card.show .card-header .toggle-btn {
    color: #fff;
}

.faq-card .card-header .toggle-btn {
    margin-left: 10px;
    font-size: 23px;
    cursor: pointer;
}

.faq-card .card-header .toggle-btn::before {
    font-family: 'Font Awesome 6 Free';
    content: '\2b';
    font-weight: 900;
}

.faq-card.show .card-header .toggle-btn::before {
    content: '\f068';
}

.faq-card .card-body {
    background-color: #fff;
    padding: 15px;
    display: none;
}

.faq-card.show .card-body {
    display: block;
}

.faq-flex {
    display: flex;
}

.faq-card .card-body .faq_content {
    flex: 1;
}

.faq-card .card-header::before {
    content: 'Q';
    display: inline-flex;
    width: 30px;
    height: 30px;
    background-color: #48484a;
    color: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 17px;
    letter-spacing: normal;
    font-weight: 600;
    margin-right: 10px;
}

.faq-card .card-body .faq-flex::before {
    content: 'A';
    display: inline-flex;
    width: 30px;
    height: 30px;
    background-color: #e60012;
    color: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 17px;
    letter-spacing: normal;
    font-weight: 600;
    margin-right: 10px;
}

.faq-card .card-body p {
    margin: 0;
}

.page_sec {
    padding: 0;
    background-color: #ffffff;
}

.col-newslist {
    margin-bottom: 30px;
}

.edit-background {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page_newslist,
.page_newsview {
    padding: 60px 0;
    background-color: #ffffff;
}

.news-thumb {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, .08);
    display: flex;
    flex-direction: column;
}

.news-thumb .thumb-image {
    position: relative;
    overflow: hidden;
}

.news-thumb .thumb-image img {
    transition: .3s ease-in-out;
}

.news-thumb:hover .thumb-image img {
    transform: scale(1.12);
}

.news-date {
    font-size: 13px;
    line-height: normal;
    margin-bottom: 10px;
    color: #1a1b1b;
}

.news-date::before {
    content: '\f017';
    font-family: 'Font Awesome 6 Free';
    margin-right: 5px;
}

.newslist-title {
    font-size: 18px;
    line-height: normal;
    margin: 0;
    font-weight: 600;
}

.newslist-text {
    font-size: 14px;
    line-height: normal;
    margin: 10px 0 0 0;
    color: #1a1b1b;
    line-height: 23px;
    letter-spacing: .5px;
}

.newslist-title a {
    color: #000000;
}

.newslist-title a:hover {
    color: #e60012;
}

.news-thumb .thumb-content {
    padding: 15px;
}

.newslist-more {
    margin-top: auto;
    padding: 0 15px 15px 15px;
}

.more-btn-3 {
    background-color: #000000;
    border: .1rem solid #000000;
    color: #ffffff;
    line-height: normal;
    padding: 6px 15px;
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.3s ease-in-out;
}

.more-btn-3:hover {
    color: #000000;
    background-color: transparent;
}

.newsview-info {
    text-align: center;
    margin-bottom: 30px;
}

.newsview-info .newslist-text {
    margin-top: 5px;
}

.backBox {
    margin-top: 30px;
    text-align: center;
}

.newsview-info .newslist-title {
    font-size: 24px;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 15px;
}

.back-btn {
    line-height: normal;
    letter-spacing: .5px;
    font-weight: 500;
    background-color: #1a1b1b;
    color: #ffffff;
    padding: 8px 16px;
    border-radius: 8px;
    border: .1rem solid #1a1b1b;
    font-size: 18px;
}

.back-btn:hover {
    background-color: transparent;
    color: #1a1b1b;
}

header .social-info-list li {
    font-size: 13px;
    margin-right: 10px;
    padding: 0 0 0 20px;
    min-height: unset;
}

header .social-info-list li a {
    color: #fff;
}

header .social-info-list li i {
    background-color: transparent;
    color: #fff;
    width: auto;
    height: auto;
}

header .social-icon-list {
    margin: 0;
}

header .social-icon-list li {
    padding: 0;
    margin-right: 15px;
}

header .social-icon-list li a {
    background-color: transparent;
    color: #fff;
    width: auto;
    height: auto;
}

header .social-icon-list li a:hover {
    background-color: transparent;
}

.custom-dropdown .btn:focus,
.dropdown-style-1 .btn:hover {
    color: #fff;
}

.header-with-topbar.sticky.header-appear nav.navbar.bootsnav {
    z-index: 101;
    box-shadow: unset;
}

nav.navbar.bootsnav.bg-light {
    background-color: #e60012 !important;
}

.header_dark_style nav.navbar.bootsnav.bg-light {
    background-color: #f5f5f7 !important;
}

.header-with-topbar.sticky .navbar-top.bg-light {
    background-color: #e60012 !important;
}

.header_dark_style.header-with-topbar.sticky nav.navbar.bootsnav.bg-light {
    background-color: #fff !important;
}

#prdMenu {
    position: fixed;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 10px 0;
    top: -107px;
    opacity: 0;
    display: none;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 1%);
    transition: .3s ease-in-out;
}

#prdMenu.fixed {
    top: 71px;
    opacity: 1;
    z-index: 9;
}

.header-with-topbar.sticky.header-appear #prdMenu.fixed {
    top: 71px;
}

.prdMenu-title .prd-title {
    font-size: 24px;
    line-height: normal;
    margin: 0;
    font-weight: 600;
}

.prdMenu-tabs-list {
    justify-content: flex-end;
    margin: -8px;
}

.prdMenu-tabs-list .nav-item {
    padding: 8px;
}

.prdMenu-tabs-list .nav-link {
    background-color: #ffffff;
    color: #1a1b1b;
    line-height: normal;
    padding: 8px 16px !important;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 0 16px rgba(0, 0, 0, .08);
    transition: .3s ease-in-out;
}

.prdMenu-tabs-list .nav-link.active,
.prdMenu-tabs-list .show>.nav-link {
    background-color: #006ce1;
    color: #ffffff;
    pointer-events: none;
}

.dark_body .prdMenu-tabs-list .nav-link {
    background-color: #ffffff;
    color: #000000;
}

.dark_body .prdMenu-tabs-list .nav-link.active,
.dark_body .prdMenu-tabs-list .nav-link:hover,
.dark_body .prdMenu-tabs-list .show>.nav-link {
    background-color: #006ce1;
    color: #ffffff;
}

.edit-title-2 {
    color: #1a1b1b !important;
    border-bottom: 2px solid #c8ced5;
    padding-bottom: 10px;
    margin-bottom: 15px !important;
}

.main-title {
    font-size: 28px;
    line-height: normal;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 600;
}

.page_contactinfo {
    padding: 0;
}

.page_contactform {
    padding: 60px 0;
}

.contact_map {
    width: 100%;
}

.contact_map iframe {
    width: 100% !important;
    margin-bottom: -6px;
    height: 465px;
}

.radio-thumb {
    display: flex;
}

.radio-thumb .form-check {
    margin-bottom: 0;
}

.verify-thumb {
    display: flex;
}

.verify-thumb .verify-input {
    max-width: 200px;
    margin-right: 20px;
}

.verify-thumb #capcha_image {
    margin-bottom: 0;
}

.col-input {
    margin-bottom: 30px;
}

.submit_btn {
    line-height: normal;
    letter-spacing: .5px;
    font-weight: 600;
    background-color: #1a1b1b;
    color: #ffffff;
    padding: 8px 16px;
    border-radius: 8px;
    border: .1rem solid #1a1b1b;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    transition: 0.3s ease-in;
}

.submit_btn:hover {
    background-color: transparent;
    color: #1a1b1b;
}

.contact_form input,
.contact_form textarea,
.contact_form select {
    border-radius: 3px;
    border: 1px solid #c8ced5;
    margin-bottom: 0;
    min-height: 42px;
    transition: 0.3s ease-in-out;
}

.contact_form input[type="file"] {
    padding: 5px;
}

.contact_form textarea {
    margin-bottom: -5px;
}

.contact_form textarea.resizable {
    width: 100% !important;
    height: 100%;
}

.contact_form .ui-resizable-resizing textarea {
    transition: unset;
}

.col-resizable {
    margin-bottom: 0 !important;
}

.ui-resizable-s {
    position: absolute;
    left: unset;
    top: unset;
    right: 6px;
    bottom: 37px;
    width: 0;
    height: 0;
    border-bottom: 12px solid #e2e2e2;
    border-left: 12px solid transparent;
    transition: 0.3s ease-in-out;
}

.ui-resizable-s:hover,
.ui-resizable-resizing .ui-resizable-s {
    border-bottom: 12px solid #000000;
    border-left: 12px solid transparent;
}

.contact_form input::placeholder,
.contact_form textarea::placeholder {
    color: #999999 !important;
}

[class*="mainSec--video"] {
    padding-top: 0;
}

.mainSec--video {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.video-height {
    min-height: 450px;
}

.video-thumb {
    position: relative;
    text-align: center;
    padding: 60px 0;
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.video-opacity {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #1a1b1b;
    opacity: .5;
    top: 0;
    left: 0;
}

.video-thumb .thumb-content {
    position: relative;
    z-index: 1;
}

.video-thumb .thumb-content h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    margin: 20px 0;
    color: #ffffff;
}

.video-thumb .thumb-content p {
    font-size: 16px;
    line-height: 26px;
    margin: 20px 0;
    color: #d1d1d1;
}

.video-popup-btn {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .8);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .4);
    color: #000000;
    width: 60px;
    height: 60px;
    font-size: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
    transition: 0.3s ease-in-out;
}

.video-popup-btn:hover,
.video-popup-btn:active,
.video-popup-btn:focus {
    color: #000000;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0 0 13px rgba(255, 255, 255, .6);
}

.col-quiklink {
    margin-bottom: 20px;
}

.editor-area .nav-tabs {
    list-style: none;
    display: flex;
    margin: -8px;
    padding: 0;
    border: unset;
    justify-content: center;
    flex-wrap: wrap;
}

.editor-area .nav-tabs .nav-item {
    list-style-type: none;
    padding: 8px;
    margin: 0;
}

.editor-area .nav-tabs .nav-link {
    background-color: #eeeeee;
    color: #1a1b1b;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;
    border: .1rem solid #eeeeee;
}

.editor-area .nav-tabs .nav-link.active {
    background-color: #006ce1;
    color: #ffffff;
    border: .1rem solid #006ce1;
    text-decoration: unset;
}

.editor-area .nav-tabs .nav-link:hover {
    text-decoration: unset;
}

.editor-area .tab-content {
    margin-top: 30px;
}

.table-responsive {
    margin-bottom: 15px;
    margin-top: 15px;
}

table {
    width: 100%;
}

.border-1 {
    border: 1px solid #d3d4d4 !important;
}

.editor-area .insvestor-table-1 th {
    background-color: #1a1b1b;
    border: 1px solid #e5e5e5;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    padding: 8px;
    letter-spacing: 1px;
    position: sticky;
    top: 0;
    line-height: 17px;
}

.editor-area .insvestor-table-1 td {
    border: 1px solid #e5e5e5;
    padding: 10px;
    letter-spacing: 1px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    background-color: #ffffff;
}

.editor-area .insvestor-table-1 td:first-child {
    background-color: #454545;
    color: #ffffff;
    width: 180px;
    font-weight: 600;
    text-align: center;
}

.editor-area .insvestor-table-1.legal_style td:nth-child(3) {
    width: 120px;
}

.editor-area .insvestor-table-1.legal_style td:nth-child(2) {
    font-weight: 600;
    width: 120px;
}

.editor-area .insvestor-table-1 tr:nth-child(even) td:not(:first-child) {
    background-color: #f5f5f7;
}

.editor-area .insvestor-table-1 td a {
    font-weight: 600;
    line-height: normal;
    text-align: center;
    display: inline-flex;
    align-items: center;
    font-size: 0;
    width: 30px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.editor-area .insvestor-table-1 td a[href*=".pdf"] {
    background-image: url(../../userfiles/images/pdf-svgrepo-com.svg);
}

.editor-area .insvestor-table-1 td a[href*=".youtube"] {
    background-image: url('../../userfiles/images/video-playback-mark-svgrepo-com.svg');
}

/* .editor-area .insvestor-table-1.shareholder_style td:nth-child(8),
.editor-area .insvestor-table-1.shareholder_style td:last-child a {
background-image: url('../../userfiles/images/video-playback-mark-svgrepo-com.svg');
} */
.editor-area .insvestor-table-2 th {
    background-color: #1a1b1b;
    color: #ffffff;
    border: 1px solid #e5e5e5;
    font-size: 15px;
    text-align: center;
    padding: 12px;
    font-weight: 500;
}

.editor-area .insvestor-table-2 td {
    border: 1px solid #e5e5e5;
    font-size: 15px;
    padding: 12px;
    background-color: #ffffff;
}

.editor-area .insvestor-table-2 td li {
    font-size: 14px;
}

.editor-area .insvestor-table-2.salary_style td:nth-child(1) {
    width: 100px;
    text-align: center;
}

.editor-area .insvestor-table-2.salary_style td:nth-child(2) {
    width: 100px;
    text-align: center;
}

.editor-area .insvestor-table-2.salary_style td:last-child {
    width: 140px;
    text-align: center;
}

.editor-area .insvestor-table-2.salary_style_2 td {
    text-align: center;
}

.editor-area .insvestor-table-2.salary_style_2 th:last-child {
    text-align: left;
}

.editor-area .insvestor-table-2.salary_style_2 td:last-child {
    text-align: left;
}

.editor-area .insvestor-table-2 tr:nth-child(even) td {
    background-color: #f5f5f7;
}

.editor-area .insvestor-table-2 td a {
    font-weight: 600;
    line-height: normal;
    text-align: center;
    display: inline-flex;
    align-items: center;
    background-color: #1a1b1b;
    color: #fff;
    border-radius: 8px;
    border-bottom: 3px solid #0303034f;
    padding: 6px 6px;
    font-size: 15px;
}

.editor-area .insvestor-table-2 td a::before {
    content: '';
    display: inline-block;
    background-image: url(../../images/pdf-svgrepo-com_1.svg);
    font-family: 'Font Awesome 6 Free';
    font-size: 16px;
    font-weight: 900;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: auto;
    height: auto;
    margin-right: 6px;
}

.editor-area .insvestor-table-2 td a:hover {
    background-color: #005abb;
    color: #ffffff;
    border-bottom: 3px solid #0303034f;
}

.editor-area .insvestor-table-3 th {
    background-color: #1a1b1b;
    border: 1px solid #e5e5e5;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding: 8px;
}

.editor-area .insvestor-table-3 tr:nth-child(2) th {
    background-color: #454545;
}

.editor-area .insvestor-table-3 td {
    border: 1px solid #e5e5e5;
    padding: 8px;
    text-align: center;
    background-color: #ffffff;
}

.editor-area .insvestor-table-3 tr:nth-child(even) td {
    background-color: #f5f5f7;
}

.btn.btn-large {
    font-size: 16px;
}

.scrollbox {
    padding: 15px;
    background-color: #eeeeee;
}

.editor-area .scrollbox ul {
    padding-left: 15px;
    margin: 0;
}

.editor-area .scrollbox ul li {
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
}

.editor-area .scrollbox ul li a:active,
.editor-area .scrollbox ul li a:focus {
    color: #000000;
}

.editor-area .scrollbox ul li.active,
.editor-area .scrollbox ul li.active a {
    color: #006ce1;
}

.grey-box {
    margin-bottom: 30px;
}

.editor-area .insvestor-table-4 th {
    background-color: #1a1b1b;
    border: 1px solid #e5e5e5;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    padding: 6px;
    letter-spacing: 1px;
    position: sticky;
    top: 0;
}

.editor-area .insvestor-table-4 td {
    border: 1px solid #e5e5e5;
    padding: 6px;
    text-align: center;
}

.editor-area .insvestor-table-4 td:first-child {
    background-color: #454545;
    color: #ffffff;
    width: 180px;
    font-weight: 600;
    text-align: center;
}

.editor-area .insvestor-table-4 tr:nth-child(even) td:not(:first-child) {
    background-color: #f5f5f7;
}

.editor-area .insvestor-table-4 td a {
    font-weight: 600;
    line-height: normal;
    text-align: center;
    display: inline-flex;
    align-items: center;
    background-color: #1a1b1b;
    color: #fff;
    border-radius: 4px;
    border-bottom: 3px solid #0303034f;
    padding: 4px 20px;
    font-size: 13px;
    min-width: 157px;
}

.editor-area .insvestor-table-4 td a::before {
    content: '\f03d';
    font-family: 'Font Awesome 6 Free';
    font-size: 16px;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.editor-area .insvestor-table-4 td a:hover {
    background-color: #005abb;
    color: #ffffff;
    border-bottom: 3px solid #0303034f;
}

.editor-area .accordion-item {
    border: unset;
    background-color: transparent;
    margin-top: -1px;
    border-top: 1px solid #d3d4d4;
    border-bottom: 1px solid #d3d4d4;
}

.editor-area .accordion-header {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.editor-area .accordion-header {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.editor-area .accordion-item:first-of-type,
.editor-area .accordion-item:first-of-type .accordion-button,
.editor-area .accordion-item:last-of-type,
.editor-area .accordion-item:last-of-type .accordion-button {
    border-radius: 0;
}

.editor-area .accordion-button {
    font-weight: 600;
    letter-spacing: .5px;
}

.language-box {
    padding-left: 10px;
    display: flex;
}

.dropdown-style-1 .btn.dropdown-toggle::after {
    content: '\f107';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    border: unset;
    font-size: 12px;
    position: relative;
    top: -1px;
    display: none;
}

.language-box .dropdown-toggle {
    font-family: inherit;
    font-size: 15px;
    color: #ffffff;
    background-color: transparent;
    line-height: normal;
    font-weight: 600;
    padding: 11px 16px;
    border-radius: 18px;
    height: 40px;
    display: flex;
    align-items: center;
}

.header-with-topbar.sticky .language-box .dropdown-toggle {
    color: #ffffff;
}

.language-box.dropdown-style-1:hover .dropdown-toggle,
.language-box .dropdown-toggle:hover,
.header-with-topbar.sticky .language-box .dropdown-toggle:hover {
    background-color: #fff;
    color: #000;
}

.header_dark_style .language-box .dropdown-toggle {
    color: #1a1b1b;
}

.language-box .dropdown-toggle i {
    margin-left: 0;
    margin-right: 8px;
    top: 0;
}

.dropdown-style-1 .dropdown-menu {
    margin-top: 0;
    padding-top: 55.5px;
    background-color: transparent;
    padding-bottom: 0;
    min-width: 140px;
}

.dropdown-style-1 .dropdown-menu ul {
    list-style: none;
    padding: 13px 0 15px;
    background-color: rgba(255, 255, 255, 100%);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    margin: 0;
}

.dropdown-style-1 .dropdown-menu>ul>li {
    padding: 0 16px 0 16px;
    margin: 0;
}

.dropdown-style-1 .dropdown-menu>ul>li>a {
    font-size: 15px;
    font-weight: 600;
    color: #1a1b1b;
    padding: 9px 0 7px;
    display: block;
    line-height: normal;
    left: 0;
    position: relative;
    transition: 0.3s ease-in-out;
}

.dropdown-style-1 .dropdown-menu>ul>li>a:hover {
    left: 5px;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu,
nav.navbar.bootsnav li.dropdown .mega-menu-full {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    background-color: rgba(255, 255, 255, 100%);
}

.mobileMenu-head .language-box .dropdown-toggle {
    color: #1a1b1b;
    font-size: 14px;
    padding: 0;
    height: auto;
}

.mobileMenu-head .dropdown-style-1 .dropdown-menu {
    margin-top: 0 !important;
    padding-top: 14px;
}

.mobileMenu-head .language-box {
    padding: 0;
}

h4.edit-title-1 {
    text-transform: uppercase;
}

.form-check-input:checked {
    background-color: #1a1b1b;
    border-color: #1a1b1b;
}

.kye-card {
    padding: 25px 20px 1px 20px;
    background-color: #f5f5f7;
    border-radius: 8px;
    margin-bottom: 30px;
}

.kye-card:last-child {
    margin-bottom: 0;
}

.editor-area .social-info-list.style_2 {
    margin: -10px -10px 10px -10px;
}

.editor-area .social-info-list.style_2 li {
    color: #000;
    padding: 10px;
    width: 33.333333%;
    text-align: center;
    font-size: 15px;
}

.editor-area .social-info-list.style_2 li .k-ttl {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
    margin: 8px 0 2px 0;
}

.editor-area .social-info-list.style_2 li i {
    background-color: #1a1b1b;
    color: #ffffff;
    position: relative;
    top: unset;
    left: unset;
    display: flex;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    font-size: 17px;
    margin: 0 auto 0 auto;
}

.editor-area .social-website-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -10px -10px 10px -10px;
}

.editor-area .kye-title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 10px;
}

.editor-area .kye-title::after {
    content: '';
    display: block;
    width: 120px;
    height: 2px;
    background-color: #1a1b1b;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.editor-area .social-website-list li {
    padding: 10px;
    margin: 0;
    width: 33.333333%;
    text-align: center;
    font-size: 15px;
}

.editor-area .social-website-list li i {
    display: flex;
    background-color: #282d2d;
    color: #ffffff;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin: 0px auto 0 auto;
    justify-content: center;
    align-items: center;
    font-size: 17px;
}

.editor-area .social-website-list li .k-ttl {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
    margin: 8px 0 0 0;
}

.editor-area .social-website-list li a {
    font-size: 16px;
}

.editor-area .rule_thumb_1 h4 {
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 10px;
}

.editor-area .rule_thumb_1 ul {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.editor-area .rule_thumb_1 ul li {
    list-style: none;
    position: relative;
    padding-left: 35px;
    padding-top: 8px;
    padding-bottom: 6px;
    font-weight: 500;
}

.editor-area .rule_thumb_1 ul li a::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 40px;
    background-image: url(../../userfiles/images/pdf-svgrepo-com.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.prdview_edit .editor-area h2 {
    font-size: 36px;
}

.prdview_edit .editor-area h3 {
    font-size: 28px;
}

.prdview_edit .editor-area h4 {
    font-size: 24px;
}

.prdview_edit .editor-area h5 {
    font-size: 22px;
}

.prdview_edit .editor-area p {
    font-size: 16px;
}

.prdview_edit .editor-area h6 {
    font-weight: 400;
    font-size: 18px;
}

.btn-style-4 {
    color: #000000;
    font-weight: 600;
    font-size: 14px;
}

.page_gaming .btn-style-4 {
    color: #ffffff;
}

.btn-style-4::after {
    font-family: 'font awesome 6 free';
    content: '\f105';
    display: inline-block;
    margin-left: 10px;
}

.edit_sec_1 {
    position: relative;
}

.editor-area .edit_content_1 {
    padding-right: 60px;
}

.editor-area .edit_sec_2 .edit_content_1 h3 {
    color: #000000;
}

.editor-area .edit_sec_2 .edit_content_1 p {
    color: #000000;
}

.video-popup {
    margin-top: 10px;
    display: inline-block;
    border: 2px solid #000000;
    background-color: #000000;
    color: #ffffff;
    padding: 12px 24px;
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
}

.video-popup:active {
    color: #ffffff;
}

.video-popup:hover {
    text-decoration: none !important;
    color: #000000;
    background-color: transparent;
    border-color: #000000;
}

.page_gaming .video-popup {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #000000;
}

.page_gaming .video-popup:hover {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff;
}

.video-popup::after {
    content: '\f144';
    font-weight: 600;
    font-family: 'font awesome 6 free';
    margin-left: 8px;
}

.edit_overlay_background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.edit_overlay_background .edit_bg {
    display: none;
    margin: 0 !important;
}

.edit_overlay_background .edit_mb {
    display: none;
    margin: 0 !important;
}

.edit_overlay_widget {
    z-index: 1;
    padding: 100px 0;
    position: relative;
    min-height: 75vh;
    display: flex;
    align-items: center;
}

.edit_sec_2 {
    position: relative;
    background: rgb(223, 174, 152);
    background: linear-gradient(90deg, rgba(223, 174, 152, 1) 0%, rgba(221, 217, 234, 1) 50%);
}

.edit_sec_2 .edit_overlay_background {
    width: 50%;
    right: 0;
    left: unset;
}

.edit_sec_5 {
    position: relative;
}

.video-popup_2 {
    display: inline-flex;
    font-size: 0;
    transition: 0.3s ease-in-out;
    width: 75px;
    height: 75px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #ffffff;
    color: #000000;
}

.video-popup_2::after {
    content: '\f04b';
    font-weight: 600;
    font-family: 'font awesome 6 free';
    color: #000000;
    font-size: 23px;
}

.video-popup_2:hover {
    transform: scale(1.2);
    text-decoration: none !important;
}

.about_sec_1 {
    padding: 60px 0 0 0;
}

.investor_sec_1 {
    padding: 60px 0 30px 0;
}

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

@media (max-width:991px) {

    .page_support,
    .page_supportresult,
    .page_supportlist,
    .page_supportview {
        padding: 45px 0;
    }

    .page_supportlist {
        padding-top: 0;
    }

    .page_breadcrumb {
        padding-top: 80px;
    }

    .prd-tabs {
        padding-top: 20px;
    }

    .prd-tabs .prdMenu-tabs-list {
        justify-content: flex-start;
    }

    .prdMenu-tabs-list .nav-item {
        flex: 1;
    }

    .prdMenu-tabs-list .nav-link {
        width: 100%;
        text-align: center;
    }

    .page-prdview {
        padding-top: 62px;
    }

    .top-header-area {
        padding: 8px 0;
    }

    nav.navbar.bootsnav {
        top: 0;
    }

    #prdMenu.fixed {
        top: 62px;
    }

    .header-with-topbar.sticky.header-appear #prdMenu.fixed {
        top: 62px;
    }

    header #prdMenu .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .prdMenu-title {
        display: none;
    }

    .prdMenu-title .prd-title {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .prdview_info .prd-title {
        font-size: 32px;
    }

    .page_newslist,
    .page_newsview {
        padding: 45px 0;
    }

    .page_contactform {
        padding: 45px 0;
    }

    .contact_map iframe {
        height: 300px;
        margin-bottom: 30px;
    }

    [class*=mainSec] {
        padding: 45px 0;
    }

    [class*="mainSec--quicklink"] {
        padding-bottom: 25px;
    }

    [class*="mainSec--video"] {
        padding-top: 0;
    }

    [class*="mainSec--video"] {
        padding-top: 0;
    }

    .owl-carousel .owl-nav {
        display: none;
    }

    .banner_content {
        max-width: 100%;
    }

    .banner_height {
        padding: 0 0 0 0;
    }

    .page_prdlist {
        padding: 0 0 45px 0;
    }

    .filter-bar-popup {
        display: block;
    }

    #prdlistcroll .col-left-menu {
        position: absolute;
        width: 300px !important;
        z-index: 3;
        background-color: #f5f5f7;
        left: 0;
        padding: 15px 20px;
        height: 100%;
        left: -300px;
        transition: 0.3s ease-in-out;
    }

    #prdlistcroll.is-filter-open .col-left-menu {
        left: 0;
    }

    #prdlistcroll .col-right-wrap {
        padding-top: 20px;
        position: relative;
        right: 0;
        transition: 0.3s ease-in-out;
    }

    #prdlistcroll.is-filter-open .col-right-wrap {
        right: -300px;
        opacity: .5;
    }

    .filter-panel.is_fixed {
        position: relative;
        width: auto;
        top: unset;
    }
}

@media (max-width:767px) {
    .banner_content {
        max-width: 100%;
    }

    .prd_gallery .f-thumbs__slide {
        width: 17%;
        margin: 0 3% 0 0 !important;
        height: 50px;
    }

    .prd_gallery .f-thumbs__slide__button {
        height: 50px;
    }

    .prdMenu-tabs-list .nav-link {
        padding: 6px 10px !important;
    }

    .row {
        margin-left: -8px;
        margin-right: -8px;
    }

    .row>* {
        padding-left: 8px;
        padding-right: 8px;
    }

    .prd-thumb-3 h4 {
        font-size: 16px;
    }

    .col-support {
        margin-bottom: 30px;
    }

    .banner_height {
        height: 300px;
    }

    .page_support,
    .page_supportresult,
    .page_supportlist,
    .page_supportview {
        padding: 30px 0;
    }

    .page_supportlist {
        padding-top: 0;
    }

    .pagination_nav {
        margin-top: 15px;
    }

    .dropdown_content {
        width: 100%;
        padding: 0;
        order: 2;
        border-right: 0;
        border-top: 1px solid #d3d4d4;
        padding-top: 10px;
        margin-top: 10px;
    }

    .dropdown_format {
        width: 100%;
        padding: 0;
        order: 1;
    }

    .dropdown-card .card-header h4 {
        font-size: 18px;
    }

    .page_supportview .support_info {
        margin-bottom: 26px;
    }

    .page_supportview .support_image {
        margin-bottom: 30px;
    }

    .support_info_tabs .nav-tabs .nav-item {
        width: 50%;
    }

    .support_info_tabs .nav-tabs .nav-link {
        width: 100%;
    }

    .editor-area div[class*=col-] {
        margin-bottom: 15px;
    }

    .prd_gallery .is-classic .f-thumbs__viewport {
        margin: 0;
        width: calc(100% + 9px);
    }

    .prdMenu-title .prd-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .prd-thumb-2 .prd-title {
        font-size: 24px;
    }

    .page_newslist,
    .page_newsview {
        padding: 30px 0;
    }

    .swiper-txt h2 {
        font-size: 28px;
        margin: 10px 0;
    }

    .swiper-txt h4 {
        font-size: 16px;
        margin: 10px 0;
    }

    .swiper-btn {
        padding: 8px 16px;
        font-size: 13px;
        margin: 10px 0;
    }

    .page_contactform {
        padding: 30px 0;
    }

    .contact_map iframe {
        height: 300px;
        margin-bottom: 30px;
    }

    .video-thumb {
        padding: 30px 0;
    }

    .video-thumb .thumb-content h2 {
        font-size: 28px;
    }

    .prd-thumb-1 .thumb-image {
        padding: 20px;
    }

    .table-responsive {
        padding-bottom: 10px;
    }

    .editor-area .insvestor-table-1 td:first-child {
        width: 80px;
    }

    .editor-area .insvestor-table-1 td a {
        text-align: center;
        justify-content: center;
    }

    .editor-area .insvestor-table-1 td a:after {
        display: none;
    }

    .editor-area .investor_sec_1 .nav-tabs .nav-item {
        width: 100%;
    }

    .editor-area .insvestor-table-1 th {
        padding: 6px;
        line-height: 20px;
        font-size: 14px;
    }

    .editor-area .insvestor-table-1 td:first-child {
        font-size: 13px;
    }

    .editor-area .insvestor-table-1 td {
        padding: 6px;
        line-height: 20px;
        font-size: 14px;
    }

    .editor-area .insvestor-table-1 td a {
        text-align: center;
        justify-content: center;
        padding: 7px;
    }

    .editor-area .insvestor-table-1 td a::before {
        margin-right: 0;
        display: none;
    }

    .editor-area .insvestor-table-2 th {
        padding: 8px;
        font-size: 14px;
    }

    .editor-area .insvestor-table-2 td {
        padding: 8px;
        font-size: 14px;
    }

    .editor-area .insvestor-table-2 td a {
        flex-wrap: wrap;
        justify-content: center;
        font-size: 14px;
        padding: 4px;
    }

    .editor-area .insvestor-table-2 td a::before {
        margin: 0 0 3px 0;
        display: block;
    }

    .editor-area .insvestor-table-4 td:first-child {
        width: 80px;
    }

    .editor-area .insvestor-table-4 th {
        padding: 6px;
        line-height: 20px;
        font-size: 14px;
    }

    .editor-area .insvestor-table-4 td {
        padding: 6px;
        line-height: 20px;
        font-size: 14px;
    }

    .insvestor-table-2 {
        min-width: 950px;
    }

    .owl-carousel button.owl-dot {
        width: 10px;
        height: 10px;
        border-width: 2px;
        margin: 5px;
    }

    .owl-carousel button.owl-dot.active {
        width: 12px;
        height: 12px;
    }

    .main-swiper-pagination .swiper-pagination-bullet {
        margin: 5px !important;
        width: 10px;
        height: 10px;
        border-width: 2px;
    }

    .main-swiper-pagination .swiper-pagination-bullet-active {
        width: 12px;
        height: 12px;
    }

    .owl-carousel .owl-dots {
        bottom: -30px;
    }

    .owl-carousel .owl-stage-outer {
        margin-bottom: 30px;
    }

    .page_prdlist .pagination_nav {
        margin-top: 0;
    }

    .insvestor-table-1.shareholder_style tr td {
        width: 50px;
    }

    .editor-area .social-info-list.style_2 li {
        width: 100%;
    }

    .editor-area .social-website-list li {
        width: 100%;
    }
}

/* slick set */
.slick-slider {
    padding-bottom: 47px;
}

.slick-item {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

.desktop .slick-item {
    max-width: 1200px;
}

.view.desktop {
    display: none;
}

.view.tablet {
    max-width: 720px;
    padding: 0 10px;
    margin: 0 auto;
    position: relative;
    display: none;
}

.view.mobile {
    max-width: 100%;
    padding: 0 10px;
    margin: 0 auto;
    position: relative;
    display: none;
}

@media (min-width:992px) {
    .view.desktop {
        display: block;
    }
}

@media (max-width:991px) and (min-width:767px) {
    .view.tablet {
        display: block;
    }
}

@media (max-width:767px) {
    .view.mobile {
        display: block;
    }
}

.slick-item {
    width: 100%;
}

.slick-item .row {
    margin: -10px;
    height: 100%;
}

.slick-item div[class*="col-"] {
    padding: 10px;
}

.slick-disabled {
    display: none !important;
}

.slick-prev,
.slick-next {
    position: absolute;
    width: calc(50% - 610px);
    background-color: rgb(255 255 255 / 60%);
    color: #000000;
    height: calc(100% - 47px);
    z-index: 1;
    border: unset;
    top: 0;
    font-size: 0;
    padding: 0;
    transition: 0.3s ease-in-out;
}

.slick-prev:hover,
.slick-next:hover {
    background-color: rgb(0 0 0 / 70%);
    color: #ffffff;
}

.slick-prev::before,
.slick-next::before {
    content: '';
    font-family: 'themify';
    font-size: 48px;
}

.slick-prev::before {
    content: "\e64a";
}

.slick-next::before {
    content: "\e649";
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slick-dots {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    padding: 0;
}

.slick-dots li {
    margin: 5px 8px !important;
}

.allheight {
    height: 750px !important;
}

.tablet .allheight {
    height: 600px !important;
}

.mobile .allheight {
    height: 420px !important;
}

.ch-100 {
    height: 100% !important;
}

.ch-75 {
    height: 75% !important;
}

.ch-66 {
    height: 66.666666% !important;
}

.ch-50 {
    height: 50% !important;
}

.ch-33 {
    height: 33.333333% !important;
}

.ch-25 {
    height: 25% !important;
}

.slick-dots button {
    list-style: none;
    display: block;
    width: 14px;
    height: 14px;
    background-color: #000;
    border: 3px solid #000;
    border-radius: 50%;
    padding: 0;
    opacity: 1;
    cursor: pointer;
    font-size: 0;
    transition: .3s ease-in-out;
}

.slick-dots .slick-active button {
    opacity: 1;
    width: 17px;
    height: 17px;
    background-color: transparent;
}

.slick-thumb {
    height: 100%;
    width: 100%;
}

.slick-thumb a {
    position: relative;
    overflow: hidden;
    display: block;
    height: 100%;
    width: 100%;
}

.slick-thumb .title {
    font-weight: 600;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
}

.slick-thumb.t-bottom .title {
    bottom: 40px;
}

.slick-thumb.t-top .title {
    top: 40px;
}

.slick-thumb.t-center .title {
    top: 50%;
    transform: translateX(-50%);
    font-size: 48px;
}

.slick-thumb.light-text .title {
    color: #ffffff;
}

.slick-thumb a img {
    transition: 0.3s ease-in-out;
}

.slick-thumb.img-bg a img {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.slick-thumb:hover a img {
    transform: scale(1.08);
}

.prds-tabs-sec .nav-pills {
    display: flex;
    justify-content: flex-start;
    margin: -10px -10px 20px -10px;
    position: relative;
}

.prds-tabs-sec .nav-pills::before {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 10px;
    height: 1px;
    width: calc(100% - 20px);
    background-color: #e5e5e5;
}

.nav-item {
    padding: 10px;
}

.prds-tabs-sec .nav-pills .nav-link {
    background-color: transparent;
    position: relative;
    color: #000000;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
}

.prds-tabs-sec .nav-pills .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #000000;
    transition: 0.3s ease-in-out;
}

.prd-carousel {
    opacity: 0;
    margin: 0 -5px;
}

.prd-carousel.owl-loaded {
    opacity: 1;
}

.prd-carousel .owl-stage-outer {
    padding: 0 5px;
}

.prds-tabs-sec .nav-pills .nav-link.active {
    color: #000000;
}

.prds-tabs-sec .nav-pills .nav-link.active::after {
    width: 100%;
}

.mainSec--carousel .prd-thumb-2 .thumb-image {
    margin-bottom: 0;
}

.mainSec--carousel .prd-thumb-2 .thumb-image a {
    background-color: #f5f5f7;
    padding: 10px;
}

.mainSec--carousel .prd-thumb-2 .color_list {
    margin: 0 -9px -7px -7px;
}

.mainSec--carousel .prd-thumb-2 .color_item::before {
    width: calc(100% - 14px);
    height: calc(100% - 14px);
}

.mainSec--carousel .prd-thumb-2 .color_item {
    padding: 8px;
}

.mainSec--carousel .prd-thumb-2 .color_item>span {
    width: 20px;
    height: 20px;
}

.prds-tabs-sec .thumb-image {
    order: 1;
}

.prds-tabs-sec .color_list {
    order: 3;
}

.prds-tabs-sec .thumb-content {
    order: 2;
    margin-top: 20px;
}

@media (max-width:992px) {
    .slick-thumb.t-bottom .title {
        bottom: 25px;
    }

    .slick-thumb.t-top .title {
        top: 25px;
    }
}

@media (max-width:767px) {
    .slick-thumb.t-bottom .title {
        bottom: 20px;
    }

    .slick-dots button {
        width: 10px;
        height: 10px;
        border-width: 2px;
    }

    .slick-dots .slick-active button {
        width: 12px;
        height: 12px;
    }

    .slick-dots li {
        margin: 5px !important;
    }
}

.about_info_thumb .thumb-image {
    position: relative;
    overflow: hidden;
}

.about_info_thumb .thumb-image img,
.about_info_thumb .thumb-image .img-fluid {
    transform: scale(1);
    transition: 0.3s ease-in-out;
    margin: 0 !important;
}

.about_info_thumb:hover .thumb-image img {
    transform: scale(1.1);
}

.about_team_thumb .thumb-image .img-fluid,
.about_team_thumb .thumb-image img {
    margin: 0;
}

.about_sec_2 {
    padding: 90px 0;
}

.about_sec_3 {
    padding: 60px 0 40px 0;
}

.about_founder_thumb .thumb-image img {
    position: relative;
    overflow: hidden;
    margin: 0;
}

.about_founder_thumb {
    background-color: #ffffff;
}

.btn-style-1 {
    margin: 15px 0;
    display: inline-block;
    background-color: #2f3132;
    color: #dcfd00;
    border: 2px solid #2f3132;
    padding: 18px 36px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s ease-in-out;
}

.btn-style-1:hover {
    text-decoration: unset !important;
    background-color: transparent;
    color: #2f3132;
}

@media (max-width:767px) {
    .about_sec_3 {
        padding: 45px 0 25px 0;
    }
}

.press_sec_2 {
    padding: 45px 0 40px 0;
}

.press_sec_1 {
    padding: 60px 0;
}

.press_sec_1::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .5;
    top: 0;
    left: 0;
}

.press_sec_1 .container {
    position: relative;
    z-index: 1;
}

.news_thumb_2 {
    position: relative;
    padding: 24px 15px 38px 15px;
    background-color: #ffffff;
    height: 100%;
}

.news_thumb_2:after {
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    bottom: -1px;
    background-color: #00B8FC;
    height: 5px;
    width: 100%;
    z-index: 10;
    transition: all .3s ease-in-out;
}

.news_thumb_2:hover:after {
    background-color: #dcfd00;
}

.news_thumb_2 h5 a:hover {
    color: #00B8FC;
    text-decoration: unset !important;
}

.news_thumb_2 .date {
    font-size: 14px;
}

.btn-style-3 {
    color: #00B8FC;
    font-weight: 600;
    font-size: 14px;
}

.btn-style-3:hover {
    color: #00B8FC;
}

.btn-style-3:after {
    font-family: 'font awesome 6 free';
    content: '\f105';
    display: inline-block;
    margin-left: 10px;
}

.editor-area .social-icon-list-2 {
    list-style: none;
    display: inline-flex;
    flex-wrap: wrap;
    margin: -6px;
    padding: 0;
}

.editor-area .social-icon-list-2 li {
    padding: 6px;
    margin: 0;
}

.editor-area .social-icon-list-2 img {
    max-width: 30px;
    max-height: 30px;
    margin: 0;
    width: 100%;
}

.press_link_thumb {
    position: relative;
}

.press_link_thumb .thumb-image {
    position: relative;
    overflow: hidden;
}

.press_link_thumb .thumb-image img {
    margin: 0 !important;
    transform: scale(1);
    transition: .3s ease-in-out;
}

.press_link_thumb:hover .thumb-image img {
    transform: scale(1.1);
}

.overlink {
    position: absolute;
    display: block;
    font-size: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.press_link_thumb .thumb-content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
}

.press_link_thumb .thumb-content h5 {
    text-shadow: 1px 1px 11px #000;
    margin: 0;
    color: #ffffff;
}

.press_link_thumb .thumb-content h4 {
    text-shadow: 1px 1px 11px #000;
    margin: 0;
    color: #ffffff;
}

.press_link_thumb .thumb-content p {
    text-shadow: 1px 1px 11px #000;
    margin: 0;
    color: #ffffff;
    line-height: 20px;
    font-size: 16px;
}

.press_link_thumb .thumb-content a {
    color: #ffffff;
    line-height: 20px;
    font-size: 16px;
}

.press_sec_3 {
    padding: 65px 0;
}

.press_sec_4 {
    padding: 60px 0 40px 0;
}

.press_media_thumb a {
    color: #00B8FC;
}

.row_press_media {
    margin: 0 -50px;
}

.col_press_media {
    padding: 0 50px;
}

.col_press_media:nth-child(1) {
    border-right: 1px solid #ddd;
}

.col-newslist {
    margin-bottom: 30px;
}

.col-newslist:last-child .news-thumb-3 {
    border-bottom: unset;
}

.news-thumb-3 {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 30px;
}

.news-thumb-3 .news-date {
    font-size: 14px;
}

.news-thumb-3 .newslist-title {
    font-size: 21px;
}

.news-thumb-3 .newslist-title a:hover {
    color: #00B8FC;
}

.news_filter_widget {
    margin-bottom: 60px;
}

.input_filter_group {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    align-items: center;
}

.input_filter_group label {
    font-size: 20px;
    margin: 0;
}

.input_filter_group .form-select {
    margin: 0;
    border-radius: 0;
    border-color: #000000;
    background-size: 14px 20px;
    padding: 15.5px 40px 15.5px 20px;
    min-width: 120px;
    font-size: 18px;
}

.input_filter_group .form-select:focus {
    outline: unset;
    box-shadow: unset;
}

.col_filter {
    padding: 10px;
}

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

.page_contactform {
    background-color: #ffffff;
}

.contact_info {
    background-color: #f7f7f7;
    padding: 20px 20px;
    margin-bottom: 40px;
}

.contact_info .editor-area p {
    margin: 5px 0;
}

.contact_info .editor-area h3 {
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #d3d4d4;
    padding-bottom: 10px;
}

.contact_info .editor-area ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact_info .editor-area ul li {
    position: relative;
    list-style: none;
    font-size: 16px;
    padding-left: 24px;
}

.contact_info .editor-area ul li {
    color: #000000;
}

.contact_info .editor-area ul li a {
    color: #000000;
}

.contact_info .editor-area ul li.mail {
    color: #8ac1ca;
}

.contact_info .editor-area ul li.mail a {
    color: #8ac1ca;
}

.contact_info .editor-area ul li i {
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

h6.service-num {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    line-height: normal;
}

.col-input {
    margin-bottom: 20px;
}

.req {
    position: absolute;
    color: #e60012;
    top: 0;
    right: -10px;
    line-height: normal;
    font-size: 14px;
}

input[readonly] {
    background-color: #f5f5f7;
    border: unset;
    font-size: 18px;
}

input[readonly]:focus {
    border: unset;
}

.contact_form label {
    position: relative;
    letter-spacing: .5px;
}

.contact_form h6 {
    font-size: 18px;
    letter-spacing: 1px;
    margin: 0;
}

.contact_form h4 {
    font-size: 18px;
    margin: 0 0 20px 0;
    font-weight: 600;
    padding: 5px 0 5px 10px;
    line-height: normal;
    background-color: #f7f7f7;
    border-left: 5px solid #006ce1;
}

.contact_form .form-select {
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 3px;
}

.contact_form .form-select:focus {
    box-shadow: unset;
    border: 1px solid #000000;
}

.contact_form .info {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
}

.contact-form .event-input::placeholder {
    font-style: normal !important;
}

.col-button {
    text-align: center;
}

.editor-area .download_sec_1 div[class*=col-] {
    margin-bottom: 30px;
}

.downlaod-thumb .thumb-image img {
    margin: 0;
    max-width: 120px;
}

.downlaod-thumb .thumb-content p {
    font-weight: 400;
    margin: 15px 0 0 0;
    line-height: 17px;
}

.downlaod-thumb .thumb-content a {
    color: #00B8FC;
    text-decoration: unset;
}

.download_sec_1 {
    padding: 20px 0 40px 0;
}

.esg_sec_3 {
    padding: 60px 0 60px 0;
}

.esg_sec_1 {
    padding: 60px 0 0 0;
}

.pressview_sec_1 {
    padding: 60px 0;
}

.esg_info_thumb {
    margin-bottom: 60px;
}

.esg_info_thumb:last-child {
    margin-bottom: 0;
}

.esg_info_thumb .thumb-image img,
.esg_info_thumb .thumb-image .img-fluid {
    margin: 0 !important;
}

.esg_info_thumb .thumb-content ul {
    list-style: none;
    margin: 15px 0;
    padding: 0;
}

.esg_info_thumb .thumb-content {
    padding: 45px;
}

.esg_info_thumb .thumb-content h4 {
    font-size: 24px;
    letter-spacing: 1px;
}

.esg_info_thumb .thumb-content ul li {
    padding: 0;
    font-weight: 400;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.esg_info_thumb .thumb-content ul li a {
    text-decoration: underline;
}

.esg_info_thumb .thumb-content ul li:after {
    content: '\f105';
    font-weight: 600;
    font-family: 'font awesome 6 free';
    margin-left: 10px;
}

.fixed_menu .row .scrollbox.is_fixed {
    position: fixed;
    top: 100px;
    width: calc(300px - 20px);
}

.fixed_menu .col-fixed-left {
    max-width: unset;
    flex: unset;
    width: 300px;
}

.fixed_menu .col-fixed-right {
    flex: 1;
    max-width: unset;
}

.btn-primary {
    background-color: #006ce1;
    border-color: #006ce1;
}

.btn.btn-large {
    font-size: 18px;
}

.insvestor-report-sec-1.revenue_style {
    text-align: center;
    margin: 20px 0;
}

.insvestor-report-sec-1 .col {
    margin-bottom: 20px;
}

.insvestor-report-sec-1 a {
    display: inline-block;
    background-color: #006ce1;
    color: #ffffff;
    text-decoration: unset;
    padding: 8px 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    border-radius: 8px;
    width: 100%;
    font-size: 16px;
    border: .1rem solid #006ce1;
    transition: 0.3s ease-in-out;
}

.insvestor-report-sec-1 a:hover,
.insvestor-report-sec-1 a:focus,
.insvestor-report-sec-1 a:active {
    text-decoration: unset !important;
    background-color: #005abb;
    border-color: #005abb;
}

.interested_thumb_1 {
    background-color: #f5f5f7;
    border: 1px solid #e5e5e5;
    margin-bottom: 15px;
    padding: 5px 20px 5px 20px;
}

.interested_thumb_1 .thumb-content h4 {
    margin-bottom: 20px;
}

.editor-area .insvestor-table-3 ol li {
    text-align: left;
}

.editor-area table p {
    margin: 10px 0;
}

.editor-area .insvestor-table-3.interested_style td:nth-child(1) {
    background-color: #454545;
    color: #ffffff;
    width: 110px;
}

.editor-area .insvestor-table-3.interested_style td:nth-child(2) {
    width: 160px;
}

.header-searchbar-2 .search-bar-btn {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    padding: 6px 10px;
    border-radius: 30px;
    color: #000000;
    font-size: 14px;
    line-height: normal;
    display: flex;
    justify-content: space-between;
    width: 130px;
}

.header-with-topbar.sticky .header-searchbar-2 .search-bar-btn {
    color: #000000;
}

.header-searchbar-2 .header-searchbar a i {
    font-size: 13px;
}

.header-searchbar-2 .search-bar-btn:hover,
.header-searchbar-2 .search-bar-btn:active,
.header-searchbar-2 .search-bar-btn:focus {
    color: #000000;
}

#searchBar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 71px;
    background-color: #ffffff;
    z-index: 2;
    display: none;
}

#searchBar.is-open {
    display: block;
}

#searchBar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

#searchBar .searchform {
    flex: 1;
    margin-right: 20px;
}

input:-webkit-autofill {
    -webkit-background-clip: text;
}

#searchBar .searchform .search-input {
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    color: #000000;
    transition: 0.3s ease-in-out;
    border: unset !important;
}

#searchBar .searchform .search-input:focus,
#searchBar .searchform .search-input:active {
    border: unset !important;
}

#searchBar .searchform .search-input::placeholder {
    font-style: normal;
    color: #cccccc;
}

#searchBar .searchform .search-result-btn {
    display: none;
}

#searchBar .searchform .search-input:focus::placeholder {
    opacity: 1;
    color: #cccccc;
}

.search-bar-close {
    font-size: 20px;
    cursor: pointer;
    border: unset;
    padding: 0;
    opacity: 20%;
    background-color: transparent;
    transition: 0.3s ease-in-out;
}

.search-bar-close img {
    width: 20px;
}

.search-bar-close:hover {
    color: #000000;
    opacity: 1;
}

.prdview_panel .accordion-body p {
    margin: 10px 0;
}

.editor-area .support-link-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.editor-area .support-link-list li {
    list-style: none;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    margin: 10px 0;
}

.dark_body .editor-area .support-link-list li a {
    color: #ffffff;
}

.editor-area .support-link-list i {
    margin-right: 10px;
}

.editor-area .spec-item h6 {
    margin: 7px 0;
    font-size: 16px;
}

.editor-area .spec-item ul {
    list-style: none;
    padding: 0;
    margin: 0 0 14px 0;
}

.editor-area .spec-item li {
    margin: 0 0 0 0;
    font-size: 14px;
    line-height: normal;
}

.editor-area .feature-list-item ul {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.editor-area .feature-list-item ul li {
    list-style: none;
    position: relative;
    padding: 0 0 0 22px;
    margin: 10px 0;
    line-height: 20px;
    font-size: 16px;
    letter-spacing: normal;
}

.editor-area .feature-list-item ul li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    height: 2px;
    width: 10px;
    background-color: #000000;
}

.dark_body .editor-area .feature-list-item ul li::before {
    background-color: #ffffff;
}

.contact_form .col-input {
    position: relative;
    margin-bottom: 28px;
}

.contact_form label.error {
    display: block !important;
    position: absolute;
    bottom: -26px;
    left: 10px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    color: #e60012;
    margin: 0;
}

.edit_sec_3 {
    margin: 90px 0;
}

.edit_sec_4 {
    margin: 90px 0;
}

.edit_content_3 {
    padding: 45px;
}

.page-prdview {
    background-color: #ffffff;
}

.edit_sec_6 {
    padding: 100px 0 100px 0;
}

.page-prdview .editor-area .tab-content {
    margin-top: 60px;
}

.prdview_edit .editor-area .nav-tabs {
    border-bottom: 3px solid #d1d1d1;
    margin: 0;
}

.prdview_edit .editor-area .nav-item {
    padding: 0;
    flex: 1;
    margin-bottom: -3px;
}

.prdview_edit .editor-area .nav-link {
    background-color: transparent;
    border-radius: 0;
    border: unset;
    text-align: center;
    color: #2f3132;
    margin: 0;
    padding: 14px 20px;
    border-bottom: 3px solid #d1d1d1;
}

.prdview_edit .editor-area .nav-tabs .nav-link.active {
    background-color: transparent;
    color: #2f3132;
    border: unset;
    border-bottom: 3px solid #006ce1;
    text-decoration: unset;
}

.page_gaming .prdview_edit .editor-area .nav-link {
    color: #ffffff;
}

.page_gaming .prdview_edit .editor-area .nav-tabs .nav-link.active {
    background-color: transparent;
    color: #ffffff;
}

.page_gaming .btn .editor-area .carousel img {
    margin: 0 !important;
}

.editor-area .carousel img.img-fluid {
    margin: 0;
}

.editor-area .carousel-indicators {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    bottom: 14px;
}

.editor-area .carousel .carousel-indicators li {
    box-sizing: border-box;
    display: block;
    width: 14px;
    height: 14px;
    border: unset;
    background-color: #ffffff;
    margin: 7px;
    border-radius: 50%;
    border: unset;
    opacity: .6;
    transition: 0.3s ease-in-out;
}

.editor-area .carousel .carousel-indicators li.active {
    opacity: 1;
}

.editor-area .carousel-control-next,
.editor-area .carousel-control-prev {
    width: 10%;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 50px;
    height: 50px;
}

.editor-area .edit_content_4 {
    padding-right: 45px;
}

.editor-area .edit_content_4 p {
    font-size: 15px;
}

.page_gaming a {
    color: #ffffff;
}

.edit_sec_7 {
    background-color: #000000;
    padding: 0;
    position: relative;
}

.edit_sec_7 .edit_overlay_background {
    top: 50%;
    background-size: contain;
    transform: translateY(-50%);
}

.edit_sec_7 .edit_overlay_widget {
    padding: 60px 0;
}

.tech-thumb {
    text-align: center;
}

.tech-thumb .thumb-image img {
    max-height: 60px;
}

.tech-thumb.typec .thumb-image img {
    max-height: 60px;
    max-width: 100px;
}

.editor-area .tech-thumb .thumb-content p {
    line-height: normal;
}

.editor-area .esc-thumb {
    text-align: center;
}

.editor-area .esc-thumb .thumb-icon img {
    max-width: 100px;
}

.edit_sec_9 {
    padding: 100px 0 80px 0;
}

.edit_sec_10 {
    padding: 100px 0 80px 0;
    background-color: #f5f5f7;
}

.page_gaming .edit_sec_10 {
    background-color: #000000;
}

.edit_sec_7 .edit_title_item h2 {
    text-align: center;
    font-size: 48px;
}

.edit_sec_9 .edit_title_item h2 {
    text-align: center;
}

.edit_sec_10 .edit_title_item {
    margin-bottom: 20px;
}

.edit_sec_10 .edit_title_item h2 {
    text-align: center;
    font-size: 48px;
}

.editor-area .esc-thumb .thumb-image img {
    max-width: 200px;
}

.editor-area .option-thumb {
    position: relative;
}

.editor-area .option-thumb .thumb-image img {
    margin: 0 !important;
}

.option-thumb .thumb-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 20px 12px;
}

.editor-area .option-thumb .thumb-content>* {
    color: #ffffff;
}

.editor-area .option-thumb .thumb-content h6 {
    min-height: 48px;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
}

.option-thumb .btn-style-2,
.option-thumb .btn-style-5 {
    margin: 5px;
}

.editor-area .btn-style-2 {
    background-color: #dcfd00;
    border: none;
    color: #2f3132;
    border: 2px solid #dcfd00;
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    justify-content: center;
    line-height: 1;
    padding: 6px 10px 6px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.3s ease-in-out;
}

.editor-area .btn-style-2:hover {
    background-color: transparent;
    color: #dcfd00;
    text-decoration: none !important;
}

.editor-area .btn-style-5 {
    background-color: transparent;
    border: none;
    color: #ffffff;
    box-shadow: 0 0 0 1px #ffffff;
    border: 1px solid transparent;
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    justify-content: center;
    line-height: 1;
    padding: 6px 10px 6px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.3s ease-in-out;
}

.editor-area .btn-style-5:hover {
    border: 1px solid #ffffff;
    text-decoration: none !important;
    color: #ffffff;
}

@media (max-width:1550px) {
    .col-prdview-right {
        width: 35.33333%;
        margin-left: 3.3333333333%;
    }

    .f-carousel__slide {
        padding: 0 0 75% 0;
    }
}

@media (max-width:1199px) {
    nav.navbar.navbar-default ul.nav>li>a {
        padding: 28px 8px;
    }
}

@media (max-width:991px) {
    .f-carousel__slide {
        padding: 0 0 90% 0;
    }

    .esg_info_thumb {
        margin-bottom: 0;
    }

    .fixed_menu .row .scrollbox.is_fixed {
        position: relative;
        top: unset;
        width: 100%;
        left: 0;
        border-radius: 0;
    }

    .fixed_menu .col-fixed-left {
        max-width: unset;
        flex: unset;
        width: 100%;
    }

    .fixed_menu .col-fixed-right {
        flex: unset;
        width: 100%;
        max-width: unset;
    }

    .nav-prd-txt {
        font-size: 16px;
    }

    .header-searchbar-2 {
        display: flex;
        justify-content: flex-end;
    }

    .header-searchbar-2 .search-bar-btn {
        border: unset;
        background-color: transparent;
        color: #ffffff;
        width: auto;
        padding: 0;
        margin-left: auto;
    }

    .header-searchbar-2 .search-bar-btn i {
        font-size: 17px;
    }

    .header-with-topbar.sticky .header-searchbar-2 .search-bar-btn {
        color: #ffffff;
    }

    .header-searchbar-2 .search-bar-btn>span {
        display: none;
    }

    #searchBar {
        height: 62px;
    }

    #searchBar .searchform .search-input {
        font-size: 18px;
    }

    #searchBar .container {
        padding: 0 15px;
    }

    .swiper-btn.model-style-1:hover {
        border-color: #000000;
        color: #000000;
        background-color: transparent;
    }

    .swiper-btn.model-style-2:hover {
        border-color: #000000;
        color: #000000;
        background-color: transparent;
    }

    .swiper-btn.model-style-3:hover {
        border-color: #000000;
        color: #000000;
        background-color: transparent;
    }

    .swiper-btn.model-style-4:hover {
        border-color: #ffffff;
        color: #ffffff;
        background-color: transparent;
    }

    .swiper-btn.model-style-5:hover {
        border-color: #ffffff;
        color: #ffffff;
        background-color: transparent;
    }

    .swiper-btn.model-style-6:hover {
        border-color: #ffffff;
        color: #ffffff;
        background-color: transparent;
    }

    .edit_sec_1 {
        background-color: #f5f5f7;
    }

    .page_gaming .edit_sec_1 {
        background-color: #000000;
    }

    .edit_overlay_widget {
        color: #ffffff;
        padding: 35px 0 45px 0;
        min-height: unset;
    }

    .edit_overlay_background {
        position: relative;
        transform: unset;
    }

    .edit_sec_1 .edit_overlay_background {
        background-image: unset !important;
    }

    .edit_sec_5 .edit_overlay_background {
        position: absolute;
    }

    .edit_sec_5 .edit_overlay_widget {
        min-height: 300px;
    }

    .editor-area .edit_content_1 {
        padding: 0;
    }

    .edit_sec_2 .edit_overlay_background {
        width: 100%;
        background-image: unset !important;
    }

    .edit_sec_2 .edit_overlay_widget {
        max-width: 720px;
        margin: 0 auto !important;
        margin-left: auto;
        padding: 30px 10px 45px 10px;
    }

    .edit_overlay_background .edit_mb {
        display: block;
    }

    .edit_sec_2 .container {
        max-width: 100%;
        padding: 0 10px;
    }

    .edit_sec_7 .edit_overlay_widget {
        padding: 25px 0;
    }

    .edit_sec_3 {
        margin: 45px 0;
    }

    .edit_sec_4 {
        margin: 45px 0;
    }

    .edit_content_3 {
        padding: 0;
    }

    .edit_sec_6 {
        padding: 45px 0 45px 0;
    }

    .edit_sec_9 {
        padding: 45px 0 25px 0;
    }

    .edit_sec_10 {
        padding: 45px 0 25px 0;
    }

    .page-prdview .editor-area .tab-content {
        margin-top: 35px;
    }

    .editor-area .edit_content_4 {
        padding-right: 0;
    }

    .edit_sec_10 .edit_title_item {
        margin-bottom: 0;
    }

    .edit_sec_10 .edit_title_item h2 {
        text-align: left;
        font-size: 32px;
        margin-bottom: 0;
    }

    .edit_sec_1 .edit_title_item h2 {
        font-size: 30px;
    }

    .edit_sec_9 .edit_title_item h2 {
        font-size: 26px;
    }

    .edit_sec_7 .edit_title_item h2 {
        font-size: 26px;
    }

    .prdview_edit .editor-area h3 {
        font-size: 24px;
    }

    .edit_sec_7 .edit_overlay_background {
        transform: unset;
        top: unset;
        background-image: unset !important;
    }

    .row-prdview {
        margin: 0 -10px;
    }

    .col-prdview-left {
        width: 100%;
        position: relative;
        top: 0;
        padding: 30px 10px 40px 10px;
    }

    .col-prdview-right {
        width: 100%;
        margin-left: unset;
        padding: 0 10px 40px 10px;
    }

    .prdview_model {
        min-height: unset !important;
    }

    .prdview_panel .accordion-body {
        min-height: unset;
    }

    .investor_sec_1 {
        padding: 45px 0;
    }

    .esg_sec_3 {
        padding: 45px 0;
    }

    .pressview_sec_1 {
        padding: 45px 0;
    }
}

@media (max-width:767px) {
    .col-prdview-left {
        width: 100%;
        position: relative;
        top: 0;
        padding: 20px 10px 20px 10px;
    }

    .col-prdview-right {
        width: 100%;
        margin-left: unset;
        padding: 0 10px 40px 10px;
    }

    .esg_info_thumb .thumb-content {
        padding: 30px;
    }

    .prd_gallery .f-thumbs__slide__img {
        height: calc(100%);
        margin-top: 0;
    }

    .col-prdlist {
        margin-bottom: 40px;
    }

    .support_tabs .nav-pills {
        margin-left: -10px;
        margin-right: -10px;
    }

    .support_tabs .nav-pills .nav-item {
        padding: 0 10px;
    }

    .editor-area .insvestor-table-3.interested_style td:nth-child(1) {
        width: 60px;
    }

    .editor-area .insvestor-table-3.interested_style td:nth-child(2) {
        width: 90px;
    }

    .tag-list-item ul li span {
        padding: 3px 13px;
    }

    .tag-list-item {
        padding: 10px 10px 0 10px;
    }

    .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    header nav .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #prdlistcroll .col-left-menu {
        padding-left: 35px;
    }

    .prd-thumb-2 .thumb-image a {
        padding: 40px;
    }

    .dropdown-card .card-header h4 {
        font-size: 16px;
    }

    .dropdown-btn {
        font-size: 13px;
    }

    .main-swiper-pagination {
        bottom: 10px !important;
    }

    .edit_sec_2 .edit_overlay_widget {
        max-width: 540px;
        padding: 30px 30px 45px 30px;
    }

    .prdview_edit .editor-area .nav-item {
        flex: unset;
        width: 100%;
    }

    .mobile-swiper {
        display: block;
    }

    .desktop-swiper {
        display: none;
    }

    .investor_sec_1 {
        padding: 30px 0;
    }

    .esg_sec_3 {
        padding: 30px 0;
    }

    .pressview_sec_1 {
        padding: 30px 0;
    }
}

.page-notfound {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    background-color: #ededed;
    padding: 10vh 0;
    margin: 15vh 0;
}

.prdview_accordion .accordion-item {
    border: unset;
    background-color: transparent;
    margin-top: -1px;
    border-top: 1px solid #d3d4d4;
    border-bottom: 1px solid #d3d4d4;
}

.prdview_accordion .accordion-header {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.prdview_accordion .accordion-header {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.prdview_accordion .accordion-item:first-of-type,
.prdview_accordion .accordion-item:first-of-type .accordion-button,
.prdview_accordion .accordion-item:last-of-type,
.prdview_accordion .accordion-item:last-of-type .accordion-button {
    border-radius: 0;
}

.prdview_accordion .accordion-button {
    font-weight: 600;
    letter-spacing: .5px;
}

.prdview_accordion .accordion-body {
    min-height: 250px;
    padding: 0 0 20px 0;
}

.prdview_accordion .accordion-body p {
    margin: 10px 0;
}

.prd-carousel .col-prdlist {
    margin-bottom: 0;
}

.page_businessform {
    padding: 60px 0;
}

.business_form .event-input {
    border-radius: 5px;
    border: 1px solid #c8ced5;
    margin-bottom: 0;
    min-height: 44px;
    padding: 10px 12px;
    position: relative;
    transition: 0.3s ease-in-out;
}

.business_form .event-input:hover {
    border-color: #000000;
}

.input-group-text {
    border-color: #c8ced5;
    background-color: #f3f3f3;
}

.input-group>.form-control:hover,
.input-group>.form-select:hover {
    z-index: 5;
}

.business_form .form-select {
    border-radius: 5px;
    border: 1px solid #c8ced5;
    margin-bottom: 0;
    min-height: 44px;
    padding: 10px 12px;
    transition: 0.3s ease-in-out;
}

.business_form .form-select:focus {
    box-shadow: unset;
    border: 1px solid #000000;
}

.business_form .form-select:hover {
    border-color: #000000;
}

.business_form textarea.resizable {
    width: 100% !important;
    height: 100% !important;
    min-height: 84px;
}

.business_form .ui-resizable-s {
    bottom: 6px;
}

.business_form.ui-resizable-resizing textarea {
    transition: unset;
}

.business_form .form-label {
    position: relative;
    letter-spacing: .5px;
    font-size: 15px;
}

.business_form .ui-wrapper {
    padding: 0 !important;
}

.business_form h6 {
    font-size: 18px;
    letter-spacing: 1px;
    margin: 0;
}

.business_form h4 {
    font-size: 18px;
    margin: 0 0 20px 0;
    font-weight: 600;
    padding: 5px 0 5px 10px;
    line-height: normal;
    background-color: #f7f7f7;
    border-left: 5px solid #006ce1;
}

.business_form .info {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
}

.business_form .input-group>.form-control,
.business_form .input-group>.form-floating,
.business_form .input-group>.form-select {
    position: relative;
}

.form-floating>label {
    margin: 0;
    font-size: 13px;
    padding: 7px;
    line-height: 1;
    height: auto;
    top: 8px;
    left: 0;
}

.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {
    display: none;
}

.form-floating>.form-control::placeholder {
    font-style: normal;
}

.form-floating>label,
.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.6rem) translateX(.3rem);
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 20px 10px 5px 10px;
    margin: 0;
    font-size: 14px;
    line-height: normal;
    min-height: 42px;
    height: auto;
}

.form-floating>.form-control:hover {
    z-index: 2;
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding: 20px 10px 5px 10px;
}

.business_form .form-check-item {
    display: flex;
    flex-wrap: wrap;
    margin: -5px -10px;
}

.business_form .form-check-item .form-check {
    padding: 5px 10px;
    display: flex;
    margin: 0;
    width: 50%;
}

.business_form .form-check-item .form-check .form-check-input {
    margin-left: 0;
    box-shadow: unset;
}

.business_form .form-check-item .form-check .form-check-label {
    font-weight: 400;
}

.business_form .form-check-input[type=checkbox],
.business_form .form-check-input[type=radio] {
    min-height: unset;
}

.form-check-input[type=radio] {
    border: 1px solid #000000;
    background-color: transparent;
    transition: .2s ease-in-out;
}

.form-check-input:checked[type=radio] {
    background-color: #006ce1;
    box-shadow: unset;
    border: 1px solid #006ce1 !important;
}

.input-group-2 {
    display: flex;
    align-items: center;
}

.input-group-2 .event-input {
    flex: 1;
}

.input-group-2 .unit {
    padding-left: 10px;
}

.business_form textarea.resizable {
    width: 100% !important;
    height: 100%;
    margin: 0 !important;
}

.business_form_wrap {
    padding: 30px;
    background-color: #f7f7f7;
}

.business_info {
    letter-spacing: normal;
    margin-bottom: 20px;
}

.business_info h3 {
    border-bottom: 1px solid #000000;
    margin: 0;
    padding: 0 0 10px 0;
}

.business_form .other-item .event-input {
    max-width: 200px;
    padding: 2px 8px;
    min-height: auto;
    margin-left: 8px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.business_form .form-check label {
    font-size: 15px;
    line-height: 22px;
}

.product_inquiry_sec {
    margin: 45px 0;
    text-align: center;
}

.btn-style-6,
.editor-area .btn-style-6 {
    background-color: #282d2d;
    color: #dcfd00;
    border: 2px solid #282d2d;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    justify-content: center;
    line-height: 1;
    padding: 14px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.3s ease-in-out;
}

.btn-style-6:hover,
.editor-area .btn-style-6:hover {
    background-color: transparent;
    color: #282d2d;
    border: 2px solid #282d2d;
    text-decoration: unset !important;
}

.dark_body .btn-style-6 {
    background-color: #dcfd00;
    color: #2f3132;
    border: 2px solid #dcfd00;
}

.dark_body .btn-style-6:hover,
.dark_body .editor-area .btn-style-6:hover {
    background-color: transparent;
    color: #dcfd00;
    border: 2px solid #dcfd00;
}

@media (max-width:767px) {
    .business_form .form-check-item {
        margin: -5px -10px;
    }

    .business_form .form-check-item .form-check {
        padding: 5px 10px;
        width: 100%;
    }

    .business_form_wrap {
        padding: 15px;
    }

    .business_form .col-input {
        margin-bottom: 15px;
    }

    .business_info h3 {
        font-size: 24px;
    }

    .business_info p {
        font-size: 15px;
        line-height: 24px;
    }

    .business_form .event-input {
        padding: 8px 10px;
        min-height: 36px;
        line-height: 18px;
    }

    .business_form .form-select {
        padding: 8px 10px;
        min-height: 36px;
        line-height: 18px;
    }

    .form-floating>.form-control,
    .form-floating>.form-control-plaintext {
        padding: 20px 10px 5px 10px;
    }
}