* {margin: 0; padding: 0;}
    @font-face {font-family: "Inter_Bold"; src: url("/assets/home/594db009815309.ttf"), url("/assets/home/2470dd10fb94e8.css"); font-weight: bold; font-style: normal;}
    @font-face {font-family: "Inter_Regular"; src: url("/assets/home/594db009815309.ttf"), url("/assets/home/2470dd10fb94e8.css"); font-weight: normal; font-style: normal;}
    .card {border-radius: 20px; background-color: #111111; border: 2px solid #FFFFFF33;}
    .card-margin1 {margin-bottom: 30px;}
    .card-mb {margin-bottom: 2.5rem !important;}
    .title-border {border-left: 5px solid #00e0ff; height: 28px; float: left; margin-right: 9px;}
    .btn-with-outline {color: #0057ff; border: 1px solid #0057ff; border-radius: 30px; padding: 5px 20px;}
    #company-promotion .btn-without-outline {margin-left: 20px;}
    .btn-without-outline {color: #0057ff; border: none; padding: 5px 20px;}
    .pl-10 {padding-left: 10px;}
    .fa-solid, .fas {font-weight: 900;}
    .reg-btn{margin-top: 30px;}
    @media screen and (max-width: 768px){.btn-without-outline{margin-top: 10px;}}
    @media screen and (max-width: 540px){.btn{font-size: 13px;}}

    /* banner */
    section.promotion-container-3 div.promotion-banner-3 {position: relative; background: url('/assets/site/54a7b3b68fa1b420ff8f.webp') center/cover no-repeat; height: 500px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; grid-template-areas:"title title" "img bonus"; align-items: center; justify-items: center; overflow: hidden;}
    .banner-title {grid-area: title; font-family: 'Times New Roman', serif; font-weight: bold; font-size: 48px; color: #F7941D; line-height: 1.1; text-align: center; padding-top: 55px; width: 100%;}
    .banner-center-img {grid-area: img; display: flex; align-items: center; justify-content: center; width: 100%; min-width: 220px; position: relative; left: 20%; padding-bottom: 20px;}
    .banner-center-img img {width: 90%; max-width: 596px; filter: drop-shadow(0 0 20px #0008);}
    .banner-bonus-row {grid-area: bonus; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; column-gap: 90px; row-gap: 17px; width: 380px; position: relative;}
    .banner-enjoy-header {grid-column: 1 / 3; grid-row: 1; display: flex; flex-direction: column; align-items: center;}
    .enjoy-text {font-family: 'Inter_Regular', serif; font-size: 22px; color: #fff;}
    .enjoy-line {width: 20%; height: 1px; background-color: #fff; border: none; margin-top: -3px;}
    .banner-bonus-left {grid-column: 1; grid-row: 2; display: flex; flex-direction: column; align-items: center;}
    .bonus-percent {font-family: 'Times New Roman', serif; font-size: 90px; font-weight: bold; color: #F7941D; margin-bottom: 10px; padding-left: 10px; line-height: 1;}
    .signup-bonus {font-family: 'Inter_Regular', serif; font-size: 24px; color: #fff; letter-spacing: 1px;}
    .bonus {font-family: 'Inter_Regular', serif; font-size: 47px; font-weight: bold; color: #F7941D; margin-bottom: 0; line-height: 1;}
    .banner-swap-right {grid-column: 2; grid-row: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 25px;}
    .swap-text {font-family: 'Inter_Regular', serif; font-size: 35px; color: #fff;}
    .free-text {font-family: 'Times New Roman', serif; font-size: 57px; font-weight: bold; color: #F7941D; margin-top: -10px;}
    .text-star{display: block; position: absolute;top: 71%;left: 49%;} 
    .text-star img{width: 370px;}

    @media screen and (max-width: 2560px) {section.promotion-container-3 div.promotion-banner-3{height: 860px;} .banner-bonus-row{right: 34%;} .banner-title{padding-top: 80px;} .banner-center-img{left: 26%; padding-bottom: 150px;} .banner-center-img img {width: 100%; max-width: 610px;} .banner-bonus-row{right: 34%; bottom: 10%;}.text-star{top: 44%; left: 48%;}}
    @media screen and (max-width: 2000px) {section.promotion-container-3 div.promotion-banner-3{height: 860px;} .banner-center-img img{width: 695px; max-width: 850px;} .banner-center-img{left: 20%;} .banner-bonus-row{width: 430px; bottom: 7%; right: 18%;} .text-star{top: 47%; left: 54%;} .text-star img{width: 340px;}}
    @media screen and (max-width: 1450px) {section.promotion-container-3 div.promotion-banner-3{height: 685px;} .banner-title{padding-top: 55px;} .banner-center-img img{width: 596px;} .banner-bonus-row{width: 432px; column-gap: 55px; bottom: 10%; right: 6%;} .text-star{top: 52%; left: 54%;} .text-star img{width: 340px;} .bonus{font-size: 50px;} }
    /* @media screen and (max-width: 1366px) {.banner-bonus-row{bottom: 5%; right: 16%;} .text-star{top: 67%; left: 49%;} .text-star img{width: 360px;}} */
    @media screen and (max-width: 1312px) {section.promotion-container-3 {margin-top: 75px;}}
    @media screen and (max-width: 1199px) {section.promotion-container-3 div.promotion-banner-3 {height: 865px; background: url("/assets/site/54a7b3b68fa1b420ff8f.webp"); display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; grid-template-areas: "title title" "img bonus"; align-items: center; justify-items: center; overflow: hidden; background-repeat: no repeat; background-size: cover;} .banner-title{padding-top: 70px;} .banner-center-img {width: 100%; justify-content: center;} .banner-bonus-row {position: static; width: 80%; margin-top: 75px; column-gap: 0px;} .text-star{top: 55%; left: 54%;}}
    @media screen and (max-width: 991px) {}
    @media screen and (max-width: 768px) {section.promotion-container-3 div.promotion-banner-3{height: 950px;} .banner-title{padding-top: 90px;} .banner-center-img{left: 35%; bottom: 15%; padding-bottom: 50px;} .banner-center-img img{width: 550px; max-width: 650px;} .banner-bonus-row{column-gap: 0px; width: 100%; position: relative; bottom: -10%; right: 15%;} .text-star{top: 68%; left: 38%;}}
    @media screen and (max-width: 640px) {section.promotion-container-3 div.promotion-banner-3{height: 815px;} .banner-center-img{left: 48%;} .banner-bonus-row{row-gap: 10px; bottom: -15%;} .text-star{top: 65%; left: 35%;} .text-star img{width: 320px;}}
    @media screen and (max-width: 540px) {.banner-title{font-size: 39px;} .banner-center-img{right: 0; left: 70%; padding-bottom: 35px;} .banner-center-img img{width: 480px;} .banner-bonus-row{width: 100%; bottom: -14%; column-gap: 40px;} .bonus-percent{font-size: 70px;} .bonus{font-size: 42px;} .text-star{top: 70%; left: 27%;} .text-star img{width: 280px;}}
    @media screen and (max-width: 480px) {section.promotion-container-3 div.promotion-banner-3{height: 480px; background: url("/assets/site/b5d94d35a31cf724fbe2.webp"); display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 240px));grid-template-rows: auto 1fr; grid-template-areas: "title title" "img bonus"; align-items: center; justify-items: center; overflow: hidden; background-repeat: no repeat; background-size: cover;} .banner-title{font-size: 34px; padding-top: 55px;} .banner-center-img{bottom: 2%; left: 45%;} .banner-center-img img{width: 390px;} .banner-bonus-row{right: 2%; bottom: -5%;} .enjoy-text{font-size: 16px;} .enjoy-line{width: 17%;} .bonus-percent{font-size: 48px;} .signup-bonus{font-size: 14px;} .bonus{font-size: 28px;} .banner-swap-right{padding-right: 10px;} .swap-text{font-size: 24px;} .free-text{font-size: 35px;} .text-star{top: 71%; left: 45%;} .text-star img{width: 170px;}}
    @media screen and (max-width: 430px) {section.promotion-container-3 div.promotion-banner-3{height: 430px;} .banner-title{font-size: 30px;} .banner-center-img{bottom: 2%; left: 38%;} .banner-center-img img{width: 320px;} .banner-bonus-row{right: 12%; bottom: -4%;} .enjoy-text{font-size: 15px;} .bonus-percent{font-size: 44px;} .signup-bonus{font-size: 12px;} .bonus{font-size: 25px;} .swap-text{font-size: 22px;} .free-text{font-size: 32px;} .text-star{top: 69%; left: 37%;}}
    @media screen and (max-width: 414px) {section.promotion-container-3 div.promotion-banner-3{height: 414px;} .text-star{top: 71%; left: 33%}}
    @media screen and (max-width: 390px) {section.promotion-container-3 div.promotion-banner-3{height: 390px;} .banner-title{font-size: 27px;} .banner-center-img{bottom: 3%; left: 40%;} .banner-center-img img{width: 300px;} .banner-bonus-row{right: 7%; bottom: -2%;} .enjoy-text{font-size: 14px;} .bonus-percent{font-size: 40px;} .signup-bonus{font-size: 11px;} .bonus{font-size: 21px;} .swap-text{font-size: 20px;} .free-text{font-size: 28px;} .text-star{top: 71%; left: 39%;} .text-star img{width: 150px;}}
    @media screen and (max-width: 375px) {section.promotion-container-3 div.promotion-banner-3{height: 405px;} .banner-center-img{left: 44%;} .banner-bonus-row{column-gap: 30px;} .text-star{top: 69%;}}
    @media screen and (max-width: 361px) {.banner-center-img{left: 47%;} .banner-bonus-row{right: 5%;} .text-star{left: 36%;}}
    @media screen and (max-width: 320px) {section.promotion-container-3 div.promotion-banner-3{grid-template-columns: repeat(auto-fill, minmax(120px, 240px));} .banner-center-img{left: 58%; bottom: 5%;} .banner-center-img img{width: 265px;} .banner-bonus-row{right: 3%; column-gap: 20px;} .text-star{left: 34%; top: 68%;}}