/*Home page*/



.header-menu ul.footer-links.text-md {
    display: none;
}
.desktop-hero{
  display: block;  
}
.mobile-hero{
    display: none;
}
.form-card-body {
    margin-top: 20px;
}
.forgot a {
    text-align: right;
    padding-bottom: 10px;
}
.new-reg {
    padding-top: 10px;
}
.loginpage-top {
    min-height: 105vh!important;
}
.register-code {
    width: 500px!important;
    padding: 35px 40px;
}
.wallet-right {
    /*margin-right: 80px;*/
    margin-bottom: 85px;
}
.wallet-right .form-card {
    width: unset;
        padding: 30px 45px 50px;
}
.amoun-wall input {
    font-size: 14px !important;
    color: #685f5f !important;
}

.row.credit-pricee {
    margin-bottom: 20px;
}
.paidd {
    padding-bottom: 10px;
}
.success-wallet-pricee {
    padding-top: 70px !important;
    padding-bottom: 0px !important;
    padding-left: 20px;
    padding-right: 20px;
}
.cart-page-space {
    padding-bottom: 50px;
}
.cart-left {
    padding-top: 120px;
}
.purchase-success {
    padding-bottom: 80px;
}
ul.ticket-num-list li {
    line-height: 0px;
    cursor: pointer;
}
ul.ticket-num-list li {
    /*padding: 25px 20px;*/
    /* margin: 0px !important; */
    /*box-shadow: 0 0 10px #ececec;*/
    margin-right: 10px;
    /*border-radius: 5px;*/
}
.ticket-num-list li.active {
    background: none !important;
    border-radius: 10px;
    border: 3px solid #e94d0a !important;
}



