.homehero_carousel{ margin: 0 0; } .homehero_carousel .slick-slider .slick-dots { display: none } .heroSec .text_block{ width: 67% !important; margin: 0 auto; align-items: start; } .heroSec .text_block h1{ font-size: 60px; max-width: 790px; color: white !important; text-align: left; } .heroSec .text_block h4{ color: white !important; text-align: left; font-size: 24px !important; padding-bottom: 30px; } .heroSec .btn { padding: 0; } .heroSec .text_block .text-center a:nth-child(1) img{ width: 190px; height: 56px; } .heroSec .text_block .text-center a:nth-child(2) img{ width: 209px; height: 56px; } @media(max-width: 1400px){ .heroSec .text_block{ width: 90% !important; } } @media(max-width:991px){ .heroSec .text_block{ width: 100% !important; align-items: center; } .heroSec .text_block h1{ font-size: 36px; text-align: center; padding: 0 15px !important; max-width: unset !important; } .heroSec .text_block h4{ font-size: 20px !important; padding: 10px 15px !important; text-align: center; max-width: unset !important; } .heroSec .text_block .text-center a:nth-child(1) img{ width: 160px; height: 52px; } .heroSec .text_block .text-center a:nth-child(2) img{ width: 160px; height: 52px; } }

.promotionA .desktopImg{ display: block; height: 100%; } .promotionA .mobImg{ display: none; } .promotionA{ max-width: 1000px; margin: 40px auto; border-radius: 16px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12); background-color: #fff; display: flex; flex-direction: row; } .promotionA .rightPart{ display: flex; align-items: center; } .promotionA .innerSection{ padding: 16px 24px; display: flex; flex-direction: column; gap: 32px; } .promotionA h2{ font-size: 48px; margin-bottom: 8px !important; } .promotionA .prize{ background: linear-gradient(5deg, #FC404D 4.21%, #BE1930 96.67%); padding: 12px; color: white; border-radius: 100px; max-width: fit-content; display: flex; justify-content: center; margin: 16px 0 !important; } .promotionA .promoText{ display:flex ; align-items: center; } .promotionA .promo span { font-weight: 600; } .promotionA .promo{ margin: 0 16px 0 0 !important; } .promotionA .innerSection button{ background-color: #FECE2B; padding: 8px 16px; margin-bottom: 8px !important; border-radius: 4px; border: 1px solid transparent; } .promotionA .innerSection button a{ font-size: 16px; font-weight: 600; text-decoration: none; } .promotionA .innerSection .dates{ font-size: 14px; margin: 0; margin: 16px 0 !important; } .promotionA .innerSection .tc{ font-size: 12px; color: #828282; margin-bottom: 8px !important; } .promotionA .innerSection .tc a{ font-size: 12px; color: #FC404D; text-decoration: none; } @media(max-width:991px){ .promotionA .desktopImg{ display: none; } .promotionA .promoText{ flex-direction: column; align-items: flex-start; } .promotionA .promo{ font-size: 14px; margin: 0 !important; } .promotionA .innerSection button{ width: 100%; } .promotionA h2{ font-size: 35px; } .promotionA .mobImg{ display: block; width: 100%; } .promotionA{ flex-direction: column; max-width: 353px; width: 100%; margin: 30px auto; } }