.pep-solution-page-navigate-v2 .por-section {
    -webkit-box-shadow: var(--por-base-box-shadow-light);
    box-shadow: var(--por-base-box-shadow-light);
    min-height: 48px
}

.pep-solution-page-navigate-v2 .por-tab-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pep-solution-page-navigate-v2 .por-tab-container>a {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width: 768px) {
    .pep-solution-page-navigate-v2 .por-tab-container.pc {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .pep-solution-page-navigate-v2 .por-tab-container.pc.shrink-tab-spacing .por-tab>ul>li {
        margin-right: 16px
    }

    .pep-solution-page-navigate-v2 .por-tab-container.pc.shrink-tab-spacing .por-tab>ul>li:last-child {
        margin-right: 0
    }

    .pep-solution-page-navigate-v2 .por-tab-container.pc.hide-title>a {
        display: none
    }

    .pep-solution-page-navigate-v2 .por-tab-container.pc.hide-buttons>.btn {
        display: none!important
    }

    .pep-solution-page-navigate-v2 .por-tab-container.mb {
        display: none
    }

    .pep-solution-page-navigate-v2 .por-tab-container .tag-name {
        color: var(--por-color-text-primary);
        display: inline-block;
        line-height: 50px;
        margin-right: 50px
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: none;
        text-align: left;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 60px
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab a:not(.sub-nav) {
        padding: 0
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li {
        margin-left: 0;
        padding: 0;
        width: auto!important
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li:not(:last-child) {
        margin-right: 32px
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li .select-container {
        background: var(--por-color-background-white);
        display: none;
        height: auto;
        padding: 16px;
        position: fixed
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li .select-container::-webkit-scrollbar {
        background-color: var(--por-scrollbar-background-color);
        height: 8px;
        width: 16px
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li .select-container::-webkit-scrollbar-thumb {
        border: 6px solid transparent;
        border-radius: 12px;
        -webkit-box-shadow: 8px 0 0 var(--por-scrollbar-thumb-background-color) inset;
        box-shadow: 8px 0 0 var(--por-scrollbar-thumb-background-color) inset
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li .select-container .select-col+.select-col {
        margin-left: 32px
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li .select-container a {
        display: block;
        height: auto;
        max-height: 100%;
        max-width: 344px;
        overflow: hidden;
        padding: 0;
        text-align: left;
        white-space: pre-wrap
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li .select-container a:after {
        content: "";
        height: 0
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li .select-container a:not(:last-child) {
        margin-bottom: 16px
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li:hover .select-container {
        -webkit-box-shadow: var(--por-shadow-card-active);
        box-shadow: var(--por-shadow-card-active);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: -16px;
        z-index: 10
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li a:not(.sub-nav) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-height: 72px
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li a:not(.sub-nav).hasIcon {
        padding-right: 20px
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li a:not(.sub-nav).hasIcon .por-icon-down {
        display: block!important
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li a:not(.sub-nav) .tag-item {
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        max-width: 240px;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin: 14px 0;
        overflow: hidden
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li a:not(.sub-nav) .por-icon-down {
        font-size: 14px;
        margin-top: 0;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li a:not(.sub-nav) .por-icon-down:before {
        margin-left: 6px
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li.active a:not(.sub-nav):after {
        opacity: 1;
        -webkit-transition: width .2s;
        transition: width .2s;
        width: 100%
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li.active .select-container a {
        font-weight: 400
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li.active .select-container a:hover {
        font-weight: var(--por-base-font-weight-bold);
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab>ul:not(.por-tab-drop) {
        white-space: normal
    }

    .pep-solution-page-navigate-v2 .por-tab-container .btn {
        display: none;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: 0
    }

    .pep-solution-page-navigate-v2 .por-tab-container .btn a:not(.sub-nav):nth-child(n+2) {
        margin-left: 8px
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab.por-tab-scroll {
        overflow: visible;
        padding-left: 0;
        padding-right: 0
    }

    .pep-solution-page-navigate-v2 .por-tab-container .por-tab.por-tab-scroll .u-icon-left,.pep-solution-page-navigate-v2 .por-tab-container .por-tab.por-tab-scroll .u-icon-right {
        display: none
    }
}

.pep-solution-page-navigate-v2 .por-section[data-bg=dark] .por-icon-down,.pep-solution-page-navigate-v2 .por-section[data-bg=dark] .tag-item,.pep-solution-page-navigate-v2 .por-section[data-bg=dark] .tag-name {
    color: var(--por-color-text-white)
}

.pep-solution-page-navigate-v2 .por-section[data-bg=dark] .por-tab-container .por-tab ul li .select-container {
    background-color: var(--por-color-background-black)
}

.pep-solution-page-navigate-v2 .por-section[data-bg=dark] .por-tab-container .por-tab ul li .select-container .sub-nav {
    color: var(--por-color-text-white)
}

.pep-solution-page-navigate-v2 .por-section[data-bg=dark] .por-tab-container .por-tab ul li a:after,.pep-solution-page-navigate-v2 .por-section[data-bg=white] {
    background-color: var(--por-color-background-white)
}

.pep-solution-page-navigate-v2 .por-section.fixed {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.pep-solution-page-navigate-v2 .por-section.fixed .por-tab ul li .select-container {
    -webkit-transform: none!important;
    transform: none!important
}

@media (max-width: 768px) {
    .pep-solution-page-navigate-v2 .por-section {
        min-height:42px
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.pc {
        display: none
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb {
        display: block
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .title-container {
        height: 42px;
        position: relative
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .title-container .title {
        color: var(--por-color-text-primary);
        font-size: var(--por-font-size-12);
        line-height: var(--por-font-line-height-18);
        padding: 12px 0
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .title-container .title-expand {
        right: 0;
        top: calc(50% - 6px)
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .title-container .title-expand.opened {
        top: calc(50% - 2px)
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container {
        background-color: #fff;
        display: none;
        left: 0;
        overflow-y: auto;
        padding-bottom: 24px;
        padding-left: 24px;
        padding-right: 24px;
        position: fixed;
        width: 100%;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
        z-index: 998
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container li {
        font-size: var(--por-font-size-12);
        line-height: var(--por-font-line-height-18);
        margin-top: 16px;
        position: relative
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container li>span {
        display: block;
        width: calc(100% - 20px)
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container li.active {
        color: var(--por-color-text-primary);
        font-weight: var(--por-base-font-weight-bold)
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container li .menu-expand {
        top: 4px
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container ul {
        display: none;
        margin-left: 16px
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container.show {
        display: block
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container::-webkit-scrollbar {
        width: 3px
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container::-webkit-scrollbar-thumb {
        background-color: #d8d8d8;
        border-radius: 2px
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container.show:after {
        background: var(--por-color-border-drop);
        content: "";
        height: 1px;
        left: 3%;
        position: absolute;
        top: 0;
        width: 94%
    }

    .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-expand,.pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .title-expand {
        color: var(--por-color-text-primary);
        font-size: var(--por-font-size-14);
        font-weight: var(--por-base-font-weight-bold);
        position: absolute;
        right: 0
    }

    .pep-solution-page-navigate-v2 .por-section .por-section.fixed {
        top: 48px
    }

    .pep-solution-page-navigate-v2 .por-section[data-bg=dark] .por-tab-container.mb .menu-expand,.pep-solution-page-navigate-v2 .por-section[data-bg=dark] .por-tab-container.mb .title-container .title,.pep-solution-page-navigate-v2 .por-section[data-bg=dark] .por-tab-container.mb .title-expand,.pep-solution-page-navigate-v2 .por-section[data-bg=dark] .por-tab-container.mb li,.pep-solution-page-navigate-v2 .por-section[data-bg=dark] .por-tab-container.mb li.active {
        color: var(--por-color-text-white)
    }
}

@media (width: 768px) {
    .pep-solution-page-navigate-v2 .por-section.fixed {
        top:48px
    }
}

.pep-solution-page-navigate-v2 .por-tab>ul:not(.por-tab-drop)>li {
    max-width: none
}

@media (max-width: 768px) {
    body>#header {
        height:48px
    }
}

html[lang=ar-MENA],html[lang=ar-mena] {
    direction: rtl
}

html[lang=ar-MENA] .pep-solution-page-navigate-v2 .por-tab>ul:not(.por-tab-drop)>li:first-child,html[lang=ar-mena] .pep-solution-page-navigate-v2 .por-tab>ul:not(.por-tab-drop)>li:first-child {
    padding-left: 0
}

html[lang=ar-MENA] .pep-solution-page-navigate-v2 .por-tab-container .tag-name,html[lang=ar-mena] .pep-solution-page-navigate-v2 .por-tab-container .tag-name {
    margin-right: 0
}

html[lang=ar-MENA] .pep-solution-page-navigate-v2 .por-tab-container .por-tab,html[lang=ar-mena] .pep-solution-page-navigate-v2 .por-tab-container .por-tab {
    margin-right: 52px
}

html[lang=ar-MENA] .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul:not(.por-tab-drop),html[lang=ar-mena] .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul:not(.por-tab-drop) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

html[lang=ar-MENA] .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li:not(:last-child),html[lang=ar-mena] .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li:not(:last-child) {
    margin-right: 0
}

html[lang=ar-MENA] .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul a:not(.sub-nav).hasIcon,html[lang=ar-mena] .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul a:not(.sub-nav).hasIcon {
    padding-left: 20px;
    padding-right: 0
}

html[lang=ar-MENA] .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li a:not(.sub-nav) .por-icon-down,html[lang=ar-mena] .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li a:not(.sub-nav) .por-icon-down {
    left: -4px;
    right: auto
}

html[lang=ar-MENA] .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li .select-container a,html[lang=ar-mena] .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li .select-container a {
    text-align: right
}

html[lang=ar-MENA] .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li .select-container .select-col+.select-col,html[lang=ar-mena] .pep-solution-page-navigate-v2 .por-tab-container .por-tab ul li .select-container .select-col+.select-col {
    margin-left: 0;
    margin-right: 32px
}

html[lang=ar-MENA] .pep-solution-page-navigate-v2 .por-tab-container .btn a:not(.sub-nav):nth-child(n+2),html[lang=ar-mena] .pep-solution-page-navigate-v2 .por-tab-container .btn a:not(.sub-nav):nth-child(n+2) {
    margin-left: 0;
    margin-right: 8px
}

@media (max-width: 768px) {
    html[lang=ar-MENA] .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container li .menu-expand,html[lang=ar-MENA] .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .title-container .title-expand,html[lang=ar-mena] .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container li .menu-expand,html[lang=ar-mena] .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .title-container .title-expand {
        left:0;
        right: auto
    }

    html[lang=ar-MENA] .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container,html[lang=ar-mena] .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container {
        overflow-y: auto
    }

    html[lang=ar-MENA] .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container::-webkit-scrollbar,html[lang=ar-mena] .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container::-webkit-scrollbar {
        background-color: var(--por-scrollbar-background-color);
        border-radius: 2px;
        height: 8px;
        width: 3px
    }
}

.pep-product-banner-v3 {
    position: relative
}

.pep-product-banner-v3 .banner-mb {
    display: none
}

.pep-product-banner-v3,.pep-product-banner-v3 .bg-mb {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.pep-product-banner-v3 .por-section {
    background-color: var(--por-color-background-transparent)
}

.pep-product-banner-v3>.por-container,.pep-product-banner-v3>.por-section {
    position: relative
}

.pep-product-banner-v3[data-bg=white] {
    background-color: var(--por-color-background-white)
}

.pep-product-banner-v3[data-bg=grey] {
    background-color: var(--por-color-background-gray-2)
}

.pep-product-banner-v3[data-bg=transblack],.pep-product-banner-v3[data-bg=translight] {
    background-color: var(--por-color-background-transparent)
}
.pep-product-banner-v3 .product-banner-icon {
    font-size: 0;
    margin-bottom: 48px
}

.pep-product-banner-v3 .product-banner-icon span {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 130px;
    width: 130px
}

.pep-product-banner-v3 .prodoc-title-content {
    display: inline-block;
    max-width: 80%
}

.pep-product-banner-v3 .prodoc-title-content .por-text-body-t2 {
    margin-top: 16px;
    max-width: 700px;
}

.pep-product-banner-v3 .prodoc-title-content .por-text-body-t2 p+p {
    margin-top: 12px
}
.pep-product-banner-v3 .prodoc-banner-title .banner-pc {
    color: var(--por-section-title-color);
}
.pep-product-banner-v3 .prodoc-banner-title{
       display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pep-product-banner-v3 .prodoc-banner-title .por-player-btn {
    -ms-flex-negative: 0;
    background: var(--por-color-background-transparent);
    border: 1px solid var(--por-section-title-color);
    color: var(--por-section-title-color);
    flex-shrink: 0;
    line-height: 38px;
    margin-left: 16px;
    margin-top: 13px
}

.pep-product-banner-v3 .prodoc-banner-title .por-player-btn,.pep-product-banner-v3 .prodoc-banner-title .por-player-btn:hover {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.pep-product-banner-v3 .prodoc-banner-title .por-player-btn:hover {
    border-color: var(--por-color-text-secondary);
    color: var(--por-color-text-secondary)
}

.pep-product-banner-v3 .prodoc-banner-adSpace {
    margin-top: 24px
}

.pep-product-banner-v3 .prodoc-banner-adSpace a {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: var(--por-color-text-primary);
    justify-content: center;
    line-height: 22px;
    max-width: 80%;
    padding: 8px 20px;
    text-align: left;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.pep-product-banner-v3 .prodoc-banner-adSpace a .adSpace-text {
    position: relative;
    z-index: 1
}

.pep-product-banner-v3 .prodoc-banner-adSpace a .adSpace-text span:first-child {
    font-weight: var(--por-base-font-weight-bold);
    margin-right: 16px
}

.pep-product-banner-v3 .prodoc-banner-adSpace a:after {
    background: -webkit-gradient(linear,left top,right top,color-stop(12%,rgba(107,181,255,.4)),color-stop(79%,rgba(139,227,248,.4)),to(rgba(186,225,255,.24)));
    background: linear-gradient(90deg,rgba(107,181,255,.4) 12%,rgba(139,227,248,.4) 79%,rgba(186,225,255,.24));
    border-radius: var(--por-radius-xl-1);
    bottom: -1px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: -1px
}

.pep-product-banner-v3 .prodoc-banner-adSpace a .adSpace-icon {
    position: relative;
    width: 16px;
    -ms-flex-negative: 0;
    background-image: url(https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/%E7%BB%84%E4%BB%B6%E9%AA%8C%E8%AF%81/pep-common-banner-v2/arrow-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    flex-shrink: 0;
    margin-left: 12px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    z-index: 1
}

.pep-product-banner-v3 .prodoc-banner-adSpace a:hover .adSpace-icon {
    -webkit-transform: translate(4px);
    transform: translate(4px)
}

.pep-product-banner-v3 .prodoc-banner-btnGroup {
    font-size: 0;
    margin: 24px -8px -12px
}

.pep-product-banner-v3 .prodoc-banner-btnGroup .por-btn {
    margin: 0 8px 12px
}

.pep-product-banner-v3 .por-row {
    padding-bottom: 20px
}

.pep-product-banner-v3 .por-row .por-card {
    backdrop-filter: blur(16px);
    background: hsla(0,0%,100%,.8);
    padding: 40px 32px
}

.pep-product-banner-v3 .por-row .por-card:not(:hover) {
    -webkit-box-shadow: var(--por-shadow-card-normal);
    box-shadow: var(--por-shadow-card-normal)
}

.pep-product-banner-v3 .por-row.gap-large {
    margin-left: -12px;
    margin-right: -12px
}

.pep-product-banner-v3 .por-row.gap-large .por-col {
    padding-left: 12px;
    padding-right: 12px
}

.pep-product-banner-v3 .por-row h3.por-text-title-t3 {
    color: var(--por-color-text-primary);
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0
}

.pep-product-banner-v3 .por-row .por-text-body-t1 {
    color: var(--por-color-text-secondary);
    font-size: 16px;
    line-height: 24px;
    padding-top: 12px
}

.pep-product-banner-v3[data-bg=translight] .prodoc-banner-title .banner-mb,.pep-product-banner-v3[data-bg=translight] .prodoc-banner-title .banner-pc,.pep-product-banner-v3[data-bg=translight] .prodoc-title-content .por-text-body-t2,.pep-product-banner-v3[data-bg=translight] .prodoc-title-content .por-text-title-t7 {
    color: var(--por-color-text-white)
}

.pep-product-banner-v3[data-bg=translight] .prodoc-banner-title .por-player-btn {
    border: 1px solid var(--por-color-text-white);
    color: var(--por-color-text-white)
}

.pep-product-banner-v3[data-bg=translight] .prodoc-banner-adSpace a {
    color: var(--por-color-text-white)
}

.pep-product-banner-v3[data-bg=translight] .prodoc-banner-adSpace a .adSpace-icon {
    background-image: url(https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/%E7%BB%84%E4%BB%B6%E9%AA%8C%E8%AF%81/pep-common-banner-v2/arrow-icon-white.svg)
}

.pep-product-banner-v3[data-bg=translight] .por-row .por-card {
    background: var(--por-color-background-white-1)
}

.pep-product-banner-v3.flexus-banner {
    height: 880px
}

.pep-product-banner-v3.flexus-banner .main-section {
    padding-top: 110px
}

.pep-product-banner-v3.flexus-banner .product-banner-icon {
    margin-bottom: 12px
}

.pep-product-banner-v3.flexus-banner .product-banner-icon span {
    height: 88px;
    width: 88px
}

.pep-product-banner-v3.flexus-banner .prodoc-banner-title .banner-pc {
    font-size: 48px;
    line-height: 72px
}

.pep-product-banner-v3.flexus-banner .prodoc-banner-title .por-player-btn {
    margin-top: 16px
}

.pep-product-banner-v3.flexus-banner .prodoc-title-content .por-text-body-t2 {
    font-size: 18px;
    line-height: 28px;
    margin-top: 8px
}

.pep-product-banner-v3 .breadcrumbs-section {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.pep-product-banner-v3 .breadcrumbs-section .por-breadcrumb {
    padding: 20px 0
}

.pep-product-banner-v3 .dynamic-section {
    bottom: 40px;
    left: 0;
    position: absolute;
    right: 0
}

.pep-product-banner-v3 .dynamic-content {
    display: block
}

.pep-product-banner-v3 .dynamic-content object {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: var(--por-color-background-white);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--por-radius-xl);
    justify-content: space-between;
    padding: 16px 32px
}

.pep-product-banner-v3 .dynamic-content object[data-bg=grey] {
    background-color: var(--por-color-background-gray-2)
}

.pep-product-banner-v3 .dynamic-content object:not(:hover) {
    -webkit-box-shadow: var(--por-shadow-card-normal);
    box-shadow: var(--por-shadow-card-normal)
}

.pep-product-banner-v3 .dynamic-content .dynamic-main,.pep-product-banner-v3 .dynamic-content object {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.pep-product-banner-v3 .dynamic-content .dynamic-icon,.pep-product-banner-v3 .dynamic-content .dynamic-line,.pep-product-banner-v3 .dynamic-content .dynamic-title,.pep-product-banner-v3 .dynamic-content .por-link-more {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pep-product-banner-v3 .dynamic-content .dynamic-main {
    color: var(--por-color-text-primary);
    font-size: 16px;
    line-height: 24px
}

.pep-product-banner-v3 .dynamic-content .dynamic-icon {
	background-image: url(/themes/web/ZdsjuM4/static/img/xlb.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 32px;
    margin-right: 20px;
    width: 32px
}

.pep-product-banner-v3 .dynamic-content .dynamic-title {
    font-size: 16px;
    font-weight: var(--por-base-font-weight-bold);
    line-height: 28px
}

.pep-product-banner-v3 .dynamic-content .dynamic-line {
    background-color: var(--por-color-background-gray);
    height: 18px;
    margin: 0 28px;
    width: 1px
}

.pep-product-banner-v3 .carousel-container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pep-product-banner-v3 .por-carousel-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto
}

@media (min-width: 1601px) {
    .pep-product-banner-v3 .dynamic-content .por-link-more {
        font-size:16px;
        margin-left: 20px
    }
}

@media (max-width: 1600px) {
    .pep-product-banner-v3 .product-banner-icon {
        margin-bottom:40px
    }

    .pep-product-banner-v3 .product-banner-icon span {
        height: 104px;
        width: 104px
    }

    .pep-product-banner-v3 .prodoc-title-content .por-text-body-t2 {
        font-size: 14px;
        line-height: 22px;
        margin-top: 12px
    }

    .pep-product-banner-v3 .prodoc-title-content .por-text-body-t2 p+p {
        margin-top: 10px
    }

    .pep-product-banner-v3 .prodoc-banner-title .banner-pc {
        font-size: 36px;
        line-height: 54px
    }

    .pep-product-banner-v3 .prodoc-banner-title .por-player-btn {
        font-size: 14px;
        height: 32px;
        line-height: 30px;
        margin-left: 16px;
        margin-top: 11px;
        width: 32px
    }

    .pep-product-banner-v3 .prodoc-banner-adSpace,.pep-product-banner-v3 .prodoc-banner-btnGroup {
        margin-top: 20px
    }

    .pep-product-banner-v3 .por-row .por-card {
        padding: 32px 28px
    }

    .pep-product-banner-v3 .por-row h3.por-text-title-t3 {
        font-size: 16px;
        line-height: 24px
    }

    .pep-product-banner-v3 .por-row .por-text-body-t1 {
        font-size: 14px;
        line-height: 22px
    }

    .pep-product-banner-v3.flexus-banner {
        height: 700px
    }

    .pep-product-banner-v3.flexus-banner .main-section {
        padding-top: 88px
    }

    .pep-product-banner-v3.flexus-banner .product-banner-icon {
        margin-bottom: 8px
    }

    .pep-product-banner-v3.flexus-banner .product-banner-icon span {
        height: 70px;
        width: 70px
    }

    .pep-product-banner-v3.flexus-banner .prodoc-banner-title .banner-pc {
        font-size: 38px;
        line-height: 54px
    }

    .pep-product-banner-v3.flexus-banner .prodoc-banner-title .por-player-btn {
        margin-top: 13px
    }

    .pep-product-banner-v3.flexus-banner .prodoc-title-content .por-text-body-t2 {
        font-size: 16px;
        line-height: 24px;
        margin-top: 4px
    }

    .pep-product-banner-v3 .por-breadcrumb-item {
        font-size: 12px;
        line-height: 18px
    }

    .pep-product-banner-v3 .dynamic-section {
        bottom: 28px
    }

    .pep-product-banner-v3 .dynamic-content object {
        padding: 14px 28px
    }

    .pep-product-banner-v3 .dynamic-content .dynamic-main {
        font-size: 14px;
        line-height: 22px
    }

    .pep-product-banner-v3 .dynamic-content .dynamic-icon {
        height: 24px;
        margin-right: 16px;
        width: 24px
    }

    .pep-product-banner-v3 .dynamic-content .dynamic-title,.pep-product-banner-v3 .dynamic-content .por-text-body-t2 {
        font-size: 14px;
        line-height: 22px
    }

    .pep-product-banner-v3 .dynamic-content .dynamic-line {
        height: 16px;
        margin: 0 24px
    }

    .pep-product-banner-v3 .dynamic-content .por-link-more {
        margin-left: 16px
    }
}

@media (max-width: 1280px) {
    .pep-product-banner-v3 .product-banner-icon {
        margin-bottom:32px
    }

    .pep-product-banner-v3 .product-banner-icon span {
        height: 88px;
        width: 88px
    }

    .pep-product-banner-v3 .prodoc-title-content .por-text-body-t2 {
        font-size: 12px;
        margin-top: 8px
    }

    .pep-product-banner-v3 .prodoc-title-content .por-text-body-t2 p+p {
        margin-top: 8px
    }

    .pep-product-banner-v3 .prodoc-banner-title .banner-pc {
        font-size: 30px;
        line-height: 46px
    }

    .pep-product-banner-v3 .prodoc-banner-title .por-player-btn {
        font-size: 12px;
        height: 24px;
        line-height: 22px;
        margin-left: 8px;
        width: 24px
    }

    .pep-product-banner-v3 .prodoc-banner-adSpace {
        margin-top: 16px
    }

    .pep-product-banner-v3 .prodoc-banner-adSpace a {
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 6px;
        padding-top: 6px
    }

    .pep-product-banner-v3 .prodoc-banner-adSpace a .adSpace-text span:first-child {
        margin-right: 12px
    }

    .pep-product-banner-v3 .prodoc-banner-adSpace a:after {
        border-radius: var(--por-radius-xl)
    }

    .pep-product-banner-v3 .prodoc-banner-btnGroup {
        margin: 16px -6px -12px
    }

    .pep-product-banner-v3 .prodoc-banner-btnGroup .por-btn {
        margin: 0 6px 12px
    }

    .pep-product-banner-v3 .por-row .por-card {
        padding: 28px 24px
    }

    .pep-product-banner-v3 .por-row h3.por-text-title-t3 {
        font-size: 16px;
        line-height: 24px
    }

    .pep-product-banner-v3 .por-row .por-text-body-t1 {
        font-size: 14px;
        line-height: 22px;
        padding-top: 8px
    }

    .pep-product-banner-v3.flexus-banner {
        height: 586px
    }

    .pep-product-banner-v3.flexus-banner .main-section {
        padding-top: 72px
    }

    .pep-product-banner-v3.flexus-banner .product-banner-icon span {
        height: 58px;
        width: 58px
    }

    .pep-product-banner-v3.flexus-banner .prodoc-banner-title .banner-pc {
        font-size: 32px;
        line-height: 48px
    }

    .pep-product-banner-v3.flexus-banner .prodoc-title-content .por-text-body-t2 {
        font-size: 12px;
        line-height: 18px
    }

    .pep-product-banner-v3 .dynamic-section {
        bottom: 20px
    }

    .pep-product-banner-v3 .dynamic-content object {
        padding: 11px 24px
    }

    .pep-product-banner-v3 .dynamic-content .dynamic-main {
        font-size: 12px;
        line-height: 18px
    }

    .pep-product-banner-v3 .dynamic-content .dynamic-icon {
        height: 22px;
        margin-right: 14px;
        width: 22px
    }

    .pep-product-banner-v3 .dynamic-content .dynamic-title,.pep-product-banner-v3 .dynamic-content .por-text-body-t2 {
        font-size: 12px;
        line-height: 18px
    }

    .pep-product-banner-v3 .dynamic-content .dynamic-line {
        height: 14px;
        margin: 0 20px
    }

    .pep-product-banner-v3 .dynamic-content .por-link-more {
        font-size: 12px;
        margin-left: 14px
    }
}

@media (max-width: 1024px) {
    .pep-product-banner-v3 .por-row h3.por-text-title-t3 {
        font-size:14px;
        line-height: 22px
    }

    .pep-product-banner-v3 .por-row .por-text-body-t1 {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width: 768px) {
    .pep-product-banner-v3 {
        background-image:none!important
    }

    .pep-product-banner-v3 .bg-mb {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .pep-product-banner-v3 .banner-pc {
        display: none
    }

    .pep-product-banner-v3 .banner-mb {
        display: block
    }

    .pep-product-banner-v3 .hidden-mb {
        display: none
    }

    .pep-product-banner-v3 .por-section.hide-cards {
        padding-bottom: 40px
    }

    .pep-product-banner-v3 .product-banner-icon {
        margin-bottom: 28px
    }

    .pep-product-banner-v3 .product-banner-icon span {
        height: 80px;
        width: 80px
    }

    .pep-product-banner-v3 .prodoc-title-content {
        max-width: none!important
    }

    .pep-product-banner-v3 .prodoc-title-content .por-text-title-t7 {
        font-size: 12px;
        font-weight: var(--por-base-font-weight-normal);
        line-height: 18px;
        margin-top: 8px
    }

    .pep-product-banner-v3 .prodoc-title-content .por-text-title-t7 p+p {
        margin-top: 8px
    }

    .pep-product-banner-v3 .prodoc-banner-title .banner-mb {
        color: var(--por-section-title-color);
        font-size: 22px;
        font-weight: var(--por-base-font-weight-bold);
        line-height: 34px
    }

    .pep-product-banner-v3 .prodoc-banner-title .por-player-btn {
        margin-top: 5px
    }

    .pep-product-banner-v3 .prodoc-banner-adSpace {
        margin-top: 20px
    }

    .pep-product-banner-v3 .prodoc-banner-adSpace a {
        max-width: 100%
    }

    .pep-product-banner-v3 .prodoc-banner-btnGroup {
        margin: 20px -4px -12px
    }

    .pep-product-banner-v3 .prodoc-banner-btnGroup .por-btn {
        margin: 0 4px 12px
    }

    .pep-product-banner-v3 .por-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 0
    }

    .pep-product-banner-v3 .por-row .por-card {
        padding: 20px
    }

    .pep-product-banner-v3 .por-row h3.por-text-title-t3 {
        font-size: 14px;
        line-height: 22px
    }

    .pep-product-banner-v3 .por-row .por-text-body-t1 {
        font-size: 12px;
        line-height: 18px;
        padding-top: 4px
    }

    .pep-product-banner-v3 .por-col {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .pep-product-banner-v3.flexus-banner {
        background-color: var(--por-color-background-gray-2)!important;
        height: auto
    }

    .pep-product-banner-v3.flexus-banner .main-section {
        padding-top: 52px
    }

    .pep-product-banner-v3.flexus-banner .product-banner-icon {
        margin-bottom: 28px
    }

    .pep-product-banner-v3.flexus-banner .product-banner-icon span {
        height: 80px;
        width: 80px
    }

    .pep-product-banner-v3.flexus-banner .prodoc-banner-title .banner-pc {
        font-size: 22px;
        line-height: 34px
    }

    .pep-product-banner-v3.flexus-banner .prodoc-banner-title .por-player-btn {
        margin-top: 6px
    }

    .pep-product-banner-v3 .breadcrumbs-section {
        display: none
    }

    .pep-product-banner-v3 .dynamic-section {
        position: static
    }

    .pep-product-banner-v3 .dynamic-section.por-section {
        padding-bottom: 24px
    }

    .pep-product-banner-v3 .dynamic-content object {
        padding: 20px
    }

    .pep-product-banner-v3 .dynamic-content .dynamic-main {
        display: block;
        margin-right: 0;
        padding-left: 46px;
        position: relative
    }

    .pep-product-banner-v3 .dynamic-content .dynamic-main.no-icon {
        padding: 0
    }

    .pep-product-banner-v3 .dynamic-content .dynamic-icon {
        height: 32px;
        left: 0;
        position: absolute;
        width: 32px
    }

    .pep-product-banner-v3 .dynamic-content .dynamic-title {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 4px
    }

    .pep-product-banner-v3 .dynamic-content .dynamic-line,.pep-product-banner-v3 .dynamic-content .por-link-more {
        display: none
    }
}

@media (max-width: 375px) {
    .pep-product-banner-v3 .dynamic-section.por-section {
        padding-bottom:16px
    }
}

html[lang=ar-MENA] .pep-product-banner-v3 .prodoc-banner-title .por-player-btn {
    margin-left: 0;
    margin-right: 16px
}

html[lang=ar-MENA] .pep-product-banner-v3 .prodoc-banner-adSpace a .adSpace-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTcgMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEIDI8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iYmFubmVyLeS6p+WTge+8iHBlcC1wcm9kdWN0LWJhbm5lci12M++8iS3pmL/or60iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03ODYuMDAwMDAwLCAtMTYxMC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3OTQuNTAwMDAwLCAxNjE4LjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtNzk0LjUwMDAwMCwgLTE2MTguNTAwMDAwKSB0cmFuc2xhdGUoNzg2LjUwMDAwMCwgMTYxMC41MDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InRyYWlsaW5nX2ljb27lpIfku70iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCA3LjAwMDAwMCkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtNy4wMDAwMDAsIC03LjAwMDAwMCkgIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEyLjA2MTYwNDQsNC4xMDgxNDc2MSBDMTIuMzE4NzQwNywzLjg2NzEwMzYzIDEyLjcxOTYwNjMsMy44ODMzODczNiAxMi45NTY5NjI5LDQuMTQ0NTE4MzQgQzEzLjE3Mjc0MTYsNC4zODE5MTAxNCAxMy4xNzkxMDYxLDQuNzM5OTMxOSAxMi45ODUyODk3LDQuOTg0MTY0NzYgTDEyLjkyMTE0ODYsNS4wNTM3ODY1MyBMOC4wMDI4MDE1Myw5LjY2NDMyOTc0IEM3LjQ2OTc3ODg0LDEwLjE2Mzk5NDQgNi42NjUxNzE4MywxMC4xOTMzODY0IDYuMTAwMTk4MDQsOS43NTI1MDU4NSBMNS45OTcxOTg0Nyw5LjY2NDMyOTc0IEwxLjA3ODg1MTQ0LDUuMDUzNzg2NTMgQzAuODIxNzE1MTU5LDQuODEyNzQyNTUgMC44MDU2ODA1MzIsNC40MDU2NDkzMiAxLjA0MzAzNzEsNC4xNDQ1MTgzNCBDMS4yNTg4MTU4LDMuOTA3MTI2NTQgMS42MDk3MjU5OCwzLjg3MjA4Nzg0IDEuODY0OTM0ODMsNC4wNDg3Nzg5OSBMMS45MzgzOTU2MSw0LjEwODE0NzYxIEw2Ljg1Njc0MjY0LDguNzE4NjkwODEgQzYuOTI0MTYzNjYsOC43ODE4OTI0NCA3LjAyMjAwMDY4LDguNzkyNDI2MDUgNy4wOTk1NjAzNyw4Ljc1MDI5MTYzIEw3LjE0MzI1NzM2LDguNzE4NjkwODEgTDEyLjA2MTYwNDQsNC4xMDgxNDc2MSBaIiBpZD0iUGF0aC0xMi1Db3B5Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    margin-left: 0;
    margin-right: 12px
}

html[lang=ar-MENA] .pep-product-banner-v3 .prodoc-banner-adSpace a:hover .adSpace-icon {
    -webkit-transform: translate(-4px);
    transform: translate(-4px)
}

html[lang=ar-MENA] .pep-product-banner-v3 .prodoc-banner-adSpace a .adSpace-text {
    text-align: right
}

html[lang=ar-MENA] .pep-product-banner-v3 .prodoc-banner-adSpace a span:first-child {
    float: right;
    margin-left: 16px;
    margin-right: 0
}

html[lang=ar-MENA] .pep-product-banner-v3 .por-row h3.por-text-title-t3 {
    text-align: right
}

html[lang=ar-MENA] .pep-product-banner-v3[data-bg=translight] .prodoc-banner-adSpace a .adSpace-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTcgMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEIDI8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iYmFubmVyLeS6p+WTge+8iHBlcC1wcm9kdWN0LWJhbm5lci12M++8iS3pmL/or60iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03ODYuMDAwMDAwLCAtMTYxMC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3OTQuNTAwMDAwLCAxNjE4LjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtNzk0LjUwMDAwMCwgLTE2MTguNTAwMDAwKSB0cmFuc2xhdGUoNzg2LjUwMDAwMCwgMTYxMC41MDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InRyYWlsaW5nX2ljb27lpIfku70iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCA3LjAwMDAwMCkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtNy4wMDAwMDAsIC03LjAwMDAwMCkgIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEyLjA2MTYwNDQsNC4xMDgxNDc2MSBDMTIuMzE4NzQwNywzLjg2NzEwMzYzIDEyLjcxOTYwNjMsMy44ODMzODczNiAxMi45NTY5NjI5LDQuMTQ0NTE4MzQgQzEzLjE3Mjc0MTYsNC4zODE5MTAxNCAxMy4xNzkxMDYxLDQuNzM5OTMxOSAxMi45ODUyODk3LDQuOTg0MTY0NzYgTDEyLjkyMTE0ODYsNS4wNTM3ODY1MyBMOC4wMDI4MDE1Myw5LjY2NDMyOTc0IEM3LjQ2OTc3ODg0LDEwLjE2Mzk5NDQgNi42NjUxNzE4MywxMC4xOTMzODY0IDYuMTAwMTk4MDQsOS43NTI1MDU4NSBMNS45OTcxOTg0Nyw5LjY2NDMyOTc0IEwxLjA3ODg1MTQ0LDUuMDUzNzg2NTMgQzAuODIxNzE1MTU5LDQuODEyNzQyNTUgMC44MDU2ODA1MzIsNC40MDU2NDkzMiAxLjA0MzAzNzEsNC4xNDQ1MTgzNCBDMS4yNTg4MTU4LDMuOTA3MTI2NTQgMS42MDk3MjU5OCwzLjg3MjA4Nzg0IDEuODY0OTM0ODMsNC4wNDg3Nzg5OSBMMS45MzgzOTU2MSw0LjEwODE0NzYxIEw2Ljg1Njc0MjY0LDguNzE4NjkwODEgQzYuOTI0MTYzNjYsOC43ODE4OTI0NCA3LjAyMjAwMDY4LDguNzkyNDI2MDUgNy4wOTk1NjAzNyw4Ljc1MDI5MTYzIEw3LjE0MzI1NzM2LDguNzE4NjkwODEgTDEyLjA2MTYwNDQsNC4xMDgxNDc2MSBaIiBpZD0iUGF0aC0xMi1Db3B5Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
}

html[lang=ar-MENA] .pep-product-banner-v3 .dynamic-main {
    margin-right: 0
}

html[lang=ar-MENA] .pep-product-banner-v3 .dynamic-icon {
    margin-left: 20px;
    margin-right: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

html[lang=ar-MENA] .pep-product-banner-v3 .dynamic-content .por-link-more {
    margin-left: 0;
    margin-right: 20px
}

@media (max-width: 1600px) {
    html[lang=ar-MENA] .pep-product-banner-v3 .dynamic-icon {
        margin-left:16px
    }

    html[lang=ar-MENA] .pep-product-banner-v3 .dynamic-content .por-link-more {
        margin-right: 16px
    }
}

@media (max-width: 1280px) {
    html[lang=ar-MENA] .pep-product-banner-v3 .prodoc-banner-title .por-player-btn {
        margin-right:8px
    }

    html[lang=ar-MENA] .pep-product-banner-v3 .dynamic-icon {
        margin-left: 14px
    }

    html[lang=ar-MENA] .pep-product-banner-v3 .dynamic-content .por-link-more {
        margin-right: 14px
    }
}

@media (max-width: 768px) {
    html[lang=ar-MENA] .pep-product-banner-v3 .dynamic-main {
        margin-left:0;
        padding-left: 0;
        padding-right: 46px
    }

    html[lang=ar-MENA] .pep-product-banner-v3 .dynamic-main.no-icon {
        padding-right: 0
    }

    html[lang=ar-MENA] .pep-product-banner-v3 .dynamic-icon {
        margin-left: 0;
        right: 0
    }
}

.mod-dialog {
    background-color: rgba(0,0,0,.8);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: opacity .175s ease-in-out;
    transition: opacity .175s ease-in-out;
    will-change: opacity
}

.mod-dialog-inner {
    background-color: #fff;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    max-width: 700px;
    min-width: 400px;
    padding: 0;
    position: relative
}

.mod-dialog header {
    color: #252b3a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    margin: 19px 0;
    padding-left: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mod-dialog-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

.mod-dialog-icon {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: block;
    height: 24px;
    margin-right: 20px;
    width: 24px
}

.mod-dialog-info {
    background-position: 0 0
}

.mod-dialog-success {
    background-position: -24px 0
}

.mod-dialog-error {
    background-position: -48px 0
}

.mod-dialog-warning {
    background-position: -72px 0
}

.mod-dialog section {
    word-wrap: break-word;
    color: #575d6c;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 12px 0;
    padding: 0 30px;
    text-align: justify
}

.mod-dialog footer {
    padding: 20px 30px 30px;
    text-align: center
}

.mod-dialog footer button {
    border-radius: 1px;
    cursor: pointer;
    line-height: 14px;
    padding: 5px 20px;
    -webkit-tap-highlight-color: transparent;
    background: #f66f6a;
    border: 1px solid #f66f6a;
    color: #fff;
    font-size: 12px;
    margin: 0 4px
}

.mod-dialog footer button.cancel {
    background: #fff;
    border: 1px solid #adb0b8;
    color: #252b3a
}

.mod-dialog-close {
    cursor: pointer;
    height: 18px;
    overflow: hidden;
    position: absolute;
    right: 18px;
    top: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 18px
}

.mod-dialog-close:after,.mod-dialog-close:before {
    background-color: #666a75;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 18px
}

.mod-dialog-close:after {
    height: 18px;
    left: 8px;
    top: 0;
    width: 2px
}

.mod-dialog[open] {
    opacity: 1
}

@media (max-width: 768px) {
    .mod-dialog-inner {
        max-width:calc(100% - 30px);
        min-width: 60%
    }
}

.shade,.shade-product {
    background-color: rgba(0,0,0,.8);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200
}

.modal-realName {
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 10px;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
    width: 100%;
    z-index: 999
}

.modal-realName .iframe-realName {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.modal-logRegister {
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
    width: 100%;
    z-index: 999
}

.modal-logRegister .iframe-logRegister {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.modal-product {
    -webkit-animation: mymove .3s ease-in-out;
    animation: mymove .3s ease-in-out;
    height: 100%;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
    width: 100%;
    z-index: 999
}

.modal-product .iframe-product {
    left: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%,-50%);
    transform: translate(-100%,-50%)
}

.opacity-fifty {
    opacity: .5
}

@-webkit-keyframes mymove {
    0% {
        left: 960px
    }

    to {
        left: 0
    }
}

@keyframes mymove {
    0% {
        left: 960px
    }

    to {
        left: 0
    }
}

.mod-dialog-body .free-test-dialog .dialog-content-title {
    font-size: 14px;
    line-height: 24px
}

.mod-dialog-body .free-test-dialog .dialog-info-inner {
    background: #f5f5f6;
    color: #575d6c;
    font-size: 12px;
    line-height: 34px;
    padding: 0 10px
}

.mod-dialog-body .free-test-dialog .dialog-warn-inner {
    color: #c7000b;
    font-size: 12px;
    line-height: 18px
}

.mod-dialog .mod-dialog-inner {
    width: 400px!important
}

.mod-dialog footer button {
    background: #c7000b!important;
    border-color: #c7000b!important;
    border-radius: 2px!important;
    cursor: pointer!important;
    font-size: 12px!important;
    height: 32px!important;
    padding-left: 24px!important;
    padding-right: 24px!important;
    -webkit-transition: .2s!important;
    transition: .2s!important
}

.mod-dialog footer button:hover {
    background-color: #d64a52!important;
    border-color: #d64a52!important
}

.mod-dialog footer button.cancel {
    background: #fff!important;
    border: 1px solid #252b3a!important;
    color: #252b3a!important
}

.mod-dialog footer button.cancel:hover {
    background-color: #fff!important;
    border-color: #c7000b!important;
    color: #c7000b!important
}

html[lang=ar-mena] .mod-dialog .mod-dialog-close {
    left: 18px;
    right: auto
}

html[lang=ar-mena] .mod-dialog .mod-dialog-icon {
    margin: 0 20px
}

.pep-activity-promotion-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pep-activity-promotion-card-header[content-align=center],.pep-activity-promotion-card-header[content-align=center] .icon,.pep-activity-promotion-card-header[content-align=center] .subtitle,.pep-activity-promotion-card-header[content-align=center] .tags {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.pep-activity-promotion-card-header .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 24px;
    margin: 0 20px -15px 0;
}

.pep-activity-promotion-card-header .icon img {
    display: block;
    height: 48px;
    width: 48px
}

.pep-activity-promotion-card-header .mark {
    background: #f5ebde;
    border-radius: 0 16px 0 16px;
    color: #b34700;
    font-size: 14px;
    line-height: 24px;
    padding: 0 12px;
    position: absolute;
    right: 0;
    top: 0
}

.pep-activity-promotion-card-header .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pep-activity-promotion-card-header .title .text {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    color: var(--por-color-text-primary);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px
}

.pep-activity-promotion-card-header .title .text.decoration {
    border-bottom: 1px dashed var(--por-color-border-primary)
}

.pep-activity-promotion-card-header .title .tip {
    background: #f4e8e8;
    border-radius: 4px;
    color: #c7000b;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    margin-left: 16px;
    padding: 0 8px;
    text-align: center;
    white-space: nowrap
}

.pep-activity-promotion-card-header .title .por-icon {
    color: #191919;
    font-size: 20px;
    line-height: 30px;
    margin-left: 8px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.pep-activity-promotion-card-header .title.open .por-icon {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.pep-activity-promotion-card-header a.title {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pep-activity-promotion-card-header a.title:hover .text {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.pep-activity-promotion-card-header .tooltip-container {
    background-color: #fff;
    border-radius: 12px;
    bottom: 40px;
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.1);
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    display: none;
    left: calc(50% - 234px);
    padding: 24px;
    position: absolute;
    width: 488px;
    z-index: 9
}

.pep-activity-promotion-card-header .tooltip-container:after,.pep-activity-promotion-card-header .tooltip-container:before {
    content: "";
    display: block;
    position: absolute
}

.pep-activity-promotion-card-header .tooltip-container:before {
    bottom: -20px;
    height: 20px;
    left: 0;
    width: 100%
}

.pep-activity-promotion-card-header .tooltip-container:after {
    border: 8px solid hsla(0,0%,100%,0);
    border-top-color: #fff;
    bottom: -16px;
    height: 0;
    left: calc(50% - 8px);
    width: 0
}

.pep-activity-promotion-card-header .tooltip-container .tooltip-title {
    color: #191919;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

.pep-activity-promotion-card-header .tooltip-container .tooltip-detail {
    color: #595959;
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px
}

.pep-activity-promotion-card-header .tooltip-container .tooltip-img {
    display: block;
    margin-top: 24px;
    width: 100%
}

.pep-activity-promotion-card-header .tooltip-container .tooltip-more {
    color: #191919;
    font-size: 12px;
    margin-top: 24px
}

.pep-activity-promotion-card-header .title:hover .tooltip-container {
    display: block
}

.pep-activity-promotion-card-header .subtitle {
    color: var(--por-color-text-secondary);
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 8px;
    width: 100%
}

.pep-activity-promotion-card-header .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 4px -4px -4px;
    width: 100%
}

.pep-activity-promotion-card-header .tag {
    padding: 4px
}

.pep-activity-promotion-card-header .tag p {
    background: rgba(89,89,89,.1);
    border-radius: 4px;
    color: #595959;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 22px;
    padding: 0 8px
}

.pep-activity-promotion-card-header .tag p.yellow {
    background: rgba(166,77,0,.1);
    color: #a64d00
}

.pep-activity-promotion-card-header .tag p.blue {
    background: rgba(20,118,255,.1);
    color: #1476ff
}

[columns="1"] .pep-activity-promotion-card-header[content-align=center],[columns="1"] .pep-activity-promotion-card-header[content-align=center] .icon,[columns="1"] .pep-activity-promotion-card-header[content-align=center] .subtitle,[columns="1"] .pep-activity-promotion-card-header[content-align=center] .tags,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-header[content-align=center],[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-header[content-align=center] .icon,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-header[content-align=center] .subtitle,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-header[content-align=center] .tags {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    text-align: left
}

[columns="1"] .pep-activity-promotion-card-header .mark,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-header .mark {
    border-radius: 16px 0 16px 0;
    left: 0;
    right: auto
}

[columns] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[columns] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-header .icon {
    margin-right: 12px;
    padding-bottom: 0;
    width: auto
}

[columns] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-header .icon img {
    height: 42px;
    width: 42px
}

[columns] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-header .title .text {
    font-size: 28px;
    line-height: 42px
}

.pep-activity-promotion-card:first-child .pep-activity-promotion-card-header .tooltip-container {
    left: -40px
}

.pep-activity-promotion-card:first-child .pep-activity-promotion-card-header .tooltip-container:after {
    left: calc(30% - 8px)
}

@media (max-width: 1600px) {
    .pep-activity-promotion-card-header .icon {
        padding-bottom:20px
    }

    .pep-activity-promotion-card-header .icon img {
        height: 44px;
        width: 44px
    }

    .pep-activity-promotion-card-header .title .text {
        font-size: 16px;
        line-height: 24px
    }

    .pep-activity-promotion-card-header .title .tip {
        font-size: 12px;
        line-height: 20px;
        margin-left: 12px;
        margin-top: 2px;
        padding: 0 6px
    }

    .pep-activity-promotion-card-header .title .por-icon {
        font-size: 16px;
        line-height: 28px
    }

    .pep-activity-promotion-card-header .tooltip-container {
        left: calc(50% - 163px);
        width: 326px
    }

    .pep-activity-promotion-card-header .subtitle {
        font-size: 12px;
        line-height: 18px;
        margin-top: 6px
    }

    .pep-activity-promotion-card-header .tags {
        margin: 4px -2px -2px
    }

    .pep-activity-promotion-card-header .tags .tag {
        padding: 2px
    }

    .pep-activity-promotion-card-header .tags .tag p {
        line-height: 20px;
        padding: 0 6px
    }

    .pep-activity-promotion-card-header .mark {
        font-size: 12px;
        line-height: 20px
    }
}

@media (max-width: 1280px) {
    .pep-activity-promotion-card-header .subtitle {
        margin-top:4px
    }

    .pep-activity-promotion-card-header .title .text {
        font-size: 14px;
        line-height: 22px
    }

    .pep-activity-promotion-card-header .title .tip {
        margin-left: 8px;
        margin-top: 1px
    }

    .pep-activity-promotion-card-header .title .por-icon {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width: 768px) {
    .pep-activity-promotion-card-header[content-align=center],.pep-activity-promotion-card-header[content-align=center] .subtitle,.pep-activity-promotion-card-header[content-align=center] .tags,[columns] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-header.pep-activity-promotion-card-header[content-align=center],[columns] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-header.pep-activity-promotion-card-header[content-align=center] .subtitle,[columns] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-header.pep-activity-promotion-card-header[content-align=center] .tags {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .pep-activity-promotion-card-header .icon,[columns] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-header.pep-activity-promotion-card-header .icon {
        padding-bottom: 8px;
		margin: 0 12px -6px 0;
    }

    .pep-activity-promotion-card-header .mark,[columns] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-header.pep-activity-promotion-card-header .mark {
        display: none
    }

    .pep-activity-promotion-card-header .title .text,[columns] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-header.pep-activity-promotion-card-header .title .text {
        font-size: 16px;
        line-height: 24px
    }

    .pep-activity-promotion-card-header .title .tip,[columns] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-header.pep-activity-promotion-card-header .title .tip {
        font-size: 10px;
        line-height: 16px;
        margin-left: 8px;
        margin-top: 4px;
        padding: 0 4px
    }

    .pep-activity-promotion-card-header .tooltip-container,[columns] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-header.pep-activity-promotion-card-header .tooltip-container {
        display: none
    }
}

[lang=ar-MENA] .pep-activity-promotion-card-header .title .tip {
    margin-left: 0;
    margin-right: 16px
}

@media (max-width: 1600px) {
    [lang=ar-MENA] .pep-activity-promotion-card-header .title .tip {
        margin-right:12px
    }
}

@media (max-width: 1280px) {
    [lang=ar-MENA] .pep-activity-promotion-card-header .title .tip {
        margin-right:8px
    }
}

.pep-activity-promotion-card-description>div {
    margin-top: 32px
}

.pep-activity-promotion-card-description .specs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -36px
}

.pep-activity-promotion-card-description .spec {
    margin-top: 20px;
    padding: 0 36px;
    width: 100%
}

.pep-activity-promotion-card-description .por-collapse-container>.specs .spec:first-child {
    margin-top: 0
}

.pep-activity-promotion-card-description .title {
    color: #595959;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 4px
}

.pep-activity-promotion-card-description .detail {
    color: #191919;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-align: initial
}

.pep-activity-promotion-card-description .por-collapse-foot {
    padding-top: 12px
}

.pep-activity-promotion-card-description .por-icon {
    color: #191919;
    cursor: pointer;
    font-size: 20px
}

.pep-activity-promotion-card-description .advantage-title,.pep-activity-promotion-card-description .link-title {
    color: #595959;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 16px
}

.pep-activity-promotion-card-description .advantage-item,.pep-activity-promotion-card-description .link-item {
    color: #191919;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 22px;
    position: relative
}

.pep-activity-promotion-card-description .advantage-item .content,.pep-activity-promotion-card-description .advantage-item .icon.tick,.pep-activity-promotion-card-description .link-item .content,.pep-activity-promotion-card-description .link-item .icon.tick {
    position: relative;
    z-index: 2
}

.pep-activity-promotion-card-description .advantage-item .icon,.pep-activity-promotion-card-description .link-item .icon {
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    height: 22px;
    width: 16px
}

.pep-activity-promotion-card-description .advantage-item .content,.pep-activity-promotion-card-description .advantage-item .por-link,.pep-activity-promotion-card-description .link-item .content,.pep-activity-promotion-card-description .link-item .por-link {
    color: #191919;
    font-size: 14px;
    line-height: 22px
}

.pep-activity-promotion-card-description .advantage-item .icon+.content,.pep-activity-promotion-card-description .advantage-item .icon+.por-link,.pep-activity-promotion-card-description .link-item .icon+.content,.pep-activity-promotion-card-description .link-item .icon+.por-link {
    max-width: calc(100% - 16px);
    padding-left: 8px
}

.pep-activity-promotion-card-description .advantage-item+.advantage-item,.pep-activity-promotion-card-description .link-item+.link-item {
    margin-top: 16px
}

.pep-activity-promotion-card-description .tooltip-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pep-activity-promotion-card-description .tooltip-container .tooltip-content {
    background-color: #fff;
    border-radius: 8px;
    bottom: calc(100% + 12px);
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.08);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.08);
    color: #191919;
    display: none;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 16px;
    position: absolute;
    width: 314px
}

.pep-activity-promotion-card-description .tooltip-container .tooltip-content:after {
    border: 6px solid hsla(0,0%,100%,0);
    border-top-color: #fff;
    bottom: -12px;
    content: "";
    display: block;
    height: 0;
    left: calc(50% - 6px);
    position: absolute;
    width: 0
}

.pep-activity-promotion-card-description .tooltip-container .tooltip-icon {
    border-radius: 4px;
    cursor: pointer;
    height: 22px;
    width: 22px
}

.pep-activity-promotion-card-description .tooltip-container .tooltip-icon .icon {
    height: 22px;
    width: 22px
}

.pep-activity-promotion-card-description .tooltip-container .tooltip-icon:hover {
    background: rgba(0,0,0,.05)
}

.pep-activity-promotion-card-description .tooltip-container .tooltip-icon:hover+.tooltip-content {
    display: block
}

.pep-activity-promotion-card-description .has-tooltip .content {
    max-width: calc(100% - 22px);
    padding-right: 8px
}

.pep-activity-promotion-card-description .has-tooltip .icon+.content {
    max-width: calc(100% - 38px)
}

.pep-activity-promotion-card-description .image-container img {
    display: block;
    width: 100%
}

.pep-activity-promotion-card-description .image-container .image-description {
    color: #595959;
    font-size: 12px;
    line-height: 18px;
    margin-top: 12px
}

[columns="1"] .pep-activity-promotion-card-description .spec,[columns="2"] .pep-activity-promotion-card-description .spec,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .spec {
    width: 50%
}

[columns="1"] .pep-activity-promotion-card-description .por-collapse-container>.specs .spec:nth-child(2),[columns="2"] .pep-activity-promotion-card-description .por-collapse-container>.specs .spec:nth-child(2),[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .por-collapse-container>.specs .spec:nth-child(2) {
    margin-top: 0
}

.combination .pep-activity-promotion-card-description {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 10
}

.combination .pep-activity-promotion-card-description:before {
    backdrop-filter: blur(5px);
    background-color: hsla(0,0%,100%,.8);
    border-radius: 0 0 16px 16px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.combination .pep-activity-promotion-card-description .description-collapse-container {
    padding: 0 40px 40px;
    position: relative;
    z-index: 2
}

.combination .pep-activity-promotion-card-description .description-collapse-container .title {
    color: #191919;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 28px;
    padding-bottom: 8px
}

.combination .pep-activity-promotion-card-description .description-collapse-container .selling-point-detail,.combination .pep-activity-promotion-card-description .description-collapse-container .selling-point-title,.combination .pep-activity-promotion-card-description .description-collapse-container .subtitle {
    color: #595959;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 24px
}

.combination .pep-activity-promotion-card-description .description-collapse-container .selling-point {
    padding-bottom: 24px
}

.combination .pep-activity-promotion-card-description .description-collapse-container .selling-point-title {
    padding-bottom: 16px
}

.combination .pep-activity-promotion-card-description .description-collapse-container .selling-point-detail {
    color: #191919;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 12px
}

.combination .pep-activity-promotion-card-description .description-collapse-container .selling-point-detail i {
    font-size: 12px;
    line-height: 22px
}

.combination .pep-activity-promotion-card-description .description-collapse-container .selling-point-detail .text {
    margin-left: 4px
}

.combination .pep-activity-promotion-card-description .description-collapse-container .selling-point-detail:last-child {
    padding-bottom: 0
}

.combination .pep-activity-promotion-card-description .description-collapse-container .content {
    color: #191919;
    font-weight: 700
}

@media (max-width: 1600px) {
    .pep-activity-promotion-card-description>div {
        margin-top:28px
    }

    .pep-activity-promotion-card-description .spec {
        margin-top: 16px
    }

    .pep-activity-promotion-card-description .title {
        font-size: 12px;
        line-height: 18px
    }

    .pep-activity-promotion-card-description .detail {
        font-size: 14px;
        line-height: 22px
    }

    .pep-activity-promotion-card-description .por-collapse-foot {
        padding-top: 8px
    }

    .pep-activity-promotion-card-description .advantage-title,.pep-activity-promotion-card-description .link-title {
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 10px
    }

    .pep-activity-promotion-card-description .advantage-item+.advantage-item,.pep-activity-promotion-card-description .link-item+.link-item {
        margin-top: 10px
    }

    .pep-activity-promotion-card-description .advantage-item .icon,.pep-activity-promotion-card-description .link-item .icon {
        height: 18px
    }

    .pep-activity-promotion-card-description .advantage-item .content,.pep-activity-promotion-card-description .link-item .por-link {
        font-size: 12px;
        line-height: 18px
    }

    .pep-activity-promotion-card-description .tooltip-container .tooltip-icon,.pep-activity-promotion-card-description .tooltip-container .tooltip-icon .icon {
        height: 18px
    }

    .combination .pep-activity-promotion-card-description .description-collapse-container {
        padding: 0 32px 32px
    }
}

@media (max-width: 1280px) {
    .pep-activity-promotion-card-description>div {
        margin-top:24px
    }

    .combination .pep-activity-promotion-card-description .description-collapse-container {
        padding: 0 24px 24px
    }

    .combination .pep-activity-promotion-card-description .description-collapse-container .title {
        font-size: 16px;
        line-height: 24px
    }

    .combination .pep-activity-promotion-card-description .description-collapse-container .selling-point,.combination .pep-activity-promotion-card-description .description-collapse-container .subtitle {
        padding-bottom: 20px
    }

    .combination .pep-activity-promotion-card-description .description-collapse-container .selling-point-title {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 8px
    }

    .combination .pep-activity-promotion-card-description .description-collapse-container .content,.combination .pep-activity-promotion-card-description .description-collapse-container .selling-point-detail,.combination .pep-activity-promotion-card-description .description-collapse-container .selling-point-detail .u-icon,.combination .pep-activity-promotion-card-description .description-collapse-container .subtitle {
        font-size: 12px;
        line-height: 18px
    }

    .combination .pep-activity-promotion-card-description .description-collapse-container .selling-point-detail .u-icon {
        font-size: 12px
    }
}

@media (max-width: 768px) {
    .pep-activity-promotion-card-description>div,[columns="1"] .pep-activity-promotion-card-description>div,[columns="2"] .pep-activity-promotion-card-description>div,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description>div {
        margin-top:12px
    }

    .pep-activity-promotion-card-description .specs,[columns="1"] .pep-activity-promotion-card-description .specs,[columns="2"] .pep-activity-promotion-card-description .specs,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .specs {
        margin: 0
    }

    .pep-activity-promotion-card-description .por-collapse-container .por-collapse .spec,.pep-activity-promotion-card-description .por-collapse-container>.specs .spec:nth-child(2),[columns="1"] .pep-activity-promotion-card-description .por-collapse-container .por-collapse .spec,[columns="1"] .pep-activity-promotion-card-description .por-collapse-container>.specs .spec:nth-child(2),[columns="2"] .pep-activity-promotion-card-description .por-collapse-container .por-collapse .spec,[columns="2"] .pep-activity-promotion-card-description .por-collapse-container>.specs .spec:nth-child(2),[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .por-collapse-container .por-collapse .spec,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .por-collapse-container>.specs .spec:nth-child(2) {
        padding-top: 4px
    }

    .pep-activity-promotion-card-description .spec,[columns="1"] .pep-activity-promotion-card-description .spec,[columns="2"] .pep-activity-promotion-card-description .spec,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .spec {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        border-bottom: 1px solid rgba(0,0,0,.08);
        justify-content: space-between;
        padding: 0 0 8px
    }

    .pep-activity-promotion-card-description .title,[columns="1"] .pep-activity-promotion-card-description .title,[columns="2"] .pep-activity-promotion-card-description .title,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .title {
        margin-top: 6px;
        padding-bottom: 0
    }

    .pep-activity-promotion-card-description .detail,[columns="1"] .pep-activity-promotion-card-description .detail,[columns="2"] .pep-activity-promotion-card-description .detail,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
        margin-top: 8px
    }

    .pep-activity-promotion-card-description .advantage-title,.pep-activity-promotion-card-description .link-title,[columns="1"] .pep-activity-promotion-card-description .advantage-title,[columns="1"] .pep-activity-promotion-card-description .link-title,[columns="2"] .pep-activity-promotion-card-description .advantage-title,[columns="2"] .pep-activity-promotion-card-description .link-title,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .advantage-title,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .link-title {
        padding-bottom: 10px
    }

    .pep-activity-promotion-card-description .advantage-item+.advantage-item,.pep-activity-promotion-card-description .link-item+.link-item,[columns="1"] .pep-activity-promotion-card-description .advantage-item+.advantage-item,[columns="1"] .pep-activity-promotion-card-description .link-item+.link-item,[columns="2"] .pep-activity-promotion-card-description .advantage-item+.advantage-item,[columns="2"] .pep-activity-promotion-card-description .link-item+.link-item,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .advantage-item+.advantage-item,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .link-item+.link-item {
        margin-top: 10px
    }

    .pep-activity-promotion-card-description .advantage-item .icon,.pep-activity-promotion-card-description .link-item .icon,[columns="1"] .pep-activity-promotion-card-description .advantage-item .icon,[columns="1"] .pep-activity-promotion-card-description .link-item .icon,[columns="2"] .pep-activity-promotion-card-description .advantage-item .icon,[columns="2"] .pep-activity-promotion-card-description .link-item .icon,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .advantage-item .icon,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .link-item .icon {
        height: 18px
    }

    .pep-activity-promotion-card-description .content,.pep-activity-promotion-card-description .has-tooltip .content,[columns="1"] .pep-activity-promotion-card-description .content,[columns="1"] .pep-activity-promotion-card-description .has-tooltip .content,[columns="2"] .pep-activity-promotion-card-description .content,[columns="2"] .pep-activity-promotion-card-description .has-tooltip .content,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .content,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .has-tooltip .content {
        max-width: calc(100% - 16px);
        padding-right: 0
    }

    .pep-activity-promotion-card-description .tooltip-container,[columns="1"] .pep-activity-promotion-card-description .tooltip-container,[columns="2"] .pep-activity-promotion-card-description .tooltip-container,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .tooltip-container {
        display: none
    }
}

[lang=ar-MENA] .pep-activity-promotion-card-description .advantage-item .icon+.content,[lang=ar-MENA] .pep-activity-promotion-card-description .advantage-item .icon+.por-link,[lang=ar-MENA] .pep-activity-promotion-card-description .link-item .icon+.content,[lang=ar-MENA] .pep-activity-promotion-card-description .link-item .icon+.por-link {
    padding-left: 0;
    padding-right: 8px
}

.pep-activity-promotion-card-product:not(.empty) {
    margin-top: 32px
}

.pep-activity-promotion-card-product .product+.product {
    margin-top: 24px
}

.pep-activity-promotion-card-product [product-type=addition]+[product-type=addition] {
    margin-top: 8px
}

.pep-activity-promotion-card-product .product {
    position: relative;
    z-index: 3
}

.pep-activity-promotion-card-product .product.active {
    z-index: 5
}

.pep-activity-promotion-card-product .product:hover {
    z-index: 4
}

.pep-activity-promotion-card-product .product-title-container.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pep-activity-promotion-card-product .product-title-container.show label {
    cursor: pointer
}

.pep-activity-promotion-card-product .product-checkbox-input,.pep-activity-promotion-card-product .product-checkbox-input[required]+.checkbox-icon {
    display: none
}

.pep-activity-promotion-card-product .checkbox-icon {
    border: 1px solid #c2c2c2;
    border-radius: 4px;
    height: 16px;
    margin-top: 1px;
    -webkit-transition: .2s;
    transition: .2s;
    width: 16px
}

.pep-activity-promotion-card-product .checkbox-icon .u-icon {
    color: #fff;
    display: none
}

.pep-activity-promotion-card-product .product-title {
    color: #595959;
    line-height: 16px;
    max-width: calc(100% - 16px);
    padding-left: 8px
}

.pep-activity-promotion-card-product .product:not([product-type=addition]) .product-checkbox-input[required]~.product-title {
    max-width: 100%;
    padding-left: 0;
    pointer-events: none
}

.pep-activity-promotion-card-product [product-type=addition] .product-title {
    max-width: calc(100% - 40px)
}

.pep-activity-promotion-card-product [product-type=addition] .product-checkbox-input[required]+.checkbox-icon {
    display: block
}

.pep-activity-promotion-card-product [product-type=addition] .product-title-text {
    color: #595959;
    font-size: 12px;
    line-height: 18px
}

.pep-activity-promotion-card-product [product-type=addition] .product-title-text span {
    color: #191919;
    font-weight: 700
}

.pep-activity-promotion-card-product .product-title-tooltip {
    height: 16px;
    margin-left: 8px;
    margin-top: 1px;
    position: relative;
    width: 16px
}

.pep-activity-promotion-card-product .product-title-tooltip .content {
    display: none
}

.pep-activity-promotion-card-product .product-title-tooltip .icon.tooltip {
    display: block;
    height: 16px;
    position: relative;
    width: 16px;
    z-index: 1
}

.pep-activity-promotion-card-product .product-title-tooltip:hover .content {
    background: #fff;
    border-radius: 4px;
    bottom: 23px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
    color: #252b3a;
    display: block;
    font-size: 12px;
    font-weight: 400;
    left: calc(50% - 90px);
    line-height: 18px;
    padding: 8px 12px;
    position: absolute;
    width: 180px;
    z-index: 2
}

.pep-activity-promotion-card-product .product-title-tooltip:hover .content:after,.pep-activity-promotion-card-product .product-title-tooltip:hover .content:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 3
}

.pep-activity-promotion-card-product .product-title-tooltip:hover .content:before {
    bottom: -10px;
    height: 20px;
    left: 0;
    width: 100%
}

.pep-activity-promotion-card-product .product-title-tooltip:hover .content:after {
    border: 4px solid hsla(0,0%,100%,0);
    border-top-color: #fff;
    bottom: -8px;
    height: 0;
    left: calc(50% - 4px);
    width: 0
}

.pep-activity-promotion-card-product .product-checkbox-input:checked+.checkbox-icon {
    background-color: #191919;
    border: 1px solid var(--por-checkbox-border-color)
}

.pep-activity-promotion-card-product .product-checkbox-input:checked+.checkbox-icon .u-icon {
    display: block;
    font-size: 12px;
    margin: 2px;
    -webkit-transition: .2s;
    transition: .2s
}

.pep-activity-promotion-card-product .options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 4px -36px -12px;
    position: relative;
    z-index: 1
}

.pep-activity-promotion-card-product .options.hide {
    display: none
}

.pep-activity-promotion-card-product .option {
    padding: 12px 36px;
    width: 100%
}

.pep-activity-promotion-card-product .option.hidden {
    display: none
}

.pep-activity-promotion-card-product .option[fixed] {
    pointer-events: none
}

.pep-activity-promotion-card-product .option[fixed] .por-icon {
    display: none
}

.pep-activity-promotion-card-product .select-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,.1);
    cursor: pointer;
    padding-bottom: 4px
}

.pep-activity-promotion-card-product .select-title {
    color: #595959;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px
}

.pep-activity-promotion-card-product .select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pep-activity-promotion-card-product .domain-container .select {
    padding-left: 8px
}

.pep-activity-promotion-card-product .spec-selected {
    color: #191919;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 24px;
    padding-right: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pep-activity-promotion-card-product .specs {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,.12);
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.12);
    display: none;
    left: auto;
    max-height: 208px;
    min-width: 100%;
    overflow-y: auto;
    padding: 8px 0;
    position: absolute;
    right: 0;
    top: calc(100% + 7px);
    z-index: 3
}

.pep-activity-promotion-card-product .specs::-webkit-scrollbar {
    width: 3px
}

.pep-activity-promotion-card-product .specs::-webkit-scrollbar-thumb {
    border-radius: 3px
}

.pep-activity-promotion-card-product .domain-container .specs {
    right: -12px
}

.pep-activity-promotion-card-product .select-container.open .specs {
    display: block
}

.pep-activity-promotion-card-product .specs li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #181818;
    font-size: 14px;
    line-height: 24px;
    padding: 3px 34px
}

.pep-activity-promotion-card-product .specs li:hover {
    background-color: #f5f5f5
}

.pep-activity-promotion-card-product .specs li.checked {
    font-weight: 700
}

.pep-activity-promotion-card-product .specs li.hidden {
    display: none
}

.pep-activity-promotion-card-product .content-tip {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    color: #595959;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-left: 8px;
    padding: 1px 8px
}

.pep-activity-promotion-card-product .por-icon {
    position: absolute;
    right: 0
}

.pep-activity-promotion-card-product .domain-search {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    padding-right: 14px
}

.pep-activity-promotion-card-product .domain-input {
    background: none;
    border: none;
    font-size: 12px;
    line-height: 24px;
    outline: none;
    padding: 0 16px;
    width: calc(100% - 90px)
}

.pep-activity-promotion-card-product .domain-search .select-container {
    border-bottom: none;
    padding-bottom: 0;
    width: 90px
}

.pep-activity-promotion-card-product .domain-search .select-container .select {
    border-left: 1px solid rgba(0,0,0,.1)
}

.pep-activity-promotion-card-product .domain-search .select-container .select,.pep-activity-promotion-card-product .domain-search .select-container .spec-selected {
    font-size: 12px;
    text-align: right;
    width: 100%
}

.pep-activity-promotion-card-product .domain-search .select-container .spec-selected {
    padding-right: 20px
}

.pep-activity-promotion-card-product .domain-check-message {
    color: #25c251;
    font-size: 12px;
    height: 54px;
    line-height: 18px;
    margin-top: 12px
}

.pep-activity-promotion-card-product .error .domain-check-message {
    color: #c7000b
}

[columns="1"] .pep-activity-promotion-card-product .option,[columns="2"] .pep-activity-promotion-card-product .option,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-product .option {
    width: 50%
}

.combination .pep-activity-promotion-card-product .product-title-container.show {
    padding-right: 12px;
    width: 50%
}

.combination .pep-activity-promotion-card-product .product-title-container.show .product-title,.combination .pep-activity-promotion-card-product .product-title-container.show .product-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.combination .pep-activity-promotion-card-product .product-title-tooltip {
    margin-top: 0
}

.combination .pep-activity-promotion-card-product .product-checkbox-input[required]+.checkbox-icon {
    display: none
}

.combination .pep-activity-promotion-card-product .product:not([product-type=addition]) .product-checkbox-input[required]~.product-title {
    padding-left: 0
}

.combination .pep-activity-promotion-card-product .product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.combination .pep-activity-promotion-card-product .options {
    display: block;
    margin: 0;
    width: 50%
}

.combination .pep-activity-promotion-card-product .options .content-text,.combination .pep-activity-promotion-card-product .options .select,.combination .pep-activity-promotion-card-product .options .spec-selected {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.combination .pep-activity-promotion-card-product .option:not(.hidden) {
    display: block;
    padding: 0
}

.combination .pep-activity-promotion-card-product .option-name {
    display: none
}

.combination .pep-activity-promotion-card-product .specs li {
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    padding: 3px 12px
}

[columns="1"] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-product:not(.empty) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px -24px -12px
}

[columns="1"] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-product:not(.empty) .product {
    padding: 12px 24px;
    width: 50%
}

[columns="1"] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-product:not(.empty) .product+.product {
    margin-top: 0
}

[columns="1"] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-product:not(.empty) .option,[columns="1"] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-product:not(.empty) .options,[columns="1"] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-product:not(.empty) .product-title-container {
    width: 100%
}

[columns="1"] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-product:not(.empty) .options {
    margin-top: 12px;
    padding-left: 24px
}

@media (max-width: 1600px) {
    .pep-activity-promotion-card-product:not(.empty) {
        margin-top:28px
    }

    .pep-activity-promotion-card-product .select-title {
        font-size: 12px
    }

    .pep-activity-promotion-card-product .spec-selected {
        font-size: 14px;
        line-height: 22px;
        padding-right: 24px
    }

    .pep-activity-promotion-card-product .specs li {
        padding-right: 30px
    }
}

@media (max-width: 1280px) {
    .pep-activity-promotion-card-product:not(.empty) {
        margin-top:24px
    }

    .pep-activity-promotion-card-product .specs li {
        padding-right: 28px
    }

    .combination .pep-activity-promotion-card-product .product-title,.combination .pep-activity-promotion-card-product .spec-selected,.combination .pep-activity-promotion-card-product .specs li {
        font-size: 12px
    }
}

@media (max-width: 768px) {
    .pep-activity-promotion-card-product:not(.empty),[columns="1"] .pep-activity-promotion-card-product:not(.empty),[columns="2"] .pep-activity-promotion-card-product:not(.empty),[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-product:not(.empty) {
        margin-top:24px
    }

    .pep-activity-promotion-card-product .options,[columns="1"] .pep-activity-promotion-card-product .options,[columns="2"] .pep-activity-promotion-card-product .options,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-product .options {
        margin: -10px 0
    }

    .pep-activity-promotion-card-product .option,[columns="1"] .pep-activity-promotion-card-product .option,[columns="2"] .pep-activity-promotion-card-product .option,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-product .option {
        padding: 10px 0;
        width: 100%
    }

    .pep-activity-promotion-card-product .product-title-container.show {
        margin-bottom: 12px
    }

    .pep-activity-promotion-card-product [product-type=addition] .product-title {
        max-width: calc(100% - 16px)
    }

    .pep-activity-promotion-card-product .product-title-tooltip {
        display: none
    }

    .combination .pep-activity-promotion-card-product .product-title-container.show {
        margin-bottom: 0
    }

    [columns="1"] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-product:not(.empty) {
        margin: 24px 0 0
    }

    [columns="1"] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-product:not(.empty) .product {
        padding: 0;
        width: 100%
    }

    [columns="1"] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-product:not(.empty) .product+.product {
        margin-top: 24px
    }

    [columns="1"] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-product:not(.empty) .options,[columns="1"] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-product:not(.empty) .product-title-container.show {
        margin: 0;
        padding-left: 0;
        width: 50%
    }

    [columns="1"] .pep-activity-promotion-card.key .combination .pep-activity-promotion-card-product:not(.empty) .option {
        padding: 0
    }
}

[lang=ar-MENA] .pep-activity-promotion-card-product .spec-selected {
    padding-left: 32px;
    padding-right: 0
}

@media (max-width: 1600px) {
    [lang=ar-MENA] .pep-activity-promotion-card-product .spec-selected {
        padding-left:24px
    }
}

[lang=ar-MENA] .pep-activity-promotion-card-product .por-icon {
    left: 0;
    right: auto
}

[lang=ar-MENA] .pep-activity-promotion-card-product .product-title {
    padding-left: 0;
    padding-right: 8px
}

[lang=ar-MENA] .pep-activity-promotion-card-product .product-title-tooltip {
    margin-left: 0;
    margin-right: 8px
}

.pep-activity-promotion-card-purchase>div:first-child {
    margin-top: 40px
}

.pep-activity-promotion-card-purchase .purchase-price-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: 0 -4px;
    padding-bottom: 12px
}

.pep-activity-promotion-card-purchase .purchase-price-container>div {
    padding: 0 4px
}

.pep-activity-promotion-card-purchase .main-price {
    font-size: 24px;
    line-height: 36px;
    position: relative
}

.pep-activity-promotion-card-purchase .main-price.text-bold {
    font-weight: 700
}

.pep-activity-promotion-card-purchase .main-price .text.red {
    color: #c7000b
}

.pep-activity-promotion-card-purchase .main-price .text.black {
    color: #191919
}

.pep-activity-promotion-card-purchase .main-price.decoration:after {
    border-bottom: 1px dashed #c7000b;
    bottom: 6px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: calc(100% - 8px)
}

.pep-activity-promotion-card-purchase .sub-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    color: #191919;
    font-size: 14px;
    line-height: 30px
}

.pep-activity-promotion-card-purchase .sub-price b {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin: 0 4px;
    vertical-align: middle
}

.pep-activity-promotion-card-purchase .tooltip,.pep-activity-promotion-card-purchase .unit {
    color: #595959;
    font-size: 14px;
    line-height: 30px
}

.pep-activity-promotion-card-purchase .purchase-button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px
}

.pep-activity-promotion-card-purchase .purchase-button {
    padding: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pep-activity-promotion-card-purchase .purchase-button .por-btn[disabled] {
    pointer-events: none
}

.pep-activity-promotion-card-purchase[data-filled=true] .purchase-button,.pep-activity-promotion-card-purchase[data-filled=true] .purchase-button a {
    width: 100%
}

.pep-activity-promotion-card-purchase .por-btn {
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

.pep-activity-promotion-card-purchase .por-btn b,.pep-activity-promotion-card-purchase .por-btn span {
    position: relative;
    z-index: 2
}

.pep-activity-promotion-card-purchase .por-btn .progress {
    background: rgba(0,0,0,.05);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.pep-activity-promotion-card-purchase .price-detail-container {
    display: none
}

.pep-activity-promotion-card-purchase .main-price:hover .price-detail-container {
    display: block
}

.pep-activity-promotion-card-purchase .price-detail-content {
    background-color: #fff;
    border-radius: 8px;
    bottom: 40px;
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.2);
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
    left: calc(50% - 202px);
    padding: 24px;
    position: absolute;
    width: 404px;
    z-index: 9
}

.pep-activity-promotion-card-purchase .price-detail-content:after,.pep-activity-promotion-card-purchase .price-detail-content:before {
    content: "";
    display: block;
    position: absolute
}

.pep-activity-promotion-card-purchase .price-detail-content:before {
    bottom: -20px;
    height: 20px;
    left: 0;
    width: 100%
}

.pep-activity-promotion-card-purchase .price-detail-content:after {
    border: 8px solid hsla(0,0%,100%,0);
    border-top-color: #fff;
    bottom: -16px;
    height: 0;
    left: calc(50% - 8px);
    width: 0
}

.pep-activity-promotion-card-purchase .price-detail-close {
    display: none
}

.pep-activity-promotion-card-purchase .price-detail-title {
    color: #191919;
    font-size: 16px;
    line-height: 20px
}

.pep-activity-promotion-card-purchase .price-detail-calc {
    background: #fff9f4;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 8px;
    margin-top: 24px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.pep-activity-promotion-card-purchase .price-detail-calc:after,.pep-activity-promotion-card-purchase .price-detail-calc:before {
    background-color: #fff;
    border: 1px solid #f5e9d7;
    border-radius: 10px;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    top: 34px;
    width: 20px;
    z-index: 2
}

.pep-activity-promotion-card-purchase .price-detail-calc:before {
    left: -10px
}

.pep-activity-promotion-card-purchase .price-detail-calc:after {
    right: -10px
}

.pep-activity-promotion-card-purchase .price-detail-price-title {
    border: 1px solid #f5e9d7;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    color: #191919;
    font-size: 12px;
    line-height: 14px;
    padding: 20px 56px 0
}

.pep-activity-promotion-card-purchase .price-detail-final-price {
    border-left: 1px solid #f5e9d7;
    border-right: 1px solid #f5e9d7;
    color: #602a04;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    padding: 8px 56px 15px
}

.pep-activity-promotion-card-purchase .price-detail-calc-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 56px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #f5e9d7
}

.pep-activity-promotion-card-purchase .price-detail-calc-detail .price-detail-calc-detail-symbol {
    color: #191919;
    font-size: 16px
}

.pep-activity-promotion-card-purchase .price-detail-calc-detail .price,.pep-activity-promotion-card-purchase .price-detail-calc-detail .price-description {
    color: #191919;
    text-align: center
}

.pep-activity-promotion-card-purchase .price-detail-calc-detail .price {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px
}

.pep-activity-promotion-card-purchase .price-detail-calc-detail .price-description {
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px
}

.pep-activity-promotion-card-purchase .price-detail-explain-title {
    color: #191919;
    font-size: 14px;
    line-height: 18px;
    margin-top: 24px
}

.pep-activity-promotion-card-purchase .price-detail-explain-container {
    background: #fff9f4;
    border: 1px solid #f5e9d7;
    color: #191919;
    font-size: 12px;
    line-height: 18px;
    margin-top: 12px;
    padding: 20px;
    position: relative
}

.pep-activity-promotion-card-purchase .price-detail-list-title {
    margin-bottom: 12px
}

.pep-activity-promotion-card-purchase .price-detail-list-item {
    font-weight: 700
}

.pep-activity-promotion-card-purchase .price-detail-list-item+.price-detail-list-item {
    margin-top: 4px
}

.pep-activity-promotion-card-purchase .price-detail-expiration {
    bottom: 20px;
    position: absolute;
    right: 14px
}

.pep-activity-promotion-card-purchase .price-detail-footnote {
    color: #595959;
    font-size: 12px;
    line-height: 18px;
    margin-top: 12px
}

[columns="1"] .pep-activity-promotion-card-purchase .purchase-button,[columns="1"] .pep-activity-promotion-card-purchase .purchase-button a,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-purchase .purchase-button,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-purchase .purchase-button a {
    width: auto
}

[columns="1"] .pep-activity-promotion-card-purchase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px
}

[columns="1"] .pep-activity-promotion-card-purchase>div:first-child {
    margin-top: 0
}

[columns="1"] .pep-activity-promotion-card-purchase .purchase-price-container {
    padding-bottom: 0
}

.combination .pep-activity-promotion-card-purchase .main-button .por-btn {
    width: 100%
}

@media (max-width: 1600px) {
    .pep-activity-promotion-card-purchase .purchase-price-container {
        padding-bottom:12px
    }

    .pep-activity-promotion-card-purchase .main-price,.pep-activity-promotion-card-purchase .price-info b {
        font-size: 20px;
        line-height: 30px
    }

    .pep-activity-promotion-card-purchase .price-info:after {
        bottom: 4px
    }

    .pep-activity-promotion-card-purchase .price-info,.pep-activity-promotion-card-purchase .tooltip,.pep-activity-promotion-card-purchase .unit {
        font-size: 12px;
        line-height: 26px
    }

    .pep-activity-promotion-card-purchase .por-btn span {
        display: none
    }
}

@media (max-width: 1280px) {
    .pep-activity-promotion-card-purchase>div:first-child {
        margin-top:24px
    }

    .pep-activity-promotion-card-purchase .main-price,.pep-activity-promotion-card-purchase .price-info b {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width: 768px) {
    .pep-activity-promotion-card-purchase .main-price,.pep-activity-promotion-card-purchase .price-info b,[columns="1"] .pep-activity-promotion-card-purchase .main-price,[columns="1"] .pep-activity-promotion-card-purchase .price-info b {
        font-size:22px;
        line-height: 28px
    }

    .pep-activity-promotion-card-purchase .purchase-price-container,[columns="1"] .pep-activity-promotion-card-purchase .purchase-price-container {
        padding-bottom: 16px
    }

    .pep-activity-promotion-card-purchase .main-price.decoration:after,[columns="1"] .pep-activity-promotion-card-purchase .main-price.decoration:after {
        bottom: 2px
    }

    .pep-activity-promotion-card-purchase .price-detail-container,[columns="1"] .pep-activity-promotion-card-purchase .price-detail-container {
        background-color: rgba(0,0,0,.5);
        bottom: 0;
        height: 100vh;
        left: 0;
        position: fixed;
        width: 100vw;
        z-index: 999
    }

    .pep-activity-promotion-card-purchase .price-detail-content,[columns="1"] .pep-activity-promotion-card-purchase .price-detail-content {
        border-radius: 8px 8px 0 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%
    }

    .pep-activity-promotion-card-purchase .price-detail-close,[columns="1"] .pep-activity-promotion-card-purchase .price-detail-close {
        display: block;
        font-size: 20px;
        line-height: 1;
        position: absolute;
        right: 12px;
        top: 12px
    }

    [columns="1"] .pep-activity-promotion-card-purchase,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-purchase {
        display: block;
        padding-top: 0
    }

    [columns="1"] .pep-activity-promotion-card-purchase>div:first-child,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-purchase>div:first-child {
        margin-top: 24px
    }

    [columns="1"] .pep-activity-promotion-card-purchase .purchase-button,[columns="1"] .pep-activity-promotion-card-purchase .purchase-button a,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-purchase .purchase-button,[columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-purchase .purchase-button a {
        width: 100%
    }
}

.pep-activity-promotion-v2 .activity-tab-container .activity-tab {
    background: #fff;
    border-radius: 12px;
    padding: 0 32px;
    position: relative
}

.pep-activity-promotion-v2 .activity-tab-container .activity-tab-list-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.pep-activity-promotion-v2 .activity-tab-container .activity-tab-list {
    font-size: 0;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    white-space: nowrap;
    z-index: 1
}

.pep-activity-promotion-v2 .activity-tab-container .activity-tab-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    max-width: 368px;
    padding: 12px 40px;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #191919;
    cursor: pointer;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    vertical-align: top;
    white-space: normal
}

.pep-activity-promotion-v2 .activity-tab-container .activity-tab-item:after {
    background-color: #191919;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 0
}

.pep-activity-promotion-v2 .activity-tab-container .activity-tab-item.active {
    font-weight: 700
}

.pep-activity-promotion-v2 .activity-tab-container .activity-tab-item.active:after {
    left: 40px;
    width: calc(100% - 80px)
}

.pep-activity-promotion-v2 .activity-tab-container .arrow {
    background-color: #fff;
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px;
    z-index: 3
}

.pep-activity-promotion-v2 .activity-tab-container .arrow.disable {
    pointer-events: none
}

.pep-activity-promotion-v2 .activity-tab-container .arrow.disable .u-icon {
    color: #c2c2c2
}

.pep-activity-promotion-v2 .activity-tab-container .arrow.left {
    border-radius: 12px 0 0 12px
}

.pep-activity-promotion-v2 .activity-tab-container .arrow.right {
    border-radius: 0 12px 12px 0;
    left: auto;
    right: 0
}

.pep-activity-promotion-v2 .activity-tab-container .arrow .u-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #191919;
    font-size: 20px
}

.pep-activity-promotion-v2 .activity-tab-container .u-icon-left {
    -webkit-box-shadow: 2px 0 4px 0 rgba(0,0,0,.06);
    box-shadow: 2px 0 4px 0 rgba(0,0,0,.06)
}

.pep-activity-promotion-v2 .activity-tab-container .u-icon-right {
    -webkit-box-shadow: -2px 0 4px 0 rgba(0,0,0,.06);
    box-shadow: -2px 0 4px 0 rgba(0,0,0,.06)
}

.pep-activity-promotion-v2 .activity-tab-container .mb {
    display: none
}

.pep-activity-promotion-v2 .activity-tab-container .activity-tab:not(.hide)~.activity-tab-wrapper {
    margin-top: 24px
}

.pep-activity-promotion-v2 .activity-tab-container .activity-tab-content {
    display: none
}

.pep-activity-promotion-v2 .activity-tab-container .activity-tab-content.active {
    display: block
}

@media (max-width: 1600px) {
    .pep-activity-promotion-v2 .activity-tab-container .activity-tab {
        padding:0 24px
    }

    .pep-activity-promotion-v2 .activity-tab-container .activity-tab-item {
        font-size: 16px;
        line-height: 24px;
        padding: 10px 32px
    }

    .pep-activity-promotion-v2 .activity-tab-container .activity-tab-item.active:after {
        left: 32px;
        width: calc(100% - 64px)
    }

    .pep-activity-promotion-v2 .activity-tab-container .arrow {
        width: 28px
    }
}

@media (max-width: 1280px) {
    .pep-activity-promotion-v2 .activity-tab-container .activity-tab {
        padding:0 20px
    }

    .pep-activity-promotion-v2 .activity-tab-container .activity-tab-item {
        font-size: 14px;
        line-height: 22px;
        padding: 8px 26px
    }

    .pep-activity-promotion-v2 .activity-tab-container .activity-tab-item.active:after {
        left: 26px;
        width: calc(100% - 52px)
    }

    .pep-activity-promotion-v2 .activity-tab-container .arrow {
        width: 24px
    }
}

@media (max-width: 768px) {
    .pep-activity-promotion-v2 .activity-tab-container .activity-tab:not(.hide)~.activity-tab-wrapper {
        margin-top:12px
    }

    .pep-activity-promotion-v2 .activity-tab-container .activity-tab-list-container {
        overflow-x: auto
    }

    .pep-activity-promotion-v2 .activity-tab-container .activity-tab-list-container::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    .pep-activity-promotion-v2 .activity-tab-container .activity-tab-list-container::-webkit-scrollbar-thumb {
        border-radius: 0
    }

    .pep-activity-promotion-v2 .activity-tab-container .activity-tab-item {
        font-size: 12px;
        line-height: 18px;
        max-width: 30vw;
        padding: 10px 14px
    }

    .pep-activity-promotion-v2 .activity-tab-container .activity-tab-item.active:after {
        left: 14px;
        width: calc(100% - 28px)
    }

    .pep-activity-promotion-v2 .activity-tab-container .activity-tab-item:first-child {
        padding-left: 0
    }

    .pep-activity-promotion-v2 .activity-tab-container .activity-tab-item:first-child.active:after {
        left: 0;
        width: calc(100% - 14px)
    }

    .pep-activity-promotion-v2 .activity-tab-container .activity-tab-item:last-child {
        padding-right: 0
    }

    .pep-activity-promotion-v2 .activity-tab-container .activity-tab-item:last-child.active:after {
        width: calc(100% - 14px)
    }

    .pep-activity-promotion-v2 .activity-tab-container .arrow.collapse {
        border-radius: 0 12px 12px 0;
        -webkit-box-shadow: -2px 0 4px 0 rgba(0,0,0,.06);
        box-shadow: -2px 0 4px 0 rgba(0,0,0,.06);
        left: auto;
        right: 0;
        width: 32px
    }

    .pep-activity-promotion-v2 .activity-tab-container .arrow.collapse .u-icon {
        font-size: 14px
    }

    .pep-activity-promotion-v2 .activity-tab-container .arrow.collapse.open+.activity-tab-collapse-title {
        display: block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        padding: 10px 20px;
        position: absolute;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        border-radius: 12px;
        color: #c2c2c2;
        font-size: 12px;
        left: 0;
        line-height: 18px;
        top: 0;
        z-index: 2
    }

    .pep-activity-promotion-v2 .activity-tab-container .arrow.collapse.open~.activity-tab-collapse-list {
        background-color: #fff;
        border-radius: 8px;
        -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.08);
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.08);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        left: 0;
        padding: 12px;
        position: absolute;
        top: calc(100% + 4px);
        width: 100%;
        z-index: 1
    }

    .pep-activity-promotion-v2 .activity-tab-container .activity-tab-collapse-item {
        color: #191919;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 18px;
        padding: 8px;
        text-align: left;
        width: 33.33333%
    }

    .pep-activity-promotion-v2 .activity-tab-container .activity-tab-collapse-item.active {
        font-weight: 700
    }

    .pep-activity-promotion-v2 .activity-tab-container .row-tab.mb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

html body {
    min-width: 0!important
}

.pep-activity-coupon-v2 .mb,.pep-activity-coupon-v2 .mb-flex,.pep-activity-couponpack-v2 .mb,.pep-activity-couponpack-v2 .mb-flex,.pep-activity-filter .mb,.pep-activity-filter .mb-flex,.pep-activity-invitation .mb,.pep-activity-invitation .mb-flex,.pep-activity-lottery .mb,.pep-activity-lottery .mb-flex,.pep-activity-promotion-v2 .mb,.pep-activity-promotion-v2 .mb-flex,.pep-cps-card .mb,.pep-cps-card .mb-flex,.pep-cps-tool .mb,.pep-cps-tool .mb-flex,.pep-stored-value-card-v2 .mb,.pep-stored-value-card-v2 .mb-flex {
    display: none
}

.pep-activity-coupon-v2 .pc-flex,.pep-activity-couponpack-v2 .pc-flex,.pep-activity-filter .pc-flex,.pep-activity-invitation .pc-flex,.pep-activity-lottery .pc-flex,.pep-activity-promotion-v2 .pc-flex,.pep-cps-card .pc-flex,.pep-cps-tool .pc-flex,.pep-stored-value-card-v2 .pc-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 768px) {
    .pep-activity-coupon-v2 .pc,.pep-activity-coupon-v2 .pc-flex,.pep-activity-couponpack-v2 .pc,.pep-activity-couponpack-v2 .pc-flex,.pep-activity-filter .pc,.pep-activity-filter .pc-flex,.pep-activity-invitation .pc,.pep-activity-invitation .pc-flex,.pep-activity-lottery .pc,.pep-activity-lottery .pc-flex,.pep-activity-promotion-v2 .pc,.pep-activity-promotion-v2 .pc-flex,.pep-cps-card .pc,.pep-cps-card .pc-flex,.pep-cps-tool .pc,.pep-cps-tool .pc-flex,.pep-stored-value-card-v2 .pc,.pep-stored-value-card-v2 .pc-flex {
        display:none
    }

    .pep-activity-coupon-v2 .mb,.pep-activity-couponpack-v2 .mb,.pep-activity-filter .mb,.pep-activity-invitation .mb,.pep-activity-lottery .mb,.pep-activity-promotion-v2 .mb,.pep-cps-card .mb,.pep-cps-tool .mb,.pep-stored-value-card-v2 .mb {
        display: block
    }

    .pep-activity-coupon-v2 .mb-flex,.pep-activity-couponpack-v2 .mb-flex,.pep-activity-filter .mb-flex,.pep-activity-invitation .mb-flex,.pep-activity-lottery .mb-flex,.pep-activity-promotion-v2 .mb-flex,.pep-cps-card .mb-flex,.pep-cps-tool .mb-flex,.pep-stored-value-card-v2 .mb-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.pep-activity-coupon-v2 .por-section-subtitle,.pep-activity-couponpack-v2 .por-section-subtitle,.pep-activity-filter .por-section-subtitle,.pep-activity-invitation .por-section-subtitle,.pep-activity-lottery .por-section-subtitle,.pep-activity-promotion-v2 .por-section-subtitle,.pep-cps-card .por-section-subtitle,.pep-cps-tool .por-section-subtitle,.pep-stored-value-card-v2 .por-section-subtitle {
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.pep-activity-coupon-v2 .por-section-subtitle .por-section-subtitle-rule,.pep-activity-coupon-v2 .por-section-subtitle .por-section-subtitle-text p,.pep-activity-couponpack-v2 .por-section-subtitle .por-section-subtitle-rule,.pep-activity-couponpack-v2 .por-section-subtitle .por-section-subtitle-text p,.pep-activity-filter .por-section-subtitle .por-section-subtitle-rule,.pep-activity-filter .por-section-subtitle .por-section-subtitle-text p,.pep-activity-invitation .por-section-subtitle .por-section-subtitle-rule,.pep-activity-invitation .por-section-subtitle .por-section-subtitle-text p,.pep-activity-lottery .por-section-subtitle .por-section-subtitle-rule,.pep-activity-lottery .por-section-subtitle .por-section-subtitle-text p,.pep-activity-promotion-v2 .por-section-subtitle .por-section-subtitle-rule,.pep-activity-promotion-v2 .por-section-subtitle .por-section-subtitle-text p,.pep-cps-card .por-section-subtitle .por-section-subtitle-rule,.pep-cps-card .por-section-subtitle .por-section-subtitle-text p,.pep-cps-tool .por-section-subtitle .por-section-subtitle-rule,.pep-cps-tool .por-section-subtitle .por-section-subtitle-text p,.pep-stored-value-card-v2 .por-section-subtitle .por-section-subtitle-rule,.pep-stored-value-card-v2 .por-section-subtitle .por-section-subtitle-text p {
    display: inline
}

@media (min-width: 769px) {
    .pep-activity-coupon-v2 .por-section-subtitle .por-section-subtitle-text.pc,.pep-activity-couponpack-v2 .por-section-subtitle .por-section-subtitle-text.pc,.pep-activity-filter .por-section-subtitle .por-section-subtitle-text.pc,.pep-activity-invitation .por-section-subtitle .por-section-subtitle-text.pc,.pep-activity-lottery .por-section-subtitle .por-section-subtitle-text.pc,.pep-activity-promotion-v2 .por-section-subtitle .por-section-subtitle-text.pc,.pep-cps-card .por-section-subtitle .por-section-subtitle-text.pc,.pep-cps-tool .por-section-subtitle .por-section-subtitle-text.pc,.pep-stored-value-card-v2 .por-section-subtitle .por-section-subtitle-text.pc {
        display:inline
    }

    .pep-activity-coupon-v2 .por-section-subtitle .por-section-subtitle-text.mb,.pep-activity-couponpack-v2 .por-section-subtitle .por-section-subtitle-text.mb,.pep-activity-filter .por-section-subtitle .por-section-subtitle-text.mb,.pep-activity-invitation .por-section-subtitle .por-section-subtitle-text.mb,.pep-activity-lottery .por-section-subtitle .por-section-subtitle-text.mb,.pep-activity-promotion-v2 .por-section-subtitle .por-section-subtitle-text.mb,.pep-cps-card .por-section-subtitle .por-section-subtitle-text.mb,.pep-cps-tool .por-section-subtitle .por-section-subtitle-text.mb,.pep-stored-value-card-v2 .por-section-subtitle .por-section-subtitle-text.mb {
        display: none
    }
}

@media (max-width: 768px) {
    .pep-activity-coupon-v2 .por-section-subtitle .por-section-subtitle-text.pc,.pep-activity-couponpack-v2 .por-section-subtitle .por-section-subtitle-text.pc,.pep-activity-filter .por-section-subtitle .por-section-subtitle-text.pc,.pep-activity-invitation .por-section-subtitle .por-section-subtitle-text.pc,.pep-activity-lottery .por-section-subtitle .por-section-subtitle-text.pc,.pep-activity-promotion-v2 .por-section-subtitle .por-section-subtitle-text.pc,.pep-cps-card .por-section-subtitle .por-section-subtitle-text.pc,.pep-cps-tool .por-section-subtitle .por-section-subtitle-text.pc,.pep-stored-value-card-v2 .por-section-subtitle .por-section-subtitle-text.pc {
        display:none
    }

    .pep-activity-coupon-v2 .por-section-subtitle .por-section-subtitle-text.mb,.pep-activity-couponpack-v2 .por-section-subtitle .por-section-subtitle-text.mb,.pep-activity-filter .por-section-subtitle .por-section-subtitle-text.mb,.pep-activity-invitation .por-section-subtitle .por-section-subtitle-text.mb,.pep-activity-lottery .por-section-subtitle .por-section-subtitle-text.mb,.pep-activity-promotion-v2 .por-section-subtitle .por-section-subtitle-text.mb,.pep-cps-card .por-section-subtitle .por-section-subtitle-text.mb,.pep-cps-tool .por-section-subtitle .por-section-subtitle-text.mb,.pep-stored-value-card-v2 .por-section-subtitle .por-section-subtitle-text.mb {
        display: inline
    }
}

.pep-activity-coupon-v2 .por-section-subtitle .por-section-subtitle-rule,.pep-activity-couponpack-v2 .por-section-subtitle .por-section-subtitle-rule,.pep-activity-filter .por-section-subtitle .por-section-subtitle-rule,.pep-activity-invitation .por-section-subtitle .por-section-subtitle-rule,.pep-activity-lottery .por-section-subtitle .por-section-subtitle-rule,.pep-activity-promotion-v2 .por-section-subtitle .por-section-subtitle-rule,.pep-cps-card .por-section-subtitle .por-section-subtitle-rule,.pep-cps-tool .por-section-subtitle .por-section-subtitle-rule,.pep-stored-value-card-v2 .por-section-subtitle .por-section-subtitle-rule {
    color: var(--por-color-text-primary);
    cursor: pointer;
    margin-left: 8px;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.pep-activity-coupon-v2 .por-section-subtitle .por-section-subtitle-rule:hover,.pep-activity-couponpack-v2 .por-section-subtitle .por-section-subtitle-rule:hover,.pep-activity-filter .por-section-subtitle .por-section-subtitle-rule:hover,.pep-activity-invitation .por-section-subtitle .por-section-subtitle-rule:hover,.pep-activity-lottery .por-section-subtitle .por-section-subtitle-rule:hover,.pep-activity-promotion-v2 .por-section-subtitle .por-section-subtitle-rule:hover,.pep-cps-card .por-section-subtitle .por-section-subtitle-rule:hover,.pep-cps-tool .por-section-subtitle .por-section-subtitle-rule:hover,.pep-stored-value-card-v2 .por-section-subtitle .por-section-subtitle-rule:hover {
    font-weight: 700
}

@media (max-width: 768px) {
    .pep-activity-coupon-v2 .por-section-subtitle .por-section-subtitle-rule,.pep-activity-couponpack-v2 .por-section-subtitle .por-section-subtitle-rule,.pep-activity-filter .por-section-subtitle .por-section-subtitle-rule,.pep-activity-invitation .por-section-subtitle .por-section-subtitle-rule,.pep-activity-lottery .por-section-subtitle .por-section-subtitle-rule,.pep-activity-promotion-v2 .por-section-subtitle .por-section-subtitle-rule,.pep-cps-card .por-section-subtitle .por-section-subtitle-rule,.pep-cps-tool .por-section-subtitle .por-section-subtitle-rule,.pep-stored-value-card-v2 .por-section-subtitle .por-section-subtitle-rule {
        margin-left:4px
    }

    .pep-activity-coupon-v2 .por-section-subtitle .por-section-subtitle-rule:hover,.pep-activity-couponpack-v2 .por-section-subtitle .por-section-subtitle-rule:hover,.pep-activity-filter .por-section-subtitle .por-section-subtitle-rule:hover,.pep-activity-invitation .por-section-subtitle .por-section-subtitle-rule:hover,.pep-activity-lottery .por-section-subtitle .por-section-subtitle-rule:hover,.pep-activity-promotion-v2 .por-section-subtitle .por-section-subtitle-rule:hover,.pep-cps-card .por-section-subtitle .por-section-subtitle-rule:hover,.pep-cps-tool .por-section-subtitle .por-section-subtitle-rule:hover,.pep-stored-value-card-v2 .por-section-subtitle .por-section-subtitle-rule:hover {
        font-weight: 400
    }
}

.pep-activity-coupon-v2 .pep-activity-promotion-rule-list,.pep-activity-couponpack-v2 .pep-activity-promotion-rule-list,.pep-activity-filter .pep-activity-promotion-rule-list,.pep-activity-invitation .pep-activity-promotion-rule-list,.pep-activity-lottery .pep-activity-promotion-rule-list,.pep-activity-promotion-v2 .pep-activity-promotion-rule-list,.pep-cps-card .pep-activity-promotion-rule-list,.pep-cps-tool .pep-activity-promotion-rule-list,.pep-stored-value-card-v2 .pep-activity-promotion-rule-list {
    padding-left: 20px
}

.pep-activity-coupon-v2 .pep-activity-promotion-rule-list li,.pep-activity-couponpack-v2 .pep-activity-promotion-rule-list li,.pep-activity-filter .pep-activity-promotion-rule-list li,.pep-activity-invitation .pep-activity-promotion-rule-list li,.pep-activity-lottery .pep-activity-promotion-rule-list li,.pep-activity-promotion-v2 .pep-activity-promotion-rule-list li,.pep-cps-card .pep-activity-promotion-rule-list li,.pep-cps-tool .pep-activity-promotion-rule-list li,.pep-stored-value-card-v2 .pep-activity-promotion-rule-list li {
    list-style: decimal
}

[lang=ar-MENA] .pep-activity-promotion-rule-list {
    padding-left: 0;
    padding-right: 20px
}

[lang=ar-MENA] .pep-activity-promotion-rule-list li {
    text-align: right
}

[lang=ar-MENA] .pep-activity-promotion-v2 {
    direction: rtl
}

[lang=ar-MENA] .pep-activity-promotion-v2 .por-icon-right {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

[lang=ar-MENA] .pep-activity-promotion-v2 .por-section-head .header-button {
    left: 0;
    right: auto
}

[lang=ar-MENA] .pep-activity-promotion-v2 .por-section-subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

[lang=ar-MENA] .pep-activity-promotion-v2 .por-section-subtitle a {
    margin-left: 0;
    margin-right: 8px
}

:not(.ai-chat) .pep-activity-promotion-card-header .smart-link,:not(.ai-chat) .pep-activity-promotion-card-product .smart-collapse {
    display: none
}

.ai-chat .pep-activity-promotion-card-header .title {
    width: 100%
}

.ai-chat .pep-activity-promotion-card-header .smart-link {
    color: #191919;
    display: block;
    position: absolute;
    right: 0;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.ai-chat .pep-activity-promotion-card-product .smart-collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ai-chat .pep-activity-promotion-card-product .smart-collapse .por-icon {
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s
}

.ai-chat .pep-activity-promotion-card-product.show-all .por-icon {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.ai-chat .pep-activity-promotion-card-product:not(.show-all) .product:nth-child(4)~.product {
    display: none
}

.ai-chat .pep-activity-promotion-card-product .specs {
    max-height: 106px;
    overflow-y: auto
}

.pep-activity-promotion-v2 .por-section-head {
    position: relative
}

.pep-activity-promotion-v2 .por-section-head .header-button {
    bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pep-activity-promotion-v2 .por-tab.hide {
    display: none
}

.pep-activity-promotion-v2 .por-tab.hide+.por-tab-wrapper {
    padding-top: 0
}

.pep-activity-promotion-v2 .activity-tab-content.active .row+.row,.pep-activity-promotion-v2 .por-tab-content.active .row+.row {
    margin-top: 16px
}

.pep-activity-promotion-v2 .activity-tab-content.active .row+[columns="2"],.pep-activity-promotion-v2 .activity-tab-content.active .row+[columns="3"],.pep-activity-promotion-v2 .por-tab-content.active .row+[columns="2"],.pep-activity-promotion-v2 .por-tab-content.active .row+[columns="3"] {
    margin-top: 24px
}

.pep-activity-promotion-v2 .activity-tab-content.active:not(.show-all)[collapse-rows="1"] .row:first-child~.row,.pep-activity-promotion-v2 .activity-tab-content.active:not(.show-all)[collapse-rows="2"] .row:nth-child(2)~.row,.pep-activity-promotion-v2 .activity-tab-content.active:not(.show-all)[collapse-rows="3"] .row:nth-child(3)~.row,.pep-activity-promotion-v2 .activity-tab-content.active:not(.show-all)[collapse-rows="4"] .row:nth-child(4)~.row,.pep-activity-promotion-v2 .por-tab-content.active:not(.show-all)[collapse-rows="1"] .row:first-child~.row,.pep-activity-promotion-v2 .por-tab-content.active:not(.show-all)[collapse-rows="2"] .row:nth-child(2)~.row,.pep-activity-promotion-v2 .por-tab-content.active:not(.show-all)[collapse-rows="3"] .row:nth-child(3)~.row,.pep-activity-promotion-v2 .por-tab-content.active:not(.show-all)[collapse-rows="4"] .row:nth-child(4)~.row,.pep-activity-promotion-v2 .row-tab {
    display: none
}

.pep-activity-promotion-v2 .row-tab-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px
}

.pep-activity-promotion-v2 [columns="2"] .row-tab-content .row-tab-content,.pep-activity-promotion-v2 [columns="3"] .row-tab-content .row-tab-content {
    margin: 0 -12px
}

.pep-activity-promotion-v2 .pep-activity-promotion-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    position: relative;
    z-index: 1
}

.pep-activity-promotion-v2 .pep-activity-promotion-card:hover {
    z-index: 2
}

.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card,.pep-activity-promotion-v2 [columns] .pep-activity-promotion-card.key {
    width: 100%
}

.pep-activity-promotion-v2 [columns="2"] .pep-activity-promotion-card {
    padding: 0 12px;
    width: 50%
}

.pep-activity-promotion-v2 [columns="3"] .pep-activity-promotion-card {
    padding: 0 12px;
    width: 33.33333%
}

.pep-activity-promotion-v2 [columns="4"] .pep-activity-promotion-card {
    width: 25%
}

.pep-activity-promotion-v2 .activity-visible-data {
    display: none
}

.pep-activity-promotion-v2 .pep-activity-promotion-card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff;
    border-radius: 16px;
    height: 100%;
    justify-content: space-between;
    padding: 32px;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%
}

.pep-activity-promotion-v2 .pep-activity-promotion-card-content:hover {
    -webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,.12);
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.12)
}
.tip-transform {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	right: 0;
	overflow: hidden;
	z-index: 1;
	padding: 0 12px 1px 12px;
	border-radius: 0 15px 0 15px;
	text-align: center;
	-webkit-transform: skewX(0deg);
	transform: skewX(0deg)
}

.tip-transform,.tip-transform.red {
	background-image: -webkit-gradient(linear-gradient(90deg,#f23b96,#f23433,#f11d1c,#fe5602,#fe6905));
	background: linear-gradient(90deg,#f23b96,#f23433,#f11d1c,#fe5602,#fe6905);
}

.tip-transform.orange {
	background-image: -webkit-gradient(linear-gradient(90deg,#f23b96,#f23433,#f11d1c,#fe5602,#fe6905));
	background: linear-gradient(90deg,#f23b96,#f23433,#f11d1c,#fe5602,#fe6905)
}

.tip-reduction {
	-webkit-transform: skewX(0deg);
	transform: skewX(0deg)
}

.tip {
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	background-image: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
@media (max-width: 768px) {
    .pep-activity-promotion-v2 .pep-activity-promotion-card-content:hover {
        -webkit-box-shadow:none;
        box-shadow: none
    }
}

@media (max-width: 1600px) {
    .pep-activity-promotion-v2 .pep-activity-promotion-card-content {
        padding:28px
    }
}

@media (max-width: 1280px) {
    .pep-activity-promotion-v2 .pep-activity-promotion-card-content {
        padding:24px
    }
}

@media (max-width: 768px) {
    .pep-activity-promotion-v2 .pep-activity-promotion-card-content {
        border-radius:0 0 16px 16px
    }
}

.pep-activity-promotion-v2 .flex-column-space-between {
    width: 100%
}

.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card .pep-activity-promotion-card-content,.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card .pep-activity-promotion-card-img,.pep-activity-promotion-v2 [columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-content,.pep-activity-promotion-v2 [columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-img {
    width: 50%
}

.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card .pep-activity-promotion-card-content,.pep-activity-promotion-v2 [columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-content {
    border-radius: 16px 0 0 16px
}

.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card .pep-activity-promotion-card-img,.pep-activity-promotion-v2 [columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 0 16px 16px 0;
    overflow: hidden
}

.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card.key .pep-activity-promotion-card-content,.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card.key .pep-activity-promotion-card-img {
    padding: 48px
}

.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card.key .pep-activity-promotion-card-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card.key .pep-activity-promotion-card-img .pep-activity-promotion-card-img-buttons,.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card.key .pep-activity-promotion-card-img .pep-activity-promotion-card-img-content {
    width: 100%
}

.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card.key .pep-activity-promotion-card-img .pep-activity-promotion-card-img-title {
    color: #191919;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px
}

.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card.key .pep-activity-promotion-card-img .pep-activity-promotion-card-img-detail {
    color: #595959;
    margin-top: 8px
}

.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card.key .pep-activity-promotion-card-img .pep-activity-promotion-card-img-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -10px
}

.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card.key .pep-activity-promotion-card-img .pep-activity-promotion-card-img-button-gap {
    padding: 0 10px
}

.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card.key .pep-activity-promotion-card-img .por-player-btn {
    left: calc(50% - 20px);
    position: absolute;
    top: calc(50% - 20px)
}

.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card.key .pep-activity-promotion-card-img .por-player-btn-dark {
    background-color: #595959
}

.pep-activity-promotion-v2 .tab-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 36px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pep-activity-promotion-v2 .pep-activity-promotion-card-description .advantage-item .icon.tick {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+5Yu+PC90aXRsZT4KICAgIDxnIGlkPSLli74iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xMi4yNDI4Nzk3LDQuNDg1NTU5NzcgQzEyLjUyNjk5NzIsNC4xODQxNDYyMyAxMy4wMDE2NjM5LDQuMTcwMTI1MDEgMTMuMzAzMDc3NSw0LjQ1NDI0MjUgQzEzLjU3NzA4OTgsNC43MTI1MzExMyAxMy42MTM1ODc4LDUuMTI4Mjk4NDQgMTMuNDA0NDk3NSw1LjQyODIxNDMzIEwxMy4zMzQzOTQ3LDUuNTE0NDQwMjMgTDcuNjc4NjkzNTEsMTEuNTE0NDQwMiBDNy40MTMxMzcxLDExLjc5NjE2MjggNi45ODMwMjQxOSwxMS44MjU3MTg1IDYuNjgzMDY1NzcsMTEuNjAwMjQzOCBMNi41OTcyNzc1OSwxMS41MjQ5NDc3IEwzLjAyMTE1NTM2LDcuODc1ODYwMjQgQzIuNzMxMjM0NzcsNy41ODAwMjQyNiAyLjczNjAzMDEzLDcuMTA1MTc0NzQgMy4wMzE4NjYxLDYuODE1MjU0MTUgQzMuMzAwODA3OSw2LjU1MTY4OTk3IDMuNzE3Njk0NzcsNi41MzE2OTI3IDQuMDA5MDkxMzYsNi43NTI1MDA5OSBMNC4wOTI0NzIxOSw2LjgyNTk2NDg5IEw3LjEyMiw5LjkxOCBMMTIuMjQyODc5Nyw0LjQ4NTU1OTc3IFoiIGlkPSLot6/lvoQtMiIgZmlsbD0iIzE5MTkxOSIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==)
}

.pep-activity-promotion-v2 .pep-activity-promotion-card-description .advantage-item .icon.tooltip,.pep-activity-promotion-v2 .product-title-tooltip .icon.tooltip {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aW5mbzwvdGl0bGU+CiAgICA8ZGVmcz4KICAgICAgICA8ZmlsdGVyIGlkPSJmaWx0ZXItMSI+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VHcmFwaGljIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjA5ODAzOSAwIDAgMCAwIDAuMDk4MDM5IDAgMCAwIDAgMC4wOTgwMzkgMCAwIDAgMS4wMDAwMDAgMCI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5aWX6aSQLeS6p+WTgemAmueUqCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc0OC4wMDAwMDAsIC0zMjc1LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uEIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjgyMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtMjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU5Ni4wMDAwMDAsIDQ1MS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaW5mbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUyLjAwMDAwMCwgNC4wMDAwMDApIiBmaWx0ZXI9InVybCgjZmlsdGVyLTEpIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSLmpK3lnIblvaIiIHN0cm9rZT0iIzU5NTk1OSIgc3Ryb2tlLXdpZHRoPSIxLjIiIGN4PSI4IiBjeT0iOCIgcj0iNyI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGluZSB4MT0iOCIgeTE9IjcuNDAyMDMzMTYiIHgyPSI4IiB5Mj0iMTEuNzgzNTYxIiBpZD0i6Lev5b6EIiBzdHJva2U9IiM1OTU5NTkiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvbGluZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9IuakreWchuW9oiIgZmlsbD0iIzU5NTk1OSIgY3g9IjgiIGN5PSI0Ljg5ODg1MDIxIiByPSIxIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+)
}

.pep-activity-promotion-v2 .pep-activity-promotion-card-description .link-item .icon.link {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+6LaF6ZO+PC90aXRsZT4KICAgIDxnIGlkPSLotoXpk74iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguMDAwMDAwLCA4LjAwMDAwMCkgcm90YXRlKC00NS4wMDAwMDApIHRyYW5zbGF0ZSgtOC4wMDAwMDAsIC04LjAwMDAwMCkgdHJhbnNsYXRlKDAuMjQ3NjMzLCA0LjU4Mjg0MCkiIGZpbGw9IiMxOTE5MTkiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjI1NjEyNjYzLC0xLjU5ODcyMTE2ZS0xMyBDNi42MTUxMTE3MiwtMS41OTg3MjExNmUtMTMgNi45MDYxMjY2MywwLjI5MTAxNDkxMyA2LjkwNjEyNjYzLDAuNjUgQzYuOTA2MTI2NjMsMC45NzYzNTAwNzkgNi42NjU2MTg0NCwxLjI0NjUyNjQ2IDYuMzUyMTc4ODcsMS4yOTI5NTIzMyBMNi4yNTYxMjY2MywxLjMgTDMuNDE3MTU5NTIsMS4zIEMyLjI0Nzg4NDYsMS4zIDEuMywyLjI0Nzg4NDYgMS4zLDMuNDE3MTU5NTIgQzEuMyw0LjUzNTU5NjM5IDIuMTY3MjUxNyw1LjQ1MTQ3NTc4IDMuMjY1OTYwNjMsNS41MjkwMDMyMSBMMy40MTcxNTk1Miw1LjUzNDMxOTAzIEw2LjI1NjEyNjYzLDUuNTM0MzE5MDMgQzYuNjE1MTExNzIsNS41MzQzMTkwMyA2LjkwNjEyNjYzLDUuODI1MzMzOTQgNi45MDYxMjY2Myw2LjE4NDMxOTAzIEM2LjkwNjEyNjYzLDYuNTEwNjY5MTEgNi42NjU2MTg0NCw2Ljc4MDg0NTQ5IDYuMzUyMTc4ODcsNi44MjcyNzEzNiBMNi4yNTYxMjY2Myw2LjgzNDMxOTAzIEwzLjQxNzE1OTUyLDYuODM0MzE5MDMgQzEuNTI5OTE0NDMsNi44MzQzMTkwMyAtMS44Nzg0OTczNmUtMTMsNS4zMDQ0MDQ2IC0xLjg3ODQ5NzM2ZS0xMywzLjQxNzE1OTUyIEMtMS44Nzg0OTczNmUtMTMsMS41OTI4MjI2IDEuNDI5NjIwMDQsMC4xMDIzOTEzMjkgMy4yMjk2Njk1NCwwLjAwNTA1NjI4NTczIEwzLjQxNzE1OTUyLC0xLjU5ODcyMTE2ZS0xMyBMNi4yNTYxMjY2MywtMS41OTg3MjExNmUtMTMgWiBNMTIuMDg3NTc1NCwtMS41OTg3MjExNmUtMTMgTDEyLjI3NTA2NTMsMC4wMDUwNTYyODU3MyBDMTQuMDc1MTE0OCwwLjEwMjM5MTMyOSAxNS41MDQ3MzQ5LDEuNTkyODIyNiAxNS41MDQ3MzQ5LDMuNDE3MTU5NTIgQzE1LjUwNDczNDksNS4zMDQ0MDQ2IDEzLjk3NDgyMDQsNi44MzQzMTkwMyAxMi4wODc1NzU0LDYuODM0MzE5MDMgTDEyLjA4NzU3NTQsNi44MzQzMTkwMyBMOS4yNDg2MDgyNCw2LjgzNDMxOTAzIEw5LjE1MjU1Niw2LjgyNzI3MTM2IEM4LjgzOTExNjQzLDYuNzgwODQ1NDkgOC41OTg2MDgyNCw2LjUxMDY2OTExIDguNTk4NjA4MjQsNi4xODQzMTkwMyBDOC41OTg2MDgyNCw1LjgyNTMzMzk0IDguODg5NjIzMTUsNS41MzQzMTkwMyA5LjI0ODYwODI0LDUuNTM0MzE5MDMgTDkuMjQ4NjA4MjQsNS41MzQzMTkwMyBMMTIuMDg3NTc1NCw1LjUzNDMxOTAzIEwxMi4yMzg3NzQyLDUuNTI5MDAzMjEgQzEzLjMzNzQ4MzIsNS40NTE0NzU3OCAxNC4yMDQ3MzQ5LDQuNTM1NTk2MzkgMTQuMjA0NzM0OSwzLjQxNzE1OTUyIEMxNC4yMDQ3MzQ5LDIuMjQ3ODg0NiAxMy4yNTY4NTAzLDEuMyAxMi4wODc1NzU0LDEuMyBMMTIuMDg3NTc1NCwxLjMgTDkuMjQ4NjA4MjQsMS4zIEw5LjE1MjU1NiwxLjI5Mjk1MjMzIEM4LjgzOTExNjQzLDEuMjQ2NTI2NDYgOC41OTg2MDgyNCwwLjk3NjM1MDA3OSA4LjU5ODYwODI0LDAuNjUgQzguNTk4NjA4MjQsMC4yOTEwMTQ5MTMgOC44ODk2MjMxNSwtMS41OTg3MjExNmUtMTMgOS4yNDg2MDgyNCwtMS41OTg3MjExNmUtMTMgTDkuMjQ4NjA4MjQsLTEuNTk4NzIxMTZlLTEzIEwxMi4wODc1NzU0LC0xLjU5ODcyMTE2ZS0xMyBaIE0xMC4yNzk0MTQyLDIuNzY3MTU5NTIgQzEwLjYzODM5OTMsMi43NjcxNTk1MiAxMC45Mjk0MTQyLDMuMDU4MTc0NDMgMTAuOTI5NDE0MiwzLjQxNzE1OTUyIEMxMC45Mjk0MTQyLDMuNzQzNTA5NiAxMC42ODg5MDYsNC4wMTM2ODU5OCAxMC4zNzU0NjY0LDQuMDYwMTExODUgTDEwLjI3OTQxNDIsNC4wNjcxNTk1MiBMNS4wOTE2NDE3Myw0LjA2NzE1OTUyIEM0LjczMjY1NjY0LDQuMDY3MTU5NTIgNC40NDE2NDE3MywzLjc3NjE0NDYgNC40NDE2NDE3MywzLjQxNzE1OTUyIEM0LjQ0MTY0MTczLDMuMDkwODA5NDQgNC42ODIxNDk5MiwyLjgyMDYzMzA1IDQuOTk1NTg5NDksMi43NzQyMDcxOCBMNS4wOTE2NDE3MywyLjc2NzE1OTUyIEwxMC4yNzk0MTQyLDIuNzY3MTU5NTIgWiIgaWQ9IuW9oueKtue7k+WQiCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+)
}

.pep-activity-promotion-v2 .pep-activity-promotion-card-purchase .price-detail-calc {
    background-image: url(https://res.hc-cdn.com/cnpm-pep-components/2.4.30/cnpm-pep-activity-promotion-v2/images/coupon.jpg)
}

.pep-activity-promotion-v2 .collapse-container .collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.pep-activity-promotion-v2 .collapse-container .slide-down,.pep-activity-promotion-v2 .collapse-container .slide-up {
    font-size: 18px;
    line-height: 28px
}

.pep-activity-promotion-v2 .collapse-container .por-icon {
    font-size: 24px;
    margin-left: 4px;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s,-webkit-transform .35s
}

.pep-activity-promotion-v2 .collapse-container .open .slide-down,.pep-activity-promotion-v2 .collapse-container .slide-up {
    display: none
}

.pep-activity-promotion-v2 .collapse-container .open .slide-up {
    display: block
}

.pep-activity-promotion-v2 .collapse-container .open .por-icon {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.pep-activity-promotion-v2 .tab-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 32px;
    -ms-flex-pack: distribute;
    background-color: #fff;
    background-size: 100% 100%;
    border-radius: 16px;
    justify-content: space-around;
    padding: 22px 100px
}

.pep-activity-promotion-v2 .tab-banner.mb {
    display: none
}

.pep-activity-promotion-v2 .tab-banner.banner-img {
    overflow: hidden;
    padding: 0
}

.pep-activity-promotion-v2 .tab-banner.banner-img img {
    display: block;
    width: 100%
}

.pep-activity-promotion-v2 .tab-banner .title {
    color: #191919;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px
}

.pep-activity-promotion-v2 .tab-banner .detail {
    color: #595959;
    font-size: 12px;
    line-height: 18px;
    margin-top: 8px
}

.pep-activity-promotion-v2 .tab-banner .tab-banner-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1280px) {
    .pep-activity-promotion-v2 .tab-bottom {
        margin-top:24px
    }

    .pep-activity-promotion-v2 .tab-banner {
        padding: 22px 80px
    }
}

@media (max-width: 1024px) {
    .pep-activity-promotion-v2 [columns="4"] .pep-activity-promotion-card {
        width:33.33333%
    }

    .pep-activity-promotion-v2 [columns="4"] .pep-activity-promotion-card:nth-child(4) {
        display: none
    }

    .pep-activity-promotion-v2 .tab-banner {
        padding: 22px 40px
    }
}

@media (max-width: 768px) {
    .pep-activity-promotion-v2 .header-button.pc {
        display:none
    }

    .pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card .pep-activity-promotion-card-content,.pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card.key .pep-activity-promotion-card-content,.pep-activity-promotion-v2 [columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-content,.pep-activity-promotion-v2 [tab-columns="1"]+.row-tab-content .pep-activity-promotion-card-content {
        border-radius: 16px;
        padding: 24px;
        width: 100%
    }

    .pep-activity-promotion-v2 .activity-tab-content.active[columns] .row,.pep-activity-promotion-v2 .por-tab-content.active[columns] .row {
        margin: 0
    }

    .pep-activity-promotion-v2 .activity-tab-content.active[columns] .row+.row,.pep-activity-promotion-v2 .por-tab-content.active[columns] .row+.row {
        margin-top: 16px
    }

    .pep-activity-promotion-v2 .pep-activity-promotion-card,.pep-activity-promotion-v2 .pep-activity-promotion-card:hover {
        z-index: auto
    }

    .pep-activity-promotion-v2 .pep-activity-promotion-card.layout-gap {
        display: none;
        width: 100%
    }

    .pep-activity-promotion-v2 .pep-activity-promotion-card.layout-gap.active {
        display: block
    }

    .pep-activity-promotion-v2 .row-tab-content {
        margin: 0
    }

    .pep-activity-promotion-v2 .row-tab-container {
        background-color: #fff;
        border-radius: 16px 16px 0 0;
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 16px;
        width: 100%;
		overflow: auto;
    }

    .pep-activity-promotion-v2 .row-tab-container[tab-columns="1"] {
        display: none
    }

    .pep-activity-promotion-v2 .row-tab.mb {
        border-bottom: 1px solid rgba(0,0,0,.08);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 16px
    }

    .pep-activity-promotion-v2 .row-tab.mb li {
        width: 100%;
        -webkit-box-flex: 1;
        color: #191919;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1;
        flex: 1;
        font-size: 12px;
        line-height: 18px;
        padding: 0 12px;
        position: relative;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .pep-activity-promotion-v2 .row-tab.mb li:after {
        bottom: -17px;
        content: "";
        display: block;
        position: absolute
    }

    .pep-activity-promotion-v2 .row-tab.mb li+li {
        border-left: 1px solid rgba(0,0,0,.08)
    }

    .pep-activity-promotion-v2 .row-tab.mb li.active {
        font-weight: 700
    }

    .pep-activity-promotion-v2 .row-tab.mb li.active:after {
        background-color: #000;
        height: 2px;
        width: calc(100% - 24px)
    }

    .pep-activity-promotion-v2 [tab-columns="2"] .row-tab li {
        width: 50%
    }

    .pep-activity-promotion-v2 [tab-columns="3"] .row-tab li {
        width: 33.33333%
    }

    .pep-activity-promotion-v2 [tab-columns="4"] .row-tab li {
        width: 25%
    }

    .pep-activity-promotion-v2 .por-row {
        margin: 0
    }

    .pep-activity-promotion-v2 .pep-activity-promotion-card.layout-gap {
        padding: 0
    }

    .pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card-content,.pep-activity-promotion-v2 [columns="1"]+.pep-activity-promotion-card .pep-activity-promotion-card-content {
        border-radius: 16px;
        width: 100%
    }

    .pep-activity-promotion-v2 [columns="1"] .pep-activity-promotion-card.key .pep-activity-promotion-card-img {
        display: none
    }

    .pep-activity-promotion-v2 .tab-bottom {
        margin-top: 16px
    }

    .pep-activity-promotion-v2 .collapse-container .slide-down,.pep-activity-promotion-v2 .collapse-container .slide-up {
        font-size: 14px;
        line-height: 22px
    }

    .pep-activity-promotion-v2 .collapse-container .por-icon {
        font-size: 14px
    }

    .pep-activity-promotion-v2 .tab-banner {
        margin-top: 16px;
        padding: 10px 20px
    }

    .pep-activity-promotion-v2 .tab-banner.pc {
        display: none
    }

    .pep-activity-promotion-v2 .tab-banner.mb {
        display: block
    }

    .pep-activity-promotion-v2 .tab-banner .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        line-height: 22px
    }

    .pep-activity-promotion-v2 .tab-banner .detail {
        font-size: 10px;
        line-height: 16px;
        margin-top: 2px
    }
}
.pep-product-advantage-v2 .por-section-title {
    font-weight: var(--por-base-font-weight-bold)
}

.pep-product-advantage-v2 .por-row {
    margin-bottom: 24px
}

.pep-product-advantage-v2 .por-row [class^=por-col-] {
    padding: 12px;
	max-width: none;
	flex-grow: 1;
}

.pep-product-advantage-v2 .por-row .por-col-12:last-child:nth-child(odd) .por-card-content{
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    justify-content: space-between;
}
.pep-product-advantage-v2 .por-row .por-col-12:last-child:nth-child(odd) .por-card-content .card-content{
  max-width: 50%;
}
.pep-product-advantage-v2 .por-row .por-col-12:last-child:nth-child(odd) .por-card-content .card-content .lists{
    max-width: 93%;
  }
.pep-product-advantage-v2 .por-row .por-collapse-container {
    border: none
}

.pep-product-advantage-v2 .por-row .por-collapse-container .por-collapse-trigger {
    display: none
}

.pep-product-advantage-v2 .por-row .por-collapse-container .por-collapse {
    display: block
}

.pep-product-advantage-v2 .por-row [class^=por-col]>.por-card {
    -webkit-box-shadow: none;
    box-shadow: none
}

.pep-product-advantage-v2 .por-row .por-card {
    background: var(--por-color-background-gray-1);
    border-radius: 24px;
    padding: 48px
}

.pep-product-advantage-v2 .por-row .por-card .card-content {
    margin-bottom: 24px
}

.pep-product-advantage-v2 .por-row .por-card .card-content[\:has\(\.card-btn\)] {
    margin-bottom: 8px
}

.pep-product-advantage-v2 .por-row .por-card .card-content:has(.card-btn) {
    margin-bottom: 8px
}

.pep-product-advantage-v2 .por-row .por-card .card-title {
    color: var(--por-color-text-primary);
    font-size: 28px;
    font-weight: var(--por-base-font-weight-bold);
    line-height: 42px;
    margin-bottom: 16px
}

.pep-product-advantage-v2 .por-row .por-card .lists {
    margin-bottom: 24px；
}

.pep-product-advantage-v2 .por-row .por-card .card-btn {
    font-size: 0
}

.pep-product-advantage-v2 .por-row .por-card .card-btn a {
    margin-bottom: 16px;
    margin-right: 16px;
    max-width: 100%
}

.pep-product-advantage-v2 .por-row .por-card ul li {
    color: var(--por-color-text-secondary);
    font-size: 16px;
    line-height: 24px
}

.pep-product-advantage-v2 .por-row .por-card ul li p {
    display: inline;
    display: initial
}

.pep-product-advantage-v2 .por-row .por-card ul li:last-child {
    margin-bottom: 0
}

.pep-product-advantage-v2 .por-row .por-card ul li.text {
    font-size: 16px;
    line-height: 24px
}

.pep-product-advantage-v2 .por-row .por-card ul li.circle {
    margin-bottom: 8px;
    margin-left: 1em
}

.pep-product-advantage-v2 .por-row .por-card ul li.circle:before {
    border: 2px solid;
    border-radius: 50%;
    content: "";
    display: inline-block;
    margin-left: -12px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle
}

.pep-product-advantage-v2 .por-row .por-card ul li.circle+li.text,.pep-product-advantage-v2 .por-row .por-card ul li.text+li.circle {
    margin-top: 16px
}

.pep-product-advantage-v2 .por-row .card-image img {
    border-radius: 12px
}

@media (min-width: 769px) {
    .pep-product-advantage-v2 .por-row .por-col-24 .por-card-content {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }

    .pep-product-advantage-v2 .por-row .por-col-24 .card-content {
        margin-bottom: 0;
        padding-right: 12px;
        width: 50%
    }

    .pep-product-advantage-v2 .por-row .por-col-24 .card-image {
        padding-left: 60px;
        width: 50%
    }

    .pep-product-advantage-v2 .por-row .por-col-24 .card-image img {
        float: right
    }
}

.pep-product-advantage-v2 .por-row .por-col-24 img {
    height: auto;
    max-width: 652px;
    width: 100%
}

.pep-product-advantage-v2 .por-row .por-col-12 .card-image img {
    height: auto;
    max-width: 692px;
    width: 100%
}

.pep-product-advantage-v2 .por-row .por-col-14 .card-image img {
    height: auto;
    max-width: 827px;
    width: 100%
}

.pep-product-advantage-v2 .por-row .por-col-10 .card-image img {
    height: auto;
    max-width: 556px;
    width: 100%
}

@media (max-width: 1600px) {
    .pep-product-advantage-v2 .por-row {
        margin-bottom:20px
    }

    .pep-product-advantage-v2 .por-row [class^=por-col-] {
        padding: 10px
    }

    .pep-product-advantage-v2 .por-row .por-card {
        padding: 40px
    }

    .pep-product-advantage-v2 .por-row .por-card .card-title {
        font-size: 22px;
        line-height: 34px;
        margin-bottom: 8px
    }

    .pep-product-advantage-v2 .por-row .por-card ul li {
        font-size: 14px;
        line-height: 22px
    }

    .pep-product-advantage-v2 .por-row .por-card ul li.circle {
        margin-bottom: 6px
    }

    .pep-product-advantage-v2 .por-row .por-card ul li.text {
        font-size: 14px;
        line-height: 22px
    }

    .pep-product-advantage-v2 .por-row .por-card ul li.circle+li.text,.pep-product-advantage-v2 .por-row .por-card ul li.text+li.circle {
        margin-top: 10px
    }

    .pep-product-advantage-v2 .por-row .por-col-24 .card-content {
        padding-right: 12px
    }

    .pep-product-advantage-v2 .por-row .por-col-24 .card-image {
        padding-left: 52px
    }
}

@media (max-width: 1280px) {
    .pep-product-advantage-v2 .por-row {
        margin-bottom:20px
    }

    .pep-product-advantage-v2 .por-row [class^=por-col-] {
        padding: 8px
    }

    .pep-product-advantage-v2 .por-row .por-card {
        padding: 32px
    }

    .pep-product-advantage-v2 .por-row .por-card .card-title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 6px
    }

    .pep-product-advantage-v2 .por-row .por-card ul li {
        font-size: 12px;
        line-height: 18px
    }

    .pep-product-advantage-v2 .por-row .por-card ul li.circle {
        margin-bottom: 4px
    }

    .pep-product-advantage-v2 .por-row .por-card ul li.text {
        font-size: 12px;
        line-height: 18px
    }

    .pep-product-advantage-v2 .por-row .por-card ul li.circle+li.text,.pep-product-advantage-v2 .por-row .por-card ul li.text+li.circle {
        margin-top: 6px
    }

    .pep-product-advantage-v2 .por-row .por-col-24 .card-content {
        padding-right: 12px
    }

    .pep-product-advantage-v2 .por-row .por-col-24 .card-image {
        padding-left: 40px
    }
}

@media (max-width: 768px) {
    .pep-product-advantage-v2 .por-container .por-row {
        margin-bottom:0
    }

    .pep-product-advantage-v2 .por-container .por-row .por-collapse-container {
        border: none;
        margin-bottom: 0
    }

    .pep-product-advantage-v2 .por-container .por-row [class^=por-col-] {
        margin-bottom: 8px
    }

    .pep-product-advantage-v2 .por-container .por-row .por-card {
        border-radius: 16px;
        padding: 20px
    }

    .pep-product-advantage-v2 .por-container .por-row .por-card .lists {
        margin-bottom: 12px
    }

    .pep-product-advantage-v2 .por-container .por-row .por-card .card-btn a {
        margin-bottom: 8px;
        margin-right: 8px
    }

    .pep-product-advantage-v2 .por-container .por-row .por-card .card-content,.pep-product-advantage-v2 .por-container .por-row .por-card .card-content[\:has\(\.card-btn\)] {
        margin-bottom: 12px
    }

    .pep-product-advantage-v2 .por-container .por-row .por-card .card-content:has(.card-btn) {
        margin-bottom: 12px
    }

    .pep-product-advantage-v2 .por-container .por-row .por-collapse-trigger {
        border: none;
        display: block;
        padding: 0
    }

    .pep-product-advantage-v2 .por-container .por-row .por-collapse-trigger .por-icon-down {
        font-size: 20px;
        right: 0
    }

    .pep-product-advantage-v2 .por-container .por-row .por-collapse:not(.show) {
        display: none
    }

    .pep-product-advantage-v2 .por-container .por-row .por-collapse-head-text {
        font-size: 14px;
        font-weight: var(--por-base-font-weight-bold);
        line-height: 22px;
        padding-right: 12px;
        width: calc(100% - 20px)
    }

    .pep-product-advantage-v2 .por-container .por-row .por-card-content {
        padding-top: 16px
    }

    .pep-product-advantage-v2 .por-container .por-row .por-card-content .card-title {
        display: none
    }

    .pep-product-advantage-v2 .por-container .por-row .por-col-24 .card-content {
        margin-bottom: 0;
        padding-right: 0;
        width: 100%
    }

    .pep-product-advantage-v2 .por-container .por-row .por-col-24 .card-image {
        padding-left: 0;
        width: 100%
    }
}

html[lang=ar-MENA] .pep-product-advantage-v2 .por-container .por-row .por-card ul li.circle {
    margin-left: 0;
    margin-right: 1em
}

html[lang=ar-MENA] .pep-product-advantage-v2 .por-container .por-row .por-card ul li.circle:before {
    margin-left: 8px;
    margin-right: -12px
}

html[lang=ar-MENA] .pep-product-advantage-v2 .por-container .por-row .por-card .card-btn a {
    margin-left: 16px;
    margin-right: 0
}

@media (min-width: 769px) {
    html[lang=ar-MENA] .pep-product-advantage-v2 .por-container .por-row .por-col-24 .card-content {
        padding-left:12px;
        padding-right: 0
    }

    html[lang=ar-MENA] .pep-product-advantage-v2 .por-container .por-row .por-col-24 .card-image {
        padding-left: 0;
        padding-right: 60px
    }
}

@media (max-width: 1600px) {
    html[lang=ar-MENA] .pep-product-advantage-v2 .por-container .por-row .por-col-24 .card-image {
        padding-right:52px
    }
}

@media (max-width: 1280px) {
    html[lang=ar-MENA] .pep-product-advantage-v2 .por-container .por-row .por-col-24 .card-image {
        padding-right:40px
    }
}

@media (max-width: 768px) {
    html[lang=ar-MENA] .pep-product-advantage-v2 .por-container .por-row .por-col-24 .card-image {
        padding-right:0
    }

    html[lang=ar-MENA] .pep-product-advantage-v2 .por-container .por-row .por-collapse-head-text {
        padding-left: 12px;
        padding-right: 0
    }

    html[lang=ar-MENA] .pep-product-advantage-v2 .por-container .por-row .por-collapse-trigger .por-icon-down {
        left: 0;
        right: auto
    }

    html[lang=ar-MENA] .pep-product-advantage-v2 .por-container .por-row .por-card .card-btn a {
        margin-left: 8px
    }
}


.pep-product-scene-diagram-v3 .hidden-pc {
    display: none
}

.pep-product-scene-diagram-v3 .por-section {
    background-attachment: fixed
}

@media (min-width: 768px) {
    .pep-product-scene-diagram-v3 .combination .por-collapse-container {
        border:none
    }

    .pep-product-scene-diagram-v3 .combination .por-collapse-trigger {
        display: none
    }

    .pep-product-scene-diagram-v3 .combination .por-collapse {
        display: block
    }
}



.pep-product-scene-diagram-v3 .scence-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    background-color: var(--por-color-background-white);
    border-radius: var(--por-radius-xl);
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden
}

.pep-product-scene-diagram-v3 .scence-content-wrapper.card-grey {
    background-color: #f5f5f5
}

.pep-product-scene-diagram-v3 .scence-content-wrapper.row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 750px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 50%
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-img.normal-image {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-img.normal-image img {
    display: none
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-img img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    width: 100%
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-img.adapt-height img {
    height: 100%;
    width: auto
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-img.video-box:after {
    background: rgba(0,0,0,.15);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .por-player-btn {
    background-color: rgba(0,0,0,.15);
    border: 2px solid #fff;
    position: relative;
    z-index: 10
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .por-player-btn:hover {
    background-color: rgba(0,0,0,.3)
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .por-player-btn:before {
    padding-left: 2px;
    position: relative;
    top: -2px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper.half .scence-content-img {
    width: 60%
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail-outer {
    padding: 48px 4px 48px 0;
    width: 50%
}

.pep-product-scene-diagram-v3 .scence-content-wrapper.half .scence-content-detail-outer {
    width: 40%
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail {
    border-radius: var(--por-radius-s);
    max-height: 650px;
    min-height: 270px;
    overflow-y: auto;
    padding: 0 48px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t8,.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-maintitle-block_title {
    color: var(--por-color-text-primary);
    margin-bottom: 8px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t8.scence-heading-block_detail {
    margin-bottom: 6px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block#scence-case-block .por-text-title-t8 {
    margin-bottom: 0
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-secondary-block+.scence-secondary-block {
    margin-top: 12px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary {
    color: var(--por-color-text-primary);
    font-size: 16px;
    font-weight: var(--por-base-font-weight-bold);
    margin-bottom: 6px;
    position: relative
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary.decoration-dot {
    padding-left: 12px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary.decoration-dot:before {
    background-color: var(--por-color-text-primary);
    border-radius: var(--por-radius-circle);
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 4px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary.decoration-check {
    padding-left: 24px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary.decoration-check:before {
    background-image: url(https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/%E7%BB%84%E4%BB%B6%E9%AA%8C%E8%AF%81/commons/images/exist.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 14px;
    left: 2px;
    position: absolute;
    top: 7px;
    width: 14px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-steps-block_step+.scence-steps-block_step {
    margin-top: 8px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail {
    color: var(--por-color-text-secondary);
    font-size: 16px;
    line-height: 24px;
    position: relative
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail .por-link {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail+.scence-content-block_detail {
    margin-top: 6px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-dot {
    padding-left: 12px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-check {
    padding-left: 24px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-dot:before {
    background-color: #595959;
    border-radius: var(--por-radius-circle);
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 4px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-check:before {
    background-image: url(https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/%E7%BB%84%E4%BB%B6%E9%AA%8C%E8%AF%81/commons/images/exist.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 14px;
    left: 2px;
    position: absolute;
    top: 7px;
    width: 14px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-case-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-case-list .video-item {
    background-color: var(--por-color-background-black);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 122px;
    margin-right: 12px;
    margin-top: 8px;
    position: relative;
    width: 184px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-case-list .video-item.video-box:after {
    background: rgba(0,0,0,.15);
    border-radius: 12px;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-detail-products .scence-content-block_detail,.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-recommend-list .scence-content-block_detail {
    color: var(--por-color-text-primary)
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-recommend-list {
    margin: 0 -20px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-recommend-list a {
    color: var(--por-color-text-primary);
    display: inline-block;
    padding: 0 20px;
    position: relative
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-recommend-list a:after {
    background-color: #d8d8d8;
    content: "";
    height: 16px;
    position: absolute;
    right: 0;
    top: calc(50% - 8px);
    width: 1px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-recommend-list a:last-child:after {
    display: none
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-recommend-list a[href]:hover {
    color: var(--por-color-text-primary);
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-detail-products {
    margin-top: -12px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-detail-products .scence-content-block_detail {
    margin-top: 16px!important
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-detail-products .por-link-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-detail-products .por-link-btn .scence-product-icon {
    background-repeat: no-repeat;
    background-size: cover;
    height: 36px;
    width: 36px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-detail-products .por-link-btn span {
    line-height: 36px;
    overflow: hidden;
    padding-left: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 36px)
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-detail-products .por-link-btn[href]:hover span {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-btn-list {
    font-size: 0
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-btn-list a {
    margin-right: 16px
}

.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block+.scence-content-detail-block,.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-subblock+.scence-content-detail-subblock {
    margin-top: 40px
}

@media (max-width: 1600px) {
    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-img {
        max-height:688px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail-outer {
        padding: 40px 4px 40px 0
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail {
        max-height: 608px;
        min-height: 270px;
        padding: 0 40px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-maintitle-block_title {
        font-size: 22px;
        line-height: 34px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t8 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 6px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t8.scence-heading-block_detail {
        margin-bottom: 4px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 4px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary.decoration-dot:before {
        top: 10px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary.decoration-check:before {
        top: 5px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail {
        font-size: 14px;
        line-height: 22px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail+.scence-content-block_detail {
        margin-top: 4px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-dot:before {
        top: 10px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-check:before {
        top: 5px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block+.scence-content-detail-block,.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-subblock+.scence-content-detail-subblock {
        margin-top: 32px
    }
}

@media (max-width: 1280px) {
    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-img {
        max-height:570px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail-outer {
        padding: 32px 4px 32px 0
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail {
        max-height: 506px;
        min-height: 270px;
        padding: 0 32px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-maintitle-block_title {
        font-size: 18px;
        line-height: 28px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t8 {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 4px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 4px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail {
        font-size: 12px;
        line-height: 18px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-detail-products {
        margin-top: -4px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary.decoration-dot:before {
        top: 8px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary.decoration-check:before {
        top: 3px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-dot:before {
        top: 8px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-check:before {
        top: 3px
    }

    .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block+.scence-content-detail-block,.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-subblock+.scence-content-detail-subblock {
        margin-top: 28px
    }
}

.application-screenImg {
    background-color: rgba(0,0,0,.7);
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.application-screenImg img {
    background-color: var(--por-color-background-white);
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 80%;
    max-width: 90%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

html[lang=ar-MENA] .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail-outer {
    padding-left: 4px;
    padding-right: 0
}

html[lang=ar-MENA] .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary.decoration-check {
    padding-left: 0;
    padding-right: 24px
}

html[lang=ar-MENA] .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary.decoration-check:before {
    left: 0;
    right: 2px
}

html[lang=ar-MENA] .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary.decoration-dot {
    padding-left: 0;
    padding-right: 12px
}

html[lang=ar-MENA] .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary.decoration-dot:before {
    left: auto;
    right: 0
}

html[lang=ar-MENA] .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-recommend-list a:not(:first-child):before {
    background-color: #d8d8d8;
    content: "";
    height: 16px;
    position: absolute;
    right: 0;
    top: calc(50% - 8px);
    width: 1px
}

html[lang=ar-MENA] .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-recommend-list a:after {
    width: 0
}

html[lang=ar-MENA] .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-case-list .video-item {
    margin-left: 12px;
    margin-right: 0
}

html[lang=ar-MENA] .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-btn-list a {
    margin-left: 16px;
    margin-right: 0
}

html[lang=ar-MENA] .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-check {
    padding-left: 0;
    padding-right: 24px
}

html[lang=ar-MENA] .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-check:before {
    left: 0;
    right: 2px
}

html[lang=ar-MENA] .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-dot {
    padding-left: 0;
    padding-right: 12px
}

html[lang=ar-MENA] .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-dot:before {
    left: auto;
    right: 0
}

html[lang=ar-MENA] .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-detail-products .por-link-btn span {
    padding-left: 0;
    padding-right: 12px
}
.pep-product-doc-v2 .por-section-title {
    font-weight: var(--por-base-font-weight-bold)
}

.pep-product-doc-v2 .doc-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    letter-spacing: 0
}

.pep-product-doc-v2 .doc-lists li {
    padding: 12px
}

.pep-product-doc-v2 .doc-lists .por-collapse-container {
    border: none;
    height: 100%;
	background: #fff;
	border-radius: 16px;
	padding: 20px 0;
}

.pep-product-doc-v2 .doc-lists .por-collapse-container .por-collapse-trigger {
    display: none
}

.pep-product-doc-v2 .doc-lists .por-collapse-container .por-collapse {
    height: 100%
}
.pep-product-doc-v2 .por-collapse:not(.show) {
    display: block;
}
.pep-product-doc-v2 .doc-lists .doc-lists-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    padding: 0 32px
}

.pep-product-doc-v2 .doc-lists .doc-lists-content .list-title {
    color: var(--por-color-text-primary);
    font-size: 24px;
    font-weight: var(--por-base-font-weight-bold);
    line-height: 36px;
    margin-bottom: 16px
}

.pep-product-doc-v2 .doc-lists .doc-lists-content .info {
    margin-bottom: 8px
}

.pep-product-doc-v2 .doc-lists .doc-lists-content .info p {
    color: var(--por-color-text-primary);
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 12px;
    text-align: left
}

.pep-product-doc-v2 .doc-lists .doc-lists-content a {
    cursor: default
}

.pep-product-doc-v2 .doc-lists .doc-lists-content a:not([href=""]):hover {
    cursor: pointer;
    text-decoration: underline
}

.pep-product-doc-v2 .doc-lists .doc-lists-content .more-detail {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: center;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    font-weight: var(--por-base-font-weight-bold)
}

.pep-product-doc-v2 .doc-lists .doc-lists-content .more-detail i {
    line-height: 24px
}

.pep-product-doc-v2 .doc-lists .doc-lists-content .more-detail:hover i {
    margin-left: 2px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.pep-product-doc-v2 .doc-lists.col-doc-2 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.pep-product-doc-v2 .doc-lists.col-doc-3 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.pep-product-doc-v2 .doc-lists.col-doc-4 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.pep-product-doc-v2 .doc-lists.col-doc-5 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

@media (max-width: 1600px) {
    .pep-product-doc-v2 .doc-lists .doc-lists-content {
        padding:0 28px
    }

    .pep-product-doc-v2 .doc-lists .doc-lists-content .list-title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px
    }

    .pep-product-doc-v2 .doc-lists .doc-lists-content .info {
        margin-bottom: 6px
    }

    .pep-product-doc-v2 .doc-lists .doc-lists-content .info p {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 10px
    }

    .pep-product-doc-v2 .doc-lists .doc-lists-content .more-detail {
        font-size: 14px;
        line-height: 22px
    }

    .pep-product-doc-v2 .doc-lists .doc-lists-content .more-detail i {
        line-height: 22px
    }
}

@media (max-width: 1280px) {
    .pep-product-doc-v2 .doc-lists .doc-lists-content {
        padding:0 24px
    }

    .pep-product-doc-v2 .doc-lists .doc-lists-content .list-title {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px
    }

    .pep-product-doc-v2 .doc-lists .doc-lists-content .info {
        margin-bottom: 4px
    }

    .pep-product-doc-v2 .doc-lists .doc-lists-content .info p {
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 8px
    }

    .pep-product-doc-v2 .doc-lists .doc-lists-content .more-detail {
        font-size: 12px;
        line-height: 18px
    }

    .pep-product-doc-v2 .doc-lists .doc-lists-content .more-detail i {
        line-height: 18px
    }
}

@media (max-width: 1024px) {
    .pep-product-doc-v2 .doc-lists.col-doc-4 li {
        -webkit-box-flex:0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .pep-product-doc-v2 .doc-lists.col-doc-5 li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

html[lang=ar-MENA] .pep-product-doc-v2 .doc-lists .doc-lists-content .info p {
    text-align: right
}
.pep-common-card-v2 .por-row {
    margin: -12px
}

.pep-common-card-v2 .card-container {
    -ms-flex-preferred-size: auto;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-basis: auto;
    flex-grow: unset;
    padding: 12px;
    width: 33.33333%
}

.pep-common-card-v2 .card-keywords {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 8px;
    position: relative;
    width: 100%
}

.pep-common-card-v2 .card-keyword {
    color: var(--por-color-text-primary);
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    word-break: break-all
}

.pep-common-card-v2 .card-keyword:not(:last-child) {
    margin-right: 20px;
    max-width: 50%;
    padding-right: 20px;
    position: relative
}

.pep-common-card-v2 .card-keyword:not(:last-child):after {
    border-right: 1px solid;
    bottom: 25%;
    color: var(--por-color-text-weak-1);
    content: "";
    height: 50%;
    position: absolute;
    right: 0;
    top: unset;
    width: 1px
}

.pep-common-card-v2 .btn-groups {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 32px
}

.pep-common-card-v2 .btn-groups>a {
    margin-right: 16px
}

.pep-common-card-v2 .card-2 {
    padding: 8px;
    width: 50%
}

.pep-common-card-v2 .card-3 {
    padding: 12px;
    width: 33.33333%
}

.pep-common-card-v2 .card-4 {
    padding: 8px;
    width: 25%
}

.pep-common-card-v2 .card-5 {
    padding: 6px;
    width: 20%
}

.pep-common-card-v2 .card-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--por-color-background-white);
    border-radius: var(--por-radius-xl);
    cursor: pointer;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 32px 32px 40px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.pep-common-card-v2 .card-link.card-left {
    text-align: left
}

.pep-common-card-v2 .card-link:hover {
    -webkit-box-shadow: var(--por-shadow-card-active);
    box-shadow: var(--por-shadow-card-active)
}

.pep-common-card-v2 .card-link h3 {
    color: var(--por-color-text-primary);
    margin-bottom: 8px
}

.pep-common-card-v2 .card-link p {
    color: var(--por-color-text-secondary)
}

.pep-common-card-v2 .card-link .por-card-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin-top: 4px
}

.pep-common-card-v2 .card-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 32px 40px 40px
}

.pep-common-card-v2 .card-center .btn-groups {
    -ms-flex-item-align: center;
    align-self: center
}

.pep-common-card-v2 .card-center .por-card-content {
    -ms-flex-item-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-self: center
}

.pep-common-card-v2 .card-center .por-card-content .card-keywords {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pep-common-card-v2 .card-product {
    padding: 52px 32px
}

.pep-common-card-v2 .card-product .por-card-icon {
    margin-bottom: 24px
}

.pep-common-card-v2 .card-product .card-link {
    margin-bottom: 12px
}

.pep-common-card-v2 .por-card-icon {
    font-size: 0;
    margin-bottom: 28px
}

.pep-common-card-v2 .por-card-icon img[data-image-size="80px"] {
    display: inline-block;
    height: 80px
}

.pep-common-card-v2 .por-card-icon img[data-image-size="60px"] {
    display: inline-block;
    height: 60px
}

.pep-common-card-v2 .por-card-icon img[data-image-size="48px"] {
    display: inline-block;
    height: 48px
}

.pep-common-card-v2 .more-container {
    margin-top: 32px;
    text-align: center
}

.pep-common-card-v2 .show-mb {
    display: none!important
}

.pep-common-card-v2 .por-col[data-theme-bg=gray]>.card-link {
    background-color: var(--por-color-background-gray-2)
}

.pep-common-card-v2 .por-col[data-theme-bg=white]>.card-link {
    background-color: var(--por-color-background-white)
}
.pep-common-card-v2.fabg .por-col[data-theme-bg=white]>.card-link {
    background-color: var(--por-color-background-gray-1);
}
.pep-common-card-v2 .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px -2px -2px
}

.pep-common-card-v2 .por-label {
    margin-right: 4px
}

.pep-common-card-v2 .card-center .tags {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pep-common-card-v2 .por-card-content>h3.por-text-title-t8>p {
    color: var(--por-color-text-primary);
    font-size: inherit;
    line-height: inherit
}

.pep-common-card-v2 .por-col[data-show=false] {
    display: none
}

.pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true] .card-count-down {
    color: var(--por-color-text-weak);
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    right: 24px;
    top: 24px
}

.pep-common-card-v2 .por-row[count-down=true] .card-link {
    padding-top: 40px
}

.pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-2 .card-count-down {
    right: 32px;
    top: 32px
}

.pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-3 .card-count-down {
    right: 36px;
    top: 36px
}

.pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-4 .card-count-down {
    right: 32px;
    top: 32px
}

.pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-5 .card-count-down {
    right: 30px;
    top: 30px
}

.pep-common-card-v2 .por-tab-content[with-show-more=true] .card-2:nth-child(4)~.card-2,.pep-common-card-v2 .por-tab-content[with-show-more=true] .card-3:nth-child(6)~.card-3,.pep-common-card-v2 .por-tab-content[with-show-more=true] .card-4:nth-child(8)~.card-4,.pep-common-card-v2 .por-tab-content[with-show-more=true] .card-5:nth-child(10)~.card-5 {
    display: none
}

.pep-common-card-v2 .show-more {
    color: var(--por-color-text-link-default);
    cursor: pointer;
    font-size: 18px;
    line-height: 28px;
    margin-top: 32px;
    text-align: center
}

.pep-common-card-v2 .show-more .up {
    display: none
}

.pep-common-card-v2 .por-tab-content.extend .card-container[data-show=true] {
    display: block!important
}

.pep-common-card-v2 .por-tab-content.extend .show-more .up {
    display: block
}

.pep-common-card-v2 .por-tab-content.extend .show-more .down,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="2"][current-card-num="0"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="2"][current-card-num="1"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="2"][current-card-num="2"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="2"][current-card-num="3"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="2"][current-card-num="4"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="3"][current-card-num="0"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="3"][current-card-num="1"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="3"][current-card-num="2"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="3"][current-card-num="3"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="3"][current-card-num="4"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="3"][current-card-num="5"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="3"][current-card-num="6"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="0"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="1"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="2"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="3"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="4"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="5"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="6"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="7"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="8"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="0"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="1"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="10"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="2"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="3"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="4"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="5"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="6"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="7"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="8"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="9"] .show-more {
    display: none
}

@media (max-width: 1600px) {
    .pep-common-card-v2 .desc {
        font-size:14px;
        line-height: 22px
    }

    .pep-common-card-v2 .card-keywords {
        margin-bottom: 6px
    }

    .pep-common-card-v2 .btn-groups {
        padding-top: 28px
    }

    .pep-common-card-v2 .card-link {
        padding: 28px 28px 36px
    }

    .pep-common-card-v2 .card-link h3 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 6px
    }

    .pep-common-card-v2 .card-link p {
        font-size: 14px;
        line-height: 22px
    }

    .pep-common-card-v2 .card-keyword {
        font-size: 20px;
        line-height: 30px
    }

    .pep-common-card-v2 .por-card-icon {
        margin-bottom: 24px
    }

    .pep-common-card-v2 .por-card-icon img[data-image-size="80px"] {
        height: 64px
    }

    .pep-common-card-v2 .por-card-icon img[data-image-size="60px"] {
        height: 48px
    }

    .pep-common-card-v2 .por-card-icon img[data-image-size="48px"] {
        height: 38.4px
    }

    .pep-common-card-v2 .card-product {
        padding: 42px 32px
    }

    .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-2 .card-count-down {
        right: 28px;
        top: 28px
    }

    .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-3 .card-count-down {
        right: 32px;
        top: 32px
    }

    .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-4 .card-count-down {
        right: 28px;
        top: 28px
    }

    .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-5 .card-count-down {
        right: 26px;
        top: 26px
    }

    .pep-common-card-v2 .por-row[count-down=true] .card-link {
        padding-top: 32px
    }

    .pep-common-card-v2 .show-more {
        margin-top: 28px
    }
}

@media (max-width: 1280px) {
    .pep-common-card-v2 .desc {
        font-size:12px;
        line-height: 18px
    }

    .pep-common-card-v2 .card-keywords {
        margin-bottom: 4px
    }

    .pep-common-card-v2 .btn-groups {
        padding-top: 24px
    }

    .pep-common-card-v2 .card-link {
        padding: 24px 24px 32px
    }

    .pep-common-card-v2 .card-link h3 {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 4px
    }

    .pep-common-card-v2 .card-link p {
        font-size: 12px;
        line-height: 18px
    }

    .pep-common-card-v2 .card-keyword {
        font-size: 16px;
        line-height: 24px
    }

    .pep-common-card-v2 .por-card-icon {
        margin-bottom: 20px
    }

    .pep-common-card-v2 .por-card-icon img[data-image-size="80px"] {
        height: 53.33333333px
    }

    .pep-common-card-v2 .por-card-icon img[data-image-size="60px"] {
        height: 40px
    }

    .pep-common-card-v2 .por-card-icon img[data-image-size="48px"] {
        height: 32px
    }

    .pep-common-card-v2 .card-5 {
        width: 33.33333%
    }

    .pep-common-card-v2 .more-container {
        font-size: 14px;
        line-height: 22px;
        margin-top: 20px
    }

    .pep-common-card-v2 .card-product {
        padding: 36px 32px
    }

    .pep-common-card-v2 .show-more {
        margin-top: 24px
    }

    .pep-common-card-v2 .por-tab-content[with-show-more=true] .card-2:nth-child(4)~.card-2,.pep-common-card-v2 .por-tab-content[with-show-more=true] .card-3:nth-child(6)~.card-3,.pep-common-card-v2 .por-tab-content[with-show-more=true] .card-4:nth-child(8)~.card-4,.pep-common-card-v2 .por-tab-content[with-show-more=true] .card-5:nth-child(6)~.card-5 {
        display: none
    }

    .pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num][current-card-num] .show-more {
        display: block
    }

    .pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="2"][current-card-num="0"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="2"][current-card-num="1"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="2"][current-card-num="2"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="2"][current-card-num="3"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="2"][current-card-num="4"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="3"][current-card-num="0"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="3"][current-card-num="1"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="3"][current-card-num="2"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="3"][current-card-num="3"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="3"][current-card-num="4"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="3"][current-card-num="5"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="3"][current-card-num="6"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="0"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="1"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="2"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="3"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="4"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="5"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="6"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="7"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="8"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="0"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="1"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="2"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="3"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="4"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="5"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="5"][current-card-num="6"] .show-more {
        display: none
    }

    .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-2 .card-count-down {
        right: 24px;
        top: 24px
    }

    .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-3 .card-count-down {
        right: 28px;
        top: 28px
    }

    .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-4 .card-count-down {
        right: 24px;
        top: 24px
    }

    .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-5 .card-count-down {
        right: 28px;
        top: 28px
    }

    .pep-common-card-v2 .por-row[count-down=true] .card-link {
        padding-top: 28px
    }
}

@media (max-width: 1024px) {
    .pep-common-card-v2 .por-row {
        margin:-8px -12px
    }

    .pep-common-card-v2 .card-container {
        padding: 8px 12px
    }

    .pep-common-card-v2 .card-4 {
        padding: 8px;
        width: 50%
    }

    .pep-common-card-v2 .card-4:nth-child(4)~.card-4,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="0"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="1"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="2"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="3"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="4"] .show-more {
        display: none
    }

    .pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="5"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="6"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="7"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num="4"][current-card-num="8"] .show-more {
        display: block
    }

    .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-2 .card-count-down {
        right: 24px;
        top: 24px
    }

    .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-3 .card-count-down {
        right: 28px;
        top: 28px
    }

    .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-4 .card-count-down {
        right: 24px;
        top: 24px
    }

    .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-5 .card-count-down {
        right: 28px;
        top: 28px
    }
}

@media (max-width: 768px) {
    .pep-common-card-v2 .btn-groups {
        padding-top:16px
    }

    .pep-common-card-v2 .card-keywords {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 4px 0
    }

    .pep-common-card-v2 .card-keyword:not(:last-child) {
        margin: 0;
        max-width: 100%;
        padding: 0 0 4px
    }

    .pep-common-card-v2 .card-keyword:not(:last-child):after {
        display: none
    }

    .pep-common-card-v2 .por-section-title.show-mb {
        padding-bottom: 4px
    }

    .pep-common-card-v2 .por-section-head {
        padding-bottom: 12px
    }

    .pep-common-card-v2 .showMb {
        display: block
    }

    .pep-common-card-v2 .por-row {
        margin: -4px
    }

    .pep-common-card-v2 .card-container {
        padding: 4px
    }

    .pep-common-card-v2 .show-mb {
        display: block!important
    }

    .pep-common-card-v2 .show-pc {
        display: none!important
    }

    .pep-common-card-v2 .por-tab+.por-tab-wrapper {
        padding-top: 0
    }

    .pep-common-card-v2 .card-container {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding-bottom: 8px;
        width: 100%
    }

    .pep-common-card-v2 .card-container:last-child {
        padding-bottom: 0
    }

    .pep-common-card-v2 .por-tab {
        margin-bottom: 20px
    }

    .pep-common-card-v2 .card-link {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 25px;
        text-align: left;
        width: 100%;
		flex-direction: row;
		align-items: center;
    }

    .pep-common-card-v2 .card-link .por-card-icon {
        margin-bottom: 0;
        margin-right: 14px
    }

    .pep-common-card-v2 .card-link .por-card-icon img {
        height: 40px
    }

    .pep-common-card-v2 .card-link .por-card-content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 0;
        width: 100%
    }

    .pep-common-card-v2 .card-link .por-card-content .btn-groups {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .pep-common-card-v2 .card-link h3 {
        margin-bottom: 0;
        width: 100%
    }

    .pep-common-card-v2 .card-link p {
        margin-top: 4px
    }

    .pep-common-card-v2 .por-row[data-layout-mb=upDownLayout] .por-col>.card-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pep-common-card-v2 .por-row[data-layout-mb=upDownLayout] .por-col>.card-link .por-card-icon {
        padding-bottom: 8px
    }

    .pep-common-card-v2 .por-row[data-layout-mb=leftRightLayout] .por-col>.card-link {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .pep-common-card-v2 .por-row[data-layout-mb=leftRightLayout] .por-col>.card-link .por-card-icon {
        padding: 0
    }

    .pep-common-card-v2 .tags {
        display: none
    }

    .pep-common-card-v2 .show-more {
        margin-top: 16px
    }

    .pep-common-card-v2 .por-row[count-down=true] .card-link {
        padding-top: 24px
    }

    .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-2 .card-count-down,.pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-3 .card-count-down,.pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-4 .card-count-down,.pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-5 .card-count-down {
        right: 24px;
        top: 24px
    }

    .pep-common-card-v2 .por-tab-content[with-show-more=true] .card-container:first-child~.card-container {
        display: block
    }

    .pep-common-card-v2 .por-tab-content[with-show-more=true] .card-container:nth-child(4)~.card-container {
        display: none
    }

    .pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num][current-card-num] .show-more {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

    .pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num][current-card-num="0"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num][current-card-num="1"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num][current-card-num="2"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num][current-card-num="3"] .show-more,.pep-common-card-v2 .por-tab-content[with-show-more=true][data-col-num][current-card-num="4"] .show-more {
        display: none
    }
}

html[lang=ar-MENA] .pep-common-card-v2 .card-link.card-left {
    text-align: right
}

html[lang=ar-MENA] .pep-common-card-v2 .btn-groups>a {
    margin-left: 16px;
    margin-right: 0
}

html[lang=ar-MENA] .pep-common-card-v2 .por-label {
    margin-left: 4px;
    margin-right: 0
}

html[lang=ar-MENA] .pep-common-card-v2 .card-keyword:not(:last-child) {
    margin-left: 20px;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 0
}

html[lang=ar-MENA] .pep-common-card-v2 .card-keyword:not(:last-child):after {
    left: 0;
    right: auto
}

html[lang=ar-MENA] .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-2 .card-count-down {
    left: 32px;
    right: auto
}

html[lang=ar-MENA] .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-3 .card-count-down {
    left: 36px;
    right: auto
}

html[lang=ar-MENA] .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-4 .card-count-down {
    left: 32px;
    right: auto
}

html[lang=ar-MENA] .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-5 .card-count-down {
    left: 30px;
    right: auto
}

@media (max-width: 768px) {
    html[lang=ar-MENA] .pep-common-card-v2 .card-keyword:not(:last-child) {
        margin-left:0;
        padding-left: 4px
    }

    html[lang=ar-MENA] .pep-common-card-v2 .card-keyword:not(:last-child):after {
        left: 0;
        right: auto
    }

    html[lang=ar-MENA] .pep-common-card-v2 .card-link .por-card-icon {
        margin-left: 14px;
        margin-right: 0
    }

    html[lang=ar-MENA] .pep-common-card-v2 .card-link {
        text-align: right
    }

    html[lang=ar-MENA] .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-2 .card-count-down,html[lang=ar-MENA] .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-3 .card-count-down,html[lang=ar-MENA] .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-4 .card-count-down,html[lang=ar-MENA] .pep-common-card-v2 .por-row[count-down=true] .por-col[data-show=true].card-5 .card-count-down {
        left: 24px;
        right: auto
    }
}

.pep-latest-dynamic-v2 .por-section {
    padding: 20px 0
}

.pep-latest-dynamic-v2 .por-section.por-section-merge-spacing {
    padding-top: 0
}

.pep-latest-dynamic-v2 .por-section.por-section-merge-spacing-bottom {
    padding-bottom: 0
}

.pep-latest-dynamic-v2[data-bg=grey] {
    background-color: var(--por-color-background-gray-2)
}

.pep-latest-dynamic-v2 .dynamic-content {
    display: block
}

.pep-latest-dynamic-v2 object {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: hsla(0, 0%, 100%, .8);;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--por-radius-xl);
    justify-content: space-between;
    padding: 16px 32px
}

.pep-latest-dynamic-v2 object[data-bg=grey] {
    background-color: var(--por-color-background-gray-2)
}

.pep-latest-dynamic-v2 object:not(:hover) {
    -webkit-box-shadow: var(--por-shadow-card-normal);
    box-shadow: var(--por-shadow-card-normal)
}

.pep-latest-dynamic-v2 .dynamic-main,.pep-latest-dynamic-v2 object {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pep-latest-dynamic-v2 .dynamic-icon,.pep-latest-dynamic-v2 .dynamic-title,.pep-latest-dynamic-v2 .por-link-more {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pep-latest-dynamic-v2 .dynamic-main {
    color: var(--por-color-text-primary);
    margin-right: 20px
}

.pep-latest-dynamic-v2 .dynamic-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 32px;
    margin-right: 20px;
    width: 32px
}

.pep-latest-dynamic-v2 .dynamic-title {
    font-size: 16px;
    font-weight: var(--por-base-font-weight-bold);
    line-height: 28px
}

.pep-latest-dynamic-v2 .dynamic-line {
    background-color: var(--por-color-background-gray);
    height: 18px;
    margin: 0 28px;
    width: 1px
}
.pep-problem-v2 .por-section .por-container .por-section-head .pc {
    display: block
}

.pep-problem-v2 .por-section .por-container .por-section-head .mb {
    display: none
}

.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper {
    background-color: var(--por-color-background-white);
    border-radius: var(--por-radius-xl)
}

.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container {
    border: none;
    margin: 0 32px;
    padding: 32px 0
}

.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger {
    border: none;
    padding: 0 48px 0 0
}

.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-collapse-head-text {
    color: var(--por-color-text-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    gap: 16px;
    line-height: 30px
}

.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-collapse-head-text .icon-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px
}

.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-collapse-head-text .icon-wrapper .icon {
    height: 20px;
    width: 20px
}

.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--por-color-text-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    height: 30px;
    margin-top: 0;
    right: 8px;
    top: 0
}

.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-icon:hover {
    color: var(--por-color-text-secondary)
}

.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger.expended .por-icon {
    color: #999
}

.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content {
    margin-top: 10px;
    padding-left: 36px;
    padding-right: 48px
}

.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-one,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-one {
    color: #666;
    font-size: 16px;
    line-height: 24px
}

.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-two,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-two {
    color: var(--por-color-text-secondary);
    font-size: 14px;
    line-height: 22px
}

.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-one~.content.content-two,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-one~.content.content-two {
    padding-left: 60px
}

.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-one+.content.content-two,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-one+.content.content-two {
    margin-top: 8px
}

.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container:not(:last-child) {
    border-bottom: 1px solid #EFEFEF
}

.pep-problem-v2 .por-section .por-container .por-section-body .show-more {
    padding-top: 32px;
    text-align: center
}

.pep-problem-v2 .por-section .por-container .por-section-body .show-more .por-link {
    font-size: 18px;
    line-height: 28px
}

.pep-problem-v2 .por-section .por-container .por-section-body .show-more .por-link .por-icon-right {
    font-size: 24px
}
.pep-problem-v2 .por-section .por-container.mt{
	margin-bottom: 18px;
}
@media (min-width: 1281px) and (max-width:1600px) {
    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container {
        margin:0 28px;
        padding: 20px 0
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger {
        padding-right: 52px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-collapse-head-text {
        font-size: 16px;
        gap: 12px;
        line-height: 24px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-collapse-head-text .icon-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 24px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-collapse-head-text .icon-wrapper .icon {
        height: 20px;
        width: 20px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-icon {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 24px;
        height: 24px;
        right: 12px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content {
        margin-top: 10px;
        padding-left: 32px;
        padding-right: 52px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-one,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-one {
        font-size: 14px;
        line-height: 22px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-two,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-two {
        font-size: 12px;
        line-height: 18px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-one~.content.content-two,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-one~.content.content-two {
        padding-left: 52px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-one+.content.content-two,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-one+.content.content-two {
        margin-top: 8px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .show-more {
        padding-top: 28px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .show-more .por-link {
        font-size: 18px;
        line-height: 28px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .show-more .por-link .por-icon-right {
        font-size: 24px
    }
}

@media (min-width: 769px) and (max-width:1280px) {
    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container {
        margin:0 24px;
        padding: 20px 0
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger {
        padding-right: 44px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-collapse-head-text {
        font-size: 14px;
        gap: 12px;
        line-height: 22px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-collapse-head-text .icon-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 22px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-collapse-head-text .icon-wrapper .icon {
        height: 20px;
        width: 20px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-icon {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 20px;
        height: 22px;
        right: 8px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content {
        margin-top: 8px;
        padding-left: 32px;
        padding-right: 44px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-one,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-two,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-one,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-two {
        font-size: 12px;
        line-height: 18px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-one~.content.content-two,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-one~.content.content-two {
        padding-left: 48px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-one+.content.content-two,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-one+.content.content-two {
        margin-top: 8px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .show-more {
        padding-top: 24px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .show-more .por-link {
        font-size: 14px;
        line-height: 22px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .show-more .por-link .por-icon-right {
        font-size: 20px
    }
}

@media (max-width: 768px) {
    .pep-problem-v2 .por-section .por-container .por-section-head .pc {
        display:none
    }

    .pep-problem-v2 .por-section .por-container .por-section-head .mb {
        display: block
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container {
        margin: 0 24px;
        padding: 16px 0
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger {
        padding-right: 28px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-collapse-head-text {
        font-size: 14px;
        gap: 8px;
        line-height: 22px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-collapse-head-text .icon-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 22px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-collapse-head-text .icon-wrapper .icon {
        height: 16px;
        width: 16px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-icon {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 20px;
        height: 22px;
        right: 0
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content {
        margin-top: 8px;
        padding-left: 24px;
        padding-right: 28px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-one,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-two,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-one,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-two {
        font-size: 12px;
        line-height: 18px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-one~.content.content-two,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-one~.content.content-two {
        padding-left: 24px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-one+.content.content-two,.pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-one+.content.content-two {
        margin-top: 8px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .show-more {
        padding-top: 20px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .show-more .por-link {
        font-size: 14px;
        line-height: 22px
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .show-more .por-link .por-icon-right {
        font-size: 20px
    }
}

@media (min-width: 769px) {
    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper[data-pc-collapse-disabled=true] .por-collapse-container .por-collapse-trigger {
        padding-right:0;
        pointer-events: none
    }

    .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper[data-pc-collapse-disabled=true] .por-collapse-container .por-collapse-trigger .por-icon.por-icon-down {
        display: none
    }
}

html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger {
    padding-left: 48px;
    padding-right: 0
}

html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-icon {
    left: 8px;
    right: auto
}

html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content,html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content {
    padding-left: 48px;
    padding-right: 36px
}

html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-one~.content.content-two,html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-one~.content.content-two {
    padding-left: 48px;
    padding-right: 60px
}

@media (max-width: 1600px) {
    html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger {
        padding-left:52px;
        padding-right: 0
    }

    html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-icon {
        left: 12px;
        right: auto
    }

    html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content,html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content {
        padding-left: 52px;
        padding-right: 32px
    }

    html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-one~.content.content-two,html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-one~.content.content-two {
        padding-left: 52px;
        padding-right: 52px
    }
}

@media (max-width: 1280px) {
    html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger {
        padding-left:44px;
        padding-right: 0
    }

    html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-icon {
        left: 8px;
        right: auto
    }

    html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content,html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content {
        padding-left: 44px;
        padding-right: 32px
    }

    html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-one~.content.content-two,html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-one~.content.content-two {
        padding-left: 44px;
        padding-right: 48px
    }
}

@media (max-width: 768px) {
    html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger {
        padding-left:28px;
        padding-right: 0
    }

    html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-icon {
        left: 0;
        right: auto
    }

    html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content,html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .collapsing .content-box .content.content-one~.content.content-two,html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content,html[lang=ar-MENA] .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse .content-box .content.content-one~.content.content-two {
        padding-left: 28px;
        padding-right: 24px
    }
}

@media (min-width: 1601px) {
    .pep-latest-dynamic-v2 .por-link-more {
        font-size:16px
    }
}

@media (max-width: 1600px) {
    .pep-latest-dynamic-v2 object {
        padding:14px 28px
    }

    .pep-latest-dynamic-v2 .dynamic-main {
        margin-right: 16px
    }

    .pep-latest-dynamic-v2 .dynamic-icon {
        height: 24px;
        margin-right: 16px;
        width: 24px
    }

    .pep-latest-dynamic-v2 .dynamic-title,.pep-latest-dynamic-v2 .por-text-body-t2 {
        font-size: 14px;
        line-height: 22px
    }

    .pep-latest-dynamic-v2 .dynamic-line {
        height: 16px;
        margin: 0 24px
    }
}

@media (max-width: 1280px) {
    .pep-latest-dynamic-v2 object {
        padding:11px 24px
    }

    .pep-latest-dynamic-v2 .dynamic-main {
        margin-right: 14px
    }

    .pep-latest-dynamic-v2 .dynamic-icon {
        height: 22px;
        margin-right: 14px;
        width: 22px
    }

    .pep-latest-dynamic-v2 .dynamic-title,.pep-latest-dynamic-v2 .por-text-body-t2 {
        font-size: 12px;
        line-height: 18px
    }

    .pep-latest-dynamic-v2 .dynamic-line {
        height: 14px;
        margin: 0 20px
    }

    .pep-latest-dynamic-v2 .por-link-more {
        font-size: 12px
    }
}

@media (max-width: 768px) {
    .pep-latest-dynamic-v2 object {
        padding:20px
    }

    .pep-latest-dynamic-v2 .dynamic-main {
        display: block;
        margin-right: 0;
        padding-left: 46px;
        position: relative
    }

    .pep-latest-dynamic-v2 .dynamic-main.no-icon {
        padding: 0
    }

    .pep-latest-dynamic-v2 .dynamic-icon {
        height: 32px;
        left: 0;
        position: absolute;
        width: 32px
    }

    .pep-latest-dynamic-v2 .dynamic-title {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 4px
    }

    .pep-latest-dynamic-v2 .dynamic-line,.pep-latest-dynamic-v2 .por-link-more {
        display: none
    }
}

html[lang=ar-MENA] .pep-latest-dynamic-v2 .dynamic-main {
    margin-left: 20px;
    margin-right: 0
}

html[lang=ar-MENA] .pep-latest-dynamic-v2 .dynamic-icon {
    margin-left: 20px;
    margin-right: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}


.shade,.shade-product {
    background-color: rgba(0,0,0,.8);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200
}

.modal-realName {
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 10px;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
    width: 100%;
    z-index: 999
}

.modal-realName .iframe-realName {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.modal-logRegister {
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
    width: 100%;
    z-index: 999
}

.modal-logRegister .iframe-logRegister {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.modal-product {
    -webkit-animation: mymove .3s ease-in-out;
    animation: mymove .3s ease-in-out;
    height: 100%;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
    width: 100%;
    z-index: 999
}

.modal-product .iframe-product {
    left: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%,-50%);
    transform: translate(-100%,-50%)
}

.opacity-fifty {
    opacity: .5
}

@-webkit-keyframes mymove {
    0% {
        left: 960px
    }

    to {
        left: 0
    }
}

@keyframes mymove {
    0% {
        left: 960px
    }

    to {
        left: 0
    }
}

.mod-dialog-body .free-test-dialog .dialog-content-title {
    font-size: 14px;
    line-height: 24px
}

.mod-dialog-body .free-test-dialog .dialog-info-inner {
    background: #f5f5f6;
    color: #575d6c;
    font-size: 12px;
    line-height: 34px;
    padding: 0 10px
}

.mod-dialog-body .free-test-dialog .dialog-warn-inner {
    color: #c7000b;
    font-size: 12px;
    line-height: 18px
}

.mod-dialog .mod-dialog-inner {
    width: 400px!important
}

.mod-dialog footer button {
    background: #c7000b!important;
    border-color: #c7000b!important;
    border-radius: 2px!important;
    cursor: pointer!important;
    font-size: 12px!important;
    height: 32px!important;
    padding-left: 24px!important;
    padding-right: 24px!important;
    -webkit-transition: .2s!important;
    transition: .2s!important
}

.mod-dialog footer button:hover {
    background-color: #d64a52!important;
    border-color: #d64a52!important
}

.mod-dialog footer button.cancel {
    background: #fff!important;
    border: 1px solid #252b3a!important;
    color: #252b3a!important
}

.mod-dialog footer button.cancel:hover {
    background-color: #fff!important;
    border-color: #c7000b!important;
    color: #c7000b!important
}

.mod-dialog {
    background-color: rgba(0,0,0,.8);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: opacity .175s ease-in-out;
    transition: opacity .175s ease-in-out;
    will-change: opacity
}

.mod-dialog-inner {
    background-color: #fff;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    max-width: 700px;
    min-width: 400px;
    padding: 0;
    position: relative
}

.mod-dialog header {
    color: #252b3a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    margin: 19px 0;
    padding-left: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mod-dialog-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

.mod-dialog-icon {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: block;
    height: 24px;
    margin-right: 20px;
    width: 24px
}

.mod-dialog-info {
    background-position: 0 0
}

.mod-dialog-success {
    background-position: -24px 0
}

.mod-dialog-error {
    background-position: -48px 0
}

.mod-dialog-warning {
    background-position: -72px 0
}

.mod-dialog section {
    word-wrap: break-word;
    color: #575d6c;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 12px 0;
    padding: 0 30px;
    text-align: justify
}

.mod-dialog footer {
    padding: 20px 30px 30px;
    text-align: center
}

.mod-dialog footer button {
    border-radius: 1px;
    cursor: pointer;
    line-height: 14px;
    padding: 5px 20px;
    -webkit-tap-highlight-color: transparent;
    background: #f66f6a;
    border: 1px solid #f66f6a;
    color: #fff;
    font-size: 12px;
    margin: 0 4px
}

.mod-dialog footer button.cancel {
    background: #fff;
    border: 1px solid #adb0b8;
    color: #252b3a
}

.mod-dialog-close {
    cursor: pointer;
    height: 18px;
    overflow: hidden;
    position: absolute;
    right: 18px;
    top: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 18px
}

.mod-dialog-close:after,.mod-dialog-close:before {
    background-color: #666a75;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 18px
}

.mod-dialog-close:after {
    height: 18px;
    left: 8px;
    top: 0;
    width: 2px
}

.mod-dialog[open] {
    opacity: 1
}

@media (max-width: 768px) {
    .mod-dialog-inner {
        max-width:calc(100% - 30px);
        min-width: 60%
    }
}

.shade,.shade-product {
    background-color: rgba(0,0,0,.8);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200
}

.modal-realName {
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 10px;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
    width: 100%;
    z-index: 999
}

.modal-realName .iframe-realName {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.modal-logRegister {
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
    width: 100%;
    z-index: 999
}

.modal-logRegister .iframe-logRegister {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.modal-product {
    -webkit-animation: mymove .3s ease-in-out;
    animation: mymove .3s ease-in-out;
    height: 100%;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
    width: 100%;
    z-index: 999
}

.modal-product .iframe-product {
    left: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%,-50%);
    transform: translate(-100%,-50%)
}

.opacity-fifty {
    opacity: .5
}

@-webkit-keyframes mymove {
    0% {
        left: 960px
    }

    to {
        left: 0
    }
}

@keyframes mymove {
    0% {
        left: 960px
    }

    to {
        left: 0
    }
}

.mod-dialog-body .free-test-dialog .dialog-content-title {
    font-size: 14px;
    line-height: 24px
}

.mod-dialog-body .free-test-dialog .dialog-info-inner {
    background: #f5f5f6;
    color: #575d6c;
    font-size: 12px;
    line-height: 34px;
    padding: 0 10px
}

.mod-dialog-body .free-test-dialog .dialog-warn-inner {
    color: #c7000b;
    font-size: 12px;
    line-height: 18px
}

.mod-dialog .mod-dialog-inner {
    width: 400px!important
}

.mod-dialog footer button {
    background: #c7000b!important;
    border-color: #c7000b!important;
    border-radius: 2px!important;
    cursor: pointer!important;
    font-size: 12px!important;
    height: 32px!important;
    padding-left: 24px!important;
    padding-right: 24px!important;
    -webkit-transition: .2s!important;
    transition: .2s!important
}

.mod-dialog footer button:hover {
    background-color: #d64a52!important;
    border-color: #d64a52!important
}

.mod-dialog footer button.cancel {
    background: #fff!important;
    border: 1px solid #252b3a!important;
    color: #252b3a!important
}

.mod-dialog footer button.cancel:hover {
    background-color: #fff!important;
    border-color: #c7000b!important;
    color: #c7000b!important
}

html[lang=ar-mena] .mod-dialog .mod-dialog-close {
    left: 18px;
    right: auto
}

html[lang=ar-mena] .mod-dialog .mod-dialog-icon {
    margin: 0 20px
}

.pep-product-process-v2 .cps-config {
    display: none
}

.pep-product-process-v2 .por-section {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.pep-product-process-v2 .por-row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: 0;
    margin-right: 0;
    position: relative
}

.pep-product-process-v2 .icon-process {
    font-size: 0;
    margin-bottom: 20px
}

.pep-product-process-v2 .icon-process img {
    height: 36px;
    width: 36px
}

.pep-product-process-v2 .process-title {
    color: var(--por-color-text-white)
}

.pep-product-process-v2 .process-desc {
    color: var(--por-color-text-weak-1);
    margin-top: 12px
}

.pep-product-process-v2 .process-desc p {
    margin-top: 10px
}

.pep-product-process-v2 .process-desc p:first-child {
    margin-top: 0
}

.pep-product-process-v2 .process-title-container[href]:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.pep-product-process-v2 .process-container {
    position: relative;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: 20%;
    -webkit-box-flex: initial;
    -ms-flex-positive: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 0;
    height: auto;
    padding: 36px 34px 48px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.pep-product-process-v2 .process-container:last-child .process-arrow-container {
    display: none!important
}

.pep-product-process-v2 .process-text-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pep-product-process-v2 .process-3 {
    width: 33.33333%
}

.pep-product-process-v2 .process-4 {
    width: 25%
}

.pep-product-process-v2 .process-arrow-container {
    font-size: 0;
    height: 100%;
    position: absolute;
    right: -18px;
    top: 0
}

.pep-product-process-v2 .process-arrow-container img {
    height: 36px;
    margin-top: 92px;
    width: 36px
}

.pep-product-process-v2 .more-container {
    text-align: center
}

.pep-product-process-v2 [data-bg=grey] .process-title,.pep-product-process-v2 [data-bg=light] .process-title,.pep-product-process-v2 [data-bg=transBlack] .process-title {
    color: var(--por-color-text-primary)
}

.pep-product-process-v2 [data-bg=grey] .process-desc,.pep-product-process-v2 [data-bg=light] .process-desc,.pep-product-process-v2 [data-bg=transBlack] .process-desc {
    color: var(--por-color-text-secondary)
}

.pep-product-process-v2 .section-content {
    position: relative;
	padding: 0 15px;
}

.pep-product-process-v2 .section-content .por-carousel-prev {
    height: 48px;
    left: 0;
    width: 48px
}

.pep-product-process-v2 .section-content .por-carousel-next {
    height: 48px;
    right: 0;
    width: 48px
}

.pep-product-process-v2 .carousel-active .por-carousel {
    margin: 0 48px
}

.pep-product-process-v2 .carousel-active .por-carousel .por-row {
    margin-left: 0;
    margin-right: 0
}

.pep-product-process-v2 .carousel-active .por-carousel-next-container,.pep-product-process-v2 .carousel-active .por-carousel-prev-container {
    display: block
}

.pep-product-process-v2 .section-content:not(.carousel-active) .por-carousel {
    margin: 0 -34px
}

.pep-product-process-v2 .por-carousel-next-container,.pep-product-process-v2 .por-carousel-prev-container {
    display: none;
    height: 100%
}

.pep-product-process-v2 .hide-mb {
    display: none
}

.pep-product-process-v2 .por-player-btn {
    height: 28px;
    line-height: 22px;
    margin-left: 12px;
    vertical-align: middle;
    width: 28px
}

.pep-product-process-v2 .por-player-btn:before {
    font-size: 14px
}

.pep-product-process-v2 [data-bg=grey] .por-player-btn,.pep-product-process-v2 [data-bg=light] .por-player-btn,.pep-product-process-v2 [data-bg=transBlack] .por-player-btn {
    background-color: transparent;
    border: 1px solid var(--por-color-border-primary);
    color: var(--por-color-text-primary)
}

.pep-product-process-v2 .process-btns .por-btn,.pep-product-process-v2 .process-btns .referral-btn {
    margin-right: 16px;
    margin-top: 20px
}

.pep-product-process-v2 .process-btns .por-btn:last-child,.pep-product-process-v2 .process-btns .referral-btn:last-child {
    margin-right: 0
}

@media (max-width: 1600px) {
    .pep-product-process-v2 .process-container {
        padding:32px 32px 40px
    }

    .pep-product-process-v2 .icon-process {
        margin-bottom: 16px
    }

    .pep-product-process-v2 .process-title {
        font-size: 16px;
        line-height: 24px
    }

    .pep-product-process-v2 .process-desc {
        font-size: 14px;
        line-height: 22px;
        margin-top: 10px
    }

    .pep-product-process-v2 .icon-process img,.pep-product-process-v2 .process-arrow-container img {
        height: 32px;
        width: 32px
    }

    .pep-product-process-v2 .process-arrow-container img {
        margin-top: 80px
    }

    .pep-product-process-v2 .process-arrow-container {
        right: -16px
    }

    .pep-product-process-v2 .process-btns .por-btn,.pep-product-process-v2 .process-btns .referral-btn {
        margin-top: 16px
    }

    .pep-product-process-v2 .por-player-btn {
        height: 22px;
        line-height: 12px;
        margin-left: 10px;
        width: 22px
    }

    .pep-product-process-v2 .por-player-btn:before {
        font-size: 10px
    }

    .pep-product-process-v2 .section-content:not(.carousel-active) .por-carousel {
        margin: 0 -32px
    }
}

@media (max-width: 1280px) {
    .pep-product-process-v2 .carousel-active .por-carousel {
        margin:0 32px
    }

    .pep-product-process-v2 .process-container {
        padding: 26px 28px 32px
    }

    .pep-product-process-v2 .icon-process {
        margin-bottom: 12px
    }

    .pep-product-process-v2 .process-title {
        font-size: 14px;
        line-height: 22px
    }

    .pep-product-process-v2 .process-desc {
        margin-top: 8px
    }

    .pep-product-process-v2 .icon-process img,.pep-product-process-v2 .process-arrow-container img {
        height: 24px;
        width: 24px
    }

    .pep-product-process-v2 .process-arrow-container img {
        margin-top: 62px
    }

    .pep-product-process-v2 .process-arrow-container {
        right: -12px
    }

    .pep-product-process-v2 .section-content .por-carousel-next,.pep-product-process-v2 .section-content .por-carousel-prev {
        height: 32px;
        width: 32px
    }

    .pep-product-process-v2 .process-btns .por-btn,.pep-product-process-v2 .process-btns .referral-btn {
        margin-top: 12px
    }

    .pep-product-process-v2 .por-player-btn {
        height: 20px;
        margin-left: 8px;
        width: 20px
    }

    .pep-product-process-v2 .section-content:not(.carousel-active) .por-carousel {
        margin: 0 -28px
    }
}

@media (max-width: 768px) {
    .pep-product-process-v2 .hide-pc {
        display:none
    }

    .pep-product-process-v2 .hide-mb {
        display: block
    }

    .pep-product-process-v2 .process-arrow-container {
        display: none
    }

    .pep-product-process-v2 .por-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 20px
    }

    .pep-product-process-v2 .process-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 0 32px;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .pep-product-process-v2 .section-content:not(.carousel-active) .por-carousel {
        margin: 0
    }

    .pep-product-process-v2 .icon-process {
        margin-bottom: 0
    }

    .pep-product-process-v2 .icon-process~.process-text-container {
        margin-left: 20px
    }

    .pep-product-process-v2 .process-btns {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .pep-product-process-v2 .icon-process~.process-btns {
        margin-left: 44px
    }

    .pep-product-process-v2 .por-row {
        margin: 0
    }
}

html[lang=ar-MENA] .pep-product-process-v2 .process-arrow-container {
    left: -18px;
    right: auto
}

html[lang=ar-MENA] .pep-product-process-v2 .process-arrow-container img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

html[lang=ar-MENA] .pep-product-process-v2 .por-player-btn {
    margin-left: 0;
    margin-right: 12px
}

html[lang=ar-MENA] .pep-product-process-v2 .process-btns .por-btn,html[lang=ar-MENA] .pep-product-process-v2 .process-btns .referral-btn {
    margin-left: 16px;
    margin-right: 0
}
.pep-common-card-v2 .tj {

background: linear-gradient(270deg, #E5F4FF 0%, #FFF8F3 100%);}

@media (max-width: 1600px) {
    html[lang=ar-MENA] .pep-product-process-v2 .process-arrow-container {
        left:-16px
    }

    html[lang=ar-MENA] .pep-product-process-v2 .por-player-btn {
        margin-right: 8px
    }
}

@media (max-width: 1280px) {
    html[lang=ar-MENA] .pep-product-process-v2 .process-arrow-container {
        left:-12px
    }
}

@media (max-width: 768px) {
    html[lang=ar-MENA] .pep-product-process-v2 .icon-process~.process-text-container {
        margin-left:0;
        margin-right: 20px
    }

    html[lang=ar-MENA] .pep-product-process-v2 .icon-process~.process-btns {
        margin-left: 0;
        margin-right: 44px
    }
}

@media (max-width: 1600px) {
    html[lang=ar-MENA] .pep-latest-dynamic-v2 .dynamic-icon,html[lang=ar-MENA] .pep-latest-dynamic-v2 .dynamic-main {
        margin-left:16px
    }
}

@media (max-width: 1280px) {
    html[lang=ar-MENA] .pep-latest-dynamic-v2 .dynamic-icon,html[lang=ar-MENA] .pep-latest-dynamic-v2 .dynamic-main {
        margin-left:14px
    }
}

@media (max-width: 768px) {
    html[lang=ar-MENA] .pep-latest-dynamic-v2 .dynamic-main {
        margin-left:0;
        padding-left: 0;
        padding-right: 46px
    }

    html[lang=ar-MENA] .pep-latest-dynamic-v2 .dynamic-main.no-icon {
        padding-right: 0
    }

    html[lang=ar-MENA] .pep-latest-dynamic-v2 .dynamic-icon {
        margin-left: 0;
        right: 0
    }
	
	
	.pep-product-doc-v2 .doc-lists.col-doc-3 li {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.pep-product-doc-v2 .doc-lists .doc-lists-content .list-title{
	    display: none;
	}
	.pep-product-doc-v2 .doc-lists .por-collapse-container .por-collapse-trigger {
	    display: block;
	}
.pep-product-doc-v2 .doc-lists .doc-lists-content .more-detail {
    flex-grow: 0;
}
.pep-product-doc-v2 .doc-lists .doc-lists-content {
    padding: 0 20px 20px;
}
.pep-product-doc-v2 .doc-lists li {
    padding: 0;
}
.pep-product-doc-v2 .por-collapse:not(.show) {
    display: none;
}
.pep-product-doc-v2 .doc-lists .doc-lists-content .info {
    width: 100%;
}
.pep-product-scene-diagram-v3 .scence-content-wrapper.half .scence-content-img {
    width: 100%;
}
.pep-product-scene-diagram-v3 .scence-content-wrapper {
    display: inline-block;

}
.pep-product-scene-diagram-v3 .scence-content-wrapper.half .scence-content-detail-outer{
	width: 100%;
	    padding: 28px 0;
}
.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail {
    padding: 0 20px;
	max-height: none;
}
.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-detail-products .por-link-btn .scence-product-icon {
    height: 26px;
    width: 26px;
}
.pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-detail-products .por-link-btn span {
    line-height: 26px;
    padding-left: 8px;
    width: calc(100% - 26px);
}
.por-collapse-container,.por-collapse-trigger{
    border: none;
}

.por-tab-content:not(.active) {
    display: block;
}
.pep-product-scene-diagram-v3 .combination .por-tab {
    display: none;
}
.pep-product-scene-diagram-v3 .por-collapse-container{
    border-radius: 16px;
	background: hsla(0,0%,100%,.8);
}
.pep-product-scene-diagram-v3 .scence-content-wrapper{
    background: hsla(0,0%,100%,.8);
}
.por-tab+.por-tab-wrapper {
    padding-top: 0;
}
.pep-product-doc-v2 .doc-lists .doc-lists-content {
	height: auto;
}
.pep-product-doc-v2 .doc-lists .por-collapse-container {
    height: auto;
	border-radius: 16px;
    background: hsla(0,0%,100%,.8);
	padding: 0;
}
.por-collapse-container, .por-collapse-container:not(:last-child) {
    margin-bottom: 8px;
}
.pep-product-banner-v3 .por-col, [class*=por-col-] {
    width: 50%;
	margin-bottom: 18px;
}
.pep-problem-v2 .por-col {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.pep-problem-v2 .por-col, [class*=por-col-] {
    width: 100%;
	margin-bottom: 18px;
}
.pep-problem-v2 .por-section .por-container.mt{
	margin-bottom: 0;
}
}