ul.ticket-num-list {
    /* background: #121427; */
    display: flex;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 !important;
    text-align: center;
    /*border-radius: 4px;*/
    list-style: none;
}






 @media (min-width: 320px) and (max-width: 727px){
     body, html{
     overflow-x: hidden!important;
     }
     .failure-return {
    width: 250px !important;
}
     .failurepage {
    padding-bottom: 160px!important;
    padding-top: 125px !important;
}
     .change-pass {
    font-size: 12px !important;
}
     .form-card.common-sec-space {
    padding-bottom: 40px !important;
    margin-bottom: 50px !important;
    margin-top: 20px !important;
}
     .success-register {
    padding-bottom: 40px !important;
    margin-bottom: 50px!important;
    margin-top: 20px!important;
}
     .otp-registration-sec {
    margin-bottom: 0px !important;
}
.form-card.otp-sectionn {
    padding-bottom: 40px !important;
    margin-bottom: 50px!important;
    margin-top: 25px!important;
}
     .registration-sec {
    margin-bottom: 0px !important;
}
     .form-card.register-code {
    padding-bottom: 45px !important;
}
     .form-card-body {
    margin-top: 15px!important;
}
    .register-code {
        padding: 30px 20px 0px!important;
        margin-top: 25px!important;
        margin-bottom: 40px !important;
    }
     h1.dream-title {
    font-size: 20px !important;
}
.mobile-hero{
    display: block!important;
}
.desktop-hero{
  display: none!important;  
}
.header-menu ul.footer-links.text-md {
    display: flex!important;
}
.clockdiv {
    justify-content: unset!important;
}
    .countdown-timer {
        flex-wrap: unset!important;
                gap: 0px!important;
    }
    .timer-block {
        min-width: calc(24% - 5px)!important;
                min-height: 55px!important;
                    gap: 2px!important;
    }
    .timer-block .label {
        font-size: 6px!important;
    }
    .timer-block .number {
    margin-bottom: 0px!important;
}
.clockdiv div > span {
    padding: 0px!important;
}
.clockdiv > div {
    padding: 0px 10px!important;
    margin: 2px 4px!important;
}
.dream-cairo-content h3 {
    font-size: 15px !important;
}
.dream-cairo-content h1 {
    font-size: 28px !important;
    line-height: 38px!important;
}
    .dream-title {
         padding-bottom: 0px!important;
    }
        .form-links {
        text-align: left!important;
    }
    .join-image {
        display: block!important;
        width: 250px!important;
        object-fit: contain!important;
        height: 126px!important;
        right: -45px!important;
    }
    .form-card {
    padding-bottom: 110px!important;
}
    
   h2.dream-title {
    font-size: 22px !important;
} 
 .hero-section {
    min-height: 0vh !important;
    margin-bottom: 0px;
}   
    .hero-section .vh-100 {
    height: 65vh !important;
}
   span.swiper-pagination-bullet.swiper-pagination-bullet-active{
       background:#000!important;
   } 
    .swiper-pagination-bullet {
    background: rgb(221 142 55 / 12%)!important;
}
 .timer-block .number {
        font-size: 20px!important;
    }   
.partner-logo {
    height: auto;
    width: 150px!important;
}
  .partner-mobile .swiper-slide {
    text-align: left!important;
    width: 100px !important;
    opacity: 1!important;
}  
    
   section.partners-section {
    overflow-x: hidden!important;
} 
    
 .owl-carousel .owl-item img {
    width: 100%!important;
}   
    
    .clientt-section h2 {
    padding-bottom: 30px!important;
}
.footer-menu div {
    /*display: block !important;*/
}
.links-section div ul {
    display: ruby!important;
}
.links-section {
    display: block !important;
}
.footer-links li {
    padding-right: 20px!important;
}    
 .container {
    padding: 0 30px!important;
}   
.main-menu {
    padding-bottom: 20px!important;
}    
.links-menu ul.footer-links li a {
    line-height: 35px !important;
}   
.closing {
    letter-spacing: 5px!important;
    padding-bottom: 15px!important;
}
     .closing-in-item {
        width: calc(24% - 5px)!important;
}   
.clockdivv > div {
    min-width: 65px!important;
}   
.touchh {
    display: block !important;
}    
.footer-logoo {
    text-align: center;
}    
 img.footer-logo {
    width: 100% !important;
}       
 .links-section {
    margin-bottom: 15px !important;
}   
.social-icons {
    flex-wrap: unset !important;
    gap: 10px !important;
}    
 .social-icons .d-flex {
    gap: unset !important;
}   
 .footer-section .d-flex {
        gap: 15px !important;
    }    
    .footer-section .d-flex.gap-3 img {
        height: 28px!important;
    } 
    
 .d-flex.gap-3.align-items-end.justify-content-between.social-icons {
    justify-content: unset !important;
}   
.footer-section .d-flex.gap-3 img {
        height: 28px!important;
        margin: 0px!important;
    }    
    
       .copyright {
        text-align: left!important;
    } 
        .footer-section .row > div {
        margin-bottom: 0px!important;
    }
  .get-in-touch h3 {
    text-align: left!important;
}  
.social-links {
    gap: 5px!important;
}    
 .navbar-nav {
    display: none!important;
}   
     .navbar-brand img {
        max-height: unset!important;
    }   
 section.slider-section {
    /*margin-top: 95px!important;*/
}   
.header-menu li a {
    font-size: 16px!important;
}    
 .navbar-brand img {
    width: 70px!important;
}   
 .navbar {
    padding: 0px 0!important;
}   
 .navbar .container {
    padding: 0px 5px !important;
}   
     .countdown-section {
        margin-top: 30px!important;
    }   
    
    .prize-amount {
        font-size: 20px!important;
    }
    .header-menu ul.footer-links.text-md {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.header-menu .main-menu {
    padding-bottom: 0px !important;
}
    

    
    
 }
 
 
 
 
 
  /* Add these responsive styles for footer-section */
        @media (max-width: 991px) {
            .footer-section {
                padding: 60px 0 30px;
            }

            .footer-logo {
                max-width: 150px;
                margin-bottom: 30px;
            }

            .closing-in {
                gap: 10px;
            }

            .closing-in-item {
                padding: 8px 15px;
            }
        }

        @media (max-width: 768px) {
            .footer-section {
                padding: 40px 0 20px;
            }

            .footer-section .row > div {
                margin-bottom: 30px;
            }

            .footer-section .d-flex {
                gap: 40px !important;
            }

            .footer-title {
                margin-bottom: 15px;
                font-size: 18px;
            }

            .footer-links {
                margin-bottom: 20px;
            }

            .footer-links li {
                margin-bottom: 8px;
            }

            .footer-links a {
                font-size: 14px;
            }

            .closing-in {
                flex-wrap: wrap;
                justify-content: space-between;
            }

            .closing-in-item {
                width: calc(50% - 5px);
                margin-bottom: 10px;
            }

            .social-links {
                justify-content: center;
                margin: 20px 0;
            }

            .social-links a {
                margin: 0 10px;
            }
        }

        @media (max-width: 480px) {
            .footer-section {
                padding: 30px 0 15px;
            }

            .footer-section .d-flex {
                gap: 30px !important;
            }

            .footer-logo {
                max-width: 120px;
                margin-bottom: 20px;
            }

            .footer-title {
                font-size: 16px;
                margin-bottom: 12px;
            }

            .footer-links a {
                font-size: 13px;
            }

            .closing-in-item {
                padding: 6px 12px;
            }

            .closing-in-item .text-sm {
                font-size: 12px;
            }

            .footer-bottom {
                margin-top: 20px;
                padding-top: 15px;
            }

            .copyright {
                font-size: 12px;
                text-align: center;
            }

            /* Get in Touch section responsive */
            .footer-section .col-lg-6 > div {
                width: 100% !important;
            }

            .footer-section .bg-white.bg-opacity-25 {
                padding: 12px;
                margin-bottom: 10px;
            }

            .footer-section .text-sm {
                font-size: 12px;
            }

            /* App store buttons */
            .footer-section .d-flex.gap-3 {
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center;
            }

            .footer-section .d-flex.gap-3 img {
                height: 40px;
                margin: 5px;
            }
            
/*            section.hero-section.loginpage-top {*/
/*    background-image: unset;*/
/*    background:linear-gradient(121deg, #EE5007 30%, #1E1E1E 77%) !important;*/
/*}*/
            
/*  .form-code .form-card {*/
/*    box-shadow: unset;*/
/*    border-radius: unset;*/
/*    border: unset;*/
/*}          */
            
           section.hero-section.loginpage-top {
    min-height: 75vh !important;
    margin-bottom: 0px !important;
}
section.form-code {
    margin-top: 40px!important;
}
  .form-code .form-card {
    padding-bottom: 55px !important;
}          
   .form-links.new-reg {
    text-align: center !important;
}         
            
   .password-reset {
    font-size: 12px !important;
    /* text-align: left ! Important; */
    padding-top: 5px;
}         
            
           .form-card-header h1 {
    font-size: 18px !important;
    padding-bottom: 20px;
} 
.wallet-right {
    width: 100% !important;
}            
 .wallet-left {
    width: 100% !important;
}           
 .wallet-section {
    display: block !important;
}           
  .balance-card {
          width: 100%!important;
    display: block!important;
}          
.wallet-left {
    padding: 0px 20px !important;
}            
.wallet-card-footer {
    text-align: center !important;
    /*display: block !important;*/
}
.wallet-card-footer .light-box {
    width: 100% !important;
}
          .wallet-card-footer .light-box {
    padding: 10px 20px!important;
}
 .wallet-card-body {
    padding-bottom: 10px!important;
}           
            
    .col-md-6.payment-amountt {
    margin-top: 40px!important;
    padding: 0px 50px!important;
}        
            
    .credit-pricee .col-md-3 {
    width: 32%!important;
}
.amoun-wall input {
    margin-top: 10px!important;
    /*padding-right: 10px !important;*/
}
            .wallet-right .form-card {
    padding: 40px 25px 50px !important;
}
            .innerpage {
    margin-bottom: 0px!important;
}
.row.tickettss {
    margin-left: 0px!important;
}
          .success-wallet-pricee {
    padding-bottom: 0px !important;
    padding-top: 70px !important;
    padding-left: 15px;
    padding-right: 15px;
} 
 .cart-page-space .product-flex {
    display: block!important;
}           
            
/* .cart-left {*/
/*    padding-left: 20px!important;*/
/*    padding-right: 20px!important;*/
/*}*/
.cart-left {
    padding-top: 40px!important;
}
.cart-right .form-card {
    width: unset !important;
}            
.cart-right .form-card {
    padding: 30px 20px 38px !important;
}            
 .wallet-card-footer.d-flex.gap-8 {
    display: block ! Important;
}
button#applyPromcode {
    font-size: 14px!important;
    margin-top: 10px!important;
}
.product-info-wrapper {
    margin-top: 10px!important;
}            
.amount-value {
    font-size: 24px !important;
    line-height: 48px!important;
    padding: 8px 18px !important;
}
.next-draw {
    padding-top: 10px!important;
}
 .card-base {
    padding: 24px 15px!important;
}           
            
.purchase-success {
    padding-bottom: 100px !important;
    padding-top: 100px !important;
    padding-left: 15px!important;
    padding-right: 15px!important;
}            
            
 .thankfull-msg h2 {
    font-size: 26px !important;
    line-height: 35px!important;
}           
.thankfull-msg h4 {
    font-size: 13px !important;
    line-height: 22px!important;
}            
    .login-spacee {
    padding-bottom: 50px !important;
}        
            
 .form-group-flex {
    gap: 5px!important;
}           
    
         
            
            
            
            
        }
        
        
     @media (min-width: 360px) and (max-width: 480px) {
             
        .join-section {
    margin-bottom:20px!important;
    margin-top: 20px!important;
}
/*.products-section{*/
/*    margin-top: 50px!important;*/
/*}*/
         
     }