@import url(all.css);
/*---- HERO Section ----*/
.hero-container { background:url(../images/hero-curve-bg.png) top no-repeat; background-size:100%; /* height:124.8vh; */ position:relative; z-index:1; }
.hero-content-left { padding-top:232px; padding-top:29.2vh; padding-top:15%; }
.hero-title { font-size:5.25vw; line-height:0.91; }
.hero-title span { display:block; text-wrap: nowrap; }
.fw-thin { font-weight:100; }
/*---- Navbar ----*/
.navbar-nav .nav-link, .login-link { font-size:1.25rem; text-transform:uppercase; }
.login-link { color:#B92A00; font-weight:600; position:relative; padding-top:0.5rem; padding-bottom:0.5rem; }
.navbar-toggler, .navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {
  outline:none; border:0; box-shadow:none;
}
.navbar-toggler {
  width:20px;
  height:20px;
  position:relative;
  transition:.5s ease-in-out;
}
.navbar-toggler span {
  margin:0; padding:0;
}
.navbar-toggler.collapsed .toggler-icon {
  background-color:#000;
}
.toggler-icon { display:block; position:absolute; height:2px; width:100%; background-color:#B92A00; border-radius:1px; left:0; transform:rotate(0deg); transition:.25s ease-in-out; }
.middle-bar { margin-top:0; }
.navbar-toggler .top-bar { margin-top:0; transform:rotate(135deg); }
.navbar-toggler .middle-bar { opacity:0; filter:alpha(opacity=0); }
.navbar-toggler .bottom-bar { margin-top:0; transform:rotate(-135deg); }
.navbar-toggler.collapsed .top-bar { margin-top:-8px; transform:rotate(0deg); }
.navbar-toggler.collapsed .middle-bar { opacity:1; filter:alpha(opacity=100);}
.navbar-toggler.collapsed .bottom-bar { margin-top:8px; transform:rotate(0deg); }
.hr-myacc-top{ margin: 3rem 0 0 0 !important; background-color: #000; height:1px; border:0; opacity:1;}
.hr-myacc-botm{ margin: 3rem 0 5rem 0 !important; background-color: #000; height:1px; border:0; opacity:1;}
.hr-myacc-top2, .hr-myacc-botm2{ margin: 3rem 0 3rem 0 !important; background-color: #000; height:1px; border:0; opacity:1;}
.hr-ticket-botm{ margin: 3rem 0 3rem 0 !important; border-top: 1px dashed #000; bottom: 25px; position: relative;}
.mobile{ display:none !important;}
.mobile-flex{ display:none !important;}
.nav-tabs-bordered.action-buttons{ padding-bottom:20px;}
.action-buttons li{ width:auto !important;}
.action-buttons li.change-pwd,  li.logout{ margin-top: 3vw;}
.tab-pane h3.content-title{margin-bottom: 1.5rem;}
/*---- Registration Form ----*/
.form-container { background-color:#ECEDED; border-radius:3rem; position:relative; }
.form-container .form-control { padding:0.5rem 1rem; font-size:0.938vw; font-size:18px; }
.form-container label { border-radius:5px; display:block; font-size:14px; cursor:pointer; }
.label-button { background-color:#fff; border-radius:5px; padding:0.5rem 0.75rem; display:block; font-size:18px; cursor:pointer; width:100%; text-align:left; border:0; }
.form-container label.selected { background-color:#CFCFCF; color:#4A3F3B; }
.form-container label.field-label { font-size:0.729vw; font-size:12px; color:#367AFF; background:#fff; padding:0 0.5rem; font-weight:500; position:absolute; top:-12px; left:14px; }
.form-container .btn-primary { height:50px; width:100%; /*font-size:0.938vw;*/ }
.form-container a { color:#E61E50; font-weight:500; }
.form-container .form-group { margin:0;}
.form-container .col, .form-container .form-group { padding-left:5px; padding-right:5px; }
.deleted {color: #F46F6F;}
@media all and (min-width:992px) {
    .login-link:after { content:""; width:2px; height:50px; background-color:#D9D9D9; position:absolute; left:0; top:0; }
}
@media all and (min-width:1200px) {
    .form-container {  /*max-width:32.24vw;*/ }
}
@media all and (min-width:768px) {
    .form-container { top:10vw; }
    .form-inner-container { padding:2rem 3rem; }
    .carousel-fade-out::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 7%; 
        background: linear-gradient(90deg, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.97) 80%, rgba(255,255,255,1) 90%);
        z-index: 1; border-radius: 15px;
    }
	.carousel-fade-out-left::before {content: "";position: absolute; top: 0; left: 0; bottom: 0; width: 7%; 
	  background: linear-gradient(270deg, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.97) 80%, rgba(255,255,255,1) 90%);
	  z-index: 1; border-radius: 15px;
	}
	.owl-carousel .owl-nav button.owl-prev.disabled { display:none !important; }
	.owl-carousel .owl-nav button { transition:all 0.2s ease-in; }
}
.form-group {
    margin-bottom: 1rem;
  }
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  
  .form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
  }
.form-character { position:absolute;top:0; right:0; transform:translate(25%, -80%); width:12.083vw; }
.form-character img { width:100%; }
.signup-label { background-color:#E61E50; border-radius:10px; text-align:center; font-weight:700; color:#fff; font-size:3.177vw; width:30.677vw; top:0; right:0; padding:0.5vw 1vw; z-index:1;
    transform:translate(-8vw,-7vw); position:absolute; white-space:nowrap;
}
.signup-label:after {
    content:""; position:absolute; right:-8px; bottom:0; width:0; height:0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 20px solid #E61E50; 
}
.control-border { border:1px solid #367aff; }
.coin-group { position:absolute; bottom:-70px; width:17.031vw; }
.coin-group img { width:100%; }
.silver-coin-group { right:-75px; }
.gold-coin-group { left:-75px; }
/*---- BODY starts - Intro Section ----*/
.intro-section { /*margin-top:-329px;background:url(../images/mid-section-bottom-curve.png) bottom no-repeat;*/ padding-bottom:15.9vw; }
.intro-section p { font-weight:300; font-size:2.917vw; }
.intro-section .text-highlight { color:#34A853; font-weight:700; }
.tree-squirrel { width:35.177vw; position:relative; transform:translate(8vw, -10vw); }
.tree-content p { font-weight:100; font-size:2.917vw; line-height:1.3; margin-bottom:1.7rem; }
.brand-logos li { margin-right:1rem; }
.brand-squirrel { width:100%; width:26.615vw; }
.text-para p { line-height:1.3; margin-bottom:4rem; }
/* .intro-section { background:url(../images/forest-bottom-bg.png) center bottom no-repeat; padding-bottom:93.281vw; } */
.intro-section .inner-section { /*height:100%;*/ background:url(../images/trees-bg.png) center bottom no-repeat; background-size:100%; padding-bottom:70.281vw; }
.mid-sec-bottom-character { position:absolute; bottom:0; left:50%; transform:translate(-50%,-55%); }
.mid-sec-bottom-character img {}
.mid-sec-bottom-curve { /*background:url(../images/mid-section-bottom-curve.png) no-repeat; height:320px; position:absolute; bottom:-16vw; width:100%;*/ }
.btn-start-squirling { border-radius:10px; font-weight:500; }
/*---- Rewards Section ----*/
.reward-section { font-size:2.083vw; background: rgb(236,237,237);
    background: linear-gradient(0deg, rgba(236,237,237,1) 35%, rgba(255,255,255,1) 100%); }
.reward-section .section-title {  }
.reward-section h4 { font-size:2.083vw; font-weight:700; }
.reward-section ul { padding-left:2rem; }
.reward-section li {  font-size:1.563vw; position:relative; }
.reward-section li:before { content:""; background:url(../images/bullet.png) left no-repeat; background-size:100%; height:25px; width:25px; position:absolute; left:-30px; top:6px; }
.reward-section .img-container { width:14.74vw; position:relative; top:-2rem; }
.reward-section .img-container img { width:100%; }
.text-base {color: #0b5ed7;}
.text-bronze { color:#D77A2B; }
.text-silver { color:#B3C3DB; }
.text-gold { color:#FBC207; }
.text-platinum { color:#84A5CE; }
.top-brands { border-top:1px solid #000; padding-top:4vw; margin-top:5vw; max-width:1520px; padding-bottom:5vw; position:relative; }
.top-brands p { font-size:2.917vw; font-weight:300; line-height:1.3; }
.top-brands .btn-start-squirling { position:unset; transform:none; }
/*---- FAQs Home page ----*/
.faq { padding-top:5rem; }
.faq .faq-title h2 { font-size:2.917vw; color:#156829; font-weight:600; }
.faq .accordion-item { background-color:#F6F6F6; border:1px solid #E7E7E7; margin-bottom:1rem; border-radius:10px; padding:0.5rem 1rem; }
.faq .accordion-button:not(.collapsed) { background-color:transparent; }
.faq .accordion-item .accordion-header .accordion-button { border:0; font-size:1.675vw; font-weight:bold; color:#000; background:none; }
.faq .accordion-body { font-size:1.615vw; font-weight:300; }
.faq .accordion-button::after { background:url(../images/icon-plus.svg) no-repeat; background-size:100%; width:2.188vw; height:2.188vw; }
.accordion-button:not(.collapsed)::after { transform:rotate(45deg); }
/*---- Footer Section ----*/
.home-footer { background:url(../images/footer-bg.png) bottom no-repeat; padding-bottom:34.5vw; }
.home-footer .footer-nav, .member-footer .footer-nav { background-color:rgba(255,255,255,0.75); text-align:center; padding:20px; position:absolute; bottom:100px; left:50%; transform:translateX(-50%); width:78%; }
.home-footer .footer-nav ul { display: flex; justify-content: space-around; height: 55%; padding-bottom: 15px; align-items: center;}
.home-footer .footer-nav a { color:#4A3F3B; font-weight:700; font-size:1.198vw; }
.home-footer .footer-nav a:hover { color: #4a3f3bb3;}
.home-footer .footer-nav div { display: flex; justify-content: space-around; height: 45%; align-items: center; font-size: 13px; border-top: 1px solid #ccc; padding-top: 10px;}
.footer .footer-nav { background-color:rgba(62,205,59,0.75); text-align:center; padding:20px; }
.footer .footer-nav ul { display:flex; justify-content:space-around; height:100%; align-items:center; }
.footer .footer-nav a { color:#4A3F3B; font-weight:700; font-size:1.198vw; }
/*---- Footer Section Member----*/
.member-footer .footer-nav { background-color:rgba(255,255,255,0.75); text-align:center; padding:20px; position:absolute; top:415px; left:50%; transform:translateX(-50%); width:80%; height: 8.5vw;}
.member-footer .footer-nav div { display: flex; justify-content: space-around; height: 45%; align-items: center; font-size: 13px;  border-top: 1px solid #ccc; padding-top: 10px;}
.member-footer .footer-nav ul { display: flex; justify-content: space-around; height: 55%; padding-bottom: 15px; align-items: center; }
.member-footer .footer-nav a { color:#4A3F3B; font-weight:700; font-size:1.198vw; }
.member-footer .footer-nav a:hover { color: #4a3f3bb3;}
.character-phone { width:29.01vw; margin-left:20%; }
.character-shovel { width:35.469vw; }
.character-book-read {  }
.character-weight { width:35.208vw; }
.character-map { width:15.188vw; }
.character-img img { width:100%; }
.acc-dash-reward-section.reward-section { margin-top:auto; }
@media all and (min-width:768px) {
    .hero-container { height:58.802vw; }
    .hero-title br { display:none; }
    .how-you-squirl { padding-top: 4rem; padding-left: 7rem; }
    .character-sign { width:35.625vw; position:relative; top:-15%; }
    .character-cheer { width:25.833vw; }
    .character-friends { width:32vw; /*position: relative; bottom:-30px;*/ }
    .reward-section { margin-top:-20vw; }
    .faq .faq-title { margin-top:1rem; margin-bottom:1rem; }
    .footer-nav { height:7.656vw; }
    .home-footer .footer-nav { height:7.656vw; }
    .tree-content p:first-of-type { padding-right:8%; }
    .reach-content {padding-left:4rem; padding-right:2rem; }
    .collect-point-content { padding-right:3rem; }
    .tasks-container { margin-top:-7rem; }
    .tickets-container { margin-top:2rem; }
}
.cont-pad-tkt{ padding:0 !important;}
/*---- Nuts Position on home page ----*/
.nuts { position:absolute; }
.nuts img { width:100%; }
.nut1 { width:9.01vw; top:0; right:0; transform:translate(-50%, -30%); }
.nut2 { width:4.427vw; left:-3%; bottom:3%; }
.nut3 { width:2.969vw; right:10%; top:0; }
.nut4 { width:2.969vw; top:-25%; right:20%; }
.nut5 { width:4.427vw; right:-5%; top:16%; }
.nut6 { width:5.427vw; top:-10%; left:-7%; }
.nut7 { width:3.552vw; left:7%; top:35%; }
.nut8 { width:2vw; right:37%; top:5%; }
.nut9 { width:5.427vw; top:5%; right:5%; }
.nut10 { width:9.177vw; left:-5%; top:-27%; }
.nut11 { width:4.427vw; right:4%; top:-25%; }
.nut12 { width:4.427vw; top:-25%; left:3%; }
.page-banner { background:url(../images/sub-page-curve.png) left top no-repeat; height:44.531vw; background-size:100%; }
.page-banner.small { height:37.344vw; background-position:0 100%; }
.page-banner .intro-section { width:58.146vw; }
.page-banner .intro-section {
    display: flex;
    align-items: center;
    padding: 3.802vw 5.469vw;
    background-color: #Fff;
    border-radius: 25px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width:57.146vw;
    position:relative;
    top:4.271vw;
    left:8.6vw;
}
.page-banner .intro-section:after {
    content:"";
    position:absolute;
    right: -24px;
    bottom: 3.75vw;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #fff;
}
.page-banner .intro-text {
    flex: 1;
    font-size:2.5vw;
    text-transform:uppercase;
    line-height:1;
    white-space:nowrap;
}
.page-banner .intro-section .welcome-message { font-size:2.083vw; }
.page-banner .intro-image {
    position:absolute;
    top:13.26vw; right:0;
}
.page-banner .intro-image img {
    height: auto;
    width:31.771vw;
}
.page-banner .welcome-message {
    font-size: 16px;
    color: #777777;
    margin-bottom: 10px;
}
.page-banner .user-name {
    color: #AFAFAF;
    margin-bottom: 20px;
    font-weight:700;
}
.page-banner .user-status, .reclaim-points, .level-progress {
    color: #777777;
    margin-bottom: 5px;
}
.page-banner .bronze {color: #A35A44;}
.page-banner .base {color: #0b5ed7;}
.page-banner .points-value {
    color: #4CA750;
    font-weight: bold;
}
.page-banner .progress-value {color: #4CA750; font-weight: bold;}
.make-money { margin:40px 0 15px 0; }
.account-progress, .ticket-page { position:relative; z-index:1; margin-bottom:5.208vw; }
.account-progress { position:relative; z-index:1; margin-bottom:5.208vw; }
.account-progress .account-progress__title { font-weight:bold; color:#ABABAB; text-transform:uppercase; font-size:1.667vw; margin-bottom:15px; }
.account-progress .progress { border-radius:25px; height:2.031vw }
.account-progress .progress-bar { background-color:#EA75ED; }
.progress-amount { font-weight:800; font-size:1.25vw; color:#373737; position:absolute; left:50%; transform:translateX(-50%); }
.account-progress__progress-bar { position:relative; }
.current-offers .current-offers__dropdown select { border:1px solid #D9D9D9; width:100%; text-transform:uppercase; color:#5C5C5C;
font-weight:bold; font-size:1.2vw; padding:8px 12px; height: 48px;}
.tasks .reward-card { border-radius: 15px;border:1px solid #D9D9D9;}
.badge { text-decoration: none !important; }
.badges { position:relative; top:10px; }
.badge-earn  { background-color:#00E024; font-size:1.667vw; border-radius:0 5px 5px 0; text-decoration: none !important; }
.badge-points { background-color:#9EEAA1; color:#5B5B5B; font-size:1.667vw;  border-radius:5px 0 0 5px; text-decoration: none !important;}
.reward-img { max-width:180px; margin:0 auto; padding:1em; }
.reward-body { background-color:#2BA82B; padding:0.5em 1em; }
.reward-body ul { width: 95%;}
.reward-body li { font-size:1.042vw; height: 28px; line-height:28px; overflow-y: clip; margin-left: 18px; } 
.reward-body h5 { font-size:1.458vw; font-weight:bold; }
.reward-body h5, .reward-body li {color:#fff; list-style-type:decimal;}
.reward-body .btn-link { filter: invert(1); position:absolute; right:20px; top:50%; transform:translateY(-50%); }
.reward-body .btn-link img { width:2.623vw; }
.reward-footer { background-color:#00E024; font-size:1.042vw; padding:0.25em 1em; border-radius:0 0 10px 10px;display:flex; }
.reward-footer .reward_details { width:45%; text-align:left;}
.reward-footer .complete_task { width:55%; text-align:right;}
.reward-footer a { color:#4A3F3B; text-decoration:underline; }
.btn-primary-arrow { font-weight:600; position:relative; display: block;}
.btn-primary-arrow:hover { color: #fff; background-color: rgb(13 110 253) !important;text-decoration: none;}
.btn-primary-arrow .right-arrow { position:absolute; right:10px; top:50%; transform:translateY(-55%); }
.btn-primary-arrow .right-arrow img { width:22px; filter:invert(1); }
.btn-icon-arrow { border-radius:5px; background-color:#E75113; text-transform:uppercase; font-weight:600; line-height:1.2; text-align:left; display:flex; align-items:center; }
.btn-icon-arrow .right-arrow img { filter: invert(1); width:1.75vw; }
.btn-icon-arrow .btn-icon { width:2vw; display:flex; margin: auto 9px auto 5px; }
.btn-withdraw { position:absolute; right:10.417vw; top:4.323vw; width:13vw; }
.btn-withdraw a{ display: inline-flex; }
.btn-withdraw .withdraw-cash{width: 6vw; display: inline-flex;}
.btn-withdraw .right-arrow{margin: auto 5px; display: flex;}
.btn-withdraw-mytask { margin:auto; border:none;}
.btn-withdraw-mytask a{ display: inline-flex; padding: 5px 2px;}
.btn-withdraw-mytask .withdraw-cash{width: 6vw; display: inline-flex;}
.btn-withdraw-mytask .right-arrow{margin: auto 5px; display: flex;}
.task-logo{ width:160px; height:80px; display: flex; border-radius:10px; border:1px solid #f3eeee; padding:5px;}
.task-logo img{ max-width:150px; max-height:70px; border-radius:10px; margin: 0 auto; display: block;}
.acc-dash-mid-detail { background:url(../images/account-mid-section-bg.png) bottom no-repeat; background-size:100%; height:60vw; margin-top:3vw; }
.squirl-acorn { width:23.958vw; bottom:11.5vw; left:9vw; }
.points-note { background-color:#fff; border-radius:25px; padding:2.5rem 3em; width:39.927vw; box-shadow:0px 0px 10px rgba(0,0,0,0.25); position:relative; }
.points-note .quick-summary {  }
.points-note .quick-summary .media { width:12.854vw; }
.points-note .quick-summary .media img { width:100%; }
.points-note .quick-summary .info { font-size:2.917vw; line-height:1.25 }
.points-note .quick-summary .info h3 { font-weight:700; color:#49A25F; margin-bottom:0; font-size:2.917vw; }
.points-note .quick-summary .info p { font-weight:100; font-size:2.917vw; width:20vw; }
.points-detail { font-size:2.917vw; font-weight:100; line-height:1.2; letter-spacing:-0.02em; padding-top:1rem }
.points-note:after { content: ""; position: absolute; right: 30%; bottom: -25px; width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 20px solid #fff; transform: rotate(90deg);}
.progress-tree-container { position:absolute; right:0; bottom:0; transform:translate(-11vw, -17vw); }
.progress-tree-10 { background-image:url(../images/progress-tree/tree-10.png); }
..progress-tree-9 { background-image:url(../images/progress-tree/tree-9.png); }
.progress-tree-8 { background-image:url(../images/progress-tree/tree-8.png); }
.progress-tree-7 { background-image:url(../images/progress-tree/tree-7.png); }
.progress-tree-6 { background-image:url(../images/progress-tree/tree-6.png); }
.progress-tree-5 { background-image:url(../images/progress-tree/tree-5.png); }
.progress-tree-4 { background-image:url(../images/progress-tree/tree-4.png); }
.progress-tree-3 { background-image:url(../images/progress-tree/tree-3.png);  }
.progress-tree-2 { background-image:url(../images/progress-tree/tree-2.png); }
.progress-tree-1 { background-image:url(../images/progress-tree/tree-1.png);  }
.progress-tree { background-size:100%; background-repeat:no-repeat;  width:30.26vw; height:34.271vw; }
.acc-dash-reward-section.reward-section { padding-top:2em; background:linear-gradient(180deg, rgba(236,237,237,1) 35%, rgba(255,255,255,1) 100%); }
.points-bar { border-radius:5px; overflow:hidden; display:flex; margin-left:1.3em; }
.points-bar .earned-points { background-color:#EEC86E; padding-left:0.5em; color:#333333; }
.points-bar .bronze-points { background-color:#EEC86E; padding-left:0.5em; color:#333333; }
.points-bar .silver-points { background-color:#B3C3DB; padding-left:0.5em; color:#333333; }
.points-bar .gold-points { background-color:#FBC207; padding-left:0.5em; color:#333333; }
.points-bar .platinum-points { background-color:#84A5CE; padding-left:0.5em; color:#333333; }
.points-bar .wallet-amount { background-color:#C56758; color:#fff; }
.carousel-inner {
    position: relative;
    overflow: hidden; /* Ensure content doesn't overflow */
    /*padding-right: 15%;*/ /* Space for the next item to show */
  }
  
  .carousel-item {
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    opacity: 1;
  }
  
  .carousel-item-next,
  .carousel-item-prev,
  .carousel-item.active {
    /* display: flex; */
  }
  
  .carousel-item-next.carousel-item-start,
  .carousel-item-prev.carousel-item-end {
    transform: translateX(0);
    /*opacity: 0.5;*/ /* Faded opacity for the next/prev item */
  }
  
  .carousel-control-next-icon,
  .carousel-control-prev-icon {
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
  }
  
  #carouselCoupons .carousel-control-next-icon { filter:invert(1); }
  .progress-step {
    display: flex;
    height: 15px; 
    position:relative;
    overflow:visible;
  }
  .progress-step:after {
    content:"";
    position:absolute;
    background:url(../images/progress-starting-point.png) no-repeat;
    left:0;
    top:0;
    width:0;
    height:0;
  }
  .progress-starting {
    background:url(../images/progress-starting-point.png) no-repeat;
    width: 28px;
    height: 29px;
    background-size: 100%;
    position: absolute;
    left: -3px;
    top: -6px;
  }
  .progress-ending {
    background:url(../images/progress-ending-point.png) no-repeat;
    width: 28px;
    height: 29px;
    background-size: 100%;
    position: absolute;
    right: -3px;
    top: -6px;
  }
  
  .points-progress .progress-bar {
    background-color: #E6E6E6; 
    transition: background-color 0.3s;
    border-left:2px solid #156829;
  }
  .progress-bar:first-child {
    border-left:0;
  }
  
  .step-1.active,
  .step-2.active,
  .step-3.active,
  .step-4.active,
  .step-5.active,
  .step-6.active,
  .step-7.active,
  .step-8.active,
  .step-9.active,
  .step-10.active {
    background-color: #49A25F; 
  }
  
  .step-1.completed,
  .step-2.completed,
  .step-3.completed,
  .step-4.completed,
  .step-5.completed,
  .step-6.completed,
  .step-7.completed,
  .step-8.completed,
  .step-9.completed,
  .step-10.completed {
    background-color: #49A25F; 
  }
  .owl-carousel .owl-nav {}
  .owl-carousel .owl-nav button.owl-next {
    background-image:url(../images/right-angle-arrow.svg);
  }
  .owl-carousel .owl-nav button.owl-prev {
    background-image:url(../images/right-angle-arrow.svg);
    transform:rotate(180deg);
	margin-top: -17px;
  }
  .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    z-index:9;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    transition:opacity .15s ease;
  }
  .owl-carousel .owl-nav button.owl-next { right:0; }
  .owl-carousel .owl-nav button.owl-prev { transform:rotate(180deg); }
  .owl-carousel .owl-nav button span { font-size:0; }
  /*------------ Store Overlay ------------*/
  .overlay { position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(35,31,32,0.4); }
  .store-modal-dialog { position:absolute; top:1vw; left:50%; transform:translateX(-50%); z-index:9; }
  .store-modal__header { position:relative; height:19.22vw; }
  .store-modal__header .store-banner { position:absolute; left:0; top:0; bottom:0; right:0; }
  .store-modal__header .store-banner img { width:100%; max-height: 262px; border-radius: 40px 40px 0 0;}
  .store-modal__header .store-logo-wrap { background-color:#fff; padding:0; position:absolute; margin-top:80px; }
  .store-modal__header .store-logo-wrap .store-logo-popup{ max-width: 340px; max-height: 120px; width: 100%; height: auto;}
  .modal-close-button { float:right; position:absolute; right:2%; top:12%; background:url(../images/close-icon.png) no-repeat; background-size:100%; width:2.188vw; height:2.188vw; z-index:1; cursor:pointer; border:0; }
  
  .bgbody { background-color:#EAEAEA; padding:4rem 4rem; border-radius:35px; }
  .no_task{ margin-bottom:6rem;}
  .no_task h5{ font-size:1.75rem; font-weight:600; margin-top:10px;}
  .no_task div{ margin:3rem auto; font-size:17px;}
  .store-modal__body { background-color:#EAEAEA; padding:2rem 4rem; border-radius:0 0 35px 35px; }
  .store-modal-dialog .store-desc { background-color:rgba(43,168,43, 0.19); padding:2.5rem 2rem 1rem; }
  .register-steps { padding:20px 0px; }
  .register-steps ul { padding-left:20px; }
  .register-steps ul li { list-style:decimal; line-height:1.6; font-size: 15px;}
  .register-steps .action-row { display:flex; justify-content: space-between; align-items:center; }
  .earn-and-points { border-radius:10px; display:flex; overflow:hidden; font-size:1.667vw; font-weight:700; line-height:2; }
  .earn-and-points .earned-money { background:#00E024; padding:0 1rem; }
  .earn-and-points .earned-points { background:#9EEAA1; padding:0 1rem; }
  .btn-icon-arrow img { filter: invert(1); width: 1.75vw;}
  .btn-secondary { 
	background-color: #2BA82B;
	border-radius: 18px;
	padding: 0 1.25rem;
	font-weight: 700;
	line-height: 1;
	border: 0;
	height: 50px;
	font-size: 1.5vw;
	width: 18vw;
	display: flex;
	justify-content: space-around; 
	text-transform:none;
  }
.btn-secondary:hover{ text-decoration:none !important;}
.terms { margin-top:40px; padding-top:30px; border-top:1px solid #000; }
.terms p {
  font-size:12px;
  line-height:1.7;
  margin-bottom:0;
}
.terms ul { padding-left:10px; }
.terms ul li, .terms ul lo{ font-size:12px; padding-left: 0px !important; margin-left: 8px !important; list-style: disc !important;}
.criteria{ margin:5px 0 10px 5px;}
/*--------- Success Popup ----------*/
.success-modal .modal-dialog { max-width:none; width:41vw; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) !important; border-radius:0.5rem; background-color:#fff;  border-radius:2rem; }
.success-modal .congratulation { width:72% !important;}
.success-modal .video-width { width:44vw !important; padding:20px;}
.success-modal .tree-bg { background:url(../images/progress-tree/tree-10.png) no-repeat; background-size:30%; width:300px; height:500px; position:absolute; top:0; right:0; z-index:9;}
.success-modal .modal-content { border-radius:2rem; border:0; /*padding: 5px;*/}
    
.success-modal .modal-title { font-size:5vw; }
.success-modal .modal-title-1 { font-size:4vw; }
.success-modal .modal-title-2vw { font-size:2vw; }
.success-modal .media-image { width:10.677vw; }
.success-modal .media-image img { position:relative; top:-25px; }
.success-modal .media-image-1 { width:7vw; }
.success-modal .media-image-1 img { position:relative; width:95%; }
.success-modal .modal-body { font-weight:300; font-size:1.563vw; padding-bottom:2rem; }
.success-modal .btn-close { background:url(../images/close-icon.png) no-repeat; background-size:100%; opacity:1; position:absolute; right:4%; top:4%; }
.success-modal ul { padding-left:1rem; list-style: disc;}
.success-modal ul li { margin-left:1rem; list-style: disc; font-size: 24px;}
.quote-character { position:absolute; top:0; right:-50px; }
.quote-character img{ width:11vw; float:right;}
.quote-character-1 { position:absolute; top:0; right:0px; }
.quote-character-1 img{ width:13vw; float:right;}
.squirel_quote_padding { padding:2rem 1.2rem !important}
.squirel-quote { width:80%; background-color:rgba(43,168,43,0.19); padding:1rem 1.5rem; position:relative; border:0; border-radius: 25px;}
.squirel-quote:after { content:""; position:absolute; right:0; bottom:0; width:0; height:0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 20px solid rgba(43,168,43,0.19); transform:translate(20px, -16px); }
.squirel-quote-1 { width:40vw; padding-right:10vw !important; background-color:rgba(43,168,43,0.19); padding:1rem 1.5rem; position:relative; border:0; border-radius: 25px;}
.squirel-quote-1:after { content:""; position:absolute; right:0; bottom:0; width:0; height:0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 20px solid rgba(43,168,43,0.19); transform:translate(20px, -16px); }
.squirel-quote-1 .grn-box-txt { font-weight:300 !important; font-size:1.563vw !important;}
.media-title { font-size:2.917vw; }
.media-title-1 { font-size:2.5vw; }
.media-sub-title { font-size:2.083vw; }
.success-modal .card-title { font-size:1.563vw; font-weight:700; margin-bottom:0; }
.success-modal .card p { font-size: 22px; font-weight:500; margin:0; }
.success-modal .modal-body, .success-modal .modal-header { padding-left:3.5rem; padding-right:4rem; }
.success-modal .modal-body-1 { position: relative; flex: 1 1 auto; padding-left:3rem; padding-right:4rem; font-weight: 300; font-size: 1.563vw;  padding-bottom: 2rem; max-width: 85%;}
.success-modal .modal-header-1 { padding-left:3rem; padding-right:4rem; padding-top: 1.5rem; }
.success-modal .media-body-1 { max-width:76%;}
#content-div{ display:none;}
.floating-nuts { background:url(../images/confetti-acorn-bg.gif) no-repeat; background-size:100%; width:94.74vw; height:100%; position:absolute; top:0; left:50%; transform:translate(-50%,0); z-index:9; }
.oops-black-heading{ margin:0 0 2rem 0; color: #333; font-weight: 700 !important;}
/*--------- My Account ----------*/
.page-title { font-size:5vw; text-transform:uppercase; font-weight:700; color:#fff; line-height:1.25; padding-top:5vw; }
.thank-you-title { font-size:3.5vw !important; text-align:center !important; }
.page-banner .action-buttons { margin-top:2vw; }
.action-buttons a{ margin-right:0.7vw; cursor:pointer;}
.task-btns a{ float:left;}
.content-title { font-size:2.083vw; font-weight:700; }
.profile-info-container { border:1px solid #D9D9D9; padding:1.5em 3em; border-radius:2rem; }
.profile-info-container .label { font-size:1.146vw; color:#868686; }
.profile-info-container .value { color:#9A9A9A; font-size:1.042vw; }
.overlap-banner { position:relative; z-index:1; margin-top:-14vw; }
.account-footer { background:url(../images/account-mid-section-bg.png) bottom no-repeat; background-size:100%; background-position:0 150%; height:40vw; }
/*.account-footer .footer-character { position:absolute; bottom:100px; left:50%; transform:translate(-57%,-5%); }*/
.account-footer .footer-character { position:absolute; top:-40px; left:50%; transform:translate(-57%,-5%); }
.info-container { border:1px solid #D9D9D9; padding:2em 3em; border-radius:2rem; }
.info-container.account-progress .account-progress__title { font-size:1.146vw; margin-bottom:10px; }
.info-container.account-progress p { font-size:2.083vw; color:#535353; }
.info-container.account-progress .account-progress__progress-bar { max-width:25.833vw; }
.info-container.account-progress .withdrawable {  }
.info-container.account-progress .withdrawable p { font-size:1.146vw; font-weight:700; color:#868686; margin:0; }
.info-container.account-progress .withdrawable h4 { font-size:4.167vw; font-weight:700; line-height:1; }
.btn-arrow { min-width: 14.167vw; font-size: 1.667vw; padding: 0.5em 1em;
  border-radius: 10px;
  font-weight: 700;
  border: 0;
  line-height: 1.2; 
}
/*.btn-arrow.btn-tertiary-fill .right-arrow img { filter:invert(0); width:1.042vw; }*/
.btn-arrow.btn-tertiary-fill .right-arrow img { filter:invert(1); width:1.7vw; }
.earn-more-squirling{margin: auto auto 3rem auto;}
.earn-more-squirling .earn-sqrl-txt{ font-weight: 500; font-size: 22px; width:80%; background-color:rgba(43,168,43,0.19); padding:2rem; position:relative; border:0; border-radius: 25px;}
.question-div { margin:auto; margin-bottom: 4rem; flex: 0 0 auto; width: 39%;}
.question-ballon {display: table; width: 30vw; height: 12vw; border-radius: 50px; padding:2rem; text-align: center; border:1px solid #ccc;}
.question-ballon .ballon-txt{ display: table-cell; vertical-align: middle; font-size:26px; font-weight:500;}
.action-buttons .msg-btn{ margin:auto; display:block;}
.need-help-img{ margin: auto auto 1rem auto;}
.need-help-img img{ width:100%;}
.can-withdraw{ font-size:17px; font-weight:700; text-align:center; margin-top:2px;}
.nav-tabs { border-width:0; border: none;}
.nav-tabs .nav-item { min-width:150px; }
.nav-tabs .nav-link { display:flex; align-items:center; color:#535353; font-weight:700;position:relative;top:1px;font-size:18px; line-height:1; }
.nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { color: #367AFF; border:0; }
.nav-tabs .nav-link.active { border-bottom:2px solid #367AFF; }
.nav-tabs .nav-link svg { margin-right:10px; }
.btn-tertiary-fill:hover { color: #fff; background-color: rgb(13 110 253); text-decoration:none;}
.btn-tertiary-fill.hero-btn.active { color: #fff; background-color: rgb(13 110 253);}
.task-table-4-cols {
  display: grid;
  grid-template-columns:1fr 1.5fr 3fr 0.75fr;
}
.info-table { border:1px solid #D9D9D9; border-radius:1rem; }
.info-table thead th { background-color:#D9D9D9; padding-top:1em; padding-bottom:1em; }
 .info-table th:first-of-type, .info-table th:last-of-type, .info-table tr td:last-of-type, .info-table tr td:first-of-type {
  border-bottom:0;
}
.info-table .action-button { background-color:#49A25F; color:#F0F0F0; width:9.375vw; margin-left:auto; display:flex; justify-content:space-between; }
.info-table .action-button img { filter:invert(1); }
.info-table tbody tr:last-of-type td { border-bottom:0; }
.info-table .payment-status { color:#808080; font-size:1.042vw; font-weight:bold; text-align:right; }
.info-table .payment-status img { width:1.458vw; margin-left:10px; }
.info-table .payment-status.pending img { filter:grayscale(1); opacity:0.5; }
.mb-cashout-form{ margin-bottom:3rem;}
#result_msg_cashout, #result_msg_cashout{ display:none;}
.character-gifts { position:relative; top:30%; }
.character-gifts .quote-container { width:27vw; font-size:2.7vw; line-height:1.2; padding:1.2em; background-color:#fff; border-radius:2.5rem; }
.character-gifts img { width:18vw; position:absolute; bottom:-12vw; right:10px; }
.character-gifts .quote-container:after { content: ""; position: absolute; right: 16vw; bottom: -25px; width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 20px solid #fff; transform: rotate(90deg);}
.character-gifts .qc-extra{ width:30vw !important; font-size:2.2vw !important; padding:0.8em !important; line-height:1.7 !important}
.character-gifts .qc-extra a{ text-decoration:none; color:#090;}
.mytasks-footer { background:url(../images/footer-large.png) bottom no-repeat; background-size:100%; height:54.083vw; margin-top:23vw; }
.mytasks-footer .footer-character { position:relative; top:-16vw; left:-2vw; }
.mytasks-footer .character-friends { margin:auto; }
.refer-friend { padding-left:1em; padding-right:1em; max-width:64.313vw; margin:auto; text-align:center; position:relative; bottom:7.8vw; }
.refer-friend h5, .refer-friend p { font-size:2.917vw; letter-spacing:-0.02em; color:#fff; }
.refer-friend p { font-weight:100; line-height:1.3; }
#result_msg_user, #result_msg_change_password, #result_msg_cashout, #result_msg_cashout_1, #result_msg, #result_msg_ticket, #missing_cashback_div{ display:none;}
.new-ticket { padding: 1.5rem 3rem; margin-top:10%; }
.new-ticket form input[type=text], select { padding:8px !important; }
.new-ticket form textarea { padding: 8px !important; height:130px; }
#load_my_ticket_detail label { background-color: #cccccc2b; display: flex; align-items: center; font-size: 14px; }
#load_my_ticket_detail .position-relative { margin-bottom: 2px !important;}
.border-btm { border-bottom: 1px solid #cccccc8c; margin-left: -10px; display: block;}
.admin-reply-label {font-size:17px;border-bottom: 1px solid #cccccc8c; margin:12px 0 10px -10px; padding:10px 0; display: block; }  	 
.post-reply-label {font-size:17px;border-bottom: 1px solid #cccccc8c; margin:12px 0 10px -10px; padding:10px 0; display: block; }
#ticket_image{ width:100%;}
.no-record-found{ margin:0vw auto 10vw auto; text-align:center;}
.no-record-found div{ width: 100%; border:1px solid #ccc; border-radius: 25px; background-color:#fff; margin: auto; padding: 5vw; font-size: 20px;}
.for-close{ padding-top:0 !important; padding-bottom:0 !important; margin:10px 0}
.for-close h5{color: #49A25F !important; float: left; text-transform: uppercase !important; font-weight: 700 !important; font-size: 1.25rem;}
.close-button { float:right; position: absolute; right:20px; top: 20px; background: url(../images/close-icon.png) no-repeat; background-size: 100%; width: 2.188vw; height: 2.188vw; z-index: 1; cursor: pointer;  border: 0;}
.contact-btn-right{ margin:0;}
/*.cat_color_1{ background-color: #fee7e2}
.cat_color_2{ background-color: #f7fab9}
.cat_color_3{ background-color: #e5fab9}
.cat_color_4{ background-color: #b9fada}
.cat_color_5{ background-color: #d4e9fa}
.cat_color_6{ background-color: #ece0f7}
.cat_color_7{ background-color: #f7e0e3}
.cat_color_8{ background-color: #ebebe5}*/
.cat_color_1{ background-color: #ffffff}
.cat_color_2{ background-color: #ffffff}
.cat_color_3{ background-color: #ffffff}
.cat_color_4{ background-color: #ffffff}
.cat_color_5{ background-color: #ffffff}
.cat_color_6{ background-color: #ffffff}
.cat_color_7{ background-color: #ffffff}
.cat_color_8{ background-color: #ffffff}
.current-offers { display:block !important; margin-top: 10px;}
.search-task { display:block !important; margin-top: 10px;}
.search-task input[type=text]{border-radius: 0; padding: 8px 12px; height: 48px; border-color: #D9D9D9;}
.account-progress {margin-bottom: 2vw !important;}
.ticket-page  {margin-top: -3vw; margin-bottom: 2vw;}
.side-tree { position: absolute; right: 0; height: calc(100% - 20px);}
.video{width:100%; height:680px; margin:auto;}
.surveys-margin{ margin-top:-110px;}
.overlay{ cursor:pointer;}
.unsubscribe{padding:50px;height:350px;}
#friend_email, #referral_link{ width:84% !important; padding:12px;}
.offer-sec{ width:98%; margin:auto;}
.pad0000 {padding: 0px !important;}
.border1 { border-bottom: 1px solid #cccccc52; height: 1px;}
.qrcode-div { border: 1px solid #ccc;  width: 190px; padding: 15px; display: block; margin: 15px auto 10px auto; background: #a4cd50;}
.qrcode-div img{ margin: auto; display: block;}
.devices-icons { margin-bottom: 12px;}
.qr-offer-img { min-width: 75px; min-height: 50px; display: flex; justify-content: center; align-items: center; padding: 5px; border: 1px solid #efefef; border-radius: 5px; margin: 10px auto;}
.qr-offer-img img { max-height: 50px;}
.qr-offer-title {font-size: 14px;}
.qr-offer-title div { display: flex; align-items: center; height: 20px;}
.qr-offer-title strong { margin-top: 8px;}
.qr-offer-title div:first-child { margin: 15px 0 6px 0; font-size: 20px;}
.loading-gif{width: 22px;margin-right: 5px;}
.loading-gif-big{ text-align:center; width: 100%; padding: 50px; font-weight:600; font-size:18px;}
.loading-gif-big img{ width: 198px; margin-right:20px;}
.upper-case{ text-transform:uppercase;}
.gambleaware{ margin-top:15px;}
#agreement{border: 1px solid #367aff;}
.all-task{margin: 0 0 30px 0;}
.filter_margin{margin-top: 2.5rem !important;}
.d-flex-inline { display: inline-flex;}
.popup-top{ top:25px !important;}
.login-btn {position: inherit; width: 11vw;border-radius: 5px;  background-color: #E75113;  text-transform: uppercase; font-weight: 600; line-height: 2; display: flex; border: 0 !important; cursor:pointer;}
.go-back{ background: #b24813; color: #fff !important;  padding: 3px 10px 6px 10px; border-radius: 5px; margin-left: 10px; font-size: 13px; text-decoration: none !important;}
.dropdown-menu{ border-radius:2px;}
.offerwall { margin-bottom: 20px !important;}
.offerwall li { margin-bottom:10px; list-style: disc; margin-left: 1.3rem;}
.offerwall.cpx li:nth-child(1):before { content:""; background:url(../images/bullet.png) left no-repeat; background-size:100%; height:25px; width:25px; position:absolute; left:19px; top:70px; }
.offerwall.cpx li:nth-child(2):before { content:""; background:url(../images/bullet.png) left no-repeat; background-size:100%; height:25px; width:25px; position:absolute; left:19px; top:104px; }
.offerwall.ayet li:nth-child(1):before { content:""; background:url(../images/bullet.png) left no-repeat; background-size:100%; height:25px; width:25px; position:absolute; left:19px; top:30px; }
.offerwall.ayet li:nth-child(2):before { content:""; background:url(../images/bullet.png) left no-repeat; background-size:100%; height:25px; width:25px; position:absolute; left:19px; top:65px; }
.os-label{background-color: #a3eba5; color: #333; border-radius: 20px; font-size: 16px; font-weight: 500; padding: 2px 12px 4px 12px; margin-left: 3px;}
/* start code added by raju das on 23rd Jan 2025*/
.owl-item {	transition: 0.5s; border-radius: 15px;border:1px solid #D9D9D9;	margin:15px 30px 15px 0;}
.owl-item:hover{ transform: scale(1.05); border-radius: 15px;border:1px solid #D9D9D9; z-index: 2; margin:15px 15px 15px 0;	}
/* end code added by raju das on 23rd Jan 2025*/	
.available-task{ font-size:18px; font-weight:500; margin-bottom: 12px;}
.survey-cashback span:nth-child(1)  { margin-right: 10px; border: 1px solid #108317; border-radius: 30px; padding: 5px 25px 8px 25px; background-color: #17991d; color: #fff;}
.survey-cashback span:nth-child(2)  { border: 1px solid #a73a04; border-radius: 30px; padding: 5px 25px 8px 25px; background-color: #b24813; color: #fff;}
.you_busy{margin: auto; display: block; text-align: center; padding-top: 30px;}
.you_busy p{font-size: 26px; margin-top: 1rem;}
.you_busy span{font-size: 26px; margin-top: 1rem;}
.first-time p{ font-size:28px !important;}
.first-time strong{ color: #777777; font-weight: 700 !important;}
.brown-txt{ color:#b24813; font-weight: bold;}
.share-container{ padding:3rem;}
.refer-img-box { margin-top:3rem;}
.refer-img-box img{ width:325px; margin-left: auto !important;}
.refer-friends-box{ padding-right: 5rem;}
.refer-txt-box{ width:75%; display: flex !important; margin:1rem auto auto auto;}
#navbarCollapse .navbar-nav a{ padding: 12px 10px 10px 10px; font-size: 19px; color: var(--bs-navbar-active-color);}
#navbarCollapse .active{ color: #12872a !important; border: 1px solid #12872a; border-radius: 10px; height: 42px; padding: 6px 15px !important; margin-top: 7px; margin-right: 5px;}
.dropdown-menu { margin-left:10px;}
.dropdown-menu li a{ padding: 6px 10px 6px 10px !important; font-size: 18px !important; color: var(--bs-navbar-active-color);}
.dropdown-menu li .active{ color: #12872a; border: none !important;}
.btn-pagination { margin-top:1.5rem;}
.pagination { display: flex; justify-content: center; margin: 0; padding: 0;}
.active>.page-link, .page-link.active { color: var(--bs-pagination-active-color); background-color: #B24813 !important; border-color: #B24813 !important;}
.page-link { color: #379834;}
.page-link:hover { color: #B24813; }