* {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;}
    section.promotion-container-2 div.promotion-banner-2 { position: relative; background: url("/assets/site/7f45ad36b56b5b01af1a.webp"); background-size: cover; height: 688px; width: auto; background-position: center; display: flex; align-items: center; overflow: hidden; z-index: 1; background-repeat: no-repeat;}
    .promo-container {display: flex; position: relative; align-items: center; height: 575px; width: 92%; margin: 8% 5% 0 5%;}
    .promo-content {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%; width: 100%;}
    .promo-content .promo-text {align-items: center;}
    .promo-content .promo-text h1:nth-child(2) {animation-delay: 0.5s;}
    h1 {font-size: 65px; margin: 0; font-family: "Inter_Regular"; color: #fff;}
    h1.h1_bold {font-weight: 700; font-family: "Inter_Bold"; text-align: center;}
    p {font-size: 16px; margin: 0; font-weight: 400; font-family: "Inter_Regular";}
    p.p_bold {font-weight: 700; font-family: "Inter_Bold";}
    @media screen and (max-width: 992px) {h1 {font-size: 36px; margin: 0;} h1.h1_bold {font-weight: 700;} p {font-size: 16px !important; margin: 0;} p.p_bold {font-weight: 700;}}
    @media screen and (max-width: 768px) {h1 {font-size: 24px; margin: 0;} h1.h1_bold {font-weight: 700;} p {font-size: 14px !important; margin: 0;} p.p_bold {font-weight: 700;}}
    .t_grad_blue {text-shadow: none; background: linear-gradient(115.79deg, #3CDCFF 16.12%, #0057FF 51%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
    .phone-img {position: relative; display: block; z-index: 2; margin: 20px auto 0 auto; height: 400px; animation: fadeInUp 1.9s ease-out forwards; opacity: 0;}
    .phone-img img {position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; display: block;}
    .promo-content .promo-text .mx-2 {display: flex; justify-content: center; animation: fadeInUp 1.3s ease-out forwards; animation-delay: 1s; opacity: 0;}
    .phone-img .phone-effect {position: absolute; bottom: 0; left: 0; width: 90%; z-index: 3;}
    .ellipse {position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 4;}
    .ellipse-1 {position: absolute; left: 13%; bottom: -5%; width: 141px; height: auto; animation: fadeInUp 1.7s ease-out forwards, float 3s ease-in-out infinite; animation-delay: 1s; opacity: 0;}
    .ellipse-2 {position: absolute; right: 23%; top: 53%; width: 67px; height: auto; animation: fadeInUp 1.7s ease-out forwards, float 4s ease-in-out infinite; animation-delay: 1s; opacity: 0;}
    .promo-text h1 {animation: fadeInUp 1.4s ease-out forwards; animation-delay: 1s; opacity: 0;}
    @media screen and (min-width: 2500px) {.promotion-banner-2 {height: 600px;} .promo-container {height: 540px; margin: 6% 24% 0 24%;} h1 {font-size: 60px; margin-bottom: 22px;} .promo-text {height: 650px;} .phone-img {height: 370px; width: 750px; margin-top: 22px !important;} .ellipse-1 {left: 18%; bottom: -3%;} .ellipse-2 {right: 27%; top: 52%;}}
    @media screen and (max-width: 2499px) {.ellipse-1 {left: 28%; bottom: 2%;} .ellipse-2 {right: 34%; top: 51%;}}
    @media screen and (max-width: 2200px) {.promo-container {margin: 6% 20% 0 20%;} h1 {font-size: 60px; margin-bottom: 42px;} .phone-img {height: 365px; width: 750px; margin-top: 42px !important;} .ellipse-1 {left: 13%; bottom: -3%;} .ellipse-2 {right: 27%; top: 52%;}}
    @media screen and (max-width: 1919px) {.promo-container {margin: 6% 16% 0 16%;} h1 {font-size: 63px; margin-bottom: 45px;} .phone-img {margin-top: 45px !important;} .ellipse-1 {left: 10%; bottom: -5%;} .ellipse-2 {right: 21%; top: 52%;}}
    @media screen and (max-width: 1537px) {.promo-container {margin: 112px 55px 0 55px;} h1 {font-size: 65px; margin-bottom: 39px;} .phone-img {margin-top: 39px !important;} .ellipse-1 {left: 17%; bottom: -5%;} .ellipse-2 {right: 26%; top: 57%;}}
    @media screen and (max-width: 1365px) {h1 {font-size: 65px; margin-bottom: 42px;} .phone-img {margin-top: 42px !important;} .ellipse-1 {left: 15%; bottom: -5%;} .ellipse-2 {right: 25%; top: 55%;}}
    @media screen and (min-width: 1366px) and (max-width: 1366px) {h1 {font-size: 66px; margin-bottom: 40px;} .phone-img {margin-top: 40px !important;margin: 20px auto 0 auto; height: 365px;} .ellipse-1 {left: 15%; bottom: -5%;} .ellipse-2 {right: 25%; top: 55%;}}
    @media screen and (max-width: 1199px) {section.promotion-container-2 div.promotion-banner-2 {height: 865px; background: url("/assets/site/c4ce38b2e18a5d2beca0.webp"); background-position: center; background-size: cover; background-repeat: no-repeat;}.promo-container {height: 661px; margin: 202px 55px 0 55px;} h1 {font-size: 73px;} .promo-text {height: 710px;} .phone-img {height: 438px; width: 910px;} .phone-img .phone-effect{width: 89%;} .ellipse-1 {left: 1%; bottom: -3%; width: 150px; height: 150px;} .ellipse-2 {right: 14%; top: 55%; width: 76px;}}
    @media screen and (max-width: 1178px) {h1{font-size: 72px;}.phone-img{height: 440px;}.ellipse-1{left: 1%;}.ellipse-2{right: 13%;}}
    @media screen and (max-width: 1168px) {.phone-img{height: 450px;}h1{font-size: 69px;}}
    @media screen and (max-width: 1157px) {.phone-img{height: 458px;}}
    @media screen and (max-width: 1024px) {.promo-container{height: 682px; margin: 183px 55px 0 55px;} .phone-img{height: 461px;}.ellipse-1{left: -1%; bottom: -2%; width: 136px; height: 136px;}.ellipse-2{right: 10%; top: 55%; width: 80px;}}
    @media screen and (max-width: 991px) {.promo-container {height: 617px; margin: 244px 55px 0 55px;} .promo-text {height: 710px;} h1 {font-size: 59px;} .phone-img {height: 412px; width: 850px;} .ellipse-1 {left: 3%; bottom: -2%; width: 110px; height: 110px;} .ellipse-2 {right: 10%; top: 64%; width: 70px;}}
    @media screen and (max-width: 950px) {.promo-container {height: 617px; margin: 244px 40px 0 40px;}.phone-img{height: 416px;}.ellipse-1{left: 1%;}.ellipse-2{right: 9%;}}
    @media screen and (max-width: 900px) {.phone-img{height: 420px;}.ellipse-2{right: 7%;}}
    @media screen and (max-width: 850px) {.promo-container {height: 617px; margin: 248px 35px 0 35px;}h1{font-size: 50px;}.ellipse-1{left: -7%;}.ellipse-2{right: 3%;}}
    @media screen and (max-width: 768px) {.promotion-banner-2 {height: 320px;} .promo-container {height: 541px; margin: 325px 35px 0 35px;} h1 {font-size:50px; margin-bottom: 45px;} .phone-img {height: 343px; width: 100%; margin-top: 45px;} .phone-img img{left: -5%; width: auto;} .phone-img .phone-effect{width: 98%;} .ellipse-1 {left: 1%; bottom: -1%; width: 100px; height: 100px;} .ellipse-2 {right: 7%; top: 70%; width: 60px;}}
    @media screen and (max-width: 700px) {.promo-container{height: 605px; margin: 262px 35px 0 35px;} .phone-img{height: 310px;width: 100%;} .phone-img img{width: 100%;left: 0;} .phone-img .phone-effect{width: 90%;}}
    @media screen and (max-width: 600px) {section.promotion-container-2 div.promotion-banner-2{height: 815px;} h1{font-size: 55px; margin-bottom: 42px;} .promo-container{height: 598px; margin: 262px 35px 0 35px;} .phone-img{height: 310px; width: 100%;} .phone-img img{width: 120%; left: -10%;} .phone-img .phone-effect{width: 105%; left: -3%;} .ellipse-1{left: -9%; bottom: 2%;} .ellipse-2{right: 1%; top: 61%;}}
    @media screen and (max-width: 540px) {section.promotion-container-2{margin-top: 70px;} section.promotion-container-2 div.promotion-banner-2{height: 719px;}.promo-container{height: 546px;margin: 173px 35px 0 35px;} .phone-img{height: 280px;} .ellipse-1{left: -12%;bottom: -3%;} .ellipse-2{right: -1%; top: 64%;}}
    @media screen and (max-width: 480px) {section.promotion-container-2 div.promotion-banner-2{height: 700px;} h1{font-size: 47px; } .promo-container{height: 457px;margin: 243px 35px 0 35px;} .phone-img{height: 213px;}}
    @media screen and (max-width: 414px) {section.promotion-container-2 div.promotion-banner-2{height: 688px;} h1{font-size: 42px;} .promo-container{height: 450px;}}
    @media screen and (max-width: 390px) {section.promotion-container-2 div.promotion-banner-2{height: 671px;} .promo-container{height: 427px;} .phone-img{height: 190px;}}
    @media screen and (max-width: 375px) {section.promotion-container-2 div.promotion-banner-2{height: 690px;} .promo-container{height: 445px;}h1{font-size: 40px;}.phone-img{height: 215px;width: 108%;left: -4%;}}
    @media screen and (max-width: 361px) {.promo-container{height: 440px;}h1{font-size: 39px;}.phone-img{height: 215px;width: 108%;left: -4%;}}
    @media screen and (max-width: 320px) {.phone-img{height: 170px;}}
    @keyframes float {0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); }}
    @keyframes fadeInUp {from {opacity: 0; transform: translateY(30px);} to {opacity: 1; transform: translateY(0);}}

    .mt-100{margin-top: 100px;}
    .card-mb h1{font-size: 40px !important;}
    .title-border {border-left: 5px solid #00e0ff; height: 28px; float: left; margin-right: 9px;}
    .card-margin1 {margin-bottom: 30px;}
    .card-mb {margin-bottom: 2.5rem !important;}
    .pl-10 {padding-left: 10px;}
    .fa-solid, .fas {font-weight: 900;}
    .reg-btn{margin-top: 30px;}