ابدأ تداولك بجائزة نقدية
اختر مكافآتك من أحدث مسابقاتنا وعروضنا الحصرية
ابدأ تداولك بجائزة نقدية
اختر مكافآتك من أحدث مسابقاتنا وعروضنا الحصرية
.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;
}
}
.promotionC .desktopImg{
display: block;
height: 100%;
}
.promotionC .mobImg{
display: none;
}
.promotionC{
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;
}
.promotionC .rightPart{
display: flex;
align-items: center;
}
.promotionC .innerSection{
padding: 16px 24px;
display: flex;
flex-direction: column;
gap: 32px;
}
.promotionC h2{
font-size: 48px;
margin-bottom: 8px !important;
}
.promotionC .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;
}
.promotionC .promoText{
display:flex ;
align-items: center;
}
.promotionC .promo span {
font-weight: 600;
}
.promotionC .promo{
margin: 0 16px 0 0 !important;
}
.promotionC .innerSection button{
background-color: #FECE2B;
padding: 8px 16px;
margin-bottom: 8px !important;
border-radius: 4px;
border: 1px solid transparent;
}
.promotionC .innerSection button a{
font-size: 16px;
font-weight: 600;
text-decoration: none;
}
.promotionC .innerSection .dates{
font-size: 14px;
margin: 0;
margin: 16px 0 !important;
}
.promotionC .innerSection .tc{
font-size: 12px;
color: #828282;
margin-bottom: 8px !important;
}
.promotionC .innerSection .tc a{
font-size: 12px;
color: #FC404D;
text-decoration: none;
}
@media(max-width:991px){
.promotionC .desktopImg{
display: none;
}
.promotionC .promoText{
flex-direction: column;
align-items: flex-start;
}
.promotionC .promo{
font-size: 14px;
margin: 0 !important;
}
.promotionC .innerSection button{
width: 100%;
}
.promotionC h2{
font-size: 35px;
}
.promotionC .mobImg{
display: block;
width: 100%;
}
.promotionC{
flex-direction: column;
max-width: 353px;
width: 100%;
margin: 30px auto;
}
}
.promotionB .desktopImg{
display: block;
height: 100%;
}
.promotionB .mobImg{
display: none;
}
.promotionB{
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;
}
.promotionB .rightPart{
display: flex;
align-items: center;
}
.promotionB .innerSection{
padding: 16px 24px;
display: flex;
flex-direction: column;
gap: 32px;
}
.promotionB h2{
font-size: 48px;
margin-bottom: 8px !important;
}
.promotionB .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;
}
.promotionB .promoText{
display:flex ;
align-items: center;
}
.promotionB .promo span {
font-weight: 600;
}
.promotionB .promo{
margin: 0 16px 0 0 !important;
}
.promotionB .innerSection button{
background-color: #FECE2B;
padding: 8px 16px;
margin-bottom: 8px !important;
border-radius: 4px;
border: 1px solid transparent;
}
.promotionB .innerSection button a{
font-size: 16px;
font-weight: 600;
text-decoration: none;
}
.promotionB .innerSection .dates{
font-size: 14px;
margin: 0;
margin: 16px 0 !important;
}
.promotionB .innerSection .tc{
font-size: 12px;
color: #828282;
margin-bottom: 8px !important;
}
.promotionB .innerSection .tc a{
font-size: 12px;
color: #FC404D;
text-decoration: none;
}
@media(max-width:991px){
.promotionB .desktopImg{
display: none;
}
.promotionB .promoText{
flex-direction: column;
align-items: flex-start;
}
.promotionB .promo{
font-size: 14px;
margin: 0 !important;
}
.promotionB .innerSection button{
width: 100%;
}
.promotionB h2{
font-size: 35px;
}
.promotionB .mobImg{
display: block;
width: 100%;
}
.promotionB{
flex-direction: column;
max-width: 353px;
width: 100%;
margin: 30px auto;
}
}
.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;
}
}
