/* Start Variables */
:root {
  --mainColor: #00BC41;
  --SecColor: #00E082;
  --mainBack: #151D20;
  --SecBack: #1F282F;
  --newBack: #1a1a2e;
  --itemBack: #0d0d1c;
  --mainTransition : 0.3s;
  /* --mainPadding: 50px; */
  --mainMargin: 30px;
  --mainTransition : 0.3s;
  --mainPadding: 20px;
}
::-webkit-scrollbar{width:1.1rem}
::-webkit-scrollbar-track{border:7px solid #151D20;box-shadow:inset 0 0 2.5px 2px rgba(0,0,0,0.5);border-radius:1rem}
::-webkit-scrollbar-thumb{background:var(--mainColor);border-radius:1rem}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;transition:all .5s ease 0}
html {scroll-behavior: smooth;}
a{text-decoration:none}
body{background:#1a1a2e;}
body, p, span, input, button, li, a {font-family: 'Poppins', sans-serif;} 
h1, h2, h3, h4, h5 {font-family: 'Playfair Display', serif;letter-spacing: 0.5px;}
.container{padding:5px 10px;display:block;margin:0 90px;box-shadow:none;border:none}
.loading{position:fixed;width:100%;height:100%;background:var(--mainBack);z-index:9999999;top:0;left:0;right:0;bottom:0}
.loader_logo{margin:50% auto}
.loader_logo img{margin:20px auto;display:flex;max-width:80%}
.loader{border:8px solid #151D20;border-bottom:8px solid var(--mainColor);border-right:8px solid var(--mainColor);border-left:8px solid var(--mainColor);border-radius:50%;width:80px;height:80px;display:flex;margin:auto;animation:spin 1s ease-in infinite}
@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.navbar{position:fixed;top:0;z-index:9;right:0;left:0;border-radius:0px 0px 20px 20px;border-bottom: 0.5px solid #444; background:var(--SecBack);height:55px;box-shadow:0 5px 5px 0 rgba(0,0,0,0.08),0 4px 9px 0 rgba(0,0,0,0.08),0 5px 4px -5px rgba(0,0,0,0.09)}
.navbar .classic{float:left;text-align:left;z-index:3;font-size:24px;margin-top:13px;font-family:Rakkas}
.navbar .classic h2{color:var(--mainColor)}
.navbar .classic h2 stronge{color:#fff}
.navbar .links{float:right;text-align:right;color:#fff;text-align:center;z-index:4}
.navbar .links ul{padding:0;margin:0}
.navbar .links ul li{display:inline-block;font-size:13px;margin:7px 3px;color:#fff;font-weight:700;padding:4px 5px;border-radius:8px;background:var(--itemBack);text-align:right}
.navbar .links ul li a{color:#fff;text-decoration:none;padding:0;font-family:Harmattan;font-size:15px;text-align:right}
.navbar .links ul li .fa-solid{margin:5px;font-size:10px}
.navbar .links ul li.reg{background:var(--mainColor)!important}
.navbar .links ul li.reg:hover{background:var(--itemBack)!important}
.navbar .logo{display:inline-block;width:50px;}
.navbar .logo img{display:block;width:100%;}




/* Title Section */
.section_title{background-color:var(--itemBack);padding:30px;position:relative;text-align:left;margin:0;}
.h2_title{font-size:28px;margin-bottom:10px;color:#fff;text-align:left;}
.section_p{font-size:16px;color:#bbb;margin-bottom:40px;}

/*  Model Sign up & Login & Forgot*/
.modal{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color:rgba(103,103,103,0.6);backdrop-filter:blur(4px);overflow-x:auto;}
.modal-content{background-color:rgba(13,13,28,0.6);margin:10% auto;padding:30px;border-radius:10px;width:90%;max-width:400px;position:relative;box-shadow:0 5px 15px rgba(0,0,0,0.3);animation:fadeIn 0.4s ease;}
@keyframes fadeIn{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}
.modal-header{display:flex;justify-content:space-around;margin-bottom:20px;margin-top:20px;background:var(--SecBack);padding:10px;border-radius:50px;}
.modal-header button{background: none;
    border: none;
    font-weight: bold;
    font-size: 15px;
    padding: 8px 20px;
    cursor: pointer;
    color: #fff;
    border-bottom: 2px solid transparent;
    transition: border-color 30.3s;
    display: masonry;
    width: -webkit-fill-available;}
.modal-header button.active{background:var(--mainColor);border-radius:50px;}
.modal-content input{width:100%;padding:10px;margin:8px 0;border:1px solid #444;border-radius:5px;background-color:var(--SecBack);}
.modal-content label{color:#fff;font-size:16px;}
.modal-content label a{color:#7b2cbf;}
.modal input[type="checkbox"]{accent-color:var(--mainColor);width:13px;height:13px;margin-right:5px;}
.modal-content .or{color:#fff;text-align:center;margin:5px;}
.google_log{background:#fff;border-radius:20px;text-align:center;padding:8px;color:#0D80DE;font-weight:bold;}
.google_log i{color:#0D80DE;}
.modal-content button.submit-btn{width:100%;padding:12px;background-color:var(--mainColor);color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;transition:background-color 0.3s ease;margin-top:10px;}
.modal-content button.submit-btn:hover{background-color:#7b2cbf;}
.form-section{display:none;}
.form-section.active{display:block;}
.link_forgot{color:#5a189a;text-align:right;margin:7px}
.forgot-password{text-align:right;font-size:13px;margin-top:3px;}
.forgot-password a{text-decoration:none;color:#fff;cursor:pointer;}
.modal .close{position:absolute;top:7px;right:10px;font-size:22px;color:#aaa;cursor:pointer;border:1px solid #aaa;border-radius:50px;padding:2px 8px;}
.modal .close:hover{color:#000;}
.modal .back-link{text-align:left;font-size:13px;margin-top:-5px;margin-bottom:15px;}
.modal .back-link a{text-decoration:none;color:#5a189a;cursor:pointer;}
/* Hero & Chat */
.hero_chat{display:flex;}
.hero-section{width:50%;display:block;}
.live-chat-section{width:50%;}
.hero-section{background:#0d0d1c;color:#fff;padding:60px 20px;font-family:'Poppins',sans-serif;text-align:center;}
.hero-content h1{font-size:24px;margin:30px 0 10px;line-height:1.5;}
.hero-content h1 strong{color:var(--mainColor);}
.highlight{color:var(--mainColor);}
.features{display:flex;justify-content:center;gap:15px;margin-bottom:20px;font-size:12px;color:#ccc;}
.cta-button{background:#fff;color:#111;font-weight:bold;border:none;padding:12px 28px;border-radius:25px;cursor:pointer;}
@media (max-width:800px){.hero_chat{display:block;}.hero-section,.live-chat-section{width:100%;}}
.live-chat-section{padding:20px 20px;background:#0d0d1c;color:#fff;font-family:'Poppins',sans-serif;text-align:center;}
.live-chat-section h2{font-size:28px;margin-bottom:30px;color:#fff;}
.chat-window{max-width:700px;margin:0 auto;background:#181829;padding:20px;border-radius:12px;text-align:left;}
.live-chat-section .message{display:flex;align-items:flex-start;margin-bottom:20px;gap:15px;}
.live-chat-section .avatar-block{display:flex;flex-direction:column;align-items:center;min-width:60px;}
.live-chat-section .avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #444;}
.live-chat-section .username{font-size:12px;margin-top:5px;color:#ccc;text-align:center;}
.live-chat-section .verified-icon{color:#3ccf91;font-size:12px;margin-left:3px;}
.live-chat-section .text{background:#232333;padding:12px 15px;border-radius:10px;flex:1;font-size:14px;line-height:1.5;}
.live-chat-section .message.admin .text{background:#33334b;}
@media (max-width:600px){.chat-window{padding:15px;}.message{flex-direction:column;align-items:flex-start;}.avatar-block{flex-direction:row;align-items:center;gap:8px;margin-bottom:5px;}.username{font-size:13px;margin-top:0;}}
/* Explor Offers */
.explor{background:#0e0e1a;padding:60px 20px;}
.explor_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;}
.explor_card{background:#1a1a2e;border-radius:12px;text-align:center;padding:20px;color:#fff;transition:transform 0.3s,box-shadow 0.3s;}
.explor_card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.5);}
.explor_card img{width:100%;height:130px;border-radius:8px;margin-bottom:15px;}
.explor_card h3{font-family:'Playfair Display',serif;font-size:20px;margin-bottom:8px;}
.explor_card .stars{color:#f1c40f;margin-bottom:8px;}
.explor_card .coins{font-size:18px;font-family:'Poppins',sans-serif;}
/* Affiliate program */
.affiliate-section{background:#0d0d1c;padding:60px 20px;color:#fff;text-align:left;}
.affiliate-section .section-title{font-size:25px;margin-bottom:10px;color:#fff;text-align:left;}
.affiliate-section .section-subtitle{font-size:16px;color:#bbb;margin-bottom:40px;}
.affiliate-section .steps-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px;}
.affiliate-section .step{background:#181829;padding:25px 20px;border-radius:12px;width:260px;box-shadow:0 0 15px rgba(0,0,0,0.2);transition:transform 0.3s;}
.affiliate-section .step:hover{transform:translateY(-5px);}
.affiliate-section .step-icon{font-size:40px;margin-bottom:15px;color:var(--mainColor);}
.affiliate-section .step h3{font-size:18px;margin-bottom:10px;}
.affiliate-section .step p{font-size:14px;color:#ccc;}
.affiliate-section .arrow{font-size:28px;color:var(--mainColor);}
@media (max-width:768px){.affiliate-section .steps-container{flex-direction:column;}.affiliate-section .arrow{transform:rotate(90deg);}}
/* Top OfferWalls */
.top-offers{background:linear-gradient(135deg,var(--itemBack),#1e1e2e);padding:60px 20px;display:flex;justify-content:center;font-family:'Segoe UI',sans-serif;}
.offers-grid{display:flex;flex-direction:column;align-items:center;gap:20px;}
.center-grid{display:grid;grid-template-columns:auto 150px auto;gap:20px;align-items:center;}
.logo-box img{width:150px;height:auto;border-radius:12px;box-shadow:0 0 15px rgba(255,255,255,0.2);transition:transform 0.5s;}
.logo-box img:hover{transform:scale(1.05);}
.rect-box{width:300px;height:150px;perspective:1000px;margin:0 auto;}
.square-box,.small-box{width:150px;height:150px;perspective:1000px;}
.small-box{width:74px;height:74px;}
.side-stack{display:flex;flex-direction:column;gap:10px;align-items:center;}
.bottom-stack{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-top:20px;}
.flip-inner{position:relative;width:100%;height:100%;transition:transform 1s ease;transform-style:preserve-3d;}
.flip-front,.flip-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.4);}
.flip-front.themo{background:linear-gradient(170deg,#9158E7,#151D20);}
.flip-front.adtowall{background:linear-gradient(170deg,#14605B,#151D20);}
.flip-front.hang{background:linear-gradient(170deg,#2B2B2D,#151D20);}
.flip-front.adscend{background:linear-gradient(170deg,#283C54,#151D20);}
.flip-front.revu{background:linear-gradient(170deg,#224762,#151D20);}
.flip-front.torox{background:linear-gradient(170deg,#522AB8,#151D20);}
.flip-front.lootably{background:linear-gradient(170deg,#9A443C,#151D20);}
.flip-front.ayet{background:linear-gradient(170deg,#AB6800,#151D20);}
.flip-front.pub{background:linear-gradient(170deg,#02D5C6,#151D20);}
.flip-back.yoursurveys.{background:linear-gradient(170deg,#1B1B1D,#151D20);}
.flip-back.adgate{background:linear-gradient(170deg,#09AAFB,#151D20);}
.flip-back.pollfish{background:linear-gradient(170deg,#D63D42,#151D20);}
.flip-back.prime{background:linear-gradient(170deg,#343E57,#151D20);}
.flip-back.mychips{background:linear-gradient(170deg,#D1A700,#151D20);}
.flip-back.monlix{background:linear-gradient(170deg,#42E303,#151D20);}
.flip-back.farly{background:linear-gradient(170deg,#9158E7,#151D20);}
.flip-back.bitlabs{background:linear-gradient(170deg,#0667D2,#151D20);}
.flip-back.makemoney{background:linear-gradient(170deg,#F8FF2A,#151D20);}
.flip-front img,.flip-back img{width:100%;height:100%;object-fit:contain;padding:5px;}
.flip-back{transform:rotateY(180deg);}
.flip-inner .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(15,15,15,0.6);backdrop-filter:blur(3px);align-items:center;justify-content:center;border-radius:8px;opacity:0;pointer-events:none;transition:opacity 0.3s ease;z-index:2;display:none;}
.flip-inner:hover .overlay{display:flex;}
.flip-inner:hover .overlay i{font-size:36px;color:white;}
.flip-inner.active .overlay{opacity:1;pointer-events:auto;cursor:pointer;}
.flip-front,.flip-back{transition:background-color 1s ease;}
.reward-section{background:#0d0d1c;padding:60px 20px;text-align:left;color:#ccc;perspective:1000px;}
.reward-title{font-size:2.5rem;margin-bottom:5px;color:#fff;font-weight:bold;animation:fadeInDown 1s ease-in-out;}
.ourPatr{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;}
.reward-card{width:180px;background:var(--mainBack);border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,0.08);padding:15px;text-align:center;position:relative;animation:float 3s ease-in-out infinite;transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden;}
.reward-card:hover{transform:scale(1.03);box-shadow:0 15px 35px rgba(0,0,0,0.15);}
.img-card{position:relative;width:100%;height:90px;}
.img-card img{width:100%;height:100%;border-radius:8px;position:relative;z-index:1;}
.img-card:hover img{width:105%;transform:scale(1.05) rotate(3deg);border-radius:15px;}
.img-card::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient( 120deg,transparent 40%,rgba(255,255,255,0.5) 50%,transparent 60% );transform:rotate(25deg);animation:shine 2.5s infinite;z-index:2;}
.nameof{display:block;font-weight:600;color:white;margin-top:5px;font-size:1rem;}
@keyframes float{0%{transform:translateY(0px);}50%{transform:translateY(-6px);}100%{transform:translateY(0px);}}
@keyframes shine{0%{transform:translateX(-100%) rotate(25deg);}100%{transform:translateX(100%) rotate(25deg);}}
@keyframes fadeInDown{0%{transform:translateY(-30px);opacity:0;}100%{transform:translateY(0);opacity:1;}}
.partners-section p{font-size:15px;line-height:1.6;font-family:Arial,sans-serif;color:#fff;max-width:auto;margin:40px auto;text-align:left;font-family:Lalezar;display:block;}
.type-container{display:block;}
.animated-text{display:inline-block;color:var(--mainColor);border-right:2px solid var(--mainColor);overflow:hidden;white-space:normal;word-break:break-word;max-width:0;vertical-align:bottom;font-size:20px;animation:typing 15s steps(60,end) infinite,blink-caret 2s step-end infinite;}
@keyframes typing{0%{max-width:0;max-height:60px;}30%{max-width:100%;}70%{max-width:100%;}100%{max-width:0;max-height:60px;}}
@keyframes blink-caret{50%{border-color:transparent;}}
.title-content{text-align:center;margin-bottom:30px;}
.title-content h2{font-size:2.2rem;color:#222;font-weight:bold;}
.stats-title{font-size:2rem;margin-bottom:5px;color:#fff;font-weight:bold;padding:30px;}
.site-stats{padding:40px 0;text-align:center;}
.stats-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;}
.stat-box{background:radial-gradient(ellipse,#00BC41,#0D6E0B);background:linear-gradient(135deg,#0D6E0B,#1e1e2e);padding:30px 20px;border-radius:8px;width:300px;box-shadow:0 8px 20px rgba(0,0,0,0.08);transition:transform 0.3s ease;animation:fadeInUp 1s ease forwards;}
.stat-box:hover{transform:translateY(-8px);}
.stat-box span{display:block;font-size:1rem;color:#fff;margin-bottom:10px;}
.stat-box p{font-size:2rem;font-weight:bold;color:#ccc;margin:0;}
.stat-box  i{color:#fff;font-size:25px;}
@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0;}100%{transform:translateY(0);opacity:1;}}
.partners-section .subtitle{font-size:18px;margin-bottom:30px;}
.partners-section .subtitle span{color:#a259ff;font-weight:bold;text-decoration:underline;}
.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px;justify-items:center;align-items:center;}
.flip-front{background-color:#2c2f4a;}
.flip-back{background-color:#1e2238;}
.offers-grid img{width:100%;height:100%;border-radius:8px;}
.faq-container{max-width:800px;margin:60px auto;padding:0 20px;}
.faq-title{text-align:left;font-size:32px;color:#eee;margin-bottom:30px;}
details{background-color:var(--itemBack);border:1px solid #eee;border-radius:10px;margin-bottom:15px;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,0.05);transition:all 0.3s ease;}
summary{font-size:18px;font-weight:600;cursor:pointer;position:relative;padding-right:30px;color:#fff;}
summary::marker{display:none;}
summary::after{content:"\f107";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:0;top:0;transition:transform 0.3s ease;}
details[open] summary::after{transform:rotate(180deg);}
details p{margin-top:15px;font-size:16px;line-height:1.6;color:#ccc;}
@media (max-width:600px){.faq-title{font-size:26px;}summary{font-size:16px;}details p{font-size:15px;}}
.footer{background:#0e0e1a;color:#ccc;font-family:'Poppins',sans-serif;}
.footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:60px 20px;gap:40px;}
.logo-social{flex:1 1 300px;text-align:center;}
.footer-logo{max-width:160px;margin-bottom:20px;}
.company-info{font-size:12px;color:#777;margin-bottom:12px;line-height:1.6;}
.trustpilot-badge img{max-width:120px;}
.footer-links{flex:3 1 500px;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;}
.footer .column h4{font-size:16px;color:#fff;margin-bottom:12px;}
.footer .column ul{list-style:none;padding:0;margin:0;}
.footer .column ul li{margin:6px 0;}
.footer .column ul li a{color:#ccc;text-decoration:none;font-size:14px;display:flex;align-items:center;gap:8px;}
.footer .column ul li a:hover{color:#fff;}
.social a{margin-right:15px;color:#ccc;font-size:20px;transition:color 0.3s;}
.social a:hover{color:#8a5eff;}
.footer-bottom{border-top:1px solid #222;text-align:center;padding:20px;font-size:13px;color:#ccc;}
@media (max-width:768px){.footer .column{width:40%;margin-bottom:20px;}.social a{margin-right:5px;}.logo-social{order:-1;}}



.page-main .policy{max-width:100%;overflow:hidden;font-family:Lateef;color:#aaa;font-size:23px}
.page-main .policy h1{font-family:Cairo;font-size:28px;color:#fff}
.page-main .policy h2{font-family:Cairo;font-size:27px;color:#fff}
.page-main .policy h3{font-family:Cairo;font-size:23px;color:#ccc;font-weight:300}
.page-main .policy strong{color:#787EAE}
.page-main .policy a{color:var(--mainColor)}


@media (max-width:601px) {
.page-main .policy{font-size:20px}
.page-main .policy h2{font-size:25px}
.page-main .policy h3{font-size:20px}
.container{margin:0 10px}