﻿/***************WalletOffers-short-info start**********************/ 


.WalletOffers-short-info {
	padding: 0 100px;
	height: calc(100vh - 140px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
   
}
                        .WalletOffers-short-info h2 {
                            font-size: 28px;
                            font-weight: 700;
                        }
                    p.why-explore {
                        padding: 0;
                        margin: 0;
                        line-height: 1.3;
                        color: var(--dark-gray);
                        margin-left: 33px;
                    }
                    p.section-title {
                        padding: 0;
                        margin: 16px 0 0 0;
                        font-weight: 700;
                        font-size: 19px;
                        color: var(--dark-gray);
                    }
                    .list-item {

                        margin-left: 22px;
                        color: var(--dark-gray);
                    }
                    p.offer-time {
                        color: var(--dark-gray);
                        margin: 9px 0 8px 0;
                        font-size: 19px;
                    }
                    p.highlight {
                        color: #000;
                        margin: 0;
                        font-size: 19px;
                        padding: 0px !important;
                        font-weight: 600;
                    }
                    .signup-left-bx-bg {
                        background-image: url(../images/wallet/sign-up-bg.jpg);
                        background-position: top;
                        background-size: cover;
                        display: flex;
                        align-items: center;
                        width: 50%;
                    }


                    @media only screen and (max-width: 1600px) {
                        .WalletOffers-short-info {padding: 0 25px; }

                            .WalletOffers-short-info h2 {
                                font-size: 22px;
                               
                            }
                        p.section-title {
                           
                            font-size: 15px;
                           
                        }
                        .list-item {
                           
                            font-size: 14px;
                        }
                        p.offer-time, p.highlight {
                            font-size: 15px;
                        }
                    }
                    @media only screen and (max-width:991px) {
                        .signup-left-bx-bg {
                            width: 100%;
                            padding: 30px 0 130px 0;
                        }
                        .WalletOffers-short-info {
                            padding: 0 6px;
                        }
                            .WalletOffers-short-info h2 {
                                font-size: 15px;
                            }
                        p.why-explore {
                          
                           
                            font-size: 14px;
                        }
                        .list-item {
                            font-size: 13px;
                            margin: 0 0 0 11px;
                        }
                    }


/*********header (12K Points Free!) start******/

 .signup-free-points-label {
                                                    display: inline-block;
                                                    position: absolute;
                                                    bottom: -36px;
                                                    right: 0;
                                                    background: #fff;
                                                    width: 134px;
                                                    text-align: center;
                                                    border: 1px solid #ddd;
                                                    border-radius: 6px;
                                                    opacity: 0;
                                                    transform: translateY(10px);
                                                    animation: fadeInBounce 0.8s ease-out forwards, floatEffect 2s ease-in-out infinite;
                                                    
                                                }

                                                    .signup-free-points-label::before {
                                                        content: "";
                                                        position: absolute;
                                                        top: -10px;
                                                        right: 12px;
                                                        transform: translateX(-50%);
                                                        border-left: 10px solid transparent;
                                                        border-right: 10px solid transparent;
                                                        border-bottom: 10px solid #cdcdcd;
                                                        opacity: 0;
                                                        animation: fadeInArrow 0.8s ease-out forwards 0.2s;
                                                    }

                                                /* Fade-in with bounce effect */
                                                @keyframes fadeInBounce {
                                                    0% {
                                                        opacity: 0;
                                                        transform: translateY(10px);
                                                    }

                                                    50% {
                                                        opacity: 1;
                                                        transform: translateY(-3px);
                                                    }

                                                    100% {
                                                        opacity: 1;
                                                        transform: translateY(0);
                                                    }
                                                }

                                                /* Floating Effect (Up & Down) */
                                                @keyframes floatEffect {
                                                    0% {
                                                        transform: translateY(0);
                                                    }

                                                    50% {
                                                        transform: translateY(-5px);
                                                    }

                                                    100% {
                                                        transform: translateY(0);
                                                    }
                                                }

                                                /* Fade-in effect for arrow */
                                                @keyframes fadeInArrow {
                                                    0% {
                                                        opacity: 0;
                                                    }

                                                    100% {
                                                        opacity: 1;
                                                    }
                                                }

                                               
                                                li.nav-item.Auth.login-btn.m-d-none {
                                                    position: relative;
                                                }

                                                @media only screen and (max-width:991px) {
                                                    .signup-free-points-label {
                                                        bottom: -32px;
                                                        right: 53px;
                                                    }

                                                    .signup-free-points-label {
                                                        bottom: -22px;
                                                        right: 4px;
                                                        font-size: 11px;
                                                        width: auto !important;
                                                        padding: 2px 6px;
                                                    }

                                                        .signup-free-points-label::before {
                                                            right: unset;
                                                            top: -8px;
                                                            left: 22px;
                                                            transform: translateX(-50%);
                                                            border-left: 7px solid transparent;
                                                            border-right: 7px solid transparent;
                                                            border-bottom: 7px solid #cdcdcd;
                                                        }
                                                }
/*********header (12K Points Free!) end******/




/*********webpage offer start******/
 section.wallet-landing-page-offer {
            zoom: 92%;
        }
        .wallet-landing-page-offer {
            background-image: url("../assets/images/wallet/wallet-bg.png");
            background-position: top;
            background-size: cover;
        }

         .wallet-landing-page-offer  h1.tag-line {
            font-size: 52px;
            font-weight: bold;
            text-align: center;
            background: linear-gradient(45deg, #010002, #2d0769);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            border: 2px solid transparent;
            border-image: linear-gradient(45deg, #010002, #2d0769);
            /* border-image-slice: 1; */
            text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
            display: inline-block;
            margin: 0;
            padding: 0;
        }

         .wallet-landing-page-offer  p.sub-tag-line {
            font-size: 24px;
            color: #000;
           
        }

        .wallet-signup-section {
            display: flex;
        }

        p.wallet-offer-short-info {
            font-size: 17px;
            color: #000;
        }

         .wallet-landing-page-offer .wallet-offer-list {
            flex: 2;
        }

         .wallet-landing-page-offer .wallet-offer-img {
            flex: 1;
        }

         .wallet-landing-page-offer .wallet-offer-list {
            padding-left: 60px;
        }

        section.wallet-landing-page-offer .container-fluid {
            padding: 40px 140px;
        }

         .wallet-landing-page-offer .wallet-offer-list td {
            padding: 5px 15px;
            color: #404040;
            line-height: normal;
        }

         .wallet-landing-page-offer .sign-up-now-btn {
            text-align: right;
        }


         .wallet-landing-page-offer .How-to-claim h2,  .wallet-landing-page-offer .Terms-Conditions h2 {
            font-size: 20px;
            margin: 0;
            padding: 0;
            font-weight: 600;
            color: #585858;
        }

         .wallet-landing-page-offer .How-to-claim p,  .wallet-landing-page-offer .Terms-Conditions p {
            line-height: 1.2;
            color: #565656;
        }

         .wallet-offer-list table {
            width: 100%;
            border-collapse: collapse;
            background: white;
        }

        .wallet-offer-list table, th, td {
            border: 1px solid #ddd;
            padding: 10px;
        }

         .wallet-offer-list th {
            background: #4a4a4a;
            color: white;
        }

       .wallet-landing-page-offer  .signup-btn {
            background: purple;
            color: white;
            padding: 15px 25px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 18px;
            margin-top: 20px;
        }

             .wallet-landing-page-offer .signup-btn:hover {
                background: #5a0dab;
            }
            .wallet-offer-list th {
	color: #fff;
}.wallet-offer-list table tr td, .wallet-offer-list table tr th {
	border: 1px solid #cdcdcd;
}
        @media only screen and (max-width: 1500px) {
            section.wallet-landing-page-offer .container-fluid {
                padding: 21px 17px;
            }
        }

        @media only screen and (max-width: 991px) {
            .wallet-signup-section {
                display: flex;
                flex-direction: column-reverse;
            }

            .wallet-offer-list {
                padding-left: 0;
            }

            .sign-up-now-btn {
                text-align: center;
            }

            .wallet-offer-img {
                text-align: center;
            }

             .wallet-landing-page-offer h1.tag-line {
                font-size: 40px;
            }

             .wallet-landing-page-offer p.sub-tag-line {
                font-size: 19px;
            }

             .wallet-landing-page-offer p.wallet-offer-short-info {
                line-height: 1.3;
            }
        }

        @media only screen and (max-width: 767px) {
            section.wallet-landing-page-offer .container-fluid {
                padding: 21px 3px;
            }

             .wallet-landing-page-offer h1.tag-line {
                font-size: 20px;
            }

             .wallet-landing-page-offer p.sub-tag-line {
                font-size: 14px;
                line-height: 1.3;
                margin-top: 10px;
            }

             .wallet-landing-page-offer p.wallet-offer-short-info {
                font-size: 12px;
                color: #393939;
            }

            .wallet-offer-list td, .wallet-offer-list th {
                padding: 3px 3px;
                font-size: 13px;
                line-height: normal;
            }

             .wallet-landing-page-offer img.sign-up-now-btn {
                width: 232px;
                margin-bottom: 24px;
            }

             .wallet-landing-page-offer .How-to-claim h2,  .wallet-landing-page-offer .Terms-Conditions h2 {
                font-size: 15px;
            }

             .wallet-landing-page-offer .How-to-claim p,  .wallet-landing-page-offer .Terms-Conditions p {
                font-size: 14px;
            }
        }

/*********webpage offer end******/



/********home page banner start***************/
.banner-ads.home-banner-ads {
	bottom: 60px !important;
	border: 1px solid #c9c9c9;
	width: 69% !important;
	right: -10px;
	margin: 0 auto;
	position: fixed;
	left: 50%;
	transform: translate(-50%, 0%);
}
.ChristmasOffer2K23_banner_mobile {
	display: none;
}
.banner-ads.home-banner-ads img {
	width: 100%;
}
.banner-ads.home-banner-ads .close-btn {
	position: absolute;
	right: -11px;
	top: -10px;
	border-radius: 30px;
	width: 26px;
	height: 26px;
}
.banner-ads.home-banner-ads {
	z-index: 9;
}
/********home page banner end***************/
/***************WalletOffers-short-info end**********************/ 




/*********#aiagent start************/
div#aiagent img#homepage {
	height: auto;
}

.wallet-offer-img img {
	width: 100% !important;
}
/*********#aiagent end************/





































