*{ 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-1 div.promotion-banner-1 {position: relative; background: url("/assets/site/174ae1e2a839dd3a251e.webp"); background-size: 100%; height: 700px; width: 100%; 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: 100%; width: 92%; margin: 0 auto;}
    .promo-content {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-center; height: 100%; width: 100%;}
    .promo-content .promo-text {margin-top: 11rem; margin-left: 50px;}
    .promo-content .promo-text h1:nth-child(2) {animation-delay: 0.2s;}
    h1 {font-size: 65px; margin: 0; font-family: "Inter_Regular"; color: #fff; animation: slideInBottom 1.3s ease-out forwards; opacity: 0;}
    h1.h1_bold {font-weight: 700; font-family: "Inter_Bold";}
    p {font-size: 18px; margin: 0; font-weight: 400; font-family: "Inter_Regular";}
    p.p_bold {font-weight: 700; font-family: "Inter_Bold";}
    .promo-phone {position: absolute; top: 70%; transform: translateY(-50%); animation: fadeIn 2s ease-out forwards; opacity: 0; width: 80%;}     
    .promo-phone img {width: 100%; max-width: 1200px; height: auto;}
    .t_grad_blue {text-shadow: 0px 4px 30px rgba(0, 224, 255, 0.5); background: -o-linear-gradient(1deg, #00e0ff 0%, #0057ff 100%); background: linear-gradient(89deg, #00e0ff 0%, #0057ff 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
    @keyframes slideInBottom {from {transform: translateY(100%); opacity: 0;} to {transform: translateY(0); opacity: 1;}}
    @keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
    .bg-line {position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;} 
    .bg-line img:first-child {position: absolute; bottom: 0; left: 0; width: 275px; height: auto;}
    .bg-line img:last-child {position: absolute; top: 30px; right: -10px; width: 275px; height: auto;}
    @media screen and (min-width: 2500px) { .promo-container {height: 830px; width: 1340px; padding: 4rem 0;} .promo-content {align-items: flex-start; text-align: left;} .promo-content .promo-text {margin-top: 15rem; margin-left: 4.5rem;} h1 {font-size: 70px;} p {font-size: 24px;} .promo-phone {width: 85%; left: 20%; top: 50%;} .promo-phone img {max-width: 2000px;} .bg-line{height: 700px; margin: 4rem 0;} .bg-line img:first-child {bottom: 0; left: 0; margin-bottom: 30px; margin-left: 30px; width: 200px;} .bg-line img:last-child {top: 0;right: 0; margin-top: 30px; margin-right: 30px; width: 200px;}}
    @media screen and (max-width: 2499px) { .promo-container {height: 830px; width: 1340px; padding: 4rem 0;} .promo-content .promo-text {margin-top: 15rem; margin-left: 6rem;} h1 {font-size: 65px;} p {font-size: 16px;} .promo-phone {width: 80%; left: 25%; top: 50%;} .promo-phone img {max-width: 1900px;} .bg-line{height: 700px; margin: 4rem 0;} .bg-line img:first-child {bottom: 0; left: 0; margin-bottom: 30px; margin-left: 30px; width: 200px;} .bg-line img:last-child {top: 0; right: 0; margin-top: 30px; margin-right: 30px; width: 200px;}}
    @media screen and (max-width: 2200px) { .promo-content .promo-text {margin-top: 15rem; margin-left: 5rem;} h1 {font-size: 60px;} p {font-size: 18px;} .promo-phone {width: 75%; left: 25%;} .promo-phone img {max-width: 1700px;}}
    @media screen and (max-width: 1919px) { .promo-content .promo-text {margin-top: 15rem; margin-left: 5rem;} h1 {font-size: 55px;} p {font-size: 16px;} .promo-phone {width: 70%; top: 50%; left: 30%;} .promo-phone img {max-width: 1400px;}}
    @media screen and (max-width: 1537px) { .promo-content .promo-text{margin-top: 15rem; margin-left: 5rem;} .h1 {font-size: 55px;} p {font-size: 16px;} .promo-phone {width: 85%; top: 50%; left: 18%;} .promo-phone img {max-width: 1400px;}}
    @media screen and (max-width: 1365px) { .promotion-container-1 {margin-top: 70px;} .promo-content .promo-text {margin-top: 15rem; margin-left: 5rem;} .promo-phone {position: absolute; left: 20%; top: 50%; transform: translateY(-50%); width: 90%;} .promo-phone img {max-width: 1100px;} h1 {font-size: 70px;} p {font-size: 19px;}}
    @media screen and (max-width: 1199px) { section.promotion-container-1 div.promotion-banner-1 {height: 865px; background: url("/assets/site/64bf99d62d6283a811c3.webp"); background-position: center; background-size: cover; background-repeat: no-repeat;} .promo-container {height: 865px; padding: 4rem 0;} .promo-content .promo-text {margin-top: 11rem; margin-left: 5rem;} .promo-phone {top: 55%; left: 10%; width: 100%;} .promo-phone img {max-width: 1350px;} h1 {font-size: 60px;} p {font-size: 18px;} .bg-line{height: 865px; margin: 0;} .bg-line img:first-child {bottom: 0; left: 0; margin-bottom: 30px; margin-left: 30px; width: 200px;} .bg-line img:last-child {top: 0; right: 0; margin-top: 30px; margin-right: 30px; width: 200px;}}
    @media screen and (max-width: 991px) { .promo-content .promo-text {margin-top: 9rem; margin-left: 4rem;} .promo-phone {top: 65%; left: 8%; width: 100%;} .promo-phone img {max-width: 1200px;} h1 {font-size: 58px;} p {font-size: 16px;}}
    @media screen and (max-width: 768px) { .promo-content .promo-text {margin-top: 8rem; margin-left: 3.5rem;} .promo-phone {top: 65%; left: -25%; width: 140%;} .promo-phone img {max-width: 1200px;} h1 {font-size: 52px;} p {font-size: 16px;}}
    @media screen and (max-width: 650px) { .promo-phone {top: 65%; left: -40%; width: 160%;} .promo-phone img {max-width: 1300px;} h1 {font-size: 45px;} p {font-size: 14px;}}
    @media screen and (max-width: 540px) { section.promotion-container-1 div.promotion-banner-1 {height: 735px; background: url("/assets/site/a30c9eda8200ce5927e0.webp"); background-position: center; background-size: cover; background-repeat: no-repeat;} .promo-container {height: 735px; width: 100%; padding: 0;} .promo-content .promo-text {margin-top: 9rem; margin-left: auto; margin-right: auto;} .promo-phone {top: 65%; left: -25%; width: 120%;} .promo-phone img {width: 700px;} h1 {font-size: 35px;} p {font-size: 12px;} .bg-line{height: 735px; margin: 0;} .bg-line img:first-child {margin-bottom: 15px; margin-left: 15px; width: 130px;} .bg-line img:last-child {margin-top: 10px; margin-right: 10px; width: 130px;}}
    @media screen and (max-width: 479px) { section.promotion-container-1 div.promotion-banner-1 {height: 760px;} .promo-container {height: 760px; width: 100%; padding: 0;} .promo-phone {top: 60%; left: -45%; width: 120%;} .promo-phone img {width: 700px;} h1 {font-size: 33px;} p {font-size: 12px;} .bg-line{height: 760px; margin: 0;} .bg-line img:first-child {margin-bottom: 15px; margin-left: 15px; width: 130px;} .bg-line img:last-child {margin-top: 10px; margin-right: 10px; width: 130px;}}            
    @media screen and (max-width: 414px) {.promo-phone{left: -48%;}}
    @media screen and (max-width: 390px) {.promo-phone{left: -57%;}}
    @media screen and (max-width: 375px) { section.promotion-container-1 div.promotion-banner-1 {height: 660px;} .promo-container {height: 660px;} .promo-content .promo-text {margin-top: 8rem;} .bg-line{height: 660px;} .promo-phone{left: -60%;}}
    @media screen and (max-width: 361px) { section.promotion-container-1 div.promotion-banner-1 {height: 640px;} .promo-container {height: 640px;} .promo-content .promo-text {margin-top: 6rem;} .bg-line{height: 640px;} .promo-phone{left: -53%;} .promo-phone img{width: 640px;}}
    @media screen and (max-width: 320px) {.promo-phone{left: -70%; top: 63%;}.promo-content .promo-text {margin-right: 1rem;margin-left: 1rem;}}

    .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;}