@charset "UTF-8";

a {
    text-decoration: none;
    color: inherit;
}
img {
    max-width: 100%;
    vertical-align: middle;
    border: none;
}
[id] {
  scroll-margin-top: 80px;
}

.audio-wave-pmgressbar  {max-width: 720px !important;}
.audio-controller {max-width: 720px !important;}
.audio-type-item {font-size: 17px !important;}
.audio-wave-cover-item { --ratio: calc(575 / 930 * 100%) !important;}
.Anti-language-toggle {color: #fff !important;border-color: #fff !important;}
.Anti-language-toggle svg path {fill: #fff !important;}
.Anti-language-icon svg path  {stroke: #fff !important;fill: none !important;}

/* base css */
.container,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
.container-fluid{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media (min-width: 576px) {
    .container-sm,.container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container-md,.container-sm,.container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container-lg,.container-md,.container-sm,.container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1240px
    }
}

.giftoffer-main {
	background: url(../images/giftoffer-blackfriday-2025/bg-main.jpg) no-repeat center top #fffdf9;
	background-size: 100% auto;
	color: #000000;
	font-size: 15px;
	line-height: 1.4;
	font-weight: 400;
}
.main-title-h1 {
	font-size: 47px;
	line-height: 1.4;
	font-weight: 700;
    text-align: center;
}
.main-title-h2 {
	font-size: 35px;
	line-height: 1.4;
	font-weight: 700;
    text-align: center;
}
.main-suhead {
	font-size: 21px;
	line-height: 1.4;
	font-weight: 400;
    text-align: center;
}


.switch-system {position: absolute;bottom: 15px;right: 5px;}
.switch-system-flex{display:flex;justify-content:flex-end;align-items:center;gap:11px;}
.switch-system-wrapper{height:15px;margin:0;position:relative;width:31px;}
.switch-system-wrapper input{height:0;opacity:0;width:0;display: none;}
.switch-system-slider{display: block;border:1px solid #110e04;height: 15px;border-radius:34px;cursor:pointer;transition:.4s;position: relative;}
.switch-system-slider:before{content:"";background-color:#1366ff;border-radius:50%;bottom:2px;height:11px;left:2px;position:absolute;transition:.4s;width:11px;}
.switch-system-wrapper input:checked+.switch-system-slider:before{left:calc(100% - 13px);}
.system-item{color:#110e04;font-size:17px;line-height: 1;}
.system-item.active{color:#1366ff;}

.singular-price, .plural-price {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 10px;
}


@media (max-width: 1200px) {

}
@media (max-width: 992px) {
    img {
        height: auto;
    }
    .main-title-h1 {
        font-size: 27px;
    }
    .main-suhead {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .switch-system {
        bottom: -30px;
        z-index: 999;
    }
}
@media (max-width: 576px) {

}

/* ```````````````````````````````````````````````````````````````````````````````` */
.giftoffer-part1 {
    padding: 50px 0;
}

.part1-ladder {
    position: relative;
    height: 265px;
}
.item-ladder {
    position: absolute;
    left: 0;
    top: 0;
    height: 265px;
    width: 100%;
    background-color: #fffef7;
    border: 2px solid #fffffc;
    box-sizing: border-box;
}

.stage1 {
    width: calc(100% - (3 * 130px) - 22px);
    z-index: 44;
    --color: #ff5e0d;
}
.stage2 {
    width: calc(100% - (2 * 130px) - 22px);
    z-index: 33;
    --color: #ff720d;
}
.stage3 {
    width: calc(100% - (1 * 130px) - 22px);
    z-index: 22;
    --color: #ff8a0d;
}
.stage4 {
    width: calc(100% - (0 * 130px) - 0px);
    z-index: 11;
    --color: #ff960d;
}


.PhaseTwo .stage1 {
    width: calc(100% - (0 * 130px) - 0px);
    z-index: 11;
    --color: #9f9f9f;
    padding-right: 20px;
}
.PhaseTwo .stage2 {
    width: calc(100% - (3 * 130px) - 22px);
    z-index: 44;
    --color: #ff5e0d;
}
.PhaseTwo .stage3 {
    width: calc(100% - (2 * 130px) - 22px);
    z-index: 33;
    --color: #ff720d;
}
.PhaseTwo .stage4 {
    width: calc(100% - (1 * 130px) - 22px);
    z-index: 22;
    --color: #ff8a0d;
    padding-right: 0;
}
.PhaseTwo .stage4::before {
    display: block;
}
.PhaseTwo .stage4 .stage-tips {
    right: -20px;
}
.PhaseTwo .stage1::before {
    display: none;
}
.PhaseTwo .stage1 .stage-tips {
    right: 3px;
}
.PhaseTwo .stage1 .stage-content-l, .PhaseTwo .stage1 .stage-content-l {
    display: none;
}
.PhaseTwo .stage1 .stage-trailer {
    max-width: 95px;
}



.item-ladder.active {
    border-color: #ff8624;
    z-index: 55;
}


.item-ladder::before {
    content: "";
    width: 44px;
    height: calc(100% + 4px);
    box-sizing: border-box;
    background-color: #fffef7;
    position: absolute;
    top: -2px;
    right: -22px;
    transform: skewX(-8deg);
    box-shadow: 10px 0 10px 0 rgba(0, 0, 0, 0.2);
    border: 2px solid #fffffc;
    border-left-width: 0px;
}
.stage4::before {
    display: none;
}
.stage4 .stage-tips {
    right: 3px;
}

.stage4 {
    padding-right: 20px;
}

.item-ladder.active::before {
    border-right-color: #ff8624;
    border-top-color: #ff8624;
    border-bottom-color: #ff8624;
}
.stage-tips {
    position: absolute;
    top: 0;
    right: -20px;
    background-color: var(--color);
    color: #fff;
    width: 106px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    padding-right: 10px;
}
.stage-tips .singular-discount {
    display: block;
}
.stage-tips .plural-discount {
    display: none;
}

.item-ladder.active .stage-tips {
    left: 0;
    right: auto;
}
.stage-tips::after {
    content: '';
    border: 10px solid var(--color);
    border-right-color: #fffef7;
    border-top-width: 18px;
    border-bottom-width: 18px;
    position: absolute;
    right: 0;
    z-index: 1;
}
.stage-tips em {
    position: relative;
    z-index: 2;
}
.stage-flex {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 10;
}
.item-ladder.active .stage-trailer {
    display: none;
}
.stage-trailer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10px;
}
.trailer-price {
    font-size: 25px;
    color: var(--color);
}
.trailer-price strong {
    white-space: nowrap;
}
.trailer-desc {
    font-size: 15px;
    line-height: 1.2;
    color: #9d9d9c;
    white-space: nowrap;
}

.ladder-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.ladder-flex-con {
    flex: 1;
}
.ladder-orders {
    padding-top: 25px;
}
.ladder-orders-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ladder-orders-progress {
    height: 16px;
    border: 3px solid #ffe0ad;
    background-color: #ffd38d;
    border-radius: 30px;
}
.ladder-orders-progress span {
    display: block;
    height: 100%;
    background-color: #ff6307;
    border-radius: 30px;
}
.stage-content {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 30px;
    padding: 0 35px 0 20px;
}
.stage-content-r {
    width: 240px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.stage-content-l {
    flex: 1;
}
.ladder-price {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 5px;
}
.ladder-price strong {
    font-size: 39px;
    font-weight: 700;
    color: #ff5e0d;
}
.ladder-price del {
    font-size: 21px;
    font-weight: 400;
    color: #000000;
}
.ladder-select, .ladder-button {
    width: 100%;
}
.ladder-select select {
    width: 100%;
    height: 35px;
    border: 1px solid #9d9d9c;
    font-size: 15px;
    color: #474747;
    outline: none;
    border-radius: 5px;
}
.ladder-button a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: #ff740d;
    color: #fff;
    height: 42px;
    border-radius: 5px;
    font-size: 19px;
}

.ladder-list ul li {
    font-size: 13px;
    color: #000000;
    line-height: 1;
    padding-left: 18px;
    position: relative;
    margin-top: 5px;
}
.ladder-list ul li::before {
    content: "";
    width: 4px;
    height: 8px;
    border-right: 2px solid #50b22b;
    border-bottom: 2px solid #50b22b;
    transform: rotate(45deg);
    position: absolute;
    top: 0px;
    left: 4px;
}
.ladder-flex-title {
    font-size: 27px;
    font-weight: 700;
    color: #000000;
}
.ladder-flex-desc {
    font-size: 15px;
    color: #000000;
}
.ladder-orders-total {
    font-size: 15px;
    color: #000000;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 5px;
}
.ladder-orders-left {
    font-size: 15px;
    color: #000000;
}
.part1-bundle {
    text-align: center;
    position: relative;
}
.part1-bundle img {
    position: relative;
    top: 20px;
}


@media (max-width: 1200px) {
    .part1-ladder {
        height: 500px;
    }
    .item-ladder {
        height: 500px;
    }
    .stage-content {
        flex-wrap: wrap;
    }
    .stage-content-l {
        flex: none;
        width: 100%;
    }
    .item-ladder::before {
        transform: skew(-4deg);
    }
}
@media (max-width: 992px) {
    .part1-ladder {
        height: 650px;
    }
    .item-ladder {
        height: 650px;
    }
    .ladder-flex {
        flex-wrap: wrap;
    }
    .ladder-flex-con {
        flex: none;
        width: 100%;
        text-align: center;
    }
    .ladder-flex-title {
        font-size: 19px;
    }
}
@media (max-width: 768px) {

    .stage1 {
        width: 100%;
    }
    .stage2 {
       width: 100%;
    }
    .stage3 {
        width: 100%;
    }
    .stage4 {
       width: 100%;
    }
    .item-ladder::before {
        display: none;
    }
    .stage-tips {
        left: 0;
        right: auto;
    }

    .PhaseTwo .stage1 {
        width: 100%;
    }
    .PhaseTwo .stage2 {
        width: 100%;
    }
    .PhaseTwo .stage3 {
        width: 100%;
    }
    .PhaseTwo .stage4 {
        width: 100%;
    }
    .PhaseTwo .stage4::before {
        display: none;
    }

}
@media (max-width: 576px) {

}

/* ```````````````````````````````````````````````````````````````````````````````` */

.buy-bottom {
    background: #ffffff;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 40px;
    padding: 20px 35px;
    border: 2px solid #ff9137;
    border-radius: 0 0 20px 20px;
    position: relative;
    z-index: 66;
    top: -2px;
}
.buy-bottom-left {position: relative;flex: 1;}
.buy-bottom-left::before {
    content: "";
    border: 2px solid transparent;
    border-left-color: #ff8a2b;
    border-top-color: #ff8a2b;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    transform: rotate(45deg);
    position: absolute;
    left: 45%;
    top: -32px;
}
.buy-bottom-h3 {
    font-size: 19px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 10px;
}

.buy-main-p {font-size: 21px;color: #808080;line-height: 1;}
.buy-bottom-left-p {font-size: 15px;color: #000000;line-height: 1.4;margin-top: 5px;}
.buy-bottom-left-p.i-c {font-size: 15px;color: #505050;line-height: 1;padding-left: 23px;position: relative;margin-top: 10px;}
.buy-bottom-left-p.i-c::before {content: "";width: 4px;height: 8px;border-right: 2px solid #50b22b;border-bottom: 2px solid #50b22b;transform: rotate(45deg);position: absolute;top: 2px;left: 4px;}
.buy-bottom-left-p>span>b {display: block;font-size: 17px;color: #000;line-height: 1.3;}
.buy-bottom-right {padding-left: 60px;border-left: 2px solid #e0e0e0;position: relative;display: flex;flex-direction: column;justify-content: center;width: 410px;}
.buy-bottom-right::before {content: "";width: 34px;height: 34px;border-radius: 50%;background-color: #e0e0e0;position: absolute;left: -18px;top: 50%;margin-top: -17px;}
.buy-bottom-right::after {content: "";width: 16px;height: 16px;position: absolute;top: 50%;margin-top: -8px;left: -9px;background: linear-gradient(transparent 7px, #fffaed 7px, #fffaed 9px, transparent 9px), linear-gradient(90deg, transparent 7px, #fffaed 7px, #fffaed 9px, transparent 9px);}
.buy-bottom-gifts>li {display: flex;align-items: center;gap: 12px;padding: 3px 0;}
.buy-bottom-gifts>li+li {margin-top: 10px;}
.buy-bottom-gifts>li::before {content: "";flex-shrink: 0;width: 53px;height: 44px;background: url(../images/gift-offer/gift-icons.png) no-repeat left top;}
.buy-bottom-gifts>li.win-gift2::before {background-position-y: -54px;}
.buy-bottom-gifts>li.win-gift3::before {height: 49px;background-position-y: -108px;}
.buy-bottom-gifts>li.mac-gift2::before {background-position-y: -167px;}
.buy-bottom-gifts>li.mac-gift3::before {height: 42px;background-position-y: -221px;}
.buy-bottom-gifts>li.win-gift4::before {content: "";flex-shrink: 0;width: 53px;height: 44px;background: url(../images/gift-offer/gift-icons4-win.png) no-repeat center;}
.buy-bottom-gifts>li.mac-gift4::before {content: "";flex-shrink: 0;width: 53px;height: 44px;background: url(../images/gift-offer/gift-icons4-mac.png) no-repeat center;}
.buy-bottom-gifts li.win-gift6::before {content: "";flex-shrink: 0;width: 52px;height: 45px;background: url(../images/gift-offer/gift-icons6.png) no-repeat center;}

.buy-bottom-h4 {font-size: 15px;color: #808080;line-height: 1;padding-bottom: 5px;}
.buy-bottom-h4>b {font-size: 17px;color: #282828;line-height: 1;}
.buy-bottom-h4 del {color: #282828;font-weight: 700;}
.buy-bottom-gift-p {font-size: 15px;color: #505050;line-height: 1;}
.buy-payment-service {padding-top: 18px;display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;}
.buy-payment {padding-left: 40px;}
.buy-service {display: flex;flex-wrap: wrap;}
.buy-service>li {min-width: 200px;display: flex;justify-content: center;align-items: center;gap: 15px;font-size: 14px;color: #b8bbcc;line-height: 1.3;text-align: center;position: relative;}
.buy-service>li::before {content: "";width: 51px;height: 41px;background: url(../images/gift-offer/service-icons.png) no-repeat left center;}
.buy-service>li+li::after {content: "";width: 1px;height: 33px;background-color: #b8bbcc;position: absolute;left: 0;top: 50%;margin-top: -16px;}
.buy-service>li:nth-child(2)::before {width: 39px;background-position-x: -207px;}
.buy-service>li:nth-child(3)::before {width: 38px;background-position-x: -409px;}

@media (max-width: 1200px) {

}
@media (max-width: 992px) {
    .buy-bottom {
        flex-wrap: wrap;
    }
    .buy-bottom-left {
        flex: none;
        width: 100%;
    }
    .buy-bottom-right {
        width: 100%;
    }
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}

/* ```````````````````````````````````````````````````````````````````````````````` */

.animate {padding: 50px 0;}
.main-h2 {font-size: 35px;color: #000;line-height: 1;font-weight: 600;text-align: center;}
.main-p {font-size: 25px;color: #4c4c4c;line-height: 1.1;padding-top: 16px;text-align: center;}
.animate-wrap {display: flex;justify-content: center;flex-wrap: wrap;gap: 30px;margin: 15px 0 24px;padding: 35px 30px 25px;background-color: #fff;border-radius: 28px;box-shadow: 0 10px 10px 0 rgba(0,0,0,0.03);}
.animate-left {width: 315px;}
.animate-left>li {padding: 15px 5px 15px 16px;border-radius: 10px;background: linear-gradient(90deg, #ffdaa4, transparent);margin-bottom: 12px;display: flex;align-items: center;gap: 12px;cursor: pointer;transition: all 0.4s;}
.animate-left>li.active {flex-wrap: wrap;padding: 22px;border: 2px solid #ffa05a;background: #fff;margin-right: 28px;position: relative;cursor: auto;}
.animate-left>li.active::before {content: "";width: 18px;height: 18px;border-right: 2px solid #ffa05a;border-bottom: 2px solid #ffa05a;background-color: #fff;transform: rotate(-45deg);position: absolute;top: 50%;margin-top: -9px;right: -12px;}
.animate-left .img-box {width: 50px;flex-shrink: 0;transition: all 0.4s;}
.animate-left>li.active .img-box {width: 240px;}
.animate-left .animate-left-h4 {font-size: 15px;color: #4d3717;line-height: 1;transition: all 0.1s;}
.animate-left>li.active .animate-left-h4 {color: #000;font-weight: 600;}
.animate-left .animate-left-p {opacity: 0;display: none;font-size: 15px;color: #313131;line-height: 1.2;padding-top: 6px;transition: all 0.4s;}
.animate-left .animate-left-p>b {color: #ffa05a;}
.animate-left>li.active .animate-left-p {opacity: 1;display: block;}
.animate-right {width: 750px;}
.animate-right>li {display: none;}
.animate-right>li.active {display: block;}
.animate-right-h3 {font-size: 19px;color: #333;line-height: 1;font-weight: 600;}
.animate-right-p {font-size: 15px;color: #373534;line-height: 1.4;padding: 18px 0 40px;}
.animate-right-p>b {color: #ffa05a;}
.animate-medias>li {display: none;border-radius: 12px;overflow: hidden;position: relative;}
.animate-medias>li.active {display: block;background-color: #000;}
.animate-medias.video>li::before {content: "";display: block;padding-top: 56.25%;}
.animate-medias.video>li>video {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.animate-thumbnails {width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;margin: -51px auto 0;padding: 10px 11px 0;background-color: #fff;border-radius: 10px;position: relative;display: flex;justify-content: center;gap: 9px;}
.animate-thumbnails::before,.animate-thumbnails::after {content: "";width: 10px;height: 10px;background: url(../images/gift-offer/arc.png);position: absolute;left: -10px;top: 41px;}
.animate-thumbnails::after {transform: rotateY(180deg);left: auto;right: -10px;}
.animate-thumbnails>li {padding: 2px;border: 2px solid transparent;border-radius: 4px;cursor: pointer;}
.animate-thumbnails>li.active {border-color: #ffa05a;}

.animate-features {display: flex;justify-content: center;flex-wrap: wrap;gap: 45px;padding-top: 30px;font-size: 17px;color: #ba8f64;line-height: 1;}
.animate-bottom-intro {font-size: 15px;color: #959595;line-height: 1.2;text-align: center;padding-bottom: 36px;}
.animate-bottom-intro>span {display: inline-block;vertical-align: middle;width: 18px;height: 18px;line-height: 1.1;text-align: center;background-color: #e0ccad;border-radius: 50%;font-size: 15px;color: #806845;margin-right: 10px;}
.animate-buttons {display: flex;justify-content: center;flex-wrap: wrap;gap: 34px;}
.animate-buttons>a {width: 255px;line-height: 58px;text-align: center;border-radius: 10px;background-color: #159bfd;text-decoration: none;font-size: 21px;color: #fff;}
.animate-buttons>a:last-child {background-color: #fca033;}
.animate-buttons>a::before {content: "";width: 21px;height: 21px;display: inline-block;vertical-align: middle;margin: -6px 22px 0 0;background: url(../images/gift-offer/win-mac-icon.png) no-repeat left -4px;}
.animate-buttons>a:nth-child(2)::before {height: 25px;background-position: right top;}
.animate-buttons>a:nth-child(3)::before {width: 32px;height: 28px;background: url(../images/gift-offer/buy-icon.png) no-repeat center;}


@media (max-width: 1200px) {
    .animate-left {width: 100%;display: flex;justify-content: center;gap: 10px;flex-wrap: wrap;}
    .animate-left>li {background: #ffdaa4;margin-bottom: 0;align-items: flex-start;}
    .animate-left>li,.animate-left>li.active {width: 150px;flex-wrap: wrap;box-sizing: border-box;padding: 5px;margin-right: 0;text-align: center;}
    .animate-left>li.active::before {display: none;}
    .animate-left>li.active .img-box,.animate-left .img-box {width: 100%;}
    .animate-left .animate-left-h4 {font-size: 15px;color: #000;font-weight: 500;}
    .animate-left .animate-left-p {font-size: 13px;opacity: 1;display: block;}
    .animate-right>li {text-align: center;}
    .animate-right-p {padding: 20px 0;}
    .animate-thumbnails::before, .animate-thumbnails::after {display: none;}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}

/* ```````````````````````````````````````````````````````````````````````````````` */
.feature {padding: 50px 0;}
.feature-lists {display: flex;justify-content: center;flex-wrap: wrap;padding-top: 48px;}
.feature-lists>li {width: 33%;box-sizing: border-box;padding: 32px 55px 35px;text-align: center;border-radius: 15px;}
.feature-lists>li:hover {background-color: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
.feature-lists>li::before {content: "";width: 78px;height: 78px;display: block;margin: 0 auto 28px;background: url(../images/gift-offer/feature-icons.png) no-repeat left top;}
.feature-lists>li:hover::before,.feature-lists>li:nth-child(4):hover::before {background-position-x: -107px;}
.feature-lists>li:nth-child(2)::before {background-position: -429px top;}
.feature-lists>li:nth-child(2):hover::before,.feature-lists>li:nth-child(5):hover::before {background-position-x: -536px;}
.feature-lists>li:nth-child(3)::before {background-position: -865px top;}
.feature-lists>li:nth-child(3):hover::before,.feature-lists>li:nth-child(6):hover::before {background-position-x: -972px;}
.feature-lists>li:nth-child(4)::before {background-position: left bottom;}
.feature-lists>li:nth-child(5)::before {background-position: -429px bottom;}
.feature-lists>li:nth-child(6)::before {background-position: -865px bottom;}
.feature-h3 {font-size: 19px;color: #292929;line-height: 1;font-weight: 600;padding-bottom: 6px;}
.feature-p {font-size: 17px;color: #272727;line-height: 1.5;}
.feature-p a {color: #0f9bff;}
.feature-p a:hover {text-decoration: underline;}
@media (max-width: 1200px) {
    .feature-lists>li {padding: 20px;}
}
@media (max-width: 992px) {
        .feature-lists>li {width: 330px;}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {
    .feature-lists>li {width: 100%;}
}

/* ```````````````````````````````````````````````````````````````````````````````` */
.table {padding: 50px 0;background: linear-gradient(#ffffff, #f9f9f9);}
.table .details {width: 1132px;}
.table-wrap {padding-top: 56px;}
table {width: 100%;border: none;}
table th:first-child {font-size: 27px;color: #000;line-height: 1;text-align: left;}
table th,table td {border-bottom: 1px solid #dcdcdc;padding: 24px 10px;}
table td:first-child {padding-left: 24px;}
table th:nth-child(2),table td:nth-child(2) {background-color: #fafafa;border-right: 8px solid #fff;}
table th:nth-child(3),table td:nth-child(3) {background-color: #fff9ec;border-left: 2px solid #ffc955;border-right: 2px solid #ffc955;}
table th:nth-child(3) {border-top: 2px solid #ffc955;}
table tr:last-child td:nth-child(3) {border-bottom: 2px solid #ffc955;}
table p {font-size: 17px;color: #373737;line-height: 1.4;text-align: center;}
table td:first-child p {text-align: left;}
table th:nth-child(2) p,table th:nth-child(3) p {font-size: 19px;line-height: 1;padding-bottom: 20px;}
table p>span {display: inline-block;margin-bottom: 6px;font-weight: 600;}
table .table-buttons {display: flex;justify-content: center;}
table .table-buttons>a {min-width: 134px;box-sizing: border-box;text-align: center;padding: 0 10px;line-height: 35px;font-size: 17px;color: #fff;background-color: #0f9bff;border-radius: 5px;text-decoration: none;font-weight: 500;}
table .table-buttons>a::before {content: "";width: 11px;height: 17px;background: url(../images/gift-offer/download-icon.png)no-repeat center;display: inline-block;vertical-align: middle;margin-right: 9px;}
table .table-buttons.buy-btn>a {background-color: #fca033;}
table .table-buttons.buy-btn>a::before {width: 20px;height: 18px;background: url(../images/gift-offer/buy-icon.png) no-repeat center/100% 100%;}
table .table-td-no {display: block;width: 16px;height: 3px;background-color: #a0a0a0;margin: 0 auto;}
table .table-td-yes {display: block;width: 6px;height: 15px;border-right: 3px solid #ff8c40;border-bottom: 3px solid #ff8c40;transform: rotate(45deg);margin: 0 auto;}
table tr.hide,table tr.hide~tr{display:none;}
table tr.hide.active,table tr.hide.active~tr {display:table-row;}
.table-toggle {width:100%;border-bottom: 1px solid #cfcfcf;display:flex;justify-content:center;align-items:center;height:44px;background-color:#ececec;cursor:pointer;position:relative;}
.table-toggle::after {content: "";width: 35px;height: 23px;background: url(../images/gift-offer/table-arrow.png) no-repeat center;transition:all 0.2s;}
.table-toggle.active::after {transform:rotate(180deg);}
.recommend-wrap {padding: 48px 0 0;text-align: center;}
.recommend-wrap .star{padding-bottom:25px;}
.recommend-wrap h2{font-size:29px;font-weight:bold;line-height:1;}
.recommend-wrap .recmd-border{display:flex;}
.recommend-wrap .recmd-border span{display:flex;cursor:pointer;text-align:center;height:100%;}
.recommend-wrap .recmd-border span:after{content:"";width:20px;height:20px;border-left:1px solid #99A2AC;border-bottom:1px solid #99A2AC;transform:translate(4px,0) rotate(45deg);margin:auto;}
.recommend-wrap .recmd-border .right span:after{transform:translate(-3px,0) rotate(-135deg);}
.recommend-wrap .recmd-content{width:1020px;position:relative;overflow:hidden;margin:auto;height:220px;}
.recommend-wrap .recmd-box{position:absolute;width:30000px;}
.recommend-wrap .recmd-box .box_one{float:left;width:1020px;}
.recommend-wrap .box_one .pic{padding:45px 0 30px;}
.recommend-wrap .box_one p{font-size:17px;color:#333;}
.recommend-wrap .box_one .other{padding:20px 0 0;font-size:14px;}
.recommend-wrap .recmd-bottom{text-align:center;font-size:0;line-height:1;padding-top: 15px;}
.recommend-wrap .recmd-bottom span{display:inline-block;width:10px;height:10px;border-radius:50%;cursor:pointer;margin:0 8px;border:1px solid #19B8FD;vertical-align:middle;}
.recommend-wrap .recmd-bottom span.focus{background:#19B8FD;}

@media (max-width: 1200px) {
    .recommend-wrap .recmd-content {width: 100%;height: auto;}
    .recommend-wrap .recmd-box {position: static;width: 100%;}
    .recmd-border .left,.recmd-border .right,.recommend-wrap .recmd-bottom {display: none;}
    .recommend-wrap .box_one .pic {padding: 20px 0 10px;}
    .recommend-wrap .recmd-box .box_one {width: 100% !important;float: none;}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
    .table-wrap table {box-shadow: 0 0 10px 0 rgba(0,0,0,0.07);}
}
@media (max-width: 576px) {
    .table-wrap {
        overflow-x: scroll;
    }
}

/* ```````````````````````````````````````````````````````````````````````````````` */
.faq{padding:50px 0;background-color: #ffffff;}
.slide-container {padding: 10px 0 0;}
.slide-container .qes_one{border-bottom:1px solid #e6e6e6;padding:18px 0 8px;}
.slide-container .t{font-size:18px;line-height:20px;cursor:pointer;padding-bottom:10px;position:relative;padding-right:25px;}
.slide-container .t::before{content:"";width:17px;height:3px;background-color:#ffaf32;position:absolute;top:8px;right:0;}
.slide-container .t::after{content:"";width:3px;height:17px;background-color:#ffaf32;position:absolute;top:1px;right:7px;}
.slide-container .t.focus::after{display:none;}
.slide-container .qes_ans{color:#737480;display:none;}
.slide-container a{color:#2691fc;}

@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}

/* ```````````````````````````````````````````````````````````````````````````````` */
.lottery {padding: 50px 0;background: linear-gradient(180deg, #ffffff, #fff8e7);}
.lottery-content {display: flex;justify-content: center;flex-wrap: wrap;gap: 15px;margin-top: 56px;align-items: stretch;}
.lottery-left {flex: 1;}
.lottery-prize {border-radius: 22px;background-color: #ffffff;overflow: hidden; display:flex; flex-flow:column;padding-top: 20px;box-sizing: border-box;}
.lottery-h3 {font-size: 25px;color: #000;line-height: 57px;text-align: center;font-weight: 500;background-color: #fff1d2;border-radius: 22px 22px 0 0;}
.lottery-prize-lists {padding: 22px;counter-reset: prizeNum;}
.lottery-prize-lists>li {display: flex;align-items: center;gap: 10px;counter-increment: prizeNum;}
.lottery-prize-lists>li+li {margin-top: 15px;}
.lottery-prize-num {flex-shrink: 0;width: 48px;height: 48px;border-radius: 50%;box-sizing: border-box;padding: 2px;background: linear-gradient(90deg, #f8170f, #fe7d4b);position: relative;}
.lottery-prize-num.has-crown::after {content: url(../images/giftoffer-blackfriday-2025/crown.png);position: absolute;top: -13px;left: -4px;}
.lottery-prize-num::before {content: counter(prizeNum);display: block;height: 100%;background-color: #fff;border-radius: 50%;line-height: 44px;font-size: 25px;text-align: center;color: #f8170f;}
.lottery-prize-intro {font-size: 15px;color: #000;line-height: 1.5;}
.lottery-prize-intro>span {color: #f7273f;}
.lottery-winner {border-radius: 22px;background-color: #fff6ee;margin-top: 23px;padding: 47px 34px 38px;position: relative;}
.lottery-winner .ornament {position: absolute;top: -42px;left: 58px;}
.lottery-winner .ornament.two {left: auto;right: 58px;}
.lottery-winner .ornament>i {display: block;width: 9px;height: 70px;border-radius: 5px;background-color: #595CFF;position: relative;z-index: 1;}
.lottery-winner .ornament::before,.lottery-winner .ornament::after {content: "";width: 15px;height: 15px;border-radius: 50%;background-color: #0C10E3;position: absolute;top: -4px;left: -3px;}
.lottery-winner .ornament::after {top: auto;bottom: -4px;}
.lottery-winner-lists {height: 83px;overflow: hidden;}
.lottery-winner-lists>li {display: flex;justify-content: center;gap: 33px;margin-bottom: 16px;align-items: center;font-size: 17px;color: #000;line-height: 1;}
.lottery-winner-lists>li>span {flex-shrink: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lottery-winner-lists>li>span:first-child {width: 150px;}
.lottery-winner-lists>li>span:last-child {width: 95px;}
.lottery-right {width: 864px;height: 587px;box-sizing: border-box;background: url(../images/giftoffer-blackfriday-2025/lottery-bg.png) center;background-size: cover;display: flex;justify-content: center;align-items: center;}
.prizes {display: flex;justify-content: center;flex-wrap: wrap;gap: 3px;}
.prize {width: 262px;height: 169px;border-radius: 10px;background: url(../images/giftoffer-blackfriday-2025/prize-bg.jpg) no-repeat center/cover;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.prize.active,.prize.focus {background: #d3d3d3;}
.prize-info {font-size: 15px;color: #80807d;line-height: 1;margin-top: 8px;}
.prize-info>span {color: #ff8d07;}
.prize.play {background: #ffe2a6;border: 1px solid #d0d8a8;}
.play-after-flex {display: flex;justify-content: flex-end;align-items: center;flex-direction: column;height: 100%;gap: 10px;color: #fff;}
.play-after-flex span {color: #ff8d07;}
.play-before p {font-size: 19px;color: #000;line-height: 1.4;text-align: center;margin-bottom: 20px;}
.play-links {display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;}
.play-after {display: none;background: linear-gradient(50deg, #21c3e1, #860cd9);height: 100%;width: 100%;border-radius: 10px;padding-bottom: 15px;}
.play-after.expired {background: gray;cursor: not-allowed;}
.play-after button {font-size: 59px;color: #fff;font-weight: 600;cursor: pointer;border: none;outline: none;background-color: transparent;}
.play-after button:disabled{color:#ddd; cursor:no-drop;}
.play-after.expired button {color:#ddd; cursor:no-drop;}
.lottery-prize-items{padding:5px 15px; display:flex; flex-flow:column; flex:auto; justify-content:space-between;}
.lottery-prize-item{display:flex; font-size:15px; align-items:center; line-height:1; padding:12px 0;}
.lottery-item-info{margin-left:10px;}
.lottery-item-top{display:flex; justify-content:space-between;}
.lottery-item-title{font-size:inherit; font-weight:400; color:#000;}
.lottery-item-price{color:#f80707;}
.lottery-item-desc{line-height:1.2; color:#666; margin-top:5px;}


@media (max-width: 1200px) {

}
@media (max-width: 992px) {
    .lottery-right {width: 100%;height: auto;background: #a6a8ff;border: 16px solid #585bfe;padding: 0;}
	.prize {width: calc(33.33% - 3px);}
}
@media (max-width: 768px) {
    .lottery-right {border-width: 5px;}
	.prize .img-wrap {max-width: 80%;max-height: 80px;}
	.prize .img-wrap>img {max-height: 100%;}
	.play-before p {font-size: 15px;margin-bottom: 5px;line-height: 1.1;}
	.play-after button {font-size: 25px;height: 60px;width: 60px;}
}
@media (max-width: 576px) {

}

/* ```````````````````````````````````````````````````````````````````````````````` */
.prize-popup {display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 100;}
.popup-content {width: 539px;height: 452px;background: url(../images/giftoffer-blackfriday-2025/popup-bg.png) no-repeat center bottom/cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;padding-top: 30px;box-sizing: border-box;}
.popup-title-img {margin: -40px 0 20px;}
.popup-h3 {font-size: 35px;color: #000000;line-height: 1.2;margin:40px 0 10px;}
.popup-p {font-size: 17px;color: #000000;line-height: 1.4;margin-bottom: 15px;padding: 0 20px;}
.popup-prize .img-wrap {height: 145px;display: flex;align-items: flex-end;justify-content: center;margin-bottom: 15px;}
.popup-prize .img-wrap img {height: 100%;}
.popup-buttons {display: flex;justify-content: center;}
.popup-buttons>a {display: flex;justify-content: flex-end;align-items: center;gap: 10px;font-size: 19px;color: #00000a;text-decoration: underline;}
.popup-buttons>a::after {content: "";width: 18px;height: 16px;;background: url(../images/giftoffer-blackfriday-2025/popup-arrow.png) no-repeat center;}
.popup-input {width: 402px;height: 46px;margin: 0 auto;box-sizing: border-box;padding: 0 4px 0 20px;border: 1px solid #fff;background-color: #f6d6d6;border-radius: 23px;display: flex;justify-content: space-between;align-items: center;gap: 10px;color: #ff5858;}
.popup-input>input {border: none;outline: none;background-color: transparent;font-size: 17px;color: #fff;flex-grow: 1;}
.popup-input>input::-webkit-input-placeholder {color: #ff5858;}
.popup-input>button {min-width: 88px;box-sizing: border-box;padding: 0 10px;line-height: 35px;border-radius: 18px;font-size: 17px;color: #fff;background: #1c991c;outline: none;border: none;cursor: pointer;}
.popup-input-after {display: none;min-height: 46px;font-size: 17px;color: #fff;line-height: 1;padding-top: 9px;}

.popup-email {
    border: 1px solid #ffffff;
    background-color: #ffd990;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    border-radius: 30px;
    width: 65%;
    margin: 0 auto 15px;
    padding: 4px;
    box-sizing: border-box;
}
.popup-email input {
    flex: 1;
    border: none;
    height: 35px;
    background: transparent;
    padding: 0 15px;
    color: #000;
    outline: none;
}
.popup-email button {
    padding: 0 15px;
    background-color: #17c137;
    color: #fff;
    border: none;
    outline: none;
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    cursor: pointer;
    border-radius: 30px;
}


@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
    .buy-top-h3,.buy-main-h3,.main-h2,table th:first-child,.recommend-wrap h2 {font-size: 25px;}

    .popup-content {width: 90%;border-radius: 10px;height: auto;padding-bottom: 30px;box-sizing: border-box;background: linear-gradient(210deg, #ffb321 20%, #ffca21 80%);}
	.popup-prize .img-wrap {height: auto;margin: 20px 0;}
	.popup-h3 {font-size: 23px;}
	.popup-title-img {margin: -40px 0 0;}
}
@media (max-width: 576px) {
    .play-before p {font-size: 13px;}
	.prize-info {text-align: center;}
	.popup-input {width: 90%;flex-wrap: wrap;height: auto;padding: 15px 10px 10px;justify-content: center;}
	.popup-input input {width: 100%;text-align: center;}
    .popup-email {
        width: 95%;
    }
}






.fixed-nav { background:#000000; width: 100%;height: 80px; position: fixed; top: 0; left: 0; z-index: 10000; display: none; }
.fixed-nav .details { height: 100%; margin: 0 auto;display: flex;justify-content: space-between;align-items: center; }
.fixed-nav .fixed-right {display: flex;justify-content: flex-end;align-items: center;}
.fixed-nav .Btn {display: flex;align-items: center;justify-content: center;}
.fixed-nav .Buy {width: 150px; text-align: center; cursor: pointer;margin: 0 20px 0 0; }
.fixed-nav .Buy p { color: #ffe08a; font-weight: 800; font-size: 17px; line-height: 20px; }
.fixed-nav .Buy p i { font-size: 11px; color: #808080; display: block; font-style: normal; font-weight: 400; line-height: 1.1;}
.fixed-nav .Down { width: 145px; border-radius: 5px;background: #f18c1b; color: #fff; text-align: center;cursor: pointer; transition:all 0.4s;display: flex;justify-content: center;align-items: center;padding: 5px 0;}
.fixed-nav ul {width: 360px;font-size: 17px; color: #122936;display: flex;}
.fixed-nav ul li {width: 120px; text-align: center;display: flex;justify-content: center;align-items: center;}
.fixed-nav ul li a { color: #ffffff; text-decoration:none; line-height: 1.4;}
@media (max-width: 992px) {
    .fixed-nav {display: none !important;}
